@kismet-ux/constellation 1.0.0

package/dist/navigation/Router/router-context.js

@@ -0,0 +1,49 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+
+const defaultAdapter = {
+    linkComponent: 'a',
+    navigate: (href, options) => {
+        if (typeof window === 'undefined')
+            return;
+        if (options?.replace)
+            window.location.replace(href);
+        else
+            window.location.assign(href);
+    },
+};
+const RouterContext = React.createContext(defaultAdapter);
+/**
+ * Teaches Constellation how *your* app navigates.
+ *
+ * The library ships router-agnostic: without a provider, links are plain
+ * anchors and navigation is a full page load, which is correct (if not
+ * SPA-fast) everywhere. Wrap your app once to upgrade every Constellation link,
+ * breadcrumb, sidebar item, and menu action to your router at the same time.
+ *
+ * @example React Router
+ * ```tsx
+ * import { Link, useNavigate } from 'react-router-dom';
+ *
+ * const navigate = useNavigate();
+ * <RouterProvider linkComponent={Link} navigate={navigate}>…</RouterProvider>
+ * ```
+ *
+ * @example Next.js
+ * ```tsx
+ * <RouterProvider linkComponent={NextLink} navigate={router.push}>…</RouterProvider>
+ * ```
+ */
+function RouterProvider({ linkComponent, navigate, children, }) {
+    const value = React.useMemo(() => ({
+        linkComponent: linkComponent ?? defaultAdapter.linkComponent,
+        navigate: navigate ?? defaultAdapter.navigate,
+    }), [linkComponent, navigate]);
+    return jsx(RouterContext.Provider, { value: value, children: children });
+}
+function useRouterAdapter() {
+    return React.useContext(RouterContext);
+}
+
+export { RouterProvider, useRouterAdapter };
+//# sourceMappingURL=router-context.js.map

package/dist/navigation/Router/router-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-context.js","sources":["../../../src/navigation/Router/router-context.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface RouterAdapter {\n  /**\n   * Component used to render in-app links. Receives `href` plus any props\n   * passed through `Link`. Defaults to a plain `<a>`.\n   */\n  linkComponent: React.ElementType;\n  /** Programmatic navigation. Defaults to a full page load. */\n  navigate: (href: string, options?: { replace?: boolean }) => void;\n}\n\nconst defaultAdapter: RouterAdapter = {\n  linkComponent: 'a',\n  navigate: (href, options) => {\n    if (typeof window === 'undefined') return;\n    if (options?.replace) window.location.replace(href);\n    else window.location.assign(href);\n  },\n};\n\nconst RouterContext = React.createContext<RouterAdapter>(defaultAdapter);\n\n/**\n * Teaches Constellation how *your* app navigates.\n *\n * The library ships router-agnostic: without a provider, links are plain\n * anchors and navigation is a full page load, which is correct (if not\n * SPA-fast) everywhere. Wrap your app once to upgrade every Constellation link,\n * breadcrumb, sidebar item, and menu action to your router at the same time.\n *\n * @example React Router\n * ```tsx\n * import { Link, useNavigate } from 'react-router-dom';\n *\n * const navigate = useNavigate();\n * <RouterProvider linkComponent={Link} navigate={navigate}>…</RouterProvider>\n * ```\n *\n * @example Next.js\n * ```tsx\n * <RouterProvider linkComponent={NextLink} navigate={router.push}>…</RouterProvider>\n * ```\n */\nexport function RouterProvider({\n  linkComponent,\n  navigate,\n  children,\n}: Partial<RouterAdapter> & { children: React.ReactNode }) {\n  const value = React.useMemo<RouterAdapter>(\n    () => ({\n      linkComponent: linkComponent ?? defaultAdapter.linkComponent,\n      navigate: navigate ?? defaultAdapter.navigate,\n    }),\n    [linkComponent, navigate],\n  );\n\n  return <RouterContext.Provider value={value}>{children}</RouterContext.Provider>;\n}\n\nexport function useRouterAdapter(): RouterAdapter {\n  return React.useContext(RouterContext);\n}\n"],"names":["_jsx"],"mappings":";;;AAYA,MAAM,cAAc,GAAkB;AACpC,IAAA,aAAa,EAAE,GAAG;AAClB,IAAA,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAI;QAC1B,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE;QACnC,IAAI,OAAO,EAAE,OAAO;AAAE,YAAA,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;;AAC9C,YAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC;IACnC,CAAC;CACF;AAED,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAgB,cAAc,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;AAoBG;AACG,SAAU,cAAc,CAAC,EAC7B,aAAa,EACb,QAAQ,EACR,QAAQ,GAC+C,EAAA;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,OAAO;AACL,QAAA,aAAa,EAAE,aAAa,IAAI,cAAc,CAAC,aAAa;AAC5D,QAAA,QAAQ,EAAE,QAAQ,IAAI,cAAc,CAAC,QAAQ;AAC9C,KAAA,CAAC,EACF,CAAC,aAAa,EAAE,QAAQ,CAAC,CAC1B;IAED,OAAOA,GAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA0B;AAClF;SAEgB,gBAAgB,GAAA;AAC9B,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC;AACxC;;"}

