sheer-ui 0.4.2 → 0.5.0

package/dist/components/scroll-area/types.d.ts

@@ -0,0 +1,47 @@
+import type { BitsPrimitiveDivAttributes } from "../../internal/attribute-types.js";
+import type { Direction, Orientation, WithChild, Without } from "../../internal/index.js";
+export type ScrollAreaType = "hover" | "scroll" | "auto" | "always";
+export type ScrollAreaRootPropsWithoutHTML = WithChild<{
+    /**
+     * The type of scroll area to render.
+     *
+     * @defaultValue "hover"
+     */
+    type?: ScrollAreaType;
+    /**
+     * The reading direction of the application.
+     */
+    dir?: Direction;
+    /**
+     * The amount of time in milliseconds to delay before hiding the scrollbars
+     * after leaving the scroll area or stopping scrolling.
+     *
+     * @defaultValue 600
+     */
+    scrollHideDelay?: number;
+}>;
+export type ScrollAreaRootProps = ScrollAreaRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ScrollAreaRootPropsWithoutHTML>;
+export type ScrollAreaViewportPropsWithoutHTML = Omit<WithChild, "child">;
+export type ScrollAreaViewportProps = ScrollAreaViewportPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ScrollAreaViewportPropsWithoutHTML>;
+export type ScrollAreaScrollbarPropsWithoutHTML = WithChild<{
+    orientation: Orientation;
+    /**
+     * Whether to forcefully mount the component. Useful when working with
+     * external animation/transition libraries.
+     */
+    forceMount?: boolean;
+}>;
+export type ScrollAreaScrollbarProps = ScrollAreaScrollbarPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ScrollAreaScrollbarPropsWithoutHTML>;
+export type ScrollAreaThumbPropsWithoutHTML = WithChild<{
+    /**
+     * Whether to forcefully mount the component. Useful when working with
+     * external animation/transition libraries.
+     */
+    forceMount?: boolean;
+}>;
+export type ScrollAreaThumbProps = ScrollAreaThumbPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ScrollAreaThumbPropsWithoutHTML>;
+export type ScrollAreaCornerPropsWithoutHTML = WithChild;
+export type ScrollAreaCornerProps = ScrollAreaCornerPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ScrollAreaCornerPropsWithoutHTML>;
+export type _ScrollbarStubProps = Omit<ScrollAreaScrollbarProps, "orientation" | "ref" | "id"> & {
+    id: string;
+};

package/dist/components/scroll-area/types.js

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

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

@@ -0,0 +1,4 @@
+import Root from './select.svelte';
+import Option from './select-option.svelte';
+import OptGroup from './select-opt-group.svelte';
+export { Root, Option, OptGroup, Root as Select, Option as SelectOption, OptGroup as SelectOptGroup };

package/dist/components/select/index.js

@@ -0,0 +1,4 @@
+import Root from './select.svelte';
+import Option from './select-option.svelte';
+import OptGroup from './select-opt-group.svelte';
+export { Root, Option, OptGroup, Root as Select, Option as SelectOption, OptGroup as SelectOptGroup };

package/dist/components/select/select-opt-group.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLOptgroupAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../internal/utils.js';
+declare const SelectOptGroup: import("svelte").Component<WithElementRef<HTMLOptgroupAttributes>, {}, "ref">;
+type SelectOptGroup = ReturnType<typeof SelectOptGroup>;
+export default SelectOptGroup;

package/dist/components/select/select-option.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { WithElementRef } from '../../internal/utils.js';
+import type { HTMLOptionAttributes } from 'svelte/elements';
+declare const SelectOption: import("svelte").Component<WithElementRef<HTMLOptionAttributes>, {}, "ref">;
+type SelectOption = ReturnType<typeof SelectOption>;
+export default SelectOption;

package/dist/components/select/select.svelte.d.ts

