@lerianstudio/sindarian-ui 1.2.0 → 1.3.0-beta.1

package/dist/esm/components/ui/sidebar/sidebar-components.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export type SidebarHeaderProps = React.ComponentProps<'div'> & {
+    className?: string;
+    collapsed?: boolean;
+};
+export declare const SidebarHeader: ({ className, collapsed, ...props }: SidebarHeaderProps) => React.JSX.Element;
+export type SidebarContentProps = React.ComponentProps<'div'> & {
+    className?: string;
+};
+export declare const SidebarContent: ({ className, ...props }: SidebarContentProps) => React.JSX.Element;
+export type SidebarGroupProps = {
+    className?: string;
+} & React.ComponentProps<'nav'>;
+export declare const SidebarGroup: ({ className, ...props }: SidebarGroupProps) => React.JSX.Element;
+export type SidebarGroupTitleProps = React.PropsWithChildren & {
+    collapsed?: boolean;
+};
+export declare const SidebarGroupTitle: ({ children }: SidebarGroupTitleProps) => React.JSX.Element;
+export type SidebarFooterProps = {
+    className?: string;
+} & React.ComponentProps<'nav'>;
+export declare const SidebarFooter: ({ className, ...props }: SidebarFooterProps) => React.JSX.Element;
+//# sourceMappingURL=sidebar-components.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-components.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,oCAI3B,kBAAkB,sBAWpB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,yBAG5B,mBAAmB,sBAUrB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAE/B,eAAO,MAAM,YAAY,GAAI,yBAAyB,iBAAiB,sBAUtE,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,GAAG;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,cAAc,sBAAsB,sBAcrE,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAE/B,eAAO,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,sBASxE,CAAA"}

package/dist/esm/components/ui/sidebar/sidebar-components.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../lib/utils.js';
+import { useSidebar } from './sidebar-provider.js';
+import { Separator } from '../separator/index.js';
+export const SidebarHeader = ({ className, collapsed, ...props }) => (_jsx("div", { "data-slot": "sidebar-header", "data-collapsed": collapsed, className: cn('bg-card flex w-full flex-col items-center p-4', collapsed && 'justify-center p-0', className), ...props }));
+export const SidebarContent = ({ className, ...props }) => (_jsx("div", { "data-slot": "sidebar-content", className: cn('bg-card group flex flex-1 flex-col gap-4 overflow-hidden overflow-y-auto px-4 pt-4 transition-all duration-300 ease-in-out', 'group-data-[collapsed=true]/sidebar:items-center group-data-[collapsed=true]/sidebar:px-2', className), ...props }));
+export const SidebarGroup = ({ className, ...props }) => (_jsx("nav", { "data-slot": "sidebar-group", className: cn('flex flex-col gap-1', 'group-data-[collapsed=true]/sidebar:items-center', className), ...props }));
+export const SidebarGroupTitle = ({ children }) => {
+    const { isCollapsed } = useSidebar();
+    if (isCollapsed) {
+        return _jsx(Separator, {});
+    }
+    return (_jsx("div", { "data-slot": "sidebar-group-title", className: "my-2 px-2", children: _jsx("p", { className: "text-body-text text-xs font-semibold tracking-[1.1px] uppercase", children: children }) }));
+};
+export const SidebarFooter = ({ className, ...props }) => (_jsx("nav", { "data-slot": "sidebar-footer", className: cn('border-border bg-card flex w-full justify-center border-t p-4', className), ...props }));