package/dist/navigation/Sheet/index.d.ts

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

package/dist/navigation/Sheet/index.d.ts.map

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

package/dist/navigation/Sheet/sheet.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+export interface SheetProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+}
+declare function Sheet({ open: controlledOpen, defaultOpen, onOpenChange, children }: SheetProps): React.JSX.Element;
+export interface SheetTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export interface SheetCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare const SheetClose: React.ForwardRefExoticComponent<SheetCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const sideClassMap: {
+    readonly right: string;
+    readonly left: string;
+    readonly top: string;
+    readonly bottom: string;
+};
+type SheetSide = keyof typeof sideClassMap;
+export type SheetContentProps = React.HTMLAttributes<HTMLDivElement> & {
+    side?: SheetSide;
+};
+declare const SheetContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    side?: SheetSide;
+} & React.RefAttributes<HTMLDivElement>>;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SheetBody({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<'h2'>): React.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, };
+//# sourceMappingURL=sheet.d.ts.map

package/dist/navigation/Sheet/sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/navigation/Sheet/sheet.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,KAAK,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,WAAmB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,UAAU,qBAoB/F;AAID,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,YAAY,6FAgBjB,CAAC;AAKF,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,2FAgBf,CAAC;AAKF,QAAA,MAAM,YAAY;;;;;CAKR,CAAC;AAEX,KAAK,SAAS,GAAG,MAAM,OAAO,YAAY,CAAC;AAE3C,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,YAAY;WAHT,SAAS;wCA6DjB,CAAC;AAKF,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAExE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAEtE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAExE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAMtE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW3E;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,GACb,CAAC"}

package/dist/navigation/Sheet/sheet.js