@@ -0,0 +1,22 @@
+import type { WithElementRef } from '../../internal/utils.js';
+import type { ClassValue, HTMLSelectAttributes } from 'svelte/elements';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = WithElementRef<HTMLSelectAttributes, HTMLSelectElement> & {
+    /** Text shown in the trigger when no option is selected. */
+    placeholder?: string;
+    /** Classes applied to the inner trigger `<button>` (layout/alignment). */
+    triggerClass?: ClassValue;
+    /** Classes applied to the root select width. Defaults to `w-fit`. */
+    widthClass?: ClassValue;
+    /** Leading content rendered inside the trigger, before the selected value. */
+    icon?: Snippet;
+    /** Side the dropdown opens toward. */
+    side?: 'top' | 'bottom';
+    /** Horizontal alignment of the dropdown relative to the trigger. */
+    align?: 'start' | 'center' | 'end';
+    /** Caps the dropdown height (any CSS length, e.g. `'12.5rem'`); enables scrolling. */
+    maxHeight?: string;
+};
+declare const Select: import("svelte").Component<$$ComponentProps, {}, "ref" | "value">;
+type Select = ReturnType<typeof Select>;
+export default Select;

package/dist/components/separator/components/separator.svelte

@@ -0,0 +1,56 @@
+<script lang="ts">
+	import { mergeProps } from '../../../internal/merge-props.js';
+	import { SeparatorRootState } from '../separator.svelte.js';
+	import type { SeparatorRootProps } from '../types.js';
+	import { createId } from '../../../internal/create-id.js';
+
+	const uid = $props.id();
+
+	let {
+		id = createId(uid),
+		ref = $bindable(null),
+		child,
+		children,
+		decorative = false,
+		orientation = 'horizontal',
+		...restProps
+	}: SeparatorRootProps = $props();
+
+	const rootState = SeparatorRootState.create({
+		get id() {
+			return id;
+		},
+		get decorative() {
+			return decorative;
+		},
+		get orientation() {
+			return orientation;
+		},
+		get ref() {
+			return ref;
+		},
+		set ref(v) {
+			ref = v;
+		},
+	});
+
+	const mergedProps = $derived(
+		mergeProps(
+			{
+				'data-slot': 'separator',
+				class:
+					'bg-border shrink-0 data-horizontal:h-px data-horizontal:w-full data-vertical:h-full data-vertical:w-px',
+			},
+			restProps,
+			rootState.props,
+		),
+	);
+</script>
+
+{#if child}
+	{@render child({ props: mergedProps })}
+{:else}
+	<div {...mergedProps}>
+		{@render children?.()}
+	</div>
+{/if}

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

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

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

@@ -0,0 +1,2 @@
+export { default as Root, default as Separator } from './components/separator.svelte';
+export type { SeparatorRootProps as RootProps } from './types.js';

package/dist/components/separator/index.js

@@ -0,0 +1 @@
+export { default as Root, default as Separator } from './components/separator.svelte';

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

@@ -0,0 +1,20 @@
+import type { RefAttachment, RefOpts } from '../../internal/types.js';
+import type { Orientation } from '../../internal/index.js';
+interface SeparatorRootStateOpts extends RefOpts {
+    readonly orientation: Orientation;
+    readonly decorative: boolean;
+}
+export declare class SeparatorRootState {
+    static create(opts: SeparatorRootStateOpts): SeparatorRootState;
+    readonly opts: SeparatorRootStateOpts;
+    readonly attachment: RefAttachment;
+    constructor(opts: SeparatorRootStateOpts);
+    readonly props: {
+        readonly id: string;
+        readonly role: "none" | "separator";
+        readonly 'aria-orientation': Orientation;
+        readonly 'aria-hidden': "true" | undefined;
+        readonly 'data-orientation': Orientation;
+    };
+}
+export {};

package/dist/components/separator/separator.svelte.js

@@ -0,0 +1,26 @@
+import { attachRef } from '../../internal/tools/index.js';
+import { createBitsAttrs, boolToStrTrueOrUndef } from '../../internal/attrs.js';
+const separatorAttrs = createBitsAttrs({
+    component: 'separator',
+    parts: ['root'],
+});
+export class SeparatorRootState {
+    static create(opts) {
+        return new SeparatorRootState(opts);
+    }
+    opts;
+    attachment;
+    constructor(opts) {
+        this.opts = opts;
+        this.attachment = attachRef((v) => (opts.ref = v));
+    }
+    props = $derived.by(() => ({
+        id: this.opts.id,
+        role: this.opts.decorative ? 'none' : 'separator',
+        'aria-orientation': this.opts.orientation,
+        'aria-hidden': boolToStrTrueOrUndef(this.opts.decorative),
+        'data-orientation': this.opts.orientation,
+        [separatorAttrs.root]: '',
+        ...this.attachment,
+    }));
+}

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

@@ -0,0 +1,18 @@
+import type { WithChild, Without } from "../../internal/types.js";
+import type { Orientation } from "../../internal/index.js";
+import type { BitsPrimitiveDivAttributes } from "../../internal/attribute-types.js";
+export type SeparatorRootPropsWithoutHTML = WithChild<{
+    /**
+     * The orientation of the separator.
+     *
+     * @defaultValue "horizontal"
+     */
+    orientation?: Orientation;
+    /**
+     * Whether the separator is decorative and should be hidden from assistive technologies.
+     *
+     * @defaultValue false
+     */
+    decorative?: boolean;
+}>;
+export type SeparatorRootProps = SeparatorRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, SeparatorRootPropsWithoutHTML>;

package/dist/components/separator/types.js

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

package/dist/components/sheet/components/sheet-close.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const SheetClose: import("svelte").Component<import("../index.js").SheetTriggerProps, {}, "ref">;
+type SheetClose = ReturnType<typeof SheetClose>;
+export default SheetClose;

package/dist/components/sheet/components/sheet-content.svelte.d.ts

@@ -0,0 +1,11 @@
+import { sheetVariants, type Side } from '../variants.js';
+export { sheetVariants, type Side };
+import type { DialogContentProps, DialogPortalProps } from '../../dialog/types.js';
+import type { WithoutChildrenOrChild } from '../../../internal/utils.js';
+type $$ComponentProps = DialogContentProps & {
+    side?: Side;
+    portalProps?: WithoutChildrenOrChild<DialogPortalProps>;
+};
+declare const SheetContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SheetContent = ReturnType<typeof SheetContent>;
+export default SheetContent;

package/dist/components/sheet/components/sheet-description.svelte.d.ts

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

package/dist/components/sheet/components/sheet-footer.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../../internal/utils.js';
+declare const SheetFooter: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type SheetFooter = ReturnType<typeof SheetFooter>;
+export default SheetFooter;

package/dist/components/sheet/components/sheet-header.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../../internal/utils.js';
+declare const SheetHeader: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type SheetHeader = ReturnType<typeof SheetHeader>;
+export default SheetHeader;

package/dist/components/sheet/components/sheet-overlay.svelte.d.ts

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

package/dist/components/sheet/components/sheet-title.svelte.d.ts

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

package/dist/components/sheet/components/sheet-trigger.svelte.d.ts

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

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

@@ -0,0 +1,13 @@
+import Root from '../dialog/components/dialog.svelte';
+import Close from './components/sheet-close.svelte';
+import Content from './components/sheet-content.svelte';
+import Description from './components/sheet-description.svelte';
+import Overlay from './components/sheet-overlay.svelte';
+import Title from './components/sheet-title.svelte';
+import Trigger from './components/sheet-trigger.svelte';
+import Portal from '../../internal/portal/portal.svelte';
+import Footer from './components/sheet-footer.svelte';
+import Header from './components/sheet-header.svelte';
+export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription, };
+export { sheetVariants, type Side } from './variants.js';
+export type { DialogRootProps as SheetProps, DialogCloseProps as SheetCloseProps, DialogTitleProps as SheetTitleProps, DialogPortalProps as SheetPortalProps, DialogTriggerProps as SheetTriggerProps, DialogOverlayProps as SheetOverlayProps, DialogContentProps as SheetContentProps, DialogDescriptionProps as SheetDescriptionProps, } from '../dialog/types.js';