package/dist/esm/components/ui/sidebar/sidebar-expand-button.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type SidebarExpandButtonProps = {
+    tooltip?: string;
+};
+export declare const SidebarExpandButton: ({ tooltip }: SidebarExpandButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=sidebar-expand-button.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-expand-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-expand-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-expand-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,KAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,aAAa,wBAAwB,sBAqCxE,CAAA"}

package/dist/esm/components/ui/sidebar/sidebar-expand-button.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { PanelLeftClose, PanelRightClose } from 'lucide-react';
+import { useSidebar } from './sidebar-provider.js';
+import { SidebarFooter } from './sidebar-components.js';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip/index.js';
+import { IconButton } from '../icon-button/index.js';
+export const SidebarExpandButton = ({ tooltip }) => {
+    const { isCollapsed, toggleSidebar } = useSidebar();
+    return (_jsxs(React.Fragment, { children: [!isCollapsed && (_jsx("div", { "data-slot": "sidebar-expand-button", className: "border-border bg-card flex w-full", children: _jsx("div", { className: "absolute right-[-20px] bottom-4", children: _jsx(IconButton, { variant: "secondary", rounded: true, onClick: toggleSidebar, children: _jsx(PanelLeftClose, { className: "text-shadcn-400" }) }) }) })), isCollapsed && (_jsx(SidebarFooter, { children: _jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: "group/expand-button text-shadcn-400 hover:bg-accent rounded-sm bg-transparent p-2", onClick: toggleSidebar, children: _jsx(PanelRightClose, { className: "group-hover/expand-button:text-white dark:text-white" }) }), _jsx(TooltipContent, { side: "right", children: tooltip || 'Expand' })] }) }) }))] }));
+};

package/dist/esm/components/ui/sidebar/sidebar-item-button.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type SidebarLinkProps } from './sidebar-router.js';
+export type SidebarItemButtonProps = SidebarLinkProps & {
+    className?: string;
+    title: string;
+    icon?: React.ReactNode;
+    active?: boolean;
+    inactive?: boolean;
+    disabled?: boolean;
+};
+export declare function SidebarItemButton({ className, title, icon, href, active, inactive, disabled, ...props }: SidebarItemButtonProps): React.JSX.Element;
+//# sourceMappingURL=sidebar-item-button.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-item-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-item-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAE1E,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GAAG;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,sBAAsB,qBA8CxB"}

package/dist/esm/components/ui/sidebar/sidebar-item-button.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { buttonVariants, iconVariants } from '../../ui/button/index.js';
+import { cn } from '../../../lib/utils.js';
+import { useSidebarRouter } from './sidebar-router.js';
+export function SidebarItemButton({ className, title, icon, href, active, inactive, disabled = false, ...props }) {
+    const { Link } = useSidebarRouter();
+    const sharedClassName = cn(buttonVariants({
+        variant: active ? 'tertiary' : 'outline',
+        fullWidth: true,
+        size: 'small'
+    }), 'group/link flex items-center justify-start', inactive && 'hover:border-transparent', disabled && 'cursor-default opacity-30', className);
+    const content = (_jsxs(_Fragment, { children: [icon && (_jsx("span", { className: cn(iconVariants({ position: 'start', size: 'small' })), children: icon })), title] }));
+    if (disabled || inactive) {
+        return (_jsx("div", { "data-slot": "sidebar-item-button", className: sharedClassName, children: content }));
+    }
+    return (_jsx(Link, { "data-slot": "sidebar-item-button", href: href, className: sharedClassName, ...props, children: content }));
+}