@@ -0,0 +1,104 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cn from 'clsx';
+import { XIcon } from 'lucide-react';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { Slot } from '../../internal/slot.js';
+import { useAnimationState } from '../../internal/use-animation-state.js';
+import { useFocusTrap } from '../../internal/use-focus-trap.js';
+import { useScrollLock } from '../../internal/use-scroll-lock.js';
+import s from './sheet.module.scss.js';
+import { Button } from '../../ui/Button/button.js';
+
+const SheetContext = React.createContext(null);
+function useSheet() {
+    const ctx = React.useContext(SheetContext);
+    if (!ctx)
+        throw new Error('Sheet compound components must be used within <Sheet>');
+    return ctx;
+}
+function Sheet({ open: controlledOpen, defaultOpen = false, onOpenChange, children }) {
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const isControlled = controlledOpen !== undefined;
+    const open = isControlled ? controlledOpen : internalOpen;
+    const titleId = React.useId();
+    const descriptionId = React.useId();
+    const handleOpenChange = React.useCallback((next) => {
+        if (!isControlled)
+            setInternalOpen(next);
+        onOpenChange?.(next);
+    }, [isControlled, onOpenChange]);
+    return (jsx(SheetContext.Provider, { value: { open, onOpenChange: handleOpenChange, titleId, descriptionId }, children: children }));
+}
+const SheetTrigger = React.forwardRef(({ asChild, onClick, children, ...props }, ref) => {
+    const { onOpenChange } = useSheet();
+    const Comp = asChild ? Slot : 'button';
+    const handleClick = (e) => {
+        onClick?.(e);
+        onOpenChange(true);
+    };
+    return (jsx(Comp, { ref: ref, "data-slot": 'sheet-trigger', onClick: handleClick, ...props, children: children }));
+});
+SheetTrigger.displayName = 'SheetTrigger';
+const SheetClose = React.forwardRef(({ asChild, onClick, children, ...props }, ref) => {
+    const { onOpenChange } = useSheet();
+    const Comp = asChild ? Slot : 'button';
+    const handleClick = (e) => {
+        onClick?.(e);
+        onOpenChange(false);
+    };
+    return (jsx(Comp, { ref: ref, "data-slot": 'sheet-close', onClick: handleClick, ...props, children: children }));
+});
+SheetClose.displayName = 'SheetClose';
+// ── Content ──────────────────────────────────────────────
+const sideClassMap = {
+    right: s['content-right'],
+    left: s['content-left'],
+    top: s['content-top'],
+    bottom: s['content-bottom'],
+};
+const SheetContent = React.forwardRef(({ className, children, side = 'right', ...props }, ref) => {
+    const { open, onOpenChange, titleId, descriptionId } = useSheet();
+    const { mounted, state } = useAnimationState(open, 250);
+    const focusTrapRef = useFocusTrap(open);
+    useScrollLock(mounted);
+    React.useEffect(() => {
+        if (!open)
+            return;
+        const handleKeyDown = (e) => {
+            // A nested layer (an open Select, DatePicker or menu) marks Escape as
+            // handled with preventDefault. Escape should dismiss the topmost layer
+            // only, so the modal ignores an event something inside it already took.
+            if (e.key === 'Escape' && !e.defaultPrevented) {
+                onOpenChange(false);
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [open, onOpenChange]);
+    if (!mounted || state === 'idle')
+        return null;
+    return createPortal(jsxs("div", { ref: focusTrapRef, children: [jsx("div", { "data-slot": 'sheet-overlay', "data-state": state, className: s.overlay, onClick: () => onOpenChange(false), "aria-hidden": 'true' }), jsxs("div", { ref: ref, "data-slot": 'sheet-content', "data-state": state, role: 'dialog', "aria-modal": 'true', "aria-labelledby": titleId, "aria-describedby": descriptionId, className: cn(s['sheet-content'], sideClassMap[side], className), onClick: e => e.stopPropagation(), ...props, children: [children, jsx(SheetClose, { className: s['close-button'], asChild: true, children: jsxs(Button, { variant: 'ghost', theme: 'inherit', iconOnly: true, size: 'sm', children: [jsx(XIcon, {}), jsx("span", { className: 'srOnly', children: "Close" })] }) })] })] }), document.body);
+});
+SheetContent.displayName = 'SheetContent';
+// ── Semantic sub-components ──────────────────────────────
+function SheetHeader({ className, ...props }) {
+    return jsx("div", { "data-slot": 'sheet-header', className: cn(s.header, className), ...props });
+}
+function SheetBody({ className, ...props }) {
+    return jsx("div", { "data-slot": 'sheet-body', className: cn(s.body, className), ...props });
+}
+function SheetFooter({ className, ...props }) {
+    return jsx("div", { "data-slot": 'sheet-footer', className: cn(s.footer, className), ...props });
+}
+function SheetTitle({ className, ...props }) {
+    const { titleId } = useSheet();
+    return (jsx("h2", { id: titleId, "data-slot": 'sheet-title', className: cn(s.title, className), ...props }));
+}
+function SheetDescription({ className, ...props }) {
+    const { descriptionId } = useSheet();
+    return (jsx("p", { id: descriptionId, "data-slot": 'sheet-description', className: cn(s.description, className), ...props }));
+}
+
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
+//# sourceMappingURL=sheet.js.map

package/dist/navigation/Sheet/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","sources":["../../../src/navigation/Sheet/sheet.tsx"],"sourcesContent":["import { Button } from '@constellation/ui';\nimport cn from 'clsx';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { Slot } from '../../internal/slot';\nimport { useAnimationState } from '../../internal/use-animation-state';\nimport { useFocusTrap } from '../../internal/use-focus-trap';\nimport { useScrollLock } from '../../internal/use-scroll-lock';\nimport s from './sheet.module.scss';\n\n// ── Context ──────────────────────────────────────────────\n\ntype SheetContextValue = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n};\n\nconst SheetContext = React.createContext<SheetContextValue | null>(null);\n\nfunction useSheet() {\n  const ctx = React.useContext(SheetContext);\n  if (!ctx) throw new Error('Sheet compound components must be used within <Sheet>');\n  return ctx;\n}\n\n// ── Root ─────────────────────────────────────────────────\n\nexport interface SheetProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: React.ReactNode;\n}\n\nfunction Sheet({ open: controlledOpen, defaultOpen = false, onOpenChange, children }: SheetProps) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n  const titleId = React.useId();\n  const descriptionId = React.useId();\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return (\n    <SheetContext.Provider value={{ open, onOpenChange: handleOpenChange, titleId, descriptionId }}>\n      {children}\n    </SheetContext.Provider>\n  );\n}\n\n// ── Trigger ──────────────────────────────────────────────\n\nexport interface SheetTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst SheetTrigger = React.forwardRef<HTMLButtonElement, SheetTriggerProps>(\n  ({ asChild, onClick, children, ...props }, ref) => {\n    const { onOpenChange } = useSheet();\n    const Comp = asChild ? Slot : 'button';\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      onOpenChange(true);\n    };\n\n    return (\n      <Comp ref={ref} data-slot={'sheet-trigger'} onClick={handleClick} {...props}>\n        {children}\n      </Comp>\n    );\n  },\n);\nSheetTrigger.displayName = 'SheetTrigger';\n\n// ── Close ────────────────────────────────────────────────\n\nexport interface SheetCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst SheetClose = React.forwardRef<HTMLButtonElement, SheetCloseProps>(\n  ({ asChild, onClick, children, ...props }, ref) => {\n    const { onOpenChange } = useSheet();\n    const Comp = asChild ? Slot : 'button';\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e);\n      onOpenChange(false);\n    };\n\n    return (\n      <Comp ref={ref} data-slot={'sheet-close'} onClick={handleClick} {...props}>\n        {children}\n      </Comp>\n    );\n  },\n);\nSheetClose.displayName = 'SheetClose';\n\n// ── Content ──────────────────────────────────────────────\n\nconst sideClassMap = {\n  right: s['content-right'],\n  left: s['content-left'],\n  top: s['content-top'],\n  bottom: s['content-bottom'],\n} as const;\n\ntype SheetSide = keyof typeof sideClassMap;\n\nexport type SheetContentProps = React.HTMLAttributes<HTMLDivElement> & {\n  side?: SheetSide;\n};\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ className, children, side = 'right', ...props }, ref) => {\n    const { open, onOpenChange, titleId, descriptionId } = useSheet();\n    const { mounted, state } = useAnimationState(open, 250);\n    const focusTrapRef = useFocusTrap(open);\n    useScrollLock(mounted);\n\n    React.useEffect(() => {\n      if (!open) return;\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        // A nested layer (an open Select, DatePicker or menu) marks Escape as\n        // handled with preventDefault. Escape should dismiss the topmost layer\n        // only, so the modal ignores an event something inside it already took.\n        if (e.key === 'Escape' && !e.defaultPrevented) {\n          onOpenChange(false);\n        }\n      };\n\n      document.addEventListener('keydown', handleKeyDown);\n      return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [open, onOpenChange]);\n\n    if (!mounted || state === 'idle') return null;\n\n    return createPortal(\n      <div ref={focusTrapRef}>\n        <div\n          data-slot={'sheet-overlay'}\n          data-state={state}\n          className={s.overlay}\n          onClick={() => onOpenChange(false)}\n          aria-hidden={'true'}\n        />\n        <div\n          ref={ref}\n          data-slot={'sheet-content'}\n          data-state={state}\n          role={'dialog'}\n          aria-modal={'true'}\n          aria-labelledby={titleId}\n          aria-describedby={descriptionId}\n          className={cn(s['sheet-content'], sideClassMap[side], className)}\n          onClick={e => e.stopPropagation()}\n          {...props}\n        >\n          {children}\n          <SheetClose className={s['close-button']} asChild>\n            <Button variant={'ghost'} theme={'inherit'} iconOnly size={'sm'}>\n              <XIcon />\n              <span className={'srOnly'}>Close</span>\n            </Button>\n          </SheetClose>\n        </div>\n      </div>,\n      document.body,\n    );\n  },\n);\nSheetContent.displayName = 'SheetContent';\n\n// ── Semantic sub-components ──────────────────────────────\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-header'} className={cn(s.header, className)} {...props} />;\n}\n\nfunction SheetBody({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-body'} className={cn(s.body, className)} {...props} />;\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot={'sheet-footer'} className={cn(s.footer, className)} {...props} />;\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<'h2'>) {\n  const { titleId } = useSheet();\n\n  return (\n    <h2 id={titleId} data-slot={'sheet-title'} className={cn(s.title, className)} {...props} />\n  );\n}\n\nfunction SheetDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  const { descriptionId } = useSheet();\n\n  return (\n    <p\n      id={descriptionId}\n      data-slot={'sheet-description'}\n      className={cn(s.description, className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Sheet,\n  SheetBody,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/navigation/Sheet/sheet.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"overlay":"sheet-module_overlay__Ucf0D","sheet-content":"sheet-module_sheet-content__X0U7a","body":"sheet-module_body__Nhgy-","content-right":"sheet-module_content-right__PsqMM","content-left":"sheet-module_content-left__eLZh9","content-top":"sheet-module_content-top__2SoqQ","content-bottom":"sheet-module_content-bottom__5mKku","close-button":"sheet-module_close-button__wVxO5","header":"sheet-module_header__gj---","footer":"sheet-module_footer__m1gjr","title":"sheet-module_title__XwY4M","description":"sheet-module_description__fk4WZ"};
+
+export { s as default };
+//# sourceMappingURL=sheet.module.scss.js.map

package/dist/navigation/Sheet/sheet.module.scss.js.map

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

package/dist/navigation/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Breadcrumbs';
+export * from './DropdownMenu';
+export * from './Link';
+export * from './NavUser';
+export * from './Router';
+export * from './Sheet';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/navigation.d.ts

@@ -0,0 +1,160 @@
+import * as React from 'react';
+import { BreadcrumbItemData } from './index.js';
+export { b as NavUser, c as NavUserProps } from './nav-user-CJIcWKyY.js';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import 'lucide-react';
+import './user-menu-content-D0Ldzigm.js';
+
+declare function Breadcrumbs({ breadcrumbs, className, }: {
+    breadcrumbs: BreadcrumbItemData[];
+    className?: string;
+}): React.JSX.Element | null;
+
+interface DropdownMenuProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+}
+declare function DropdownMenu({ open: controlledOpen, defaultOpen, onOpenChange, children, }: DropdownMenuProps): React.JSX.Element;
+interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare function DropdownMenuTrigger({ asChild, children, onClick, ...props }: DropdownMenuTriggerProps): React.JSX.Element;
+interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    align?: 'start' | 'center' | 'end';
+    sideOffset?: number;
+}
+declare function DropdownMenuContent({ className, children, align, sideOffset, ...props }: DropdownMenuContentProps): React.ReactPortal | null;
+interface DropdownMenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+    disabled?: boolean;
+    onSelect?: (event: Event) => void;
+}
+declare function DropdownMenuItem({ className, inset, variant, disabled, onSelect, onClick, children, ...props }: DropdownMenuItemProps): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function DropdownMenuPortal({ children }: {
+    children?: React.ReactNode;
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, onCheckedChange, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    value?: string;
+}): React.JSX.Element;
+declare function DropdownMenuSub({ children }: {
+    children?: React.ReactNode;
+}): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+
+declare const linkVariants: (props?: ({
+    underline?: boolean | null | undefined;
+    hover?: "default" | "none" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick'>, VariantProps<typeof linkVariants> {
+    href: string;
+    /**
+     * Force a plain `<a>` instead of the router's link component. Auto-detected
+     * for `mailto:`, `tel:`, `#` and cross-origin URLs.
+     */
+    external?: boolean;
+    /** Override the element for this link only; defaults to the router adapter's. */
+    as?: React.ElementType;
+    onClick?: (event: React.MouseEvent) => void;
+}
+/**
+ * Styled anchor. Renders the router adapter's link component for in-app hrefs
+ * and a plain `<a>` for external ones, so the same component works whether or
+ * not a router is configured. Unknown props pass straight through to the
+ * underlying element — that is how router-specific options (`prefetch`,
+ * `replace`, `preserveScroll`, …) reach the real link.
+ */
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+
+interface RouterAdapter {
+    /**
+     * Component used to render in-app links. Receives `href` plus any props
+     * passed through `Link`. Defaults to a plain `<a>`.
+     */
+    linkComponent: React.ElementType;
+    /** Programmatic navigation. Defaults to a full page load. */
+    navigate: (href: string, options?: {
+        replace?: boolean;
+    }) => void;
+}
+/**
+ * Teaches Constellation how *your* app navigates.
+ *
+ * The library ships router-agnostic: without a provider, links are plain
+ * anchors and navigation is a full page load, which is correct (if not
+ * SPA-fast) everywhere. Wrap your app once to upgrade every Constellation link,
+ * breadcrumb, sidebar item, and menu action to your router at the same time.
+ *
+ * @example React Router
+ * ```tsx
+ * import { Link, useNavigate } from 'react-router-dom';
+ *
+ * const navigate = useNavigate();
+ * <RouterProvider linkComponent={Link} navigate={navigate}>…</RouterProvider>
+ * ```
+ *
+ * @example Next.js
+ * ```tsx
+ * <RouterProvider linkComponent={NextLink} navigate={router.push}>…</RouterProvider>
+ * ```
+ */
+declare function RouterProvider({ linkComponent, navigate, children, }: Partial<RouterAdapter> & {
+    children: React.ReactNode;
+}): React.JSX.Element;
+declare function useRouterAdapter(): RouterAdapter;
+
+interface SheetProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: React.ReactNode;
+}
+declare function Sheet({ open: controlledOpen, defaultOpen, onOpenChange, children }: SheetProps): React.JSX.Element;
+interface SheetTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface SheetCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare const SheetClose: React.ForwardRefExoticComponent<SheetCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const sideClassMap: {
+    readonly right: string;
+    readonly left: string;
+    readonly top: string;
+    readonly bottom: string;
+};
+type SheetSide = keyof typeof sideClassMap;
+type SheetContentProps = React.HTMLAttributes<HTMLDivElement> & {
+    side?: SheetSide;
+};
+declare const SheetContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    side?: SheetSide;
+} & React.RefAttributes<HTMLDivElement>>;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SheetBody({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<'h2'>): React.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
+
+export { Breadcrumbs, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Link, RouterProvider, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, useRouterAdapter };
+export type { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuProps, DropdownMenuTriggerProps, LinkProps, RouterAdapter, SheetCloseProps, SheetContentProps, SheetProps, SheetTriggerProps };

package/dist/navigation.js

@@ -0,0 +1,7 @@
+export { Breadcrumbs } from './navigation/Breadcrumbs/breadcrumbs.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './navigation/DropdownMenu/dropdown-menu.js';
+export { Link } from './navigation/Link/link.js';
+export { NavUser } from './navigation/NavUser/nav-user.js';
+export { RouterProvider, useRouterAdapter } from './navigation/Router/router-context.js';
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './navigation/Sheet/sheet.js';
+//# sourceMappingURL=navigation.js.map

package/dist/navigation.js.map

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

package/dist/row-CS9-talZ.d.ts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+interface RowProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    children?: React__default.ReactNode;
+    el?: React__default.ElementType<React__default.HTMLAttributes<HTMLDivElement>>;
+    gap?: number;
+    breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'space-between' | 'space-around' | 'space-evenly' | 'center' | 'start' | 'end';
+    full?: boolean;
+    wrap?: boolean | number;
+}
+
+export type { RowProps as R };