package/dist/components/sheet/index.js

@@ -0,0 +1,14 @@
+import Root from '../dialog/components/dialog.svelte';
+import Close from './components/sheet-close.svelte';
+import Content from './components/sheet-content.svelte';
+import Description from './components/sheet-description.svelte';
+import Overlay from './components/sheet-overlay.svelte';
+import Title from './components/sheet-title.svelte';
+import Trigger from './components/sheet-trigger.svelte';
+import Portal from '../../internal/portal/portal.svelte';
+import Footer from './components/sheet-footer.svelte';
+import Header from './components/sheet-header.svelte';
+export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, 
+//
+Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription, };
+export { sheetVariants } from './variants.js';

package/dist/components/sheet/variants.d.ts

@@ -0,0 +1,10 @@
+import { type VariantProps } from 'overrule';
+export declare const sheetVariants: import("overrule").VariantFn<{
+    side: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}>;
+export type Side = VariantProps<typeof sheetVariants>['side'];

package/dist/components/sheet/variants.js

@@ -0,0 +1,17 @@
+import { declareVariants } from 'overrule';
+// The slide itself lives in sheet-content's <style> as `data-state`-keyed keyframes
+// (with `data-side` selecting the edge); the variant owns box + placement only.
+export const sheetVariants = declareVariants({
+    base: 'bg-background fixed z-50 flex flex-col gap-4 shadow-lg',
+    variants: {
+        side: {
+            top: 'inset-x-0 top-0 h-auto border-b',
+            bottom: 'inset-x-0 bottom-0 h-auto border-t',
+            left: 'inset-y-0 inset-s-0 h-full w-3/4 border-e sm:max-w-sm',
+            right: 'inset-y-0 inset-e-0 h-full w-3/4 border-s sm:max-w-sm',
+        },
+    },
+    defaultVariants: {
+        side: 'right',
+    },
+});

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