package/dist/esm/components/ui/sidebar/sidebar-item-collapsible.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@radix-ui/react-collapsible';
+import { SidebarItemButton } from './sidebar-item-button.js';
+import { SidebarItemIconButton } from './sidebar-item-icon-button.js';
+export type SidebarItemCollapsibleProps = React.ComponentProps<typeof Collapsible> & {
+    name?: string;
+};
+export declare function SidebarItemCollapsible({ name, className, ...props }: SidebarItemCollapsibleProps): React.JSX.Element;
+export type SidebarItemCollapsibleTriggerProps = React.ComponentProps<typeof CollapsibleTrigger> & Omit<React.ComponentProps<typeof SidebarItemButton>, 'href'> & Omit<React.ComponentProps<typeof SidebarItemIconButton>, 'href'>;
+export declare function SidebarItemCollapsibleTrigger({ className, icon, title, children: _children, ...props }: SidebarItemCollapsibleTriggerProps): React.JSX.Element;
+export declare function SidebarItemCollapsibleContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): React.JSX.Element;
+//# sourceMappingURL=sidebar-item-collapsible.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-item-collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item-collapsible.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-item-collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,6BAA6B,CAAA;AAIpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAElE,MAAM,MAAM,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAC5D,OAAO,WAAW,CACnB,GAAG;IACF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,qBA+B7B;AAED,MAAM,MAAM,kCAAkC,GAAG,KAAK,CAAC,cAAc,CACnE,OAAO,kBAAkB,CAC1B,GACC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAC5D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,EAAE,MAAM,CAAC,CAAA;AAElE,wBAAgB,6BAA6B,CAAC,EAC5C,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,EAAE,SAAS,EACnB,GAAG,KAAK,EACT,EAAE,kCAAkC,qBAgCpC;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,qBA0BjD"}

package/dist/esm/components/ui/sidebar/sidebar-item-collapsible.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../../../lib/utils.js';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@radix-ui/react-collapsible';
+import { ChevronRight } from 'lucide-react';
+import { useSidebar } from './sidebar-provider.js';
+import { Separator } from '../separator/index.js';
+import { SidebarItemButton } from './sidebar-item-button.js';
+import { buttonVariants } from '../button/index.js';
+import { SidebarItemIconButton } from './sidebar-item-icon-button.js';
+export function SidebarItemCollapsible({ name, className, ...props }) {
+    const { isCollapsed, getItemCollapsed, setItemCollapsed } = useSidebar();
+    const [open, setOpen] = React.useState(name ? getItemCollapsed(name) : false);
+    const handleOpenChange = (open) => {
+        setOpen(open);
+        if (name) {
+            setItemCollapsed(name, open);
+        }
+    };
+    React.useEffect(() => {
+        if (name) {
+            setOpen(getItemCollapsed(name));
+        }
+    }, [name, getItemCollapsed]);
+    return (_jsx(Collapsible, { open: open, onOpenChange: handleOpenChange, "data-slot": "sidebar-item-collapsible", className: cn({
+            'rounded-md': isCollapsed
+        }, className), ...props }));
+}
+export function SidebarItemCollapsibleTrigger({ className, icon, title, children: _children, ...props }) {
+    const { isCollapsed } = useSidebar();
+    return (_jsxs(CollapsibleTrigger, { "data-slot": "sidebar-item-collapsible-trigger", className: cn('flex w-full flex-row p-0', 'transition-all hover:underline [&[data-state=open]>svg]:rotate-90', buttonVariants({
+            variant: 'outline',
+            fullWidth: true,
+            size: 'small'
+        }), {
+            'size-10': isCollapsed
+        }, className), ...props, children: [isCollapsed && (_jsx(SidebarItemIconButton, { title: title, icon: icon, href: "", inactive: true })), !isCollapsed && (_jsxs(_Fragment, { children: [_jsx(SidebarItemButton, { title: title, icon: icon, href: '', inactive: true }), _jsx(ChevronRight, { className: "text-foreground mr-1 size-6 shrink-0 cursor-pointer transition-transform duration-200" })] }))] }));
+}
+export function SidebarItemCollapsibleContent({ className, children, ...props }) {
+    const { isCollapsed } = useSidebar();
+    return (_jsx(CollapsibleContent, { "data-slot": "sidebar-item-collapsible-content", className: cn('mt-1 flex flex-col gap-1', 'data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden transition-all duration-200 ease-in-out', {
+            'items-center': isCollapsed
+        }, className), ...props, children: isCollapsed ? (children) : (_jsxs("div", { className: "flex items-stretch gap-3", children: [_jsx(Separator, { className: "ml-5 h-auto", orientation: "vertical" }), _jsx("div", { className: "flex w-full flex-col gap-1", children: children })] })) }));
+}