package/dist/settings/AppearanceDropdown/appearance-dropdown.d.ts

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

package/dist/settings/AppearanceDropdown/appearance-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance-dropdown.d.ts","sourceRoot":"","sources":["../../../src/settings/AppearanceDropdown/appearance-dropdown.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,wBAAwB,CAAC,EACvC,SAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAwCtC"}

package/dist/settings/AppearanceDropdown/appearance-dropdown.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../../layout/Sidebar/sidebar-context.js';
+import 'react';
+import '../../ui/Alert/alert-context.js';
+import '../../ui/Table/table-sort-context.js';
+import { useAppearance } from '../../hooks/use-appearance.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../../navigation/DropdownMenu/dropdown-menu.js';
+import { Button } from '../../ui/Button/button.js';
+import { SunIcon, MoonIcon, MonitorIcon } from 'lucide-react';
+
+function AppearanceToggleDropdown({ className = '', ...props }) {
+    const { appearance, updateAppearance } = useAppearance();
+    const getCurrentIcon = () => {
+        switch (appearance) {
+            case 'dark':
+                return jsx(MoonIcon, {});
+            case 'light':
+                return jsx(SunIcon, {});
+            default:
+                return jsx(MonitorIcon, {});
+        }
+    };
+    return (jsx("div", { "data-slot": 'appearance-dropdown', className: className, ...props, children: jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsxs(Button, { variant: 'ghost', iconOnly: true, children: [getCurrentIcon(), jsx("span", { className: 'srOnly', children: "Toggle theme" })] }) }), jsxs(DropdownMenuContent, { align: 'center', children: [jsxs(DropdownMenuItem, { onClick: () => updateAppearance('light'), children: [jsx(SunIcon, {}), "Light"] }), jsxs(DropdownMenuItem, { onClick: () => updateAppearance('dark'), children: [jsx(MoonIcon, {}), "Dark"] }), jsxs(DropdownMenuItem, { onClick: () => updateAppearance('system'), children: [jsx(MonitorIcon, {}), "System"] })] })] }) }));
+}
+
+export { AppearanceToggleDropdown };
+//# sourceMappingURL=appearance-dropdown.js.map