@@ -0,0 +1,6 @@
+export declare const SIDEBAR_COOKIE_NAME = "sidebar:state";
+export declare const SIDEBAR_COOKIE_MAX_AGE: number;
+export declare const SIDEBAR_WIDTH = "16rem";
+export declare const SIDEBAR_WIDTH_MOBILE = "18rem";
+export declare const SIDEBAR_WIDTH_ICON = "3rem";
+export declare const SIDEBAR_KEYBOARD_SHORTCUT = "b";

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

@@ -0,0 +1,36 @@
+type SidebarStateProps = {
+    /**
+     * A getter function that returns the current open state of the sidebar.
+     * We use a getter function here to support `bind:open` on the `Sidebar.Provider`
+     * component.
+     */
+    open: () => boolean;
+    /**
+     * A function that sets the open state of the sidebar. To support `bind:open`, we need
+     * a source of truth for changing the open state to ensure it will be synced throughout
+     * the sub-components and any `bind:` references.
+     */
+    setOpen: (open: boolean) => void;
+};
+/** Whether the `md:` rule on the desktop panel is in effect: the panel's own display, not an ancestor's. */
+export declare const panelDisplayed: (panel: HTMLElement) => boolean;
+export declare class SidebarState {
+    #private;
+    readonly props: SidebarStateProps;
+    open: boolean;
+    sheetOpen: boolean;
+    /**
+     * The mounted desktop panels (one per Root; a Provider may hold several). CSS displays a panel
+     * or its sheet per viewport, so whether a panel is displayed IS the viewport: a toggle writes
+     * the persisted `open` while it is, and the sheet's bit while it isn't. No media query is read
+     * in JS; the breakpoint lives only in the panel's `md:` classes.
+     */
+    readonly desktopPanels: Set<HTMLElement>;
+    constructor(props: SidebarStateProps);
+    handleShortcutKeydown: (e: KeyboardEvent) => void;
+    setOpen: (value: boolean) => void;
+    toggle: () => void;
+    closeSheet: () => void;
+}
+export declare const useSidebar: () => SidebarState, setSidebar: (context: SidebarState) => SidebarState;
+export {};

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

@@ -0,0 +1,48 @@
+import { createContext } from "svelte";
+import { SIDEBAR_KEYBOARD_SHORTCUT } from './constants';
+function isEditableTarget(target) {
+    if (!(target instanceof Element))
+        return false;
+    return target.closest('input, textarea, select, [contenteditable=""], [contenteditable="true"], [role="textbox"]') !== null;
+}
+/** Whether the `md:` rule on the desktop panel is in effect: the panel's own display, not an ancestor's. */
+export const panelDisplayed = (panel) => getComputedStyle(panel).display !== 'none';
+export class SidebarState {
+    props;
+    open = $derived.by(() => this.props.open());
+    sheetOpen = $state(false);
+    /**
+     * The mounted desktop panels (one per Root; a Provider may hold several). CSS displays a panel
+     * or its sheet per viewport, so whether a panel is displayed IS the viewport: a toggle writes
+     * the persisted `open` while it is, and the sheet's bit while it isn't. No media query is read
+     * in JS; the breakpoint lives only in the panel's `md:` classes.
+     */
+    desktopPanels = new Set();
+    constructor(props) {
+        this.props = props;
+    }
+    #onDesktop() {
+        for (const panel of this.desktopPanels)
+            return panelDisplayed(panel);
+        return true;
+    }
+    // Event handler to apply to the `<svelte:window>`
+    handleShortcutKeydown = (e) => {
+        if (e.defaultPrevented || e.repeat || isEditableTarget(e.target))
+            return;
+        if (e.key === SIDEBAR_KEYBOARD_SHORTCUT && (e.metaKey || e.ctrlKey)) {
+            e.preventDefault();
+            this.toggle();
+        }
+    };
+    setOpen = (value) => {
+        this.#onDesktop() ? this.props.setOpen(value) : (this.sheetOpen = value);
+    };
+    toggle = () => {
+        this.#onDesktop() ? this.props.setOpen(!this.open) : (this.sheetOpen = !this.sheetOpen);
+    };
+    closeSheet = () => {
+        this.sheetOpen = false;
+    };
+}
+export const [useSidebar, setSidebar] = createContext();

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