package/dist/esm/components/ui/sidebar/sidebar-item-icon-button.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type SidebarLinkProps } from './sidebar-router.js';
+type SidebarItemIconButtonProps = SidebarLinkProps & {
+    title: string;
+    icon: React.ReactNode;
+    active?: boolean;
+    inactive?: boolean;
+    disabled?: boolean;
+};
+export declare const SidebarItemIconButton: ({ className, title, icon, href, active, inactive, disabled, ...props }: SidebarItemIconButtonProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=sidebar-item-icon-button.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-item-icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item-icon-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-item-icon-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAE1E,KAAK,0BAA0B,GAAG,gBAAgB,GAAG;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,wEASnC,0BAA0B,sBAuC5B,CAAA"}

package/dist/esm/components/ui/sidebar/sidebar-item-icon-button.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { buttonVariants } from '../../ui/button/index.js';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../ui/tooltip/index.js';
+import { cn } from '../../../lib/utils.js';
+import { iconButtonVariants } from '../icon-button/index.js';
+import { useSidebarRouter } from './sidebar-router.js';
+export const SidebarItemIconButton = ({ className, title, icon, href, active, inactive, disabled, ...props }) => {
+    const { Link } = useSidebarRouter();
+    const sharedClassName = cn(buttonVariants({
+        variant: active ? 'tertiary' : 'outline'
+    }), iconButtonVariants(), inactive && 'hover:border-transparent', disabled && 'cursor-default opacity-30', className);
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { delayDuration: 0, children: [_jsx(TooltipTrigger, { asChild: true, children: disabled || inactive ? (_jsx("div", { "data-slot": "sidebar-item-icon-button", className: sharedClassName, children: icon })) : (_jsx(Link, { "data-slot": "sidebar-item-icon-button", href: href, className: sharedClassName, ...props, children: icon })) }), _jsx(TooltipContent, { side: "right", children: title })] }) }));
+};

package/dist/esm/components/ui/sidebar/sidebar-item.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SidebarItemButton } from './sidebar-item-button.js';
+import { SidebarItemIconButton } from './sidebar-item-icon-button.js';
+export type SidebarItemProps = React.ComponentProps<typeof SidebarItemButton> & React.ComponentProps<typeof SidebarItemIconButton> & {
+    title: string;
+    icon: React.ReactNode;
+    href: string;
+    active?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode;
+};
+export declare const SidebarItem: ({ active, href, children: _children, ...props }: SidebarItemProps) => React.JSX.Element;
+//# sourceMappingURL=sidebar-item.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAIlE,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAC3E,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAEH,eAAO,MAAM,WAAW,GAAI,iDAKzB,gBAAgB,sBA0BlB,CAAA"}

package/dist/esm/components/ui/sidebar/sidebar-item.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SidebarItemButton } from './sidebar-item-button.js';
+import { SidebarItemIconButton } from './sidebar-item-icon-button.js';
+import { useSidebar } from './sidebar-provider.js';
+import { useSidebarRouter } from './sidebar-router.js';
+export const SidebarItem = ({ active, href, children: _children, ...props }) => {
+    const { usePathname } = useSidebarRouter();
+    const pathname = usePathname();
+    const { isCollapsed } = useSidebar();
+    const isActive = (href) => pathname === href;
+    if (isCollapsed) {
+        return (_jsx(SidebarItemIconButton, { "data-slot": "sidebar-item", href: href, active: isActive(href) || active, ...props }));
+    }
+    return (_jsx(SidebarItemButton, { "data-slot": "sidebar-item", href: href, active: isActive(href) || active, ...props }));
+};

