dystopia-linear-lib 1.0.0

package/dist/components/separator/Separator.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { separatorVariants } from './Separator.variants.js';
+	import type { SeparatorProps } from './Separator.types.js';
+
+	let {
+		orientation = 'horizontal',
+		decorative = true,
+		class: className,
+		...restProps
+	}: SeparatorProps = $props();
+</script>
+
+<div
+	role={decorative ? undefined : 'separator'}
+	aria-orientation={decorative ? undefined : orientation}
+	class={cn(separatorVariants({ orientation }), className)}
+	{...restProps}
+></div>

package/dist/components/separator/Separator.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SeparatorProps } from './Separator.types.js';
+declare const Separator: import("svelte").Component<SeparatorProps, {}, "">;
+type Separator = ReturnType<typeof Separator>;
+export default Separator;

package/dist/components/separator/Separator.types.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { SeparatorVariantProps } from './Separator.variants.js';
+export interface SeparatorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>, SeparatorVariantProps {
+    class?: string;
+    /** Purely visual with no semantic meaning (default). Set to `false` if it separates distinct sections that assistive tech should announce. */
+    decorative?: boolean;
+}

package/dist/components/separator/Separator.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/separator/Separator.variants.d.ts

@@ -0,0 +1,5 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const separatorVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SeparatorVariantProps = VariantProps<typeof separatorVariants>;

package/dist/components/separator/Separator.variants.js

@@ -0,0 +1,12 @@
+import { cva } from 'class-variance-authority';
+export const separatorVariants = cva('shrink-0 bg-border', {
+    variants: {
+        orientation: {
+            horizontal: 'h-px w-full',
+            vertical: 'h-full w-px'
+        }
+    },
+    defaultVariants: {
+        orientation: 'horizontal'
+    }
+});

package/dist/components/separator/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Separator } from './Separator.svelte';
+export type { SeparatorProps } from './Separator.types.js';
+export { separatorVariants, type SeparatorVariantProps } from './Separator.variants.js';

package/dist/components/separator/index.js

@@ -0,0 +1,2 @@
+export { default as Separator } from './Separator.svelte';
+export { separatorVariants } from './Separator.variants.js';

package/dist/components/sidebar/Sidebar.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { setSidebarContext } from './sidebar-context.js';
+	import { sidebarVariants } from './Sidebar.variants.js';
+	import type { SidebarProps } from './Sidebar.types.js';
+
+	let {
+		collapsed = $bindable(false),
+		class: className,
+		children,
+		...restProps
+	}: SidebarProps = $props();
+
+	setSidebarContext({
+		isCollapsed: () => collapsed,
+		toggleCollapsed: () => (collapsed = !collapsed),
+		setCollapsed: (value) => (collapsed = value)
+	});
+</script>
+
+<aside
+	data-slot="sidebar"
+	data-state={collapsed ? 'collapsed' : 'expanded'}
+	class={cn(sidebarVariants({ collapsed }), className)}
+	{...restProps}
+>
+	{@render children()}
+</aside>

package/dist/components/sidebar/Sidebar.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarProps } from './Sidebar.types.js';
+declare const Sidebar: import("svelte").Component<SidebarProps, {}, "collapsed">;
+type Sidebar = ReturnType<typeof Sidebar>;
+export default Sidebar;

package/dist/components/sidebar/Sidebar.types.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface SidebarProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+    class?: string;
+    collapsed?: boolean;
+    children: Snippet;
+}

package/dist/components/sidebar/Sidebar.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/sidebar/Sidebar.variants.d.ts