@@ -0,0 +1,26 @@
+import { useSidebar } from './context.svelte';
+import Root from './sidebar.svelte';
+import Content from './sidebar-content.svelte';
+import Footer from './sidebar-footer.svelte';
+import Group from './sidebar-group.svelte';
+import GroupAction from './sidebar-group-action.svelte';
+import GroupContent from './sidebar-group-content.svelte';
+import GroupLabel from './sidebar-group-label.svelte';
+import Header from './sidebar-header.svelte';
+import Input from './sidebar-input.svelte';
+import Inset from './sidebar-inset.svelte';
+import Menu from './sidebar-menu.svelte';
+import MenuAction from './sidebar-menu-action.svelte';
+import MenuBadge from './sidebar-menu-badge.svelte';
+import MenuButton from './sidebar-menu-button.svelte';
+import MenuItem from './sidebar-menu-item.svelte';
+import MenuSkeleton from './sidebar-menu-skeleton.svelte';
+import MenuSub from './sidebar-menu-sub.svelte';
+import MenuSubButton from './sidebar-menu-sub-button.svelte';
+import MenuSubItem from './sidebar-menu-sub-item.svelte';
+import Provider from './sidebar-provider.svelte';
+import Rail from './sidebar-rail.svelte';
+import Separator from './sidebar-separator.svelte';
+import Trigger from './sidebar-trigger.svelte';
+export { Content, Footer, Group, GroupAction, GroupContent, GroupLabel, Header, Input, Inset, Menu, MenuAction, MenuBadge, MenuButton, MenuItem, MenuSkeleton, MenuSub, MenuSubButton, MenuSubItem, Provider, Rail, Root, Separator, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, GroupContent as SidebarGroupContent, GroupLabel as SidebarGroupLabel, Header as SidebarHeader, Input as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Trigger, useSidebar, };
+export type { SidebarCollapsible, SidebarRootProps, SidebarSide, SidebarVariant } from './types.js';

package/dist/components/sidebar/index.js

@@ -0,0 +1,27 @@
+import { useSidebar } from './context.svelte';
+import Root from './sidebar.svelte';
+import Content from './sidebar-content.svelte';
+import Footer from './sidebar-footer.svelte';
+import Group from './sidebar-group.svelte';
+import GroupAction from './sidebar-group-action.svelte';
+import GroupContent from './sidebar-group-content.svelte';
+import GroupLabel from './sidebar-group-label.svelte';
+import Header from './sidebar-header.svelte';
+import Input from './sidebar-input.svelte';
+import Inset from './sidebar-inset.svelte';
+import Menu from './sidebar-menu.svelte';
+import MenuAction from './sidebar-menu-action.svelte';
+import MenuBadge from './sidebar-menu-badge.svelte';
+import MenuButton from './sidebar-menu-button.svelte';
+import MenuItem from './sidebar-menu-item.svelte';
+import MenuSkeleton from './sidebar-menu-skeleton.svelte';
+import MenuSub from './sidebar-menu-sub.svelte';
+import MenuSubButton from './sidebar-menu-sub-button.svelte';
+import MenuSubItem from './sidebar-menu-sub-item.svelte';
+import Provider from './sidebar-provider.svelte';
+import Rail from './sidebar-rail.svelte';
+import Separator from './sidebar-separator.svelte';
+import Trigger from './sidebar-trigger.svelte';
+export { Content, Footer, Group, GroupAction, GroupContent, GroupLabel, Header, Input, Inset, Menu, MenuAction, MenuBadge, MenuButton, MenuItem, MenuSkeleton, MenuSub, MenuSubButton, MenuSubItem, Provider, Rail, Root, Separator, 
+//
+Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, GroupContent as SidebarGroupContent, GroupLabel as SidebarGroupLabel, Header as SidebarHeader, Input as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Trigger, useSidebar, };