package/dist/esm/components/ui/sidebar/sidebar-provider.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type SidebarContextProps = {
+    isCollapsed: boolean;
+    items: Record<string, boolean>;
+    setItems: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    getItemCollapsed: (key: string) => boolean;
+    setItemCollapsed: (key: string, value: boolean) => void;
+    toggleSidebar: () => void;
+};
+export declare const useSidebar: () => SidebarContextProps;
+export declare const SidebarProvider: ({ children }: React.PropsWithChildren) => React.JSX.Element;
+//# sourceMappingURL=sidebar-provider.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-provider.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,EAAE,OAAO,CAAA;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IACvE,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;IAC1C,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACvD,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAMD,eAAO,MAAM,UAAU,2BAMtB,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,cAAc,KAAK,CAAC,iBAAiB,sBAqDpE,CAAA"}

package/dist/esm/components/ui/sidebar/sidebar-provider.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { getStorage, getStorageObject } from '../../../lib/storage/index.js';
+const SidebarContext = React.createContext(undefined);
+export const useSidebar = () => {
+    const context = React.useContext(SidebarContext);
+    if (!context) {
+        throw new Error('useSidebar must be used within a SidebarProvider');
+    }
+    return context;
+};
+export const SidebarProvider = ({ children }) => {
+    const [hydrated, setHydrated] = React.useState(false);
+    const [collapsed, setCollapsed] = React.useState(false);
+    const [items, _setItems] = React.useState({});
+    const toggleSidebar = () => setCollapsed((collapsed) => !collapsed);
+    const getItemCollapsed = (key) => {
+        return items[key] || false;
+    };
+    const setItemCollapsed = (key, value) => {
+        _setItems((items) => ({ ...items, [key]: value }));
+    };
+    // Read from localStorage after hydration to avoid SSR mismatch
+    React.useEffect(() => {
+        setCollapsed(getStorage('sidebar-collapsed', false) === 'true');
+        _setItems(getStorageObject('sidebar-items', {}));
+        setHydrated(true);
+    }, []);
+    // Only persist to localStorage after hydration to avoid overwriting stored values
+    React.useEffect(() => {
+        if (!hydrated) {
+            return;
+        }
+        localStorage.setItem('sidebar-collapsed', JSON.stringify(collapsed));
+    }, [collapsed, hydrated]);
+    React.useEffect(() => {
+        if (!hydrated) {
+            return;
+        }
+        localStorage.setItem('sidebar-items', JSON.stringify(items));
+    }, [items, hydrated]);
+    return (_jsx(SidebarContext.Provider, { value: {
+            isCollapsed: collapsed,
+            items,
+            setItems: _setItems,
+            getItemCollapsed,
+            setItemCollapsed,
+            toggleSidebar
+        }, children: children }));
+};

package/dist/esm/components/ui/sidebar/sidebar-root.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const SidebarRoot: ({ className, ...props }: React.ComponentProps<"nav">) => React.JSX.Element;
+//# sourceMappingURL=sidebar-root.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-root.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAoBzB,eAAO,MAAM,WAAW,GAAI,yBAGzB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,sBAW7B,CAAA"}

package/dist/esm/components/ui/sidebar/sidebar-root.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { useSidebar } from './sidebar-provider.js';
+import { cn } from '../../../lib/utils.js';
+const sidebarVariants = cva('group/sidebar shadow-sidebar relative flex flex-col transition-[width] duration-300 ease-in-out', {
+    variants: {
+        collapsed: {
+            true: 'w-[72px]',
+            false: 'w-[244px]'
+        }
+    },
+    defaultVariants: {
+        collapsed: false
+    }
+});
+export const SidebarRoot = ({ className, ...props }) => {
+    const { isCollapsed } = useSidebar();
+    return (_jsx("nav", { "data-slot": "sidebar-root", className: cn(sidebarVariants({ collapsed: isCollapsed }), className), "data-collapsed": isCollapsed, ...props }));
+};

