svelte-ag 0.0.2-dev.73 → 0.0.2-dev.80

package/dist/lib/components/sidebar/sidebar-menu-button.svelte

@@ -0,0 +1,150 @@
+<script lang="ts" module>
+  import { tv, type VariantProps } from 'tailwind-variants';
+
+  export const sidebarMenuButtonVariants = tv({
+    base: cn(`
+      peer/menu-button ring-sidebar-ring flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm
+      transition-[width,height,padding] outline-none
+      hover:bg-sidebar-accent hover:text-sidebar-accent-foreground
+      active:bg-sidebar-accent active:text-sidebar-accent-foreground
+      data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground
+      data-[active=true]:font-medium
+      data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground
+      group-has-[[data-sidebar=menu-action]]/menu-item:pr-8
+      group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2
+      focus-visible:ring-2
+      disabled:pointer-events-none disabled:opacity-50
+      aria-disabled:pointer-events-none aria-disabled:opacity-50
+      [&>span:last-child]:truncate
+      [&>svg]:size-4 [&>svg]:shrink-0
+    `),
+    variants: {
+      variant: {
+        default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',
+        outline: `
+          bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))]
+          hover:bg-sidebar-accent hover:text-sidebar-accent-foreground
+          hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]
+        `
+      },
+      size: {
+        default: 'h-8 text-sm',
+        sm: 'h-7 text-xs',
+        lg: `
+          h-12 text-sm
+          group-data-[collapsible=icon]:!p-0
+        `
+      }
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default'
+    }
+  });
+
+  export type SidebarMenuButtonVariant = VariantProps<typeof sidebarMenuButtonVariants>['variant'];
+  export type SidebarMenuButtonSize = VariantProps<typeof sidebarMenuButtonVariants>['size'];
+</script>
+
+<script lang="ts">
+  import { mergeProps, type WithElementRef, type WithoutChildrenOrChild } from 'bits-ui';
+  import * as Tooltip from '$shadcn/tooltip/index.js';
+  import * as AlertDialog from '$shadcn/alert-dialog/index.js';
+
+  import { cn } from '$shadcn/utils.js';
+  import type { ComponentProps, Snippet } from 'svelte';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import { useSidebar } from './context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    child,
+    variant = 'default',
+    size = 'default',
+    side = 'left',
+    isActive = false,
+    tooltipContent,
+    tooltipContentProps,
+    alertContent,
+    alertContentProps,
+    alertOpen = $bindable(false),
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
+    isActive?: boolean;
+    variant?: SidebarMenuButtonVariant;
+    size?: SidebarMenuButtonSize;
+    side?: 'left' | 'right';
+    tooltipContent?: Snippet;
+    tooltipContentProps?: WithoutChildrenOrChild<ComponentProps<typeof Tooltip.Content>>;
+    alertContent?: Snippet;
+    alertContentProps?: WithoutChildrenOrChild<ComponentProps<typeof AlertDialog.Content>>;
+    alertOpen?: boolean;
+    child?: Snippet<[{ props: Record<string, unknown> }]>;
+  } = $props();
+
+  const sidebar = useSidebar();
+
+  const buttonProps = $derived({
+    class: cn(sidebarMenuButtonVariants({ variant, size }), className),
+    'data-sidebar': 'menu-button',
+    'data-size': size,
+    'data-active': isActive,
+    ...restProps
+  });
+</script>
+
+{#snippet Button({ props }: { props?: Record<string, unknown> })}
+  {@const mergedProps = mergeProps(buttonProps, props)}
+  {#if child}
+    {@render child({ props: mergedProps })}
+  {:else}
+    <button bind:this={ref} {...mergedProps}>
+      {@render children?.()}
+    </button>
+  {/if}
+{/snippet}
+
+{#if !tooltipContent}
+  {@render Button({})}
+{:else if tooltipContent && !alertContent}
+  <Tooltip.Root>
+    <Tooltip.Trigger>
+      {#snippet child({ props })}
+        {@render Button({ props })}
+      {/snippet}
+    </Tooltip.Trigger>
+    <Tooltip.Content
+      side="right"
+      align="center"
+      hidden={sidebar.state[side] !== 'collapsed' || sidebar.isMobile}
+      children={tooltipContent}
+      {...tooltipContentProps}
+    />
+  </Tooltip.Root>
+  <!-- Added by me. The option to also have an alert -->
+{:else if alertContent}
+  <AlertDialog.Root bind:open={alertOpen}>
+    <Tooltip.Provider>
+      <Tooltip.Root delayDuration={0}>
+        <Tooltip.Trigger>
+          <AlertDialog.Trigger>
+            {#snippet child({ props })}
+              {@render Button({ props })}
+            {/snippet}
+          </AlertDialog.Trigger>
+        </Tooltip.Trigger>
+        <Tooltip.Content
+          side="right"
+          align="center"
+          hidden={sidebar.state[side] !== 'collapsed' || sidebar.isMobile}
+          children={tooltipContent}
+          {...tooltipContentProps}
+        />
+      </Tooltip.Root>
+    </Tooltip.Provider>
+
+    <AlertDialog.Content children={alertContent} {...alertContentProps} />
+  </AlertDialog.Root>
+{/if}

package/dist/lib/components/sidebar/sidebar-menu-button.svelte.d.ts

@@ -0,0 +1,57 @@
+import { type VariantProps } from 'tailwind-variants';
+export declare const sidebarMenuButtonVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, string, {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, string, unknown, unknown, undefined>>;
+export type SidebarMenuButtonVariant = VariantProps<typeof sidebarMenuButtonVariants>['variant'];
+export type SidebarMenuButtonSize = VariantProps<typeof sidebarMenuButtonVariants>['size'];
+import { type WithElementRef, type WithoutChildrenOrChild } from 'bits-ui';
+import * as Tooltip from '$shadcn/tooltip/index.js';
+import * as AlertDialog from '$shadcn/alert-dialog/index.js';
+import type { ComponentProps, Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
+    isActive?: boolean;
+    variant?: SidebarMenuButtonVariant;
+    size?: SidebarMenuButtonSize;
+    side?: 'left' | 'right';
+    tooltipContent?: Snippet;
+    tooltipContentProps?: WithoutChildrenOrChild<ComponentProps<typeof Tooltip.Content>>;
+    alertContent?: Snippet;
+    alertContentProps?: WithoutChildrenOrChild<ComponentProps<typeof AlertDialog.Content>>;
+    alertOpen?: boolean;
+    child?: Snippet<[{
+        props: Record<string, unknown>;
+    }]>;
+};
+declare const SidebarMenuButton: import("svelte").Component<$$ComponentProps, {}, "ref" | "alertOpen">;
+type SidebarMenuButton = ReturnType<typeof SidebarMenuButton>;
+export default SidebarMenuButton;
+//# sourceMappingURL=sidebar-menu-button.svelte.d.ts.map

package/dist/lib/components/sidebar/sidebar-menu-button.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-menu-button.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/sidebar-menu-button.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAuCpC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC,SAAS,CAAC,CAAC;AACjG,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,CAAC;AAG7F,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACvF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC;AACpD,OAAO,KAAK,WAAW,MAAM,+BAA+B,CAAC;AAG7D,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGrD,KAAK,gBAAgB,GAAI,cAAc,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,GAAG;IAC7F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,sBAAsB,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IACrF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,sBAAsB,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;IACvF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC,CAAC,CAAC;CACvD,CAAC;AAqFJ,QAAA,MAAM,iBAAiB,uEAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/lib/components/sidebar/sidebar-menu-item.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { cn } from "$shadcn/utils.js";
+	import type { WithElementRef } from "bits-ui";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLLIElement>, HTMLLIElement> = $props();
+</script>
+
+<li
+	bind:this={ref}
+	data-sidebar="menu-item"
+	class={cn("group/menu-item relative", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</li>

package/dist/lib/components/sidebar/sidebar-menu-item.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { WithElementRef } from "bits-ui";
+import type { HTMLAttributes } from "svelte/elements";
+declare const SidebarMenuItem: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}, "ref">;
+type SidebarMenuItem = ReturnType<typeof SidebarMenuItem>;
+export default SidebarMenuItem;
+//# sourceMappingURL=sidebar-menu-item.svelte.d.ts.map

package/dist/lib/components/sidebar/sidebar-menu-item.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-menu-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/sidebar-menu-item.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAqBtD,QAAA,MAAM,eAAe,qGAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/lib/components/sidebar/sidebar-menu-skeleton.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+	import { Skeleton } from "$shadcn/skeleton/index.js";
+	import { cn } from "$shadcn/utils.js";
+	import type { WithElementRef } from "bits-ui";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		showIcon = false,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLElement>> & {
+		showIcon?: boolean;
+	} = $props();
+
+	// Random width between 50% and 90%
+	const width = `${Math.floor(Math.random() * 40) + 50}%`;
+</script>
+
+<div
+	bind:this={ref}
+	data-sidebar="menu-skeleton"
+	class={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
+	{...restProps}
+>
+	{#if showIcon}
+		<Skeleton class="size-4 rounded-md" data-sidebar="menu-skeleton-icon" />
+	{/if}
+	<Skeleton
+		class="h-4 max-w-[var(--skeleton-width)] flex-1"
+		data-sidebar="menu-skeleton-text"
+		style="--skeleton-width: {width};"
+	/>
+	{@render children?.()}
+</div>

package/dist/lib/components/sidebar/sidebar-menu-skeleton.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { WithElementRef } from "bits-ui";
+import type { HTMLAttributes } from "svelte/elements";
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLElement>> & {
+    showIcon?: boolean;
+};
+declare const SidebarMenuSkeleton: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SidebarMenuSkeleton = ReturnType<typeof SidebarMenuSkeleton>;
+export default SidebarMenuSkeleton;
+//# sourceMappingURL=sidebar-menu-skeleton.svelte.d.ts.map

package/dist/lib/components/sidebar/sidebar-menu-skeleton.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-menu-skeleton.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/sidebar-menu-skeleton.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAErD,KAAK,gBAAgB,GAAI,cAAc,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,GAAG;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA6BH,QAAA,MAAM,mBAAmB,yDAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/lib/components/sidebar/sidebar-menu-sub-button.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+  import { cn } from '$shadcn/utils.js';
+  import type { WithElementRef } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import type { HTMLAnchorAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    children,
+    child,
+    class: className,
+    size = 'md',
+    isActive,
+    ...restProps
+  }: WithElementRef<HTMLAnchorAttributes> & {
+    child?: Snippet<[{ props: Record<string, unknown> }]>;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+  } = $props();
+
+  const mergedProps = $derived({
+    class: cn(
+      `
+        text-sidebar-foreground ring-sidebar-ring flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden
+        rounded-md px-2 outline-none
+        hover:bg-sidebar-accent hover:text-sidebar-accent-foreground
+        active:bg-sidebar-accent active:text-sidebar-accent-foreground
+        [&>svg]:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0
+        focus-visible:ring-2
+        disabled:pointer-events-none disabled:opacity-50
+        aria-disabled:pointer-events-none aria-disabled:opacity-50
+        [&>span:last-child]:truncate
+      `,
+      'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',
+      size === 'sm' && 'text-xs',
+      size === 'md' && 'text-sm',
+      'group-data-[collapsible=icon]:hidden',
+      className
+    ),
+    'data-sidebar': 'menu-sub-button',
+    'data-size': size,
+    'data-active': isActive,
+    ...restProps
+  });
+</script>
+
+{#if child}
+  {@render child({ props: mergedProps })}
+{:else}
+  <a bind:this={ref} {...mergedProps}>
+    {@render children?.()}
+  </a>
+{/if}

package/dist/lib/components/sidebar/sidebar-menu-sub-button.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { WithElementRef } from 'bits-ui';
+import type { Snippet } from 'svelte';
+import type { HTMLAnchorAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAnchorAttributes> & {
+    child?: Snippet<[{
+        props: Record<string, unknown>;
+    }]>;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+};
+declare const SidebarMenuSubButton: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SidebarMenuSubButton = ReturnType<typeof SidebarMenuSubButton>;
+export default SidebarMenuSubButton;
+//# sourceMappingURL=sidebar-menu-sub-button.svelte.d.ts.map

package/dist/lib/components/sidebar/sidebar-menu-sub-button.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-menu-sub-button.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/sidebar-menu-sub-button.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,KAAK,gBAAgB,GAAI,cAAc,CAAC,oBAAoB,CAAC,GAAG;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC,CAAC,CAAC;IACtD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAqDJ,QAAA,MAAM,oBAAoB,yDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/lib/components/sidebar/sidebar-menu-sub-item.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { cn } from '../../utils';
+  import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let {
+    ref = $bindable(null),
+    children,
+    class: className,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLLIElement>> = $props();
+</script>
+
+<li bind:this={ref} data-sidebar="menu-sub-item" {...restProps} class={cn('relative', className)}>
+  {@render children?.()}
+</li>

package/dist/lib/components/sidebar/sidebar-menu-sub-item.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { WithElementRef } from 'bits-ui';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const SidebarMenuSubItem: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLLIElement>>, {}, "ref">;
+type SidebarMenuSubItem = ReturnType<typeof SidebarMenuSubItem>;
+export default SidebarMenuSubItem;
+//# sourceMappingURL=sidebar-menu-sub-item.svelte.d.ts.map

package/dist/lib/components/sidebar/sidebar-menu-sub-item.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-menu-sub-item.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/sidebar-menu-sub-item.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAqBtD,QAAA,MAAM,kBAAkB,sFAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/lib/components/sidebar/sidebar-menu-sub.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { cn } from "$shadcn/utils.js";
+	import type { WithElementRef } from "bits-ui";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLUListElement>> = $props();
+</script>
+
+<ul
+	bind:this={ref}
+	data-sidebar="menu-sub"
+	class={cn(
+		"border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+		"group-data-[collapsible=icon]:hidden",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</ul>

package/dist/lib/components/sidebar/sidebar-menu-sub.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { WithElementRef } from "bits-ui";
+import type { HTMLAttributes } from "svelte/elements";
+declare const SidebarMenuSub: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLUListElement>>, {}, "ref">;
+type SidebarMenuSub = ReturnType<typeof SidebarMenuSub>;
+export default SidebarMenuSub;
+//# sourceMappingURL=sidebar-menu-sub.svelte.d.ts.map

package/dist/lib/components/sidebar/sidebar-menu-sub.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-menu-sub.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/sidebar-menu-sub.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAyBtD,QAAA,MAAM,cAAc,yFAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/lib/components/sidebar/sidebar-menu.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { cn } from "$shadcn/utils.js";
+	import type { WithElementRef } from "bits-ui";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLUListElement>, HTMLUListElement> = $props();
+</script>
+
+<ul
+	bind:this={ref}
+	data-sidebar="menu"
+	class={cn("flex w-full min-w-0 flex-col gap-1", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</ul>

package/dist/lib/components/sidebar/sidebar-menu.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { WithElementRef } from "bits-ui";
+import type { HTMLAttributes } from "svelte/elements";
+declare const SidebarMenu: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}, "ref">;
+type SidebarMenu = ReturnType<typeof SidebarMenu>;
+export default SidebarMenu;
+//# sourceMappingURL=sidebar-menu.svelte.d.ts.map

package/dist/lib/components/sidebar/sidebar-menu.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-menu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/sidebar-menu.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAqBtD,QAAA,MAAM,WAAW,2GAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/lib/components/sidebar/sidebar-provider.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+  import * as Tooltip from '$shadcn/tooltip/index.js';
+  import { cn } from '$shadcn/utils.js';
+  import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import { SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants.js';
+  import { setSidebar } from './context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    open = $bindable({
+      left: true,
+      right: true
+    }),
+    onOpenChange = () => {},
+    class: className,
+    style,
+    children,
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    open?: {
+      left: boolean;
+      right: boolean;
+    };
+    onOpenChange?: (open: boolean, side: 'left' | 'right') => void;
+  } = $props();
+
+  const sidebar = setSidebar({
+    open: () => open,
+    setOpen: (value: boolean, side: 'left' | 'right' = 'left') => {
+      open[side] = value;
+      onOpenChange(value, side);
+
+      // This sets the cookie to keep the sidebar state.
+      document.cookie = `${SIDEBAR_COOKIE_NAME}-${side}=${open[side]}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    }
+  });
+</script>
+
+<svelte:window onkeydown={sidebar.handleShortcutKeydown} />
+
+<Tooltip.Provider delayDuration={0}>
+  <div
+    style="--sidebar-width: {SIDEBAR_WIDTH}; --sidebar-width-icon: {SIDEBAR_WIDTH_ICON}; {style}"
+    class={cn(
+      `
+        group/sidebar-wrapper flex w-full flex-auto
+        has-[[data-variant=inset]]:bg-sidebar
+      `,
+      className
+    )}
+    bind:this={ref}
+    {...restProps}
+  >
+    {@render children?.()}
+  </div>
+</Tooltip.Provider>

package/dist/lib/components/sidebar/sidebar-provider.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { WithElementRef } from 'bits-ui';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    open?: {
+        left: boolean;
+        right: boolean;
+    };
+    onOpenChange?: (open: boolean, side: 'left' | 'right') => void;
+};
+declare const SidebarProvider: import("svelte").Component<$$ComponentProps, {}, "open" | "ref">;
+type SidebarProvider = ReturnType<typeof SidebarProvider>;
+export default SidebarProvider;
+//# sourceMappingURL=sidebar-provider.svelte.d.ts.map

package/dist/lib/components/sidebar/sidebar-provider.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-provider.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/sidebar-provider.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIrD,KAAK,gBAAgB,GAAI,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,OAAO,CAAC;QACd,KAAK,EAAE,OAAO,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CAChE,CAAC;AAkDJ,QAAA,MAAM,eAAe,kEAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/lib/components/sidebar/sidebar-rail.svelte

@@ -0,0 +1,55 @@
+<script lang="ts">
+  import { cn } from '$shadcn/utils.js';
+  import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import { useSidebar } from './context.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    side = 'left',
+    ...restProps
+  }: WithElementRef<HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
+    side?: 'left' | 'right';
+  } = $props();
+
+  const sidebar = useSidebar();
+</script>
+
+<button
+  bind:this={ref}
+  data-sidebar="rail"
+  aria-label="Toggle Sidebar"
+  tabIndex={-1}
+  onclick={() => sidebar.toggle(side)}
+  title="Toggle Sidebar"
+  class={cn(
+    `
+      hover:after:bg-sidebar-border
+      absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear
+      group-data-[side=left]:-right-4
+      group-data-[side=right]:left-0
+      after:absolute after:inset-y-0 after:left-1/2 after:w-[2px]
+      sm:flex
+    `,
+    `
+      [[data-side=left]_&]:cursor-w-resize
+      [[data-side=right]_&]:cursor-e-resize
+    `,
+    `
+      [[data-side=left][data-state=collapsed]_&]:cursor-e-resize
+      [[data-side=right][data-state=collapsed]_&]:cursor-w-resize
+    `,
+    `
+      group-data-[collapsible=offcanvas]:hover:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0
+      group-data-[collapsible=offcanvas]:after:left-full
+    `,
+    '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',
+    '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</button>

package/dist/lib/components/sidebar/sidebar-rail.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { WithElementRef } from 'bits-ui';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & {
+    side?: 'left' | 'right';
+};
+declare const SidebarRail: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SidebarRail = ReturnType<typeof SidebarRail>;
+export default SidebarRail;
+//# sourceMappingURL=sidebar-rail.svelte.d.ts.map

package/dist/lib/components/sidebar/sidebar-rail.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-rail.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/sidebar-rail.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGrD,KAAK,gBAAgB,GAAI,cAAc,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,GAAG;IAC7F,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AAgDJ,QAAA,MAAM,WAAW,yDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/lib/components/sidebar/sidebar-separator.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { Separator } from "$shadcn/separator/index.js";
+	import { cn } from "$shadcn/utils.js";
+	import type { ComponentProps } from "svelte";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: ComponentProps<typeof Separator> = $props();
+</script>
+
+<Separator
+	bind:ref
+	data-sidebar="separator"
+	class={cn("bg-sidebar-border mx-2 w-auto", className)}
+	{...restProps}
+/>

package/dist/lib/components/sidebar/sidebar-separator.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const SidebarSeparator: import("svelte").Component<any, {}, "ref">;
+type SidebarSeparator = ReturnType<typeof SidebarSeparator>;
+export default SidebarSeparator;
+//# sourceMappingURL=sidebar-separator.svelte.d.ts.map

package/dist/lib/components/sidebar/sidebar-separator.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-separator.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/sidebar/sidebar-separator.svelte.ts"],"names":[],"mappings":"AAuBA,QAAA,MAAM,gBAAgB,4CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}