package/dist/settings/AppearanceDropdown/appearance-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance-dropdown.js","sources":["../../../src/settings/AppearanceDropdown/appearance-dropdown.tsx"],"sourcesContent":["import { useAppearance } from '@constellation/hooks';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@constellation/navigation/DropdownMenu';\nimport { Button } from '@constellation/ui/Button';\nimport { MonitorIcon, MoonIcon, SunIcon } from 'lucide-react';\nimport * as React from 'react';\n\nexport function AppearanceToggleDropdown({\n  className = '',\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  const { appearance, updateAppearance } = useAppearance();\n\n  const getCurrentIcon = () => {\n    switch (appearance) {\n      case 'dark':\n        return <MoonIcon />;\n      case 'light':\n        return <SunIcon />;\n      default:\n        return <MonitorIcon />;\n    }\n  };\n\n  return (\n    <div data-slot={'appearance-dropdown'} className={className} {...props}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button variant={'ghost'} iconOnly>\n            {getCurrentIcon()}\n            <span className={'srOnly'}>Toggle theme</span>\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align={'center'}>\n          <DropdownMenuItem onClick={() => updateAppearance('light')}>\n            <SunIcon />\n            Light\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => updateAppearance('dark')}>\n            <MoonIcon />\n            Dark\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => updateAppearance('system')}>\n            <MonitorIcon />\n            System\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AAWM,SAAU,wBAAwB,CAAC,EACvC,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EAC6B,EAAA;IACrC,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE;IAExD,MAAM,cAAc,GAAG,MAAK;QAC1B,QAAQ,UAAU;AAChB,YAAA,KAAK,MAAM;gBACT,OAAOA,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG;AACrB,YAAA,KAAK,OAAO;gBACV,OAAOA,GAAA,CAAC,OAAO,EAAA,EAAA,CAAG;AACpB,YAAA;gBACE,OAAOA,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG;;AAE5B,IAAA,CAAC;IAED,QACEA,0BAAgB,qBAAqB,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,KAAK,EAAA,QAAA,EACpEC,IAAA,CAAC,YAAY,EAAA,EAAA,QAAA,EAAA,CACXD,GAAA,CAAC,mBAAmB,EAAA,EAAC,OAAO,kBAC1BC,IAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAA,IAAA,EAAA,QAAA,EAAA,CAC/B,cAAc,EAAE,EACjBD,cAAM,SAAS,EAAE,QAAQ,EAAA,QAAA,EAAA,cAAA,EAAA,CAAqB,CAAA,EAAA,CACvC,EAAA,CACW,EACtBC,IAAA,CAAC,mBAAmB,EAAA,EAAC,KAAK,EAAE,QAAQ,aAClCA,IAAA,CAAC,gBAAgB,EAAA,EAAC,OAAO,EAAE,MAAM,gBAAgB,CAAC,OAAO,CAAC,aACxDD,GAAA,CAAC,OAAO,EAAA,EAAA,CAAG,EAAA,OAAA,CAAA,EAAA,CAEM,EACnBC,IAAA,CAAC,gBAAgB,EAAA,EAAC,OAAO,EAAE,MAAM,gBAAgB,CAAC,MAAM,CAAC,EAAA,QAAA,EAAA,CACvDD,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,MAAA,CAAA,EAAA,CAEK,EACnBC,IAAA,CAAC,gBAAgB,IAAC,OAAO,EAAE,MAAM,gBAAgB,CAAC,QAAQ,CAAC,EAAA,QAAA,EAAA,CACzDD,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG,cAEE,CAAA,EAAA,CACC,CAAA,EAAA,CACT,EAAA,CACX;AAEV;;"}