package/dist/esm/components/ui/sidebar/sidebar-router.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Router injection for the sidebar's links.
+ *
+ * The sidebar needs exactly two things from a router: a component that renders
+ * a client-side-navigating link, and a way to read the current pathname (for
+ * the active item). Nothing else.
+ *
+ * Resolution order, per render:
+ *   1. a mounted <SidebarRouterProvider> — what a Vite/TanStack Router app uses
+ *   2. next/link + next/navigation, when the app runs under Next.js
+ *   3. a plain <a> (full page loads) + a dev-only warning
+ *
+ * Step 2 is why a Next.js app needs no provider and no code change: the default
+ * still routes through next/link exactly as the hard import used to.
+ */
+import * as React from 'react';
+/**
+ * next/link's own options — every prop it accepts that is NOT a DOM anchor
+ * attribute. Mirrored from next 16's `InternalLinkProps` so a Next.js call site
+ * that passes any of them keeps compiling; they are forwarded untouched and
+ * ignored by routers that have no use for them.
+ *
+ * `href` and `as` are narrowed to `string`: next also accepts a `UrlObject`,
+ * but the sidebar builds its own hrefs and every other router in play takes a
+ * string.
+ *
+ * next's `onMouseEnter`/`onTouchStart`/`onClick` are deliberately absent — they
+ * are real anchor attributes and already come from `AnchorHTMLAttributes`.
+ */
+type RouterOnlyLinkProps = {
+    /** @deprecated next v10: dynamic-route hrefs resolve automatically. */
+    as?: string;
+    replace?: boolean;
+    scroll?: boolean;
+    /** Pages Router only. */
+    shallow?: boolean;
+    passHref?: boolean;
+    prefetch?: boolean | 'auto' | null;
+    unstable_dynamicOnHover?: boolean;
+    /** Pages Router only. */
+    locale?: string | false;
+    /** @deprecated next: removed in a future version. */
+    legacyBehavior?: boolean;
+    onNavigate?: (event: {
+        preventDefault: () => void;
+    }) => void;
+    transitionTypes?: string[];
+};
+/**
+ * Props the sidebar passes to whatever Link it is given: the DOM anchor
+ * attributes plus next/link's options.
+ */
+export type SidebarLinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
+    href: string;
+    children?: React.ReactNode;
+} & RouterOnlyLinkProps;
+/** The full injection surface. Both members are required — a router that can
+ *  link but not report its pathname would silently break the active state. */
+export type SidebarRouter = {
+    /** Renders a client-side-navigating link. */
+    Link: React.ComponentType<SidebarLinkProps>;
+    /** Current pathname, e.g. `/ledgers/123`. Must re-render on navigation. */
+    usePathname: () => string;
+};
+export type SidebarRouterProviderProps = React.PropsWithChildren<{
+    router: SidebarRouter;
+}>;
+/**
+ * Teaches the sidebar how to navigate. Mount it above any sidebar in an app
+ * that is not Next.js:
+ *
+ *   <SidebarRouterProvider router={{ Link: MyLink, usePathname: useMyPathname }}>
+ *
+ * Keep `router` referentially stable (module constant or useMemo): `usePathname`
+ * is called as a hook, so swapping the object for a different implementation
+ * mid-tree would change hook identity.
+ */
+export declare function SidebarRouterProvider({ router, children }: SidebarRouterProviderProps): React.JSX.Element;
+/** The router the sidebar should use: injected, else Next, else plain anchors. */
+export declare function useSidebarRouter(): SidebarRouter;
+export {};
+//# sourceMappingURL=sidebar-router.d.ts.map

package/dist/esm/components/ui/sidebar/sidebar-router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-router.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/sidebar/sidebar-router.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;GAYG;AACH,KAAK,mBAAmB,GAAG;IACzB,uEAAuE;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACvB,qDAAqD;IACrD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAA;IAC5D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,CACP,GAAG;IACF,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,mBAAmB,CAAA;AAEvB;8EAC8E;AAC9E,MAAM,MAAM,aAAa,GAAG;IAC1B,6CAA6C;IAC7C,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAA;IAC3C,2EAA2E;IAC3E,WAAW,EAAE,MAAM,MAAM,CAAA;CAC1B,CAAA;AAID,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/D,MAAM,EAAE,aAAa,CAAA;CACtB,CAAC,CAAA;AAEF;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,QAAQ,EACT,EAAE,0BAA0B,qBAM5B;AAkED,kFAAkF;AAClF,wBAAgB,gBAAgB,IAAI,aAAa,CAIhD"}