package/dist/components/sidebar/sidebar-content.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../internal/utils.js';
+declare const SidebarContent: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
+type SidebarContent = ReturnType<typeof SidebarContent>;
+export default SidebarContent;

package/dist/components/sidebar/sidebar-desktop-surface.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { SidebarRootProps } from './types.js';
+type $$ComponentProps = SidebarRootProps & {
+    /** This Root's sheet, bound by the Root: where the content goes while CSS hides this panel. */
+    sheetBody?: HTMLElement | null;
+    sheetDialog?: HTMLDialogElement | null;
+};
+declare const SidebarDesktopSurface: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SidebarDesktopSurface = ReturnType<typeof SidebarDesktopSurface>;
+export default SidebarDesktopSurface;

package/dist/components/sidebar/sidebar-footer.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../internal/utils.js';
+declare const SidebarFooter: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
+type SidebarFooter = ReturnType<typeof SidebarFooter>;
+export default SidebarFooter;

package/dist/components/sidebar/sidebar-group-action.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { WithElementRef } from '../../internal/utils.js';
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLButtonAttributes> & {
+    child?: Snippet<[{
+        props: Record<string, unknown>;
+    }]>;
+};
+declare const SidebarGroupAction: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SidebarGroupAction = ReturnType<typeof SidebarGroupAction>;
+export default SidebarGroupAction;

package/dist/components/sidebar/sidebar-group-content.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { WithElementRef } from '../../internal/utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const SidebarGroupContent: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type SidebarGroupContent = ReturnType<typeof SidebarGroupContent>;
+export default SidebarGroupContent;

package/dist/components/sidebar/sidebar-group-label.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { WithElementRef } from '../../internal/utils.js';
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLElement>> & {
+    child?: Snippet<[{
+        props: Record<string, unknown>;
+    }]>;
+};
+declare const SidebarGroupLabel: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SidebarGroupLabel = ReturnType<typeof SidebarGroupLabel>;
+export default SidebarGroupLabel;

package/dist/components/sidebar/sidebar-group.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../internal/utils.js';
+declare const SidebarGroup: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
+type SidebarGroup = ReturnType<typeof SidebarGroup>;
+export default SidebarGroup;

package/dist/components/sidebar/sidebar-header.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../internal/utils.js';
+declare const SidebarHeader: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
+type SidebarHeader = ReturnType<typeof SidebarHeader>;
+export default SidebarHeader;

package/dist/components/sidebar/sidebar-input.svelte.d.ts

@@ -0,0 +1,8 @@
+declare const SidebarInput: import("svelte").Component<Omit<import("svelte/elements").HTMLInputAttributes, "type"> & {
+    type?: "number" | "hidden" | "color" | "button" | "checkbox" | "radio" | "search" | (string & {}) | "text" | "tel" | "url" | "email" | "time" | "image" | "month" | "date" | "reset" | "submit" | "datetime-local" | "password" | "range" | "week";
+    variant?: import("../input").InputVariant;
+} & {
+    ref?: HTMLElement | null | undefined;
+}, {}, "ref" | "value">;
+type SidebarInput = ReturnType<typeof SidebarInput>;
+export default SidebarInput;

package/dist/components/sidebar/sidebar-inset.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { WithElementRef } from '../../internal/utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const SidebarInset: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
+type SidebarInset = ReturnType<typeof SidebarInset>;
+export default SidebarInset;

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

@@ -0,0 +1,12 @@
+import type { WithElementRef } from '../../internal/utils.js';
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+type $$ComponentProps = WithElementRef<HTMLButtonAttributes> & {
+    child?: Snippet<[{
+        props: Record<string, unknown>;
+    }]>;
+    showOnHover?: boolean;
+};
+declare const SidebarMenuAction: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type SidebarMenuAction = ReturnType<typeof SidebarMenuAction>;
+export default SidebarMenuAction;

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

@@ -0,0 +1,5 @@
+import type { WithElementRef } from '../../internal/utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const SidebarMenuBadge: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
+type SidebarMenuBadge = ReturnType<typeof SidebarMenuBadge>;
+export default SidebarMenuBadge;