glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/sidebar #8

Merged
ilia merged 50 commits from feature/sidebar into main 2026-01-03 10:56:23 +00:00
Conversation 0 Commits 50 Files Changed 115 +53 -52
44 changed files with 53 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 879e8cd710 - Show all commits

10
src/App.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import favicon from '$shared/assets/favicon.svg';
import favicon from '$shared/assets/favicon.svg';
import './app.css';
import Page from './routes/Page.svelte';
</script>
@@ -13,8 +13,8 @@ import Page from './routes/Page.svelte';
</div>
<style>
#app-root {
width: 100%;
height: 100vh;
}
#app-root {
width: 100%;
height: 100vh;
}
</style>

5
src/routes/Page.svelte
View File

@@ -1,9 +1,10 @@
<script>
import Button from '$shared/shadcn/ui/button/button.svelte';
import CategoryFilter from '$features/CategoryFilter/ui/CategoryFilter.svelte';
import Button from '$shared/shadcn/ui/button/button.svelte';
</script>
<h1>Welcome to Svelte + Vite</h1>
<p>
Visit <a href="https://svelte.dev/docs">svelte.dev/docs</a> to read the documentation
</p>
<Button>Click me!</Button>
<CategoryFilter />

4
src/shared/shadcn/ui/button/button.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts" module>
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
import { tv, type VariantProps } from 'tailwind-variants';
@@ -45,7 +45,7 @@ export type ButtonProps =
</script>
<script lang="ts">
let {
let {
class: className,
variant = 'default',
size = 'default',

2
src/shared/shadcn/ui/input/input.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;

2
src/shared/shadcn/ui/separator/separator.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import { Separator as SeparatorPrimitive } from 'bits-ui';
let {

2
src/shared/shadcn/ui/sheet/sheet-close.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { Dialog as SheetPrimitive } from 'bits-ui';
import { Dialog as SheetPrimitive } from 'bits-ui';
let { ref = $bindable(null), ...restProps }: SheetPrimitive.CloseProps = $props();
</script>

4
src/shared/shadcn/ui/sheet/sheet-content.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts" module>
import { tv, type VariantProps } from 'tailwind-variants';
import { tv, type VariantProps } from 'tailwind-variants';
export const sheetVariants = tv({
base:
'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
@@ -23,7 +23,7 @@ export type Side = VariantProps<typeof sheetVariants>['side'];
</script>
<script lang="ts">
import { cn, type WithoutChildrenOrChild } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithoutChildrenOrChild } from '$shared/shadcn/utils/shadcn-utils.js';
import XIcon from '@lucide/svelte/icons/x';
import { Dialog as SheetPrimitive } from 'bits-ui';
import type { Snippet } from 'svelte';

2
src/shared/shadcn/ui/sheet/sheet-description.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import { Dialog as SheetPrimitive } from 'bits-ui';
let {

2
src/shared/shadcn/ui/sheet/sheet-footer.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

2
src/shared/shadcn/ui/sheet/sheet-header.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

2
src/shared/shadcn/ui/sheet/sheet-overlay.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import { Dialog as SheetPrimitive } from 'bits-ui';
let {

2
src/shared/shadcn/ui/sheet/sheet-portal.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { Dialog as SheetPrimitive } from 'bits-ui';
import { Dialog as SheetPrimitive } from 'bits-ui';
let { ...restProps }: SheetPrimitive.PortalProps = $props();
</script>

2
src/shared/shadcn/ui/sheet/sheet-title.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import { Dialog as SheetPrimitive } from 'bits-ui';
let {

2
src/shared/shadcn/ui/sheet/sheet-trigger.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { Dialog as SheetPrimitive } from 'bits-ui';
import { Dialog as SheetPrimitive } from 'bits-ui';
let { ref = $bindable(null), ...restProps }: SheetPrimitive.TriggerProps = $props();
</script>

2
src/shared/shadcn/ui/sheet/sheet.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { Dialog as SheetPrimitive } from 'bits-ui';
import { Dialog as SheetPrimitive } from 'bits-ui';
let { open = $bindable(false), ...restProps }: SheetPrimitive.RootProps = $props();
</script>

2
src/shared/shadcn/ui/sidebar/sidebar-content.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

2
src/shared/shadcn/ui/sidebar/sidebar-footer.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

2
src/shared/shadcn/ui/sidebar/sidebar-group-action.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { Snippet } from 'svelte';
import type { HTMLButtonAttributes } from 'svelte/elements';

2
src/shared/shadcn/ui/sidebar/sidebar-group-content.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

2
src/shared/shadcn/ui/sidebar/sidebar-group-label.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { Snippet } from 'svelte';
import type { HTMLAttributes } from 'svelte/elements';

2
src/shared/shadcn/ui/sidebar/sidebar-group.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

2
src/shared/shadcn/ui/sidebar/sidebar-header.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

2
src/shared/shadcn/ui/sidebar/sidebar-input.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { Input } from '$shared/shadcn/input/index.js';
import { Input } from '$shared/shadcn/input/index.js';
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import type { ComponentProps } from 'svelte';

2
src/shared/shadcn/ui/sidebar/sidebar-inset.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

2
src/shared/shadcn/ui/sidebar/sidebar-menu-action.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { Snippet } from 'svelte';
import type { HTMLButtonAttributes } from 'svelte/elements';

2
src/shared/shadcn/ui/sidebar/sidebar-menu-badge.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

4
src/shared/shadcn/ui/sidebar/sidebar-menu-button.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts" module>
import { tv, type VariantProps } from 'tailwind-variants';
import { tv, type VariantProps } from 'tailwind-variants';
export const sidebarMenuButtonVariants = tv({
base:
@@ -29,7 +29,7 @@ export type SidebarMenuButtonSize = VariantProps<typeof sidebarMenuButtonVariant
</script>
<script lang="ts">
import * as Tooltip from '$shared/shadcn/tooltip/index.js';
import * as Tooltip from '$shared/shadcn/tooltip/index.js';
import {
cn,
type WithElementRef,

2
src/shared/shadcn/ui/sidebar/sidebar-menu-item.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

2
src/shared/shadcn/ui/sidebar/sidebar-menu-skeleton.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { Skeleton } from '$shared/shadcn/skeleton/index.js';
import { Skeleton } from '$shared/shadcn/skeleton/index.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';

2
src/shared/shadcn/ui/sidebar/sidebar-menu-sub-button.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { Snippet } from 'svelte';
import type { HTMLAnchorAttributes } from 'svelte/elements';

2
src/shared/shadcn/ui/sidebar/sidebar-menu-sub-item.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

2
src/shared/shadcn/ui/sidebar/sidebar-menu-sub.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

2
src/shared/shadcn/ui/sidebar/sidebar-menu.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
let {

2
src/shared/shadcn/ui/sidebar/sidebar-provider.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import * as Tooltip from '$shared/shadcn/tooltip/index.js';
import * as Tooltip from '$shared/shadcn/tooltip/index.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
import {

2
src/shared/shadcn/ui/sidebar/sidebar-rail.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
import { useSidebar } from './context.svelte.js';

2
src/shared/shadcn/ui/sidebar/sidebar-separator.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { Separator } from '$shared/shadcn/separator/index.js';
import { Separator } from '$shared/shadcn/separator/index.js';
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import type { ComponentProps } from 'svelte';

2
src/shared/shadcn/ui/sidebar/sidebar-trigger.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { Button } from '$shared/shadcn/button/index.js';
import { Button } from '$shared/shadcn/button/index.js';
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import PanelLeftIcon from '@lucide/svelte/icons/panel-left';
import type { ComponentProps } from 'svelte';

2
src/shared/shadcn/ui/sidebar/sidebar.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import * as Sheet from '$shared/shadcn/sheet/index.js';
import * as Sheet from '$shared/shadcn/sheet/index.js';
import { cn, type WithElementRef } from '$shared/shadcn/utils/shadcn-utils.js';
import type { HTMLAttributes } from 'svelte/elements';
import { SIDEBAR_WIDTH_MOBILE } from './constants.js';

2
src/shared/shadcn/ui/skeleton/skeleton.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import {
import {
cn,
type WithElementRef,
type WithoutChildren,

2
src/shared/shadcn/ui/tooltip/tooltip-content.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import type { WithoutChildrenOrChild } from '$shared/shadcn/utils/shadcn-utils.js';
import { Tooltip as TooltipPrimitive } from 'bits-ui';
import type { ComponentProps } from 'svelte';

2
src/shared/shadcn/ui/tooltip/tooltip-portal.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { Tooltip as TooltipPrimitive } from 'bits-ui';
import { Tooltip as TooltipPrimitive } from 'bits-ui';
let { ...restProps }: TooltipPrimitive.PortalProps = $props();
</script>

2
src/shared/shadcn/ui/tooltip/tooltip-provider.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { Tooltip as TooltipPrimitive } from 'bits-ui';
import { Tooltip as TooltipPrimitive } from 'bits-ui';
let { ...restProps }: TooltipPrimitive.ProviderProps = $props();
</script>

2
src/shared/shadcn/ui/tooltip/tooltip-trigger.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { Tooltip as TooltipPrimitive } from 'bits-ui';
import { Tooltip as TooltipPrimitive } from 'bits-ui';
let { ref = $bindable(null), ...restProps }: TooltipPrimitive.TriggerProps = $props();
</script>

2
src/shared/shadcn/ui/tooltip/tooltip.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
import { Tooltip as TooltipPrimitive } from 'bits-ui';
import { Tooltip as TooltipPrimitive } from 'bits-ui';
let { open = $bindable(false), ...restProps }: TooltipPrimitive.RootProps = $props();
</script>