@kismet-ux/constellation 1.0.0

package/dist/layout/Sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sidebar';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/Sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Sidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/layout/Sidebar/sidebar-context.d.ts

@@ -0,0 +1,4 @@
+import { type SidebarContextValue } from '@constellation/types';
+import * as React from 'react';
+export declare const SidebarContext: React.Context<SidebarContextValue | null>;
+//# sourceMappingURL=sidebar-context.d.ts.map

package/dist/layout/Sidebar/sidebar-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-context.d.ts","sourceRoot":"","sources":["../../../src/layout/Sidebar/sidebar-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,cAAc,2CAAwD,CAAC"}

package/dist/layout/Sidebar/sidebar-context.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+const SidebarContext = React.createContext(null);
+
+export { SidebarContext };
+//# sourceMappingURL=sidebar-context.js.map

package/dist/layout/Sidebar/sidebar-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-context.js","sources":["../../../src/layout/Sidebar/sidebar-context.ts"],"sourcesContent":["import { type SidebarContextValue } from '@constellation/types';\nimport * as React from 'react';\n\nexport const SidebarContext = React.createContext<SidebarContextValue | null>(null);\n"],"names":[],"mappings":";;AAGO,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAA6B,IAAI;;"}

package/dist/layout/Sidebar/sidebar-variants.d.ts

@@ -0,0 +1,5 @@
+export declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=sidebar-variants.d.ts.map

package/dist/layout/Sidebar/sidebar-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-variants.d.ts","sourceRoot":"","sources":["../../../src/layout/Sidebar/sidebar-variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB;;;8EAgBpC,CAAC"}

package/dist/layout/Sidebar/sidebar-variants.js

@@ -0,0 +1,23 @@
+import { cva } from 'class-variance-authority';
+import s from './sidebar.module.scss.js';
+
+const sidebarMenuButtonVariants = cva(s['sidebar-menu-button'], {
+    variants: {
+        variant: {
+            default: s['menu-button--variant-default'],
+            outline: s['menu-button--variant-outline'],
+        },
+        size: {
+            sm: s['menu-button--size-sm'],
+            md: s['menu-button--size-md'],
+            lg: s['menu-button--size-lg'],
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md',
+    },
+});
+
+export { sidebarMenuButtonVariants };
+//# sourceMappingURL=sidebar-variants.js.map

package/dist/layout/Sidebar/sidebar-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-variants.js","sources":["../../../src/layout/Sidebar/sidebar-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './sidebar.module.scss';\n\nexport const sidebarMenuButtonVariants = cva(s['sidebar-menu-button'], {\n  variants: {\n    variant: {\n      default: s['menu-button--variant-default'],\n      outline: s['menu-button--variant-outline'],\n    },\n    size: {\n      sm: s['menu-button--size-sm'],\n      md: s['menu-button--size-md'],\n      lg: s['menu-button--size-lg'],\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n"],"names":[],"mappings":";;;AAGO,MAAM,yBAAyB,GAAG,GAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC,EAAE;AACrE,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,CAAC,CAAC,8BAA8B,CAAC;AAC1C,YAAA,OAAO,EAAE,CAAC,CAAC,8BAA8B,CAAC;AAC3C,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,CAAC,CAAC,sBAAsB,CAAC;AAC7B,YAAA,EAAE,EAAE,CAAC,CAAC,sBAAsB,CAAC;AAC7B,YAAA,EAAE,EAAE,CAAC,CAAC,sBAAsB,CAAC;AAC9B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,IAAI;AACX,KAAA;AACF,CAAA;;"}

package/dist/layout/Sidebar/sidebar.d.ts

@@ -0,0 +1,57 @@
+import { Input } from '@constellation/form/Input';
+import { type SidebarVariant } from '@constellation/types';
+import { Button } from '@constellation/ui/Button';
+import { TooltipContent } from '@constellation/ui/Tooltip';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { sidebarMenuButtonVariants } from './sidebar-variants';
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<'div'> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: React.Dispatch<React.SetStateAction<boolean>>;
+}): React.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<'div'> & {
+    side?: 'left' | 'right';
+    variant?: SidebarVariant;
+    collapsible?: 'offcanvas' | 'icon' | 'none';
+}): React.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<'button'>): React.JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<'div'> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): React.JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<'button'> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<'div'> & {
+    showIcon?: boolean;
+}): React.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>): React.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, tooltip, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+}): React.JSX.Element;
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarTrigger, };
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/layout/Sidebar/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/layout/Sidebar/sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/layout/Sidebar/sidebar.js