@@ -0,0 +1,5 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const sidebarVariants: (props?: ({
+    collapsed?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SidebarVariantProps = VariantProps<typeof sidebarVariants>;

package/dist/components/sidebar/Sidebar.variants.js

@@ -0,0 +1,12 @@
+import { cva } from 'class-variance-authority';
+export const sidebarVariants = cva('flex h-full flex-col shrink-0 border-r border-border bg-surface transition-[width] duration-150', {
+    variants: {
+        collapsed: {
+            true: 'w-16',
+            false: 'w-64'
+        }
+    },
+    defaultVariants: {
+        collapsed: false
+    }
+});

package/dist/components/sidebar/SidebarCollapsibleItem.svelte

@@ -0,0 +1,77 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { getSidebarContext } from './sidebar-context.js';
+	import { sidebarItemVariants } from './SidebarItem.variants.js';
+	import type { SidebarCollapsibleItemProps } from './SidebarCollapsibleItem.types.js';
+
+	let {
+		open = $bindable(false),
+		class: className,
+		icon,
+		trigger,
+		children,
+		...restProps
+	}: SidebarCollapsibleItemProps = $props();
+
+	const context = getSidebarContext();
+	const contentId = $props.id();
+</script>
+
+<div data-slot="sidebar-collapsible-item">
+	<button
+		type="button"
+		aria-expanded={open}
+		aria-controls={contentId}
+		data-state={open ? 'open' : 'closed'}
+		onclick={() => (open = !open)}
+		class={cn(sidebarItemVariants({ active: false }), 'justify-between', className)}
+		{...restProps}
+	>
+		<span class="flex min-w-0 items-center gap-tight">
+			{#if icon}
+				<span class="shrink-0 text-foreground-faint" aria-hidden="true">
+					{@render icon()}
+				</span>
+			{/if}
+			<span
+				data-state={context.isCollapsed() ? 'collapsed' : 'expanded'}
+				class="truncate data-[state=collapsed]:sr-only"
+			>
+				{@render trigger()}
+			</span>
+		</span>
+		<svg
+			viewBox="0 0 24 24"
+			fill="none"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+			aria-hidden="true"
+			data-state={context.isCollapsed() ? 'collapsed' : 'expanded'}
+			class={cn(
+				'size-4 shrink-0 text-foreground-faint transition-transform duration-150 data-[state=collapsed]:hidden',
+				open && 'rotate-180'
+			)}
+		>
+			<path d="m6 9 6 6 6-6" />
+		</svg>
+	</button>
+
+	<div
+		id={contentId}
+		data-state={open ? 'open' : 'closed'}
+		inert={!open}
+		class={cn(
+			'grid transition-[grid-template-rows] duration-200 ease-out',
+			open ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]',
+			context.isCollapsed() && 'hidden'
+		)}
+	>
+		<div class="overflow-hidden">
+			<div class="mt-tight ml-5 flex flex-col gap-tight border-l border-border pl-cozy">
+				{@render children()}
+			</div>
+		</div>
+	</div>
+</div>

package/dist/components/sidebar/SidebarCollapsibleItem.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarCollapsibleItemProps } from './SidebarCollapsibleItem.types.js';
+declare const SidebarCollapsibleItem: import("svelte").Component<SidebarCollapsibleItemProps, {}, "open">;
+type SidebarCollapsibleItem = ReturnType<typeof SidebarCollapsibleItem>;
+export default SidebarCollapsibleItem;

package/dist/components/sidebar/SidebarCollapsibleItem.types.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+export interface SidebarCollapsibleItemProps extends Omit<HTMLButtonAttributes, 'children' | 'class'> {
+    class?: string;
+    open?: boolean;
+    icon?: Snippet;
+    trigger: Snippet;
+    children: Snippet;
+}

package/dist/components/sidebar/SidebarCollapsibleItem.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/sidebar/SidebarContent.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { SidebarContentProps } from './SidebarContent.types.js';
+
+	let { class: className, children, ...restProps }: SidebarContentProps = $props();
+</script>
+
+<div
+	data-slot="sidebar-content"
+	class={cn('flex min-h-0 flex-1 flex-col gap-loose overflow-y-auto p-compact', className)}
+	{...restProps}
+>
+	{@render children()}
+</div>

package/dist/components/sidebar/SidebarContent.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarContentProps } from './SidebarContent.types.js';
+declare const SidebarContent: import("svelte").Component<SidebarContentProps, {}, "">;
+type SidebarContent = ReturnType<typeof SidebarContent>;
+export default SidebarContent;

package/dist/components/sidebar/SidebarContent.types.d.ts

@@ -0,0 +1,6 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface SidebarContentProps extends HTMLAttributes<HTMLDivElement> {
+    class?: string;
+    children: Snippet;
+}

package/dist/components/sidebar/SidebarContent.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/sidebar/SidebarFooter.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { SidebarFooterProps } from './SidebarFooter.types.js';
+
+	let { class: className, children, ...restProps }: SidebarFooterProps = $props();
+</script>
+
+<div
+	data-slot="sidebar-footer"
+	class={cn('flex flex-col gap-cozy border-t border-border p-compact', className)}
+	{...restProps}
+>
+	{@render children()}
+</div>

package/dist/components/sidebar/SidebarFooter.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarFooterProps } from './SidebarFooter.types.js';
+declare const SidebarFooter: import("svelte").Component<SidebarFooterProps, {}, "">;
+type SidebarFooter = ReturnType<typeof SidebarFooter>;
+export default SidebarFooter;