package/dist/esm/components/ui/sidebar/sidebar-router.js

@@ -0,0 +1,89 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Router injection for the sidebar's links.
+ *
+ * The sidebar needs exactly two things from a router: a component that renders
+ * a client-side-navigating link, and a way to read the current pathname (for
+ * the active item). Nothing else.
+ *
+ * Resolution order, per render:
+ *   1. a mounted <SidebarRouterProvider> — what a Vite/TanStack Router app uses
+ *   2. next/link + next/navigation, when the app runs under Next.js
+ *   3. a plain <a> (full page loads) + a dev-only warning
+ *
+ * Step 2 is why a Next.js app needs no provider and no code change: the default
+ * still routes through next/link exactly as the hard import used to.
+ */
+import * as React from 'react';
+import { loadNextRouter } from './next-router.cjs';
+const SidebarRouterContext = React.createContext(null);
+/**
+ * Teaches the sidebar how to navigate. Mount it above any sidebar in an app
+ * that is not Next.js:
+ *
+ *   <SidebarRouterProvider router={{ Link: MyLink, usePathname: useMyPathname }}>
+ *
+ * Keep `router` referentially stable (module constant or useMemo): `usePathname`
+ * is called as a hook, so swapping the object for a different implementation
+ * mid-tree would change hook identity.
+ */
+export function SidebarRouterProvider({ router, children }) {
+    return (_jsx(SidebarRouterContext.Provider, { value: router, children: children }));
+}
+/**
+ * Resolve Next's router once, at module load, so the returned object — and
+ * therefore `usePathname`'s identity — is stable across renders.
+ *
+ * The resolution itself lives in `next-router.cjs`: it needs a literal
+ * `require`, which exists in the CommonJS output but not in the ESM one. That
+ * file is CommonJS in both builds, so a Next.js consumer keeps client-side
+ * navigation whichever format its bundler picks. See the file for the details.
+ */
+const NEXT_ROUTER = loadNextRouter();
+let warned = false;
+/**
+ * The router-only props, as a runtime key set. Typed `Record<keyof
+ * RouterOnlyLinkProps, true>` so it is exhaustive BY CONSTRUCTION: adding a
+ * prop to the type without listing it here is a compile error, and the two can
+ * never drift. Forwarding any of these to a DOM `<a>` earns a React
+ * unknown-attribute warning.
+ */
+const ROUTER_ONLY_PROPS = {
+    as: true,
+    replace: true,
+    scroll: true,
+    shallow: true,
+    passHref: true,
+    prefetch: true,
+    unstable_dynamicOnHover: true,
+    locale: true,
+    legacyBehavior: true,
+    onNavigate: true,
+    transitionTypes: true
+};
+/** Last resort: a real link that costs a full page load. Warns once, in dev. */
+function PlainLink({ href, children, ...rest }) {
+    if (!warned && process.env.NODE_ENV !== 'production') {
+        warned = true;
+        console.warn('sindarian-ui: sidebar links are falling back to plain <a>, so every ' +
+            'navigation reloads the page and no item will show as active. Mount ' +
+            '<SidebarRouterProvider router={{ Link, usePathname }}> above the ' +
+            "sidebar with your router's equivalents.");
+    }
+    const anchorProps = { ...rest };
+    for (const key of Object.keys(ROUTER_ONLY_PROPS))
+        delete anchorProps[key];
+    return (_jsx("a", { href: href, ...anchorProps, children: children }));
+}
+const FALLBACK_ROUTER = {
+    Link: PlainLink,
+    // No router, no truth. Returning '' marks nothing active rather than
+    // guessing from location.pathname, which would go stale on the first
+    // client-side navigation anyway.
+    usePathname: () => ''
+};
+/** The router the sidebar should use: injected, else Next, else plain anchors. */
+export function useSidebarRouter() {
+    return (React.useContext(SidebarRouterContext) ?? NEXT_ROUTER ?? FALLBACK_ROUTER);
+}