@@ -0,0 +1,200 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Input } from '../../form/Input/input.js';
+import { useSidebar } from '../../hooks/layout/use-sidebar.js';
+import '../../ui/Alert/alert-context.js';
+import * as React from 'react';
+import '../../ui/Table/table-sort-context.js';
+import { useIsMobile } from '../../hooks/use-mobile.js';
+import { Skeleton } from '../Skeleton/skeleton.js';
+import { Sheet, SheetHeader, SheetTitle, SheetDescription, SheetContent } from '../../navigation/Sheet/sheet.js';
+import { Button } from '../../ui/Button/button.js';
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from '../../ui/Tooltip/tooltip.js';
+import cn from 'clsx';
+import { PanelLeftIcon } from 'lucide-react';
+import { Slot } from '../../internal/slot.js';
+import { SidebarContext } from './sidebar-context.js';
+import { sidebarMenuButtonVariants } from './sidebar-variants.js';
+import s from './sidebar.module.scss.js';
+
+const SIDEBAR_COOKIE_NAME = 'sidebar_state';
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+const SIDEBAR_WIDTH = '264px';
+const SIDEBAR_WIDTH_MOBILE = '18rem';
+const SIDEBAR_WIDTH_ICON = '3rem';
+const SIDEBAR_KEYBOARD_SHORTCUT = 'b';
+function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
+    const isMobile = useIsMobile();
+    const [openMobile, setOpenMobile] = React.useState(false);
+    const [sidebarVariant, setSidebarVariant] = React.useState('sidebar');
+    // This is the internal state of the sidebar.
+    // We use openProp and setOpenProp for control from outside the component.
+    const [_open, _setOpen] = React.useState(() => {
+        if (typeof document === 'undefined')
+            return defaultOpen;
+        const match = document.cookie
+            .split('; ')
+            .find(row => row.startsWith(`${SIDEBAR_COOKIE_NAME}=`));
+        if (match) {
+            return match.split('=')[1] === 'true';
+        }
+        return defaultOpen;
+    });
+    const open = openProp ?? _open;
+    const setOpen = React.useCallback(value => {
+        const openState = typeof value === 'function' ? value(open) : value;
+        if (setOpenProp) {
+            setOpenProp(openState);
+        }
+        else {
+            _setOpen(openState);
+        }
+        // This sets the cookie to keep the sidebar state.
+        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    }, [setOpenProp, open]);
+    // Helper to toggle the sidebar.
+    const toggleSidebar = React.useCallback(() => {
+        return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);
+    }, [isMobile, setOpen, setOpenMobile]);
+    // Adds a keyboard shortcut to toggle the sidebar.
+    React.useEffect(() => {
+        const handleKeyDown = (event) => {
+            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+                event.preventDefault();
+                toggleSidebar();
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [toggleSidebar]);
+    // We add a state so that we can do data-state="expanded" or "collapsed".
+    // This makes it easier to style the sidebar with Tailwind classes.
+    const state = open ? 'expanded' : 'collapsed';
+    const contextValue = React.useMemo(() => ({
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar,
+        variant: sidebarVariant,
+        setVariant: setSidebarVariant,
+    }), [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar, sidebarVariant]);
+    return (jsx(SidebarContext.Provider, { value: contextValue, children: jsx(TooltipProvider, { delayDuration: 0, children: jsx("div", { "data-slot": 'sidebar-wrapper', style: {
+                    '--sidebar-width': SIDEBAR_WIDTH,
+                    '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
+                    ...style,
+                }, className: cn(s['sidebar-wrapper'], className, sidebarVariant === 'inset' && s.inset), ...props, children: children }) }) }));
+}
+function Sidebar({ side = 'left', variant = 'sidebar', collapsible = 'icon', className, children, ...props }) {
+    const { isMobile, state, openMobile, setOpenMobile, setVariant } = useSidebar();
+    React.useEffect(() => {
+        setVariant(variant);
+    }, [setVariant, variant]);
+    if (collapsible === 'none') {
+        return (jsx("div", { "data-slot": 'sidebar', className: cn(s['sidebar-panel'], className), ...props, children: children }));
+    }
+    if (isMobile) {
+        return (jsxs(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: [jsxs(SheetHeader, { className: 'srOnly', children: [jsx(SheetTitle, { children: "Sidebar" }), jsx(SheetDescription, { children: "Displays the mobile sidebar." })] }), jsx(SheetContent, { "data-sidebar": 'sidebar', "data-slot": 'sidebar', "data-mobile": 'true', className: s['mobile-sheet-content'], style: {
+                        '--sidebar-width': SIDEBAR_WIDTH_MOBILE,
+                    }, side: side, children: jsx("div", { className: s['sidebar-panel'], children: children }) })] }));
+    }
+    return (jsxs("div", { className: cn(s['sidebar-base'], className), "data-state": state, "data-collapsible": state === 'collapsed' ? collapsible : '', "data-variant": variant, "data-side": side, "data-slot": 'sidebar', ...props, children: [jsx("div", { className: s['sidebar-spacer'] }), jsx("div", { className: s['sidebar-fixed'], children: jsx("div", { "data-sidebar": 'sidebar', className: s['sidebar-panel'], children: children }) })] }));
+}
+function SidebarTrigger({ className, onClick, ...props }) {
+    const { toggleSidebar } = useSidebar();
+    return (jsxs(Button, { "data-sidebar": 'trigger', "data-slot": 'sidebar-trigger', variant: 'ghost', theme: 'primary', size: 'md', iconOnly: true, className: cn(className), onClick: event => {
+            onClick?.(event);
+            toggleSidebar();
+        }, ...props, children: [jsx(PanelLeftIcon, {}), jsx("span", { className: 'srOnly', children: "Toggle Sidebar" })] }));
+}
+function SidebarRail({ className, ...props }) {
+    const { toggleSidebar } = useSidebar();
+    return (jsx("button", { "data-sidebar": 'rail', "data-slot": 'sidebar-rail', "aria-label": 'Toggle Sidebar', tabIndex: -1, onClick: toggleSidebar, title: 'Toggle Sidebar', className: cn(s['sidebar-rail'], className), ...props }));
+}
+function SidebarInset({ className, ...props }) {
+    return (jsx("div", { "data-slot": 'sidebar-inset', className: cn(s['sidebar-inset'], className), ...props }));
+}
+function SidebarInput({ className, ...props }) {
+    return (jsx(Input, { "data-slot": 'sidebar-input', "data-sidebar": 'input', className: cn(s['sidebar-input'], className), ...props }));
+}
+function SidebarHeader({ className, ...props }) {
+    return (jsx("div", { "data-slot": 'sidebar-header', "data-sidebar": 'header', className: cn(s['sidebar-header'], className), ...props }));
+}
+function SidebarFooter({ className, ...props }) {
+    return (jsx("div", { "data-slot": 'sidebar-footer', "data-sidebar": 'footer', className: cn(s['sidebar-footer'], className), ...props }));
+}
+function SidebarContent({ className, ...props }) {
+    return (jsx("div", { "data-slot": 'sidebar-content', "data-sidebar": 'content', className: cn(s['sidebar-content'], className), ...props }));
+}
+function SidebarGroup({ className, ...props }) {
+    return (jsx("div", { "data-slot": 'sidebar-group', "data-sidebar": 'group', className: cn(s['sidebar-group'], className), ...props }));
+}
+function SidebarGroupLabel({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'div';
+    return (jsx(Comp, { "data-slot": 'sidebar-group-label', "data-sidebar": 'group-label', className: cn(s['sidebar-group-label'], className), ...props }));
+}
+function SidebarGroupAction({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'button';
+    return (jsx(Comp, { "data-slot": 'sidebar-group-action', "data-sidebar": 'group-action', className: cn(s['sidebar-group-action'], className), ...props }));
+}
+function SidebarGroupContent({ className, ...props }) {
+    return (jsx("div", { "data-slot": 'sidebar-group-content', "data-sidebar": 'group-content', className: cn(s['sidebar-group-content'], className), ...props }));
+}
+function SidebarMenu({ className, ...props }) {
+    return (jsx("ul", { "data-slot": 'sidebar-menu', "data-sidebar": 'menu', className: cn(s['sidebar-menu'], className), ...props }));
+}
+function SidebarMenuItem({ className, ...props }) {
+    return (jsx("li", { "data-slot": 'sidebar-menu-item', "data-sidebar": 'menu-item', className: cn(s['sidebar-menu-item'], className), ...props }));
+}
+function SidebarMenuButton({ asChild = false, isActive = false, variant = 'default', size = 'md', tooltip, className, ...props }) {
+    const Comp = asChild ? Slot : 'button';
+    const { isMobile, state } = useSidebar();
+    const button = (jsx(Comp, { "data-slot": 'sidebar-menu-button', "data-sidebar": 'menu-button', "data-size": size, "data-active": isActive, className: cn(sidebarMenuButtonVariants({ variant, size }), className), ...props }));
+    if (!tooltip) {
+        return button;
+    }
+    if (typeof tooltip === 'string') {
+        tooltip = {
+            children: tooltip,
+        };
+    }
+    return (jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: button }), jsx(TooltipContent, { side: 'right', hidden: state !== 'collapsed' || isMobile, ...tooltip })] }));
+}
+function SidebarMenuAction({ className, asChild = false, showOnHover = false, ...props }) {
+    const Comp = asChild ? Slot : 'button';
+    return (jsx(Comp, { "data-slot": 'sidebar-menu-action', "data-sidebar": 'menu-action', className: cn(s['sidebar-menu-action'], showOnHover && 'is-hover', className), ...props }));
+}
+function SidebarMenuBadge({ className, ...props }) {
+    return (jsx("div", { "data-slot": 'sidebar-menu-badge', "data-sidebar": 'menu-badge', className: cn(s['sidebar-menu-badge'], className), ...props }));
+}
+function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
+    // Random width between 50 to 90%.
+    const width = React.useMemo(() => {
+        return `${Math.floor(Math.random() * 40) + 50}%`;
+    }, []);
+    return (jsxs("div", { "data-slot": 'sidebar-menu-skeleton', "data-sidebar": 'menu-skeleton', className: cn(s['sidebar-menu-skeleton'], className), ...props, children: [showIcon && (jsx(Skeleton, { className: s['menu-skeleton-icon'], "data-sidebar": 'menu-skeleton-icon' })), jsx(Skeleton, { className: s['menu-skeleton-text'], "data-sidebar": 'menu-skeleton-text', style: {
+                    '--skeleton-width': width,
+                } })] }));
+}
+function SidebarMenuSub({ className, ...props }) {
+    return (jsx("ul", { "data-slot": 'sidebar-menu-sub', "data-sidebar": 'menu-sub', className: cn(s['sidebar-menu'], s['sidebar-menu-sub'], className), ...props }));
+}
+function SidebarMenuSubItem({ className, ...props }) {
+    return (jsx("li", { "data-slot": 'sidebar-menu-sub-item', "data-sidebar": 'menu-sub-item', className: cn(s['sidebar-menu-item'], s['sidebar-menu-sub-item'], className), ...props }));
+}
+function SidebarMenuSubButton({ asChild = false, size = 'md', isActive = false, tooltip, className, ...props }) {
+    const Comp = asChild ? Slot : 'a';
+    const { isMobile } = useSidebar();
+    const button = (jsx(Comp, { "data-slot": 'sidebar-menu-sub-button', "data-sidebar": 'menu-sub-button', "data-size": size, "data-active": isActive, className: cn(s['sidebar-menu-button'], s['sidebar-menu-sub-button'], className), ...props }));
+    if (!tooltip) {
+        return button;
+    }
+    if (typeof tooltip === 'string') {
+        tooltip = { children: tooltip };
+    }
+    return (jsxs(Tooltip, { children: [jsx(TooltipTrigger, { asChild: true, children: button }), jsx(TooltipContent, { side: 'right', hidden: isMobile, ...tooltip })] }));
+}
+
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarTrigger };
+//# sourceMappingURL=sidebar.js.map