package/dist/components/sidebar/SidebarFooter.types.d.ts

@@ -0,0 +1,6 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface SidebarFooterProps extends HTMLAttributes<HTMLDivElement> {
+    class?: string;
+    children: Snippet;
+}

package/dist/components/sidebar/SidebarFooter.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/sidebar/SidebarGroup.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { SidebarGroupProps } from './SidebarGroup.types.js';
+
+	let { class: className, children, ...restProps }: SidebarGroupProps = $props();
+</script>
+
+<div data-slot="sidebar-group" class={cn('flex flex-col gap-tight', className)} {...restProps}>
+	{@render children()}
+</div>

package/dist/components/sidebar/SidebarGroup.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarGroupProps } from './SidebarGroup.types.js';
+declare const SidebarGroup: import("svelte").Component<SidebarGroupProps, {}, "">;
+type SidebarGroup = ReturnType<typeof SidebarGroup>;
+export default SidebarGroup;

package/dist/components/sidebar/SidebarGroup.types.d.ts

@@ -0,0 +1,6 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface SidebarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    class?: string;
+    children: Snippet;
+}

package/dist/components/sidebar/SidebarGroup.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/sidebar/SidebarGroupLabel.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { getSidebarContext } from './sidebar-context.js';
+	import type { SidebarGroupLabelProps } from './SidebarGroupLabel.types.js';
+
+	let { class: className, children, ...restProps }: SidebarGroupLabelProps = $props();
+
+	const context = getSidebarContext();
+</script>
+
+<div
+	data-slot="sidebar-group-label"
+	data-state={context.isCollapsed() ? 'collapsed' : 'expanded'}
+	class={cn(
+		'px-compact text-xs leading-snug font-medium tracking-wide text-foreground-subtle uppercase data-[state=collapsed]:sr-only',
+		className
+	)}
+	{...restProps}
+>
+	{@render children()}
+</div>

package/dist/components/sidebar/SidebarGroupLabel.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarGroupLabelProps } from './SidebarGroupLabel.types.js';
+declare const SidebarGroupLabel: import("svelte").Component<SidebarGroupLabelProps, {}, "">;
+type SidebarGroupLabel = ReturnType<typeof SidebarGroupLabel>;
+export default SidebarGroupLabel;

package/dist/components/sidebar/SidebarGroupLabel.types.d.ts

@@ -0,0 +1,6 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface SidebarGroupLabelProps extends HTMLAttributes<HTMLDivElement> {
+    class?: string;
+    children: Snippet;
+}

package/dist/components/sidebar/SidebarGroupLabel.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/sidebar/SidebarHeader.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { SidebarHeaderProps } from './SidebarHeader.types.js';
+
+	let { class: className, children, ...restProps }: SidebarHeaderProps = $props();
+</script>
+
+<div
+	data-slot="sidebar-header"
+	class={cn('flex items-center gap-cozy border-b border-border p-compact', className)}
+	{...restProps}
+>
+	{@render children()}
+</div>

package/dist/components/sidebar/SidebarHeader.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarHeaderProps } from './SidebarHeader.types.js';
+declare const SidebarHeader: import("svelte").Component<SidebarHeaderProps, {}, "">;
+type SidebarHeader = ReturnType<typeof SidebarHeader>;
+export default SidebarHeader;

package/dist/components/sidebar/SidebarHeader.types.d.ts

@@ -0,0 +1,6 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+export interface SidebarHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    class?: string;
+    children: Snippet;
+}

package/dist/components/sidebar/SidebarHeader.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/sidebar/SidebarItem.svelte