package/dist/esm/components/ui/skeleton/index.d.ts

@@ -0,0 +1,3 @@
+declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+export { Skeleton };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/skeleton/index.tsx"],"names":[],"mappings":"AAEA,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQrE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/ui/skeleton/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../lib/utils.js';
+function Skeleton({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "skeleton", className: cn('bg-muted animate-pulse rounded-md', className), ...props }));
+}
+export { Skeleton };

package/dist/esm/components/ui/stepper/index.d.ts

@@ -0,0 +1,18 @@
+export declare function Stepper({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+export type StepperItemProps = React.ComponentProps<'div'> & {
+    active?: boolean;
+    complete?: boolean;
+};
+export declare function StepperItem({ className, active, complete, ...props }: StepperItemProps): import("react").JSX.Element;
+export declare function StepperItemNumber({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+export type StepperItemTextProps = React.ComponentProps<'div'> & {
+    title: string;
+    description?: string;
+};
+export declare function StepperItemText({ className, title, description, ...props }: StepperItemTextProps): import("react").JSX.Element;
+export type StepperControlProps = React.PropsWithChildren & {
+    active?: boolean;
+};
+export declare const StepperContent: ({ active, children }: StepperControlProps) => import("react").JSX.Element | null;
+export declare const StepperItemSkeleton: () => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/stepper/index.tsx"],"names":[],"mappings":"AAIA,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAI3E;AAED,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,MAAc,EACd,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAUlB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQ7B;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/D,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACT,EAAE,oBAAoB,+BActB;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,GAAG;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,sBAAsB,mBAAmB,uCAEvE,CAAA;AAED,eAAO,MAAM,mBAAmB,mCAK/B,CAAA"}

package/dist/esm/components/ui/stepper/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '../../../lib/utils.js';
+import { CircleCheck } from 'lucide-react';
+import { Skeleton } from '../skeleton/index.js';
+export function Stepper({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "stepper", className: cn('stepper', className), ...props }));
+}
+export function StepperItem({ className, active = false, complete = false, ...props }) {
+    return (_jsx("div", { "data-slot": "stepper-item", "data-active": active, "data-complete": complete, className: cn('stepper-item group', className), ...props }));
+}
+export function StepperItemNumber({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "stepper-item-number", className: cn('stepper-item-number', className), ...props }));
+}
+export function StepperItemText({ className, title, description, ...props }) {
+    return (_jsxs("div", { "data-slot": "stepper-item-text", className: cn('stepper-item-text', className), ...props, children: [_jsxs("div", { className: "stepper-item-title", children: [_jsx("p", { children: title }), _jsx(CircleCheck, { className: "stepper-item-icon", width: 16, height: 16 })] }), description && _jsx("p", { className: "stepper-item-description", children: description })] }));
+}
+export const StepperContent = ({ active, children }) => {
+    return active ? _jsx(_Fragment, { children: children }) : null;
+};
+export const StepperItemSkeleton = () => (_jsxs("div", { className: "flex flex-row items-center gap-3", children: [_jsx(Skeleton, { className: "bg-muted h-8 w-8 rounded-full" }), _jsx(Skeleton, { className: "bg-muted h-5 w-32" })] }));

package/dist/esm/components/ui/switch/index.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+declare function Switch({ className, ...props }: React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>): React.JSX.Element;
+export { Switch };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAA;AAI1D,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,qBAkB9D;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/esm/components/ui/switch/index.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { cn } from '../../../lib/utils.js';
+function Switch({ className, ...props }) {
+    return (_jsx(SwitchPrimitives.Root, { "data-slot": "switch", className: cn('focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(SwitchPrimitives.Thumb, { "data-slot": "switch-thumb", className: cn('bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0') }) }));
+}
+export { Switch };