package/dist/layout/Sidebar/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sources":["../../../src/layout/Sidebar/sidebar.tsx"],"sourcesContent":["import { Input } from '@constellation/form/Input';\nimport { useIsMobile, useSidebar } from '@constellation/hooks';\nimport { Skeleton } from '@constellation/layout/Skeleton';\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from '@constellation/navigation/Sheet';\nimport { type SidebarContextValue, type SidebarVariant } from '@constellation/types';\nimport { Button } from '@constellation/ui/Button';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@constellation/ui/Tooltip';\nimport { VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport { PanelLeftIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { Slot } from '../../internal/slot';\nimport { SidebarContext } from './sidebar-context';\nimport { sidebarMenuButtonVariants } from './sidebar-variants';\nimport s from './sidebar.module.scss';\n\nconst SIDEBAR_COOKIE_NAME = 'sidebar_state';\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;\nconst SIDEBAR_WIDTH = '264px';\nconst SIDEBAR_WIDTH_MOBILE = '18rem';\nconst SIDEBAR_WIDTH_ICON = '3rem';\nconst SIDEBAR_KEYBOARD_SHORTCUT = 'b';\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange: setOpenProp,\n  className,\n  style,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: React.Dispatch<React.SetStateAction<boolean>>;\n}) {\n  const isMobile = useIsMobile();\n  const [openMobile, setOpenMobile] = React.useState(false);\n  const [sidebarVariant, setSidebarVariant] = React.useState<SidebarVariant>('sidebar');\n\n  // This is the internal state of the sidebar.\n  // We use openProp and setOpenProp for control from outside the component.\n  const [_open, _setOpen] = React.useState(() => {\n    if (typeof document === 'undefined') return defaultOpen;\n\n    const match = document.cookie\n      .split('; ')\n      .find(row => row.startsWith(`${SIDEBAR_COOKIE_NAME}=`));\n    if (match) {\n      return match.split('=')[1] === 'true';\n    }\n\n    return defaultOpen;\n  });\n  const open = openProp ?? _open;\n  const setOpen = React.useCallback<React.Dispatch<React.SetStateAction<boolean>>>(\n    value => {\n      const openState = typeof value === 'function' ? value(open) : value;\n      if (setOpenProp) {\n        setOpenProp(openState);\n      } else {\n        _setOpen(openState);\n      }\n\n      // This sets the cookie to keep the sidebar state.\n      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;\n    },\n    [setOpenProp, open],\n  );\n\n  // Helper to toggle the sidebar.\n  const toggleSidebar = React.useCallback(() => {\n    return isMobile ? setOpenMobile(open => !open) : setOpen(open => !open);\n  }, [isMobile, setOpen, setOpenMobile]);\n\n  // Adds a keyboard shortcut to toggle the sidebar.\n  React.useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggleSidebar();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [toggleSidebar]);\n\n  // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n  // This makes it easier to style the sidebar with Tailwind classes.\n  const state = open ? 'expanded' : 'collapsed';\n\n  const contextValue = React.useMemo<SidebarContextValue>(\n    () => ({\n      state,\n      open,\n      setOpen,\n      isMobile,\n      openMobile,\n      setOpenMobile,\n      toggleSidebar,\n      variant: sidebarVariant,\n      setVariant: setSidebarVariant,\n    }),\n    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar, sidebarVariant],\n  );\n\n  return (\n    <SidebarContext.Provider value={contextValue}>\n      <TooltipProvider delayDuration={0}>\n        <div\n          data-slot={'sidebar-wrapper'}\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH,\n              '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n              ...style,\n            } as React.CSSProperties\n          }\n          className={cn(s['sidebar-wrapper'], className, sidebarVariant === 'inset' && s.inset)}\n          {...props}\n        >\n          {children}\n        </div>\n      </TooltipProvider>\n    </SidebarContext.Provider>\n  );\n}\n\nfunction Sidebar({\n  side = 'left',\n  variant = 'sidebar',\n  collapsible = 'icon',\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'div'> & {\n  side?: 'left' | 'right';\n  variant?: SidebarVariant;\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n}) {\n  const { isMobile, state, openMobile, setOpenMobile, setVariant } = useSidebar();\n\n  React.useEffect(() => {\n    setVariant(variant);\n  }, [setVariant, variant]);\n\n  if (collapsible === 'none') {\n    return (\n      <div data-slot={'sidebar'} className={cn(s['sidebar-panel'], className)} {...props}>\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n        <SheetHeader className={'srOnly'}>\n          <SheetTitle>Sidebar</SheetTitle>\n          <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n        </SheetHeader>\n        <SheetContent\n          data-sidebar={'sidebar'}\n          data-slot={'sidebar'}\n          data-mobile={'true'}\n          className={s['mobile-sheet-content']}\n          style={\n            {\n              '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n            } as React.CSSProperties\n          }\n          side={side}\n        >\n          <div className={s['sidebar-panel']}>{children}</div>\n        </SheetContent>\n      </Sheet>\n    );\n  }\n\n  return (\n    <div\n      className={cn(s['sidebar-base'], className)}\n      data-state={state}\n      data-collapsible={state === 'collapsed' ? collapsible : ''}\n      data-variant={variant}\n      data-side={side}\n      data-slot={'sidebar'}\n      {...props}\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      <div className={s['sidebar-spacer']} />\n      <div className={s['sidebar-fixed']}>\n        <div data-sidebar={'sidebar'} className={s['sidebar-panel']}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <Button\n      data-sidebar={'trigger'}\n      data-slot={'sidebar-trigger'}\n      variant={'ghost'}\n      theme={'primary'}\n      size={'md'}\n      iconOnly\n      className={cn(className)}\n      onClick={event => {\n        onClick?.(event);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      <PanelLeftIcon />\n      <span className={'srOnly'}>Toggle Sidebar</span>\n    </Button>\n  );\n}\n\nfunction SidebarRail({ className, ...props }: React.ComponentProps<'button'>) {\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar={'rail'}\n      data-slot={'sidebar-rail'}\n      aria-label={'Toggle Sidebar'}\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title={'Toggle Sidebar'}\n      className={cn(s['sidebar-rail'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarInset({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot={'sidebar-inset'} className={cn(s['sidebar-inset'], className)} {...props} />\n  );\n}\n\nfunction SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>) {\n  return (\n    <Input\n      data-slot={'sidebar-input'}\n      data-sidebar={'input'}\n      className={cn(s['sidebar-input'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-header'}\n      data-sidebar={'header'}\n      className={cn(s['sidebar-header'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-footer'}\n      data-sidebar={'footer'}\n      className={cn(s['sidebar-footer'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-content'}\n      data-sidebar={'content'}\n      className={cn(s['sidebar-content'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-group'}\n      data-sidebar={'group'}\n      className={cn(s['sidebar-group'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupLabel({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot={'sidebar-group-label'}\n      data-sidebar={'group-label'}\n      className={cn(s['sidebar-group-label'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupAction({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      data-slot={'sidebar-group-action'}\n      data-sidebar={'group-action'}\n      className={cn(s['sidebar-group-action'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-group-content'}\n      data-sidebar={'group-content'}\n      className={cn(s['sidebar-group-content'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot={'sidebar-menu'}\n      data-sidebar={'menu'}\n      className={cn(s['sidebar-menu'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot={'sidebar-menu-item'}\n      data-sidebar={'menu-item'}\n      className={cn(s['sidebar-menu-item'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuButton({\n  asChild = false,\n  isActive = false,\n  variant = 'default',\n  size = 'md',\n  tooltip,\n  className,\n  ...props\n}: React.ComponentProps<'button'> & {\n  asChild?: boolean;\n  isActive?: boolean;\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n} & VariantProps<typeof sidebarMenuButtonVariants>) {\n  const Comp = asChild ? Slot : 'button';\n  const { isMobile, state } = useSidebar();\n\n  const button = (\n    <Comp\n      data-slot={'sidebar-menu-button'}\n      data-sidebar={'menu-button'}\n      data-size={size}\n      data-active={isActive}\n      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  if (typeof tooltip === 'string') {\n    tooltip = {\n      children: tooltip,\n    };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent side={'right'} hidden={state !== 'collapsed' || isMobile} {...tooltip} />\n    </Tooltip>\n  );\n}\n\nfunction SidebarMenuAction({\n  className,\n  asChild = false,\n  showOnHover = false,\n  ...props\n}: React.ComponentProps<'button'> & {\n  asChild?: boolean;\n  showOnHover?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      data-slot={'sidebar-menu-action'}\n      data-sidebar={'menu-action'}\n      className={cn(s['sidebar-menu-action'], showOnHover && 'is-hover', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot={'sidebar-menu-badge'}\n      data-sidebar={'menu-badge'}\n      className={cn(s['sidebar-menu-badge'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSkeleton({\n  className,\n  showIcon = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  showIcon?: boolean;\n}) {\n  // Random width between 50 to 90%.\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`;\n  }, []);\n\n  return (\n    <div\n      data-slot={'sidebar-menu-skeleton'}\n      data-sidebar={'menu-skeleton'}\n      className={cn(s['sidebar-menu-skeleton'], className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton className={s['menu-skeleton-icon']} data-sidebar={'menu-skeleton-icon'} />\n      )}\n      <Skeleton\n        className={s['menu-skeleton-text']}\n        data-sidebar={'menu-skeleton-text'}\n        style={\n          {\n            '--skeleton-width': width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  );\n}\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot={'sidebar-menu-sub'}\n      data-sidebar={'menu-sub'}\n      className={cn(s['sidebar-menu'], s['sidebar-menu-sub'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot={'sidebar-menu-sub-item'}\n      data-sidebar={'menu-sub-item'}\n      className={cn(s['sidebar-menu-item'], s['sidebar-menu-sub-item'], className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubButton({\n  asChild = false,\n  size = 'md',\n  isActive = false,\n  tooltip,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & {\n  asChild?: boolean;\n  size?: 'sm' | 'md';\n  isActive?: boolean;\n  tooltip?: string | React.ComponentProps<typeof TooltipContent>;\n}) {\n  const Comp = asChild ? Slot : 'a';\n  const { isMobile } = useSidebar();\n\n  const button = (\n    <Comp\n      data-slot={'sidebar-menu-sub-button'}\n      data-sidebar={'menu-sub-button'}\n      data-size={size}\n      data-active={isActive}\n      className={cn(s['sidebar-menu-button'], s['sidebar-menu-sub-button'], className)}\n      {...props}\n    />\n  );\n\n  if (!tooltip) {\n    return button;\n  }\n\n  if (typeof tooltip === 'string') {\n    tooltip = { children: tooltip };\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{button}</TooltipTrigger>\n      <TooltipContent side={'right'} hidden={isMobile} {...tooltip} />\n    </Tooltip>\n  );\n}\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarTrigger,\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/layout/Sidebar/sidebar.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"sidebar-wrapper":"sidebar-module_sidebar-wrapper__OyFkW","inset":"sidebar-module_inset__Vu06o","sidebar-panel":"sidebar-module_sidebar-panel__CGo7V","sidebar-base":"sidebar-module_sidebar-base__Y5WEp","sidebar-spacer":"sidebar-module_sidebar-spacer__wwFbi","sidebar-fixed":"sidebar-module_sidebar-fixed__yhN-3","mobile-sheet-content":"sidebar-module_mobile-sheet-content__36J-X","sidebar-rail":"sidebar-module_sidebar-rail__-4TS7","sidebar-inset":"sidebar-module_sidebar-inset__lv0TZ","sidebar-input":"sidebar-module_sidebar-input__m1Xz7","sidebar-header":"sidebar-module_sidebar-header__LITtk","sidebar-footer":"sidebar-module_sidebar-footer__K16UN","sidebar-content":"sidebar-module_sidebar-content__M6Cz-","sidebar-group":"sidebar-module_sidebar-group__WCyTe","sidebar-group-label":"sidebar-module_sidebar-group-label__ePxlm","sidebar-group-action":"sidebar-module_sidebar-group-action__2YeAV","sidebar-group-content":"sidebar-module_sidebar-group-content__0HOJA","sidebar-menu":"sidebar-module_sidebar-menu__MXh9j","sidebar-menu-item":"sidebar-module_sidebar-menu-item__y-mlU","sidebar-menu-button":"sidebar-module_sidebar-menu-button__ngQUy","menu-button--variant-default":"sidebar-module_menu-button--variant-default__QEs9U","menu-button--variant-outline":"sidebar-module_menu-button--variant-outline__4Vyz8","menu-button--size-sm":"sidebar-module_menu-button--size-sm__VJpYM","menu-button--size-md":"sidebar-module_menu-button--size-md__-AgpT","menu-button--size-lg":"sidebar-module_menu-button--size-lg__3cUsQ","sidebar-menu-action":"sidebar-module_sidebar-menu-action__-W2uR","sidebar-menu-badge":"sidebar-module_sidebar-menu-badge__vYukw","sidebar-menu-skeleton":"sidebar-module_sidebar-menu-skeleton__Q4TXV","menu-skeleton-icon":"sidebar-module_menu-skeleton-icon__cBqq3","menu-skeleton-text":"sidebar-module_menu-skeleton-text__KrzYc","sidebar-menu-sub":"sidebar-module_sidebar-menu-sub__CyItY","sidebar-menu-sub-item":"sidebar-module_sidebar-menu-sub-item__c3YPT","sidebar-menu-sub-button":"sidebar-module_sidebar-menu-sub-button__zzzn0"};
+
+export { s as default };
+//# sourceMappingURL=sidebar.module.scss.js.map

package/dist/layout/Sidebar/sidebar.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/layout/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './skeleton';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/Skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/Skeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/layout/Skeleton/skeleton.d.ts

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

package/dist/layout/Skeleton/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/layout/Skeleton/skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAE5E"}

package/dist/layout/Skeleton/skeleton.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import s from './skeleton.module.scss.js';
+
+function Skeleton({ className, ...props }) {
+    return jsx("div", { "data-slot": 'skeleton', className: cn(s.skeleton, className), ...props });
+}
+
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/layout/Skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sources":["../../../src/layout/Skeleton/skeleton.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport s from './skeleton.module.scss';\n\nexport function Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'skeleton'} className={cn(s.skeleton, className)} {...props} />;\n}\n"],"names":["_jsx"],"mappings":";;;;AAIM,SAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B,EAAA;AAC3E,IAAA,OAAOA,0BAAgB,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,GAAI;AACxF;;"}

package/dist/layout/Skeleton/skeleton.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"skeleton":"skeleton-module_skeleton__UcmFM"};
+
+export { s as default };
+//# sourceMappingURL=skeleton.module.scss.js.map

package/dist/layout/Skeleton/skeleton.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/layout/index.d.ts

@@ -0,0 +1,13 @@
+export * from './AppContent';
+export * from './AppFooter';
+export * from './AppShell';
+export * from './AppSidebar';
+export * from './AppSidebarHeader';
+export * from './Collapse';
+export * from './Column';
+export * from './Container';
+export * from './Grid';
+export * from './Row';
+export * from './Sidebar';
+export * from './Skeleton';
+//# sourceMappingURL=index.d.ts.map

package/dist/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}

package/dist/layout.d.ts

@@ -0,0 +1,10 @@
+export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, G as Grid, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, P as Skeleton } from './index-qbk6vH0X.js';
+export { R as RowProps } from './row-CS9-talZ.js';
+import 'react';
+import './nav-user-CJIcWKyY.js';
+import 'lucide-react';
+import './user-menu-content-D0Ldzigm.js';
+import './input-CWHXOpeH.js';
+import './tooltip-XagXjWLB.js';
+import 'class-variance-authority';
+import 'class-variance-authority/types';

package/dist/layout.js

@@ -0,0 +1,13 @@
+export { AppContent } from './layout/AppContent/app-content.js';
+export { AppFooter } from './layout/AppFooter/app-footer.js';
+export { AppShell } from './layout/AppShell/app-shell.js';
+export { AppSidebar } from './layout/AppSidebar/app-sidebar.js';
+export { AppSidebarHeader } from './layout/AppSidebarHeader/app-sidebar-header.js';
+export { Collapse } from './layout/Collapse/collapse.js';
+export { Column } from './layout/Column/column.js';
+export { Container } from './layout/Container/container.js';
+export { Grid } from './layout/Grid/grid.js';
+export { Row } from './layout/Row/row.js';
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarTrigger } from './layout/Sidebar/sidebar.js';
+export { Skeleton } from './layout/Skeleton/skeleton.js';
+//# sourceMappingURL=layout.js.map

package/dist/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/nav-user-CJIcWKyY.d.ts

@@ -0,0 +1,41 @@
+import { LucideIcon } from 'lucide-react';
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { U as UserMenuContentProps, a as User } from './user-menu-content-D0Ldzigm.js';
+
+interface BreadcrumbItemData {
+    title: string;
+    href: string;
+}
+interface NavGroup {
+    title: string;
+    items: NavItem[];
+}
+interface NavItem {
+    title: string;
+    href: string;
+    icon?: LucideIcon | null;
+    isActive?: boolean;
+}
+interface SidebarNavItem {
+    title: string;
+    href: string;
+    icon?: ReactNode;
+    [key: string]: unknown;
+}
+interface SidebarSection {
+    label: string;
+    items: SidebarNavItem[];
+    renderItem?: (item: SidebarNavItem, props: {
+        isActive: boolean;
+    }) => ReactNode;
+}
+
+interface NavUserProps extends Omit<UserMenuContentProps, 'user'> {
+    user: User;
+}
+/** Sidebar footer control: the signed-in user plus their account menu. */
+declare function NavUser({ user, ...menuProps }: NavUserProps): React.JSX.Element;
+
+export { NavUser as b };
+export type { BreadcrumbItemData as B, NavGroup as N, SidebarNavItem as S, NavItem as a, NavUserProps as c, SidebarSection as d };

package/dist/navigation/Breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import { type BreadcrumbItemData } from '@constellation/types';
+import * as React from 'react';
+export declare function Breadcrumbs({ breadcrumbs, className, }: {
+    breadcrumbs: BreadcrumbItemData[];
+    className?: string;
+}): React.JSX.Element | null;
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/navigation/Breadcrumbs/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/navigation/Breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,SAAS,GACV,EAAE;IACD,WAAW,EAAE,kBAAkB,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4BA8CA"}

package/dist/navigation/Breadcrumbs/breadcrumbs.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Link } from '../Link/link.js';
+import { TruncatedText } from '../../typography/TruncatedText/truncated-text.js';
+import cn from 'clsx';
+import { ChevronRightIcon } from 'lucide-react';
+import * as React from 'react';
+import s from './breadcrumbs.module.scss.js';
+
+function Breadcrumbs({ breadcrumbs, className, }) {
+    if (breadcrumbs.length === 0)
+        return null;
+    return (jsx("nav", { "data-slot": 'breadcrumbs', "aria-label": 'breadcrumb', className: cn(s.breadcrumbs, className), children: jsx("ol", { "data-slot": 'breadcrumbs-list', className: s.list, children: breadcrumbs.map((item, index) => {
+                const isLast = index === breadcrumbs.length - 1;
+                return (jsxs(React.Fragment, { children: [jsx("li", { "data-slot": 'breadcrumbs-item', className: s.item, children: isLast ? (jsx(TruncatedText, { el: 'span', variant: 'body2', "aria-current": 'page', className: s.page, children: item.title })) : (jsx(Link, { href: item.href, className: s.link, theme: 'inherit', underline: false, children: item.title })) }), !isLast && (jsx("li", { "data-slot": 'breadcrumbs-separator', role: 'presentation', "aria-hidden": 'true', className: s.separator, children: jsx(ChevronRightIcon, {}) }))] }, index));
+            }) }) }));
+}
+
+export { Breadcrumbs };
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/navigation/Breadcrumbs/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sources":["../../../src/navigation/Breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { Link } from '@constellation/navigation/Link';\nimport { type BreadcrumbItemData } from '@constellation/types';\nimport { TruncatedText } from '@constellation/typography/TruncatedText';\nimport cn from 'clsx';\nimport { ChevronRightIcon } from 'lucide-react';\nimport * as React from 'react';\nimport s from './breadcrumbs.module.scss';\n\nexport function Breadcrumbs({\n  breadcrumbs,\n  className,\n}: {\n  breadcrumbs: BreadcrumbItemData[];\n  className?: string;\n}) {\n  if (breadcrumbs.length === 0) return null;\n\n  return (\n    <nav\n      data-slot={'breadcrumbs'}\n      aria-label={'breadcrumb'}\n      className={cn(s.breadcrumbs, className)}\n    >\n      <ol data-slot={'breadcrumbs-list'} className={s.list}>\n        {breadcrumbs.map((item, index) => {\n          const isLast = index === breadcrumbs.length - 1;\n          return (\n            <React.Fragment key={index}>\n              <li data-slot={'breadcrumbs-item'} className={s.item}>\n                {isLast ? (\n                  <TruncatedText\n                    el={'span'}\n                    variant={'body2'}\n                    aria-current={'page'}\n                    className={s.page}\n                  >\n                    {item.title}\n                  </TruncatedText>\n                ) : (\n                  <Link href={item.href} className={s.link} theme={'inherit'} underline={false}>\n                    {item.title}\n                  </Link>\n                )}\n              </li>\n              {!isLast && (\n                <li\n                  data-slot={'breadcrumbs-separator'}\n                  role={'presentation'}\n                  aria-hidden={'true'}\n                  className={s.separator}\n                >\n                  <ChevronRightIcon />\n                </li>\n              )}\n            </React.Fragment>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;SAQgB,WAAW,CAAC,EAC1B,WAAW,EACX,SAAS,GAIV,EAAA;AACC,IAAA,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,IAAI;AAEzC,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EACa,aAAa,EAAA,YAAA,EACZ,YAAY,EACxB,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,EAAA,QAAA,EAEvCA,GAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EAAe,kBAAkB,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAA,QAAA,EACjD,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;gBAC/B,MAAM,MAAM,GAAG,KAAK,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC;gBAC/C,QACEC,KAAC,KAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACbD,GAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EAAe,kBAAkB,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAA,QAAA,EACjD,MAAM,IACLA,GAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAAA,cAAA,EACF,MAAM,EACpB,SAAS,EAAE,CAAC,CAAC,IAAI,EAAA,QAAA,EAEhB,IAAI,CAAC,KAAK,EAAA,CACG,KAEhBA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAA,QAAA,EACzE,IAAI,CAAC,KAAK,EAAA,CACN,CACR,EAAA,CACE,EACJ,CAAC,MAAM,KACNA,GAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EACa,uBAAuB,EAClC,IAAI,EAAE,cAAc,EAAA,aAAA,EACP,MAAM,EACnB,SAAS,EAAE,CAAC,CAAC,SAAS,EAAA,QAAA,EAEtBA,GAAA,CAAC,gBAAgB,EAAA,EAAA,CAAG,EAAA,CACjB,CACN,CAAA,EAAA,EA1BkB,KAAK,CA2BT;AAErB,YAAA,CAAC,CAAC,EAAA,CACC,EAAA,CACD;AAEV;;"}

package/dist/navigation/Breadcrumbs/breadcrumbs.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"breadcrumbs":"breadcrumbs-module_breadcrumbs__U3f-J","list":"breadcrumbs-module_list__8ElXf","item":"breadcrumbs-module_item__VH0BQ","link":"breadcrumbs-module_link__BrR2M","page":"breadcrumbs-module_page__woFzx","separator":"breadcrumbs-module_separator__VdALp"};
+
+export { s as default };
+//# sourceMappingURL=breadcrumbs.module.scss.js.map

package/dist/navigation/Breadcrumbs/breadcrumbs.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}