package/dist/settings/AppearanceDropdown/index.d.ts

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

package/dist/settings/AppearanceDropdown/index.d.ts.map

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

package/dist/settings/AppearanceTabs/appearance-tabs.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type AppearanceTabsProps = React.HTMLAttributes<HTMLDivElement> & {
+    iconOnly?: boolean;
+};
+export declare function AppearanceTabs({ className, iconOnly, ...props }: AppearanceTabsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=appearance-tabs.d.ts.map

package/dist/settings/AppearanceTabs/appearance-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance-tabs.d.ts","sourceRoot":"","sources":["../../../src/settings/AppearanceTabs/appearance-tabs.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,SAAc,EACd,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,mBAAmB,qBA8BrB"}

package/dist/settings/AppearanceTabs/appearance-tabs.js

@@ -0,0 +1,23 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../../layout/Sidebar/sidebar-context.js';
+import 'react';
+import '../../ui/Alert/alert-context.js';
+import '../../ui/Table/table-sort-context.js';
+import { useAppearance } from '../../hooks/use-appearance.js';
+import cn from 'clsx';
+import { SunIcon, MoonIcon, MonitorIcon } from 'lucide-react';
+import s from './appearance-tabs.module.scss.js';
+import { Button } from '../../ui/Button/button.js';
+
+function AppearanceTabs({ className = '', iconOnly = false, ...props }) {
+    const { appearance, updateAppearance } = useAppearance();
+    const tabs = [
+        { value: 'light', icon: SunIcon, label: 'Light' },
+        { value: 'dark', icon: MoonIcon, label: 'Dark' },
+        { value: 'system', icon: MonitorIcon, label: 'System' },
+    ];
+    return (jsx("div", { "data-slot": 'appearance-tabs', className: cn(s['tabs-root'], className), ...props, children: tabs.map(({ value, icon: Icon, label }) => (jsxs(Button, { variant: 'ghost', theme: 'inherit', rounded: true, onClick: () => updateAppearance(value), "aria-label": label, iconOnly: iconOnly, "aria-pressed": appearance === value, className: cn(s['tab-button'], appearance === value && s['tab-button-active']), title: iconOnly ? label : undefined, children: [jsx(Icon, {}), !iconOnly && jsx("span", { children: label })] }, value))) }));
+}
+
+export { AppearanceTabs };
+//# sourceMappingURL=appearance-tabs.js.map

package/dist/settings/AppearanceTabs/appearance-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance-tabs.js","sources":["../../../src/settings/AppearanceTabs/appearance-tabs.tsx"],"sourcesContent":["import { type Appearance, useAppearance } from '@constellation/hooks';\nimport { Button } from '@constellation/ui';\nimport cn from 'clsx';\nimport { type LucideIcon, MonitorIcon, MoonIcon, SunIcon } from 'lucide-react';\nimport * as React from 'react';\nimport s from './appearance-tabs.module.scss';\n\ntype AppearanceTabsProps = React.HTMLAttributes<HTMLDivElement> & {\n  iconOnly?: boolean;\n};\n\nexport function AppearanceTabs({\n  className = '',\n  iconOnly = false,\n  ...props\n}: AppearanceTabsProps) {\n  const { appearance, updateAppearance } = useAppearance();\n\n  const tabs: { value: Appearance; icon: LucideIcon; label: string }[] = [\n    { value: 'light', icon: SunIcon, label: 'Light' },\n    { value: 'dark', icon: MoonIcon, label: 'Dark' },\n    { value: 'system', icon: MonitorIcon, label: 'System' },\n  ];\n\n  return (\n    <div data-slot={'appearance-tabs'} className={cn(s['tabs-root'], className)} {...props}>\n      {tabs.map(({ value, icon: Icon, label }) => (\n        <Button\n          key={value}\n          variant={'ghost'}\n          theme={'inherit'}\n          rounded\n          onClick={() => updateAppearance(value)}\n          aria-label={label}\n          iconOnly={iconOnly}\n          aria-pressed={appearance === value}\n          className={cn(s['tab-button'], appearance === value && s['tab-button-active'])}\n          title={iconOnly ? label : undefined}\n        >\n          <Icon />\n          {!iconOnly && <span>{label}</span>}\n        </Button>\n      ))}\n    </div>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;AAWM,SAAU,cAAc,CAAC,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,EAChB,GAAG,KAAK,EACY,EAAA;IACpB,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE;AAExD,IAAA,MAAM,IAAI,GAA6D;QACrE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QACjD,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;QAChD,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;KACxD;IAED,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EAAgB,iBAAiB,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,QAAA,EACnF,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MACrCC,IAAA,CAAC,MAAM,EAAA,EAEL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAA,IAAA,EACP,OAAO,EAAE,MAAM,gBAAgB,CAAC,KAAK,CAAC,gBAC1B,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,UAAU,KAAK,KAAK,EAClC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU,KAAK,KAAK,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC,EAC9E,KAAK,EAAE,QAAQ,GAAG,KAAK,GAAG,SAAS,EAAA,QAAA,EAAA,CAEnCD,GAAA,CAAC,IAAI,EAAA,EAAA,CAAG,EACP,CAAC,QAAQ,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,CAAA,EAAA,EAZ7B,KAAK,CAaH,CACV,CAAC,EAAA,CACE;AAEV;;"}

package/dist/settings/AppearanceTabs/appearance-tabs.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"tabs-root":"appearance-tabs-module_tabs-root__7US7-","tab-button-active":"appearance-tabs-module_tab-button-active__SH40F"};
+
+export { s as default };
+//# sourceMappingURL=appearance-tabs.module.scss.js.map

package/dist/settings/AppearanceTabs/appearance-tabs.module.scss.js.map

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

package/dist/settings/AppearanceTabs/index.d.ts

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

package/dist/settings/AppearanceTabs/index.d.ts.map

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

package/dist/settings/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/settings/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC"}

package/dist/settings.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+declare function AppearanceToggleDropdown({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+
+type AppearanceTabsProps = React.HTMLAttributes<HTMLDivElement> & {
+    iconOnly?: boolean;
+};
+declare function AppearanceTabs({ className, iconOnly, ...props }: AppearanceTabsProps): React.JSX.Element;
+
+export { AppearanceTabs, AppearanceToggleDropdown };

package/dist/settings.js

@@ -0,0 +1,3 @@
+export { AppearanceToggleDropdown } from './settings/AppearanceDropdown/appearance-dropdown.js';
+export { AppearanceTabs } from './settings/AppearanceTabs/appearance-tabs.js';
+//# sourceMappingURL=settings.js.map

package/dist/settings.js.map

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

package/dist/styles/index.d.ts

@@ -0,0 +1,2 @@
+import './index.scss';
+//# sourceMappingURL=index.d.ts.map

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

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