@@ -0,0 +1,51 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { getSidebarContext } from './sidebar-context.js';
+	import { sidebarItemVariants } from './SidebarItem.variants.js';
+	import type { SidebarItemProps } from './SidebarItem.types.js';
+
+	let {
+		active = false,
+		size = 'default',
+		class: className,
+		icon,
+		children,
+		child,
+		...restProps
+	}: SidebarItemProps = $props();
+
+	const context = getSidebarContext();
+
+	const mergedProps = $derived({
+		type: 'button' as const,
+		'data-state': active ? ('active' as const) : ('inactive' as const),
+		'aria-current': active ? ('page' as const) : undefined,
+		class: cn(sidebarItemVariants({ active, size }), className),
+		...restProps
+	});
+</script>
+
+{#if child}
+	{@render child({ props: mergedProps })}
+{:else}
+	<button {...mergedProps}>
+		{#if active}
+			<span aria-hidden="true" class="absolute inset-y-1 left-0 w-0.5 rounded-full bg-primary"
+			></span>
+		{/if}
+		{#if icon}
+			<span
+				class={cn('shrink-0', active ? 'text-primary' : 'text-foreground-faint')}
+				aria-hidden="true"
+			>
+				{@render icon()}
+			</span>
+		{/if}
+		<span
+			data-state={context.isCollapsed() ? 'collapsed' : 'expanded'}
+			class="truncate data-[state=collapsed]:sr-only"
+		>
+			{@render children()}
+		</span>
+	</button>
+{/if}

package/dist/components/sidebar/SidebarItem.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarItemProps } from './SidebarItem.types.js';
+declare const SidebarItem: import("svelte").Component<SidebarItemProps, {}, "">;
+type SidebarItem = ReturnType<typeof SidebarItem>;
+export default SidebarItem;

package/dist/components/sidebar/SidebarItem.types.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+import type { SidebarItemVariantProps } from './SidebarItem.variants.js';
+export interface SidebarItemProps extends Omit<HTMLButtonAttributes, 'children' | 'class'>, SidebarItemVariantProps {
+    class?: string;
+    icon?: Snippet;
+    children: Snippet;
+    child?: Snippet<[{
+        props: Record<string, unknown>;
+    }]>;
+}

package/dist/components/sidebar/SidebarItem.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/sidebar/SidebarItem.variants.d.ts

@@ -0,0 +1,6 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const sidebarItemVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SidebarItemVariantProps = VariantProps<typeof sidebarItemVariants>;

package/dist/components/sidebar/SidebarItem.variants.js

@@ -0,0 +1,17 @@
+import { cva } from 'class-variance-authority';
+export const sidebarItemVariants = cva('relative flex w-full cursor-pointer items-center gap-tight rounded-md px-compact py-control-y text-sm leading-snug font-normal text-foreground-soft transition-colors duration-150 hover:bg-surface-hover focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50', {
+    variants: {
+        size: {
+            default: '',
+            sm: 'text-foreground-muted'
+        },
+        active: {
+            true: 'bg-surface-subtle font-medium text-primary',
+            false: ''
+        }
+    },
+    defaultVariants: {
+        size: 'default',
+        active: false
+    }
+});

package/dist/components/sidebar/SidebarTrigger.svelte

@@ -0,0 +1,39 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import { getSidebarContext } from './sidebar-context.js';
+	import type { SidebarTriggerProps } from './SidebarTrigger.types.js';
+
+	let { class: className, labels, ...restProps }: SidebarTriggerProps = $props();
+
+	const context = getSidebarContext();
+	const collapsed = $derived(context.isCollapsed());
+</script>
+
+<button
+	type="button"
+	aria-label={collapsed
+		? (labels?.expand ?? 'Expand sidebar')
+		: (labels?.collapse ?? 'Collapse sidebar')}
+	aria-expanded={!collapsed}
+	data-state={collapsed ? 'collapsed' : 'expanded'}
+	onclick={() => context.toggleCollapsed()}
+	class={cn(
+		'inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md text-foreground-subtle transition-colors duration-150 hover:bg-surface-subtle hover:text-foreground-soft focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none',
+		className
+	)}
+	{...restProps}
+>
+	<svg
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		aria-hidden="true"
+		class={cn('size-4 transition-transform duration-150', collapsed && 'rotate-180')}
+	>
+		<path d="m11 17-5-5 5-5" />
+		<path d="m18 17-5-5 5-5" />
+	</svg>
+</button>

package/dist/components/sidebar/SidebarTrigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SidebarTriggerProps } from './SidebarTrigger.types.js';
+declare const SidebarTrigger: import("svelte").Component<SidebarTriggerProps, {}, "">;
+type SidebarTrigger = ReturnType<typeof SidebarTrigger>;
+export default SidebarTrigger;

package/dist/components/sidebar/SidebarTrigger.types.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLButtonAttributes } from 'svelte/elements';
+export interface SidebarTriggerProps extends Omit<HTMLButtonAttributes, 'children' | 'class'> {
+    class?: string;
+    labels?: {
+        expand?: string;
+        collapse?: string;
+    };
+}

package/dist/components/sidebar/SidebarTrigger.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/sidebar/index.d.ts

@@ -0,0 +1,20 @@
+export { default as Sidebar } from './Sidebar.svelte';
+export type { SidebarProps } from './Sidebar.types.js';
+export { sidebarVariants, type SidebarVariantProps } from './Sidebar.variants.js';
+export { default as SidebarHeader } from './SidebarHeader.svelte';
+export type { SidebarHeaderProps } from './SidebarHeader.types.js';
+export { default as SidebarContent } from './SidebarContent.svelte';
+export type { SidebarContentProps } from './SidebarContent.types.js';
+export { default as SidebarFooter } from './SidebarFooter.svelte';
+export type { SidebarFooterProps } from './SidebarFooter.types.js';
+export { default as SidebarGroup } from './SidebarGroup.svelte';
+export type { SidebarGroupProps } from './SidebarGroup.types.js';
+export { default as SidebarGroupLabel } from './SidebarGroupLabel.svelte';
+export type { SidebarGroupLabelProps } from './SidebarGroupLabel.types.js';
+export { default as SidebarItem } from './SidebarItem.svelte';
+export type { SidebarItemProps } from './SidebarItem.types.js';
+export { sidebarItemVariants, type SidebarItemVariantProps } from './SidebarItem.variants.js';
+export { default as SidebarCollapsibleItem } from './SidebarCollapsibleItem.svelte';
+export type { SidebarCollapsibleItemProps } from './SidebarCollapsibleItem.types.js';
+export { default as SidebarTrigger } from './SidebarTrigger.svelte';
+export type { SidebarTriggerProps } from './SidebarTrigger.types.js';

package/dist/components/sidebar/index.js

@@ -0,0 +1,11 @@
+export { default as Sidebar } from './Sidebar.svelte';
+export { sidebarVariants } from './Sidebar.variants.js';
+export { default as SidebarHeader } from './SidebarHeader.svelte';
+export { default as SidebarContent } from './SidebarContent.svelte';
+export { default as SidebarFooter } from './SidebarFooter.svelte';
+export { default as SidebarGroup } from './SidebarGroup.svelte';
+export { default as SidebarGroupLabel } from './SidebarGroupLabel.svelte';
+export { default as SidebarItem } from './SidebarItem.svelte';
+export { sidebarItemVariants } from './SidebarItem.variants.js';
+export { default as SidebarCollapsibleItem } from './SidebarCollapsibleItem.svelte';
+export { default as SidebarTrigger } from './SidebarTrigger.svelte';

package/dist/components/sidebar/sidebar-context.d.ts

@@ -0,0 +1,8 @@
+interface SidebarContext {
+    isCollapsed: () => boolean;
+    toggleCollapsed: () => void;
+    setCollapsed: (value: boolean) => void;
+}
+export declare function setSidebarContext(context: SidebarContext): void;
+export declare function getSidebarContext(): SidebarContext;
+export {};

package/dist/components/sidebar/sidebar-context.js

@@ -0,0 +1,12 @@
+import { getContext, setContext } from 'svelte';
+const SIDEBAR_CONTEXT_KEY = Symbol('sidebar');
+export function setSidebarContext(context) {
+    setContext(SIDEBAR_CONTEXT_KEY, context);
+}
+export function getSidebarContext() {
+    const context = getContext(SIDEBAR_CONTEXT_KEY);
+    if (!context) {
+        throw new Error('SidebarHeader/SidebarContent/SidebarFooter/SidebarGroup/SidebarGroupLabel/SidebarItem/SidebarTrigger must be rendered inside <Sidebar>.');
+    }
+    return context;
+}

package/dist/components/skeleton/Skeleton.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { cn } from '../../utils/cn.js';
+	import type { SkeletonProps } from './Skeleton.types.js';
+
+	let { class: className, ...restProps }: SkeletonProps = $props();
+</script>
+
+<div
+	aria-hidden="true"
+	class={cn('animate-pulse rounded-md bg-border', className)}
+	{...restProps}
+></div>

package/dist/components/skeleton/Skeleton.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SkeletonProps } from './Skeleton.types.js';
+declare const Skeleton: import("svelte").Component<SkeletonProps, {}, "">;
+type Skeleton = ReturnType<typeof Skeleton>;
+export default Skeleton;