@kismet-ux/constellation 1.0.0

package/dist/ui/Dialog/dialog.d.ts

@@ -0,0 +1,50 @@
+import { type TypographyVariant } from '@constellation/typography/Typography';
+import * as React from 'react';
+export interface DialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onAfterClose?: () => void;
+    children?: React.ReactNode;
+}
+declare function Dialog({ open: controlledOpen, defaultOpen, onOpenChange, onAfterClose, children, }: DialogProps): React.JSX.Element;
+export interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare function DialogTrigger({ asChild, onClick, children, ...props }: DialogTriggerProps): React.JSX.Element;
+export interface DialogCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+declare function DialogClose({ asChild, onClick, children, ...props }: DialogCloseProps): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export type DialogContentProps = React.HTMLAttributes<HTMLDivElement> & {
+    width?: 'max' | 'min';
+};
+declare function DialogContent({ className, children, width, ...props }: DialogContentProps): React.ReactPortal | null;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+/**
+ * Renders the dialog's heading. Defaults to `<Typography variant='h6'>`
+ * so consumers can write `<DialogTitle>My dialog</DialogTitle>` without
+ * manually wrapping in Typography. Override the variant with the
+ * `variant` prop, or opt out entirely with `asChild` to supply a custom
+ * element (e.g., a Heading component).
+ */
+declare function DialogTitle({ className, asChild, variant, ...props }: React.ComponentProps<'h2'> & {
+    asChild?: boolean;
+    variant?: TypographyVariant;
+}): React.JSX.Element;
+/**
+ * Renders the dialog's supporting description text. Defaults to
+ * `<Typography variant='body2'>`. Override with `variant` or supply a
+ * custom element via `asChild`.
+ */
+declare function DialogDescription({ className, asChild, variant, ...props }: React.ComponentProps<'p'> & {
+    asChild?: boolean;
+    variant?: TypographyVariant;
+}): React.JSX.Element;
+declare function DialogPortal({ children }: {
+    children?: React.ReactNode;
+}): React.JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/ui/Dialog/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/ui/Dialog/dialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAI1F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4B/B,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,MAAM,CAAC,EACd,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,WAAW,qBAsBb;AAID,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAclF;AAID,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAc9E;AAID,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAanF;AAID,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACtE,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACvB,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAa,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,4BAsE1F;AAID,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAIzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAUzE;AAED;;;;;;GAMG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,EACP,OAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,qBAuBA;AAED;;;;GAIG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAO,EACP,OAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,qBAuBA;AAID,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAEjE;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}

package/dist/ui/Dialog/dialog.js

@@ -0,0 +1,133 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Row } from '../../layout/Row/row.js';
+import { Typography } from '../../typography/Typography/typography.js';
+import { Button } from '../Button/button.js';
+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, DEFAULT_ANIMATION_DURATION } 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 './dialog.module.scss.js';
+
+const DialogContext = React.createContext(null);
+function useDialog() {
+    const ctx = React.useContext(DialogContext);
+    if (!ctx)
+        throw new Error('Dialog compound components must be used within <Dialog>');
+    return ctx;
+}
+function Dialog({ open: controlledOpen, defaultOpen = false, onOpenChange, onAfterClose, 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(DialogContext.Provider, { value: { open, onOpenChange: handleOpenChange, onAfterClose, titleId, descriptionId }, children: children }));
+}
+function DialogTrigger({ asChild, onClick, children, ...props }) {
+    const { onOpenChange } = useDialog();
+    const Comp = asChild ? Slot : 'button';
+    const handleClick = (e) => {
+        onClick?.(e);
+        onOpenChange(true);
+    };
+    return (jsx(Comp, { "data-slot": 'dialog-trigger', onClick: handleClick, ...props, children: children }));
+}
+function DialogClose({ asChild, onClick, children, ...props }) {
+    const { onOpenChange } = useDialog();
+    const Comp = asChild ? Slot : 'button';
+    const handleClick = (e) => {
+        onClick?.(e);
+        onOpenChange(false);
+    };
+    return (jsx(Comp, { "data-slot": 'dialog-close', onClick: handleClick, ...props, children: children }));
+}
+// ── Overlay ──────────────────────────────────────────────
+function DialogOverlay({ className, ...props }) {
+    const { open, onOpenChange } = useDialog();
+    return (jsx("div", { "data-slot": 'dialog-overlay', "data-state": open ? 'open' : 'closed', className: cn(s['dialog-overlay'], className), onClick: () => onOpenChange(false), "aria-hidden": 'true', ...props }));
+}
+function DialogContent({ className, children, width = 'max', ...props }) {
+    const { open, onOpenChange, onAfterClose, titleId, descriptionId } = useDialog();
+    const { mounted, state } = useAnimationState(open, DEFAULT_ANIMATION_DURATION);
+    const focusTrapRef = useFocusTrap(open);
+    useScrollLock(mounted);
+    const wasClosingRef = React.useRef(false);
+    const onAfterCloseRef = React.useRef(onAfterClose);
+    onAfterCloseRef.current = onAfterClose;
+    React.useEffect(() => {
+        if (state === 'closed') {
+            wasClosingRef.current = true;
+        }
+        else if (state === 'idle' && wasClosingRef.current) {
+            wasClosingRef.current = false;
+            onAfterCloseRef.current?.();
+        }
+    }, [state]);
+    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;
+    const widthClass = width === 'min' ? s['dialog-width-min'] : '';
+    return createPortal(jsxs("div", { ref: focusTrapRef, children: [jsx("div", { "data-slot": 'dialog-overlay', "data-state": state, className: s['dialog-overlay'], onClick: () => onOpenChange(false), "aria-hidden": 'true' }), jsxs("div", { "data-slot": 'dialog-content', "data-state": state, role: 'dialog', "aria-modal": 'true', "aria-labelledby": titleId, "aria-describedby": descriptionId, className: cn(s['dialog-content'], widthClass, className), onClick: e => e.stopPropagation(), ...props, children: [children, jsx(DialogClose, { 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);
+}
+// ── Semantic sub-components ──────────────────────────────
+function DialogHeader({ className, ...props }) {
+    return (jsx("div", { "data-slot": 'dialog-header', className: cn(s['dialog-header'], className), ...props }));
+}
+function DialogFooter({ className, ...props }) {
+    return (jsx(Row, { "data-slot": 'dialog-footer', gap: 1, justify: 'space-between', className: cn(s['dialog-footer'], className), ...props }));
+}
+/**
+ * Renders the dialog's heading. Defaults to `<Typography variant='h6'>`
+ * so consumers can write `<DialogTitle>My dialog</DialogTitle>` without
+ * manually wrapping in Typography. Override the variant with the
+ * `variant` prop, or opt out entirely with `asChild` to supply a custom
+ * element (e.g., a Heading component).
+ */
+function DialogTitle({ className, asChild, variant = 'h6', ...props }) {
+    const { titleId } = useDialog();
+    if (asChild) {
+        return (jsx(Slot, { id: titleId, "data-slot": 'dialog-title', className: cn(s['dialog-title'], className), ...props }));
+    }
+    return (jsx(Typography, { id: titleId, variant: variant, "data-slot": 'dialog-title', className: cn(s['dialog-title'], className), ...props }));
+}
+/**
+ * Renders the dialog's supporting description text. Defaults to
+ * `<Typography variant='body2'>`. Override with `variant` or supply a
+ * custom element via `asChild`.
+ */
+function DialogDescription({ className, asChild, variant = 'body2', ...props }) {
+    const { descriptionId } = useDialog();
+    if (asChild) {
+        return (jsx(Slot, { id: descriptionId, "data-slot": 'dialog-description', className: cn(s['dialog-description'], className), ...props }));
+    }
+    return (jsx(Typography, { id: descriptionId, variant: variant, "data-slot": 'dialog-description', className: cn(s['dialog-description'], className), ...props }));
+}
+// ── Kept for API compat but no-ops now ───────────────────
+function DialogPortal({ children }) {
+    return jsx(Fragment, { children: children });
+}
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=dialog.js.map

package/dist/ui/Dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../../src/ui/Dialog/dialog.tsx"],"sourcesContent":["import { Row } from '@constellation/layout/Row';\nimport { Typography, type TypographyVariant } from '@constellation/typography/Typography';\nimport { Button } from '@constellation/ui/Button';\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 { DEFAULT_ANIMATION_DURATION, useAnimationState } from '../../internal/use-animation-state';\nimport { useFocusTrap } from '../../internal/use-focus-trap';\nimport { useScrollLock } from '../../internal/use-scroll-lock';\nimport s from './dialog.module.scss';\n\n// ── Context ──────────────────────────────────────────────\n\ntype DialogContextValue = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onAfterClose?: () => void;\n  titleId: string;\n  descriptionId: string;\n};\n\nconst DialogContext = React.createContext<DialogContextValue | null>(null);\n\nfunction useDialog() {\n  const ctx = React.useContext(DialogContext);\n  if (!ctx) throw new Error('Dialog compound components must be used within <Dialog>');\n  return ctx;\n}\n\n// ── Root ─────────────────────────────────────────────────\n\nexport interface DialogProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onAfterClose?: () => void;\n  children?: React.ReactNode;\n}\n\nfunction Dialog({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  onAfterClose,\n  children,\n}: DialogProps) {\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    <DialogContext.Provider\n      value={{ open, onOpenChange: handleOpenChange, onAfterClose, titleId, descriptionId }}\n    >\n      {children}\n    </DialogContext.Provider>\n  );\n}\n\n// ── Trigger ──────────────────────────────────────────────\n\nexport interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nfunction DialogTrigger({ asChild, onClick, children, ...props }: DialogTriggerProps) {\n  const { onOpenChange } = useDialog();\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 data-slot={'dialog-trigger'} onClick={handleClick} {...props}>\n      {children}\n    </Comp>\n  );\n}\n\n// ── Close ────────────────────────────────────────────────\n\nexport interface DialogCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nfunction DialogClose({ asChild, onClick, children, ...props }: DialogCloseProps) {\n  const { onOpenChange } = useDialog();\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 data-slot={'dialog-close'} onClick={handleClick} {...props}>\n      {children}\n    </Comp>\n  );\n}\n\n// ── Overlay ──────────────────────────────────────────────\n\nfunction DialogOverlay({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n  const { open, onOpenChange } = useDialog();\n\n  return (\n    <div\n      data-slot={'dialog-overlay'}\n      data-state={open ? 'open' : 'closed'}\n      className={cn(s['dialog-overlay'], className)}\n      onClick={() => onOpenChange(false)}\n      aria-hidden={'true'}\n      {...props}\n    />\n  );\n}\n\n// ── Content ──────────────────────────────────────────────\n\nexport type DialogContentProps = React.HTMLAttributes<HTMLDivElement> & {\n  width?: 'max' | 'min';\n};\n\nfunction DialogContent({ className, children, width = 'max', ...props }: DialogContentProps) {\n  const { open, onOpenChange, onAfterClose, titleId, descriptionId } = useDialog();\n  const { mounted, state } = useAnimationState(open, DEFAULT_ANIMATION_DURATION);\n  const focusTrapRef = useFocusTrap(open);\n  useScrollLock(mounted);\n\n  const wasClosingRef = React.useRef(false);\n  const onAfterCloseRef = React.useRef(onAfterClose);\n  onAfterCloseRef.current = onAfterClose;\n\n  React.useEffect(() => {\n    if (state === 'closed') {\n      wasClosingRef.current = true;\n    } else if (state === 'idle' && wasClosingRef.current) {\n      wasClosingRef.current = false;\n      onAfterCloseRef.current?.();\n    }\n  }, [state]);\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  const widthClass = width === 'min' ? s['dialog-width-min'] : '';\n\n  return createPortal(\n    <div ref={focusTrapRef}>\n      <div\n        data-slot={'dialog-overlay'}\n        data-state={state}\n        className={s['dialog-overlay']}\n        onClick={() => onOpenChange(false)}\n        aria-hidden={'true'}\n      />\n      <div\n        data-slot={'dialog-content'}\n        data-state={state}\n        role={'dialog'}\n        aria-modal={'true'}\n        aria-labelledby={titleId}\n        aria-describedby={descriptionId}\n        className={cn(s['dialog-content'], widthClass, className)}\n        onClick={e => e.stopPropagation()}\n        {...props}\n      >\n        {children}\n        <DialogClose 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        </DialogClose>\n      </div>\n    </div>,\n    document.body,\n  );\n}\n\n// ── Semantic sub-components ──────────────────────────────\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot={'dialog-header'} className={cn(s['dialog-header'], className)} {...props} />\n  );\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <Row\n      data-slot={'dialog-footer'}\n      gap={1}\n      justify={'space-between'}\n      className={cn(s['dialog-footer'], className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders the dialog's heading. Defaults to `<Typography variant='h6'>`\n * so consumers can write `<DialogTitle>My dialog</DialogTitle>` without\n * manually wrapping in Typography. Override the variant with the\n * `variant` prop, or opt out entirely with `asChild` to supply a custom\n * element (e.g., a Heading component).\n */\nfunction DialogTitle({\n  className,\n  asChild,\n  variant = 'h6',\n  ...props\n}: React.ComponentProps<'h2'> & {\n  asChild?: boolean;\n  variant?: TypographyVariant;\n}) {\n  const { titleId } = useDialog();\n\n  if (asChild) {\n    return (\n      <Slot\n        id={titleId}\n        data-slot={'dialog-title'}\n        className={cn(s['dialog-title'], className)}\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <Typography\n      id={titleId}\n      variant={variant}\n      data-slot={'dialog-title'}\n      className={cn(s['dialog-title'], className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * Renders the dialog's supporting description text. Defaults to\n * `<Typography variant='body2'>`. Override with `variant` or supply a\n * custom element via `asChild`.\n */\nfunction DialogDescription({\n  className,\n  asChild,\n  variant = 'body2',\n  ...props\n}: React.ComponentProps<'p'> & {\n  asChild?: boolean;\n  variant?: TypographyVariant;\n}) {\n  const { descriptionId } = useDialog();\n\n  if (asChild) {\n    return (\n      <Slot\n        id={descriptionId}\n        data-slot={'dialog-description'}\n        className={cn(s['dialog-description'], className)}\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <Typography\n      id={descriptionId}\n      variant={variant}\n      data-slot={'dialog-description'}\n      className={cn(s['dialog-description'], className)}\n      {...props}\n    />\n  );\n}\n\n// ── Kept for API compat but no-ops now ───────────────────\n\nfunction DialogPortal({ children }: { children?: React.ReactNode }) {\n  return <>{children}</>;\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/ui/Dialog/dialog.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"dialog-overlay":"dialog-module_dialog-overlay__wE95d","dialog-content":"dialog-module_dialog-content__-fWyy","dialog-width-min":"dialog-module_dialog-width-min__kT0Nb","close-button":"dialog-module_close-button__D9y2c","dialog-header":"dialog-module_dialog-header__R5-tR","dialog-footer":"dialog-module_dialog-footer__RnFUl"};
+
+export { s as default };
+//# sourceMappingURL=dialog.module.scss.js.map

package/dist/ui/Dialog/dialog.module.scss.js.map

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

package/dist/ui/Dialog/index.d.ts

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

package/dist/ui/Dialog/index.d.ts.map

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

package/dist/ui/EmptyState/empty-state-variants.d.ts

@@ -0,0 +1,5 @@
+export declare const emptyStateVariants: (props?: ({
+    theme?: "default" | "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=empty-state-variants.d.ts.map

package/dist/ui/EmptyState/empty-state-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-variants.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/empty-state-variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;8EAsB7B,CAAC"}

package/dist/ui/EmptyState/empty-state-variants.js

@@ -0,0 +1,29 @@
+import { cva } from 'class-variance-authority';
+import s from './empty-state.module.scss.js';
+
+const emptyStateVariants = cva(s['empty-state'], {
+    variants: {
+        theme: {
+            default: s['empty-state--default'],
+            primary: s['empty-state--primary'],
+            secondary: s['empty-state--secondary'],
+            destructive: s['empty-state--destructive'],
+            warning: s['empty-state--warning'],
+            success: s['empty-state--success'],
+            info: s['empty-state--info'],
+            slate: s['empty-state--slate'],
+        },
+        size: {
+            sm: s['empty-state--sm'],
+            md: s['empty-state--md'],
+            lg: s['empty-state--lg'],
+        },
+    },
+    defaultVariants: {
+        theme: 'default',
+        size: 'md',
+    },
+});
+
+export { emptyStateVariants };
+//# sourceMappingURL=empty-state-variants.js.map

package/dist/ui/EmptyState/empty-state-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-variants.js","sources":["../../../src/ui/EmptyState/empty-state-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './empty-state.module.scss';\n\nexport const emptyStateVariants = cva(s['empty-state'], {\n  variants: {\n    theme: {\n      default: s['empty-state--default'],\n      primary: s['empty-state--primary'],\n      secondary: s['empty-state--secondary'],\n      destructive: s['empty-state--destructive'],\n      warning: s['empty-state--warning'],\n      success: s['empty-state--success'],\n      info: s['empty-state--info'],\n      slate: s['empty-state--slate'],\n    },\n    size: {\n      sm: s['empty-state--sm'],\n      md: s['empty-state--md'],\n      lg: s['empty-state--lg'],\n    },\n  },\n  defaultVariants: {\n    theme: 'default',\n    size: 'md',\n  },\n});\n"],"names":[],"mappings":";;;AAGO,MAAM,kBAAkB,GAAG,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE;AACtD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,CAAC,CAAC,sBAAsB,CAAC;AAClC,YAAA,OAAO,EAAE,CAAC,CAAC,sBAAsB,CAAC;AAClC,YAAA,SAAS,EAAE,CAAC,CAAC,wBAAwB,CAAC;AACtC,YAAA,WAAW,EAAE,CAAC,CAAC,0BAA0B,CAAC;AAC1C,YAAA,OAAO,EAAE,CAAC,CAAC,sBAAsB,CAAC;AAClC,YAAA,OAAO,EAAE,CAAC,CAAC,sBAAsB,CAAC;AAClC,YAAA,IAAI,EAAE,CAAC,CAAC,mBAAmB,CAAC;AAC5B,YAAA,KAAK,EAAE,CAAC,CAAC,oBAAoB,CAAC;AAC/B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC;AACxB,YAAA,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC;AACxB,YAAA,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC;AACzB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,IAAI;AACX,KAAA;AACF,CAAA;;"}

package/dist/ui/EmptyState/empty-state.d.ts

@@ -0,0 +1,16 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { emptyStateVariants } from './empty-state-variants';
+export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
+    /** Icon displayed above the title. */
+    icon?: React.ReactNode;
+    /** Primary heading text. */
+    title: string;
+    /** Secondary descriptive text below the title. */
+    description?: string;
+    /** Action element (typically a Button) rendered below the text. */
+    action?: React.ReactNode;
+}
+declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+export { EmptyState };
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/ui/EmptyState/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/ui/EmptyState/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACrF,sCAAsC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,QAAA,MAAM,UAAU,wFAqCf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/ui/EmptyState/empty-state.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import { emptyStateVariants } from './empty-state-variants.js';
+import s from './empty-state.module.scss.js';
+
+const EmptyState = React.forwardRef(({ icon, title, description, action, theme, size, className, children, ...props }, ref) => {
+    return (jsxs("div", { ref: ref, "data-slot": 'empty-state', className: cn(emptyStateVariants({ theme, size }), className), ...props, children: [icon ? (jsx("span", { "data-slot": 'empty-state-icon', className: s['empty-state-icon'], "aria-hidden": 'true', children: icon })) : null, jsxs("div", { "data-slot": 'empty-state-text', className: s['empty-state-text'], children: [jsx("p", { "data-slot": 'empty-state-title', className: s['empty-state-title'], children: title }), description ? (jsx("p", { "data-slot": 'empty-state-description', className: s['empty-state-description'], children: description })) : null] }), action ? (jsx("div", { "data-slot": 'empty-state-action', className: s['empty-state-action'], children: action })) : null, children] }));
+});
+EmptyState.displayName = 'EmptyState';
+
+export { EmptyState };
+//# sourceMappingURL=empty-state.js.map

package/dist/ui/EmptyState/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","sources":["../../../src/ui/EmptyState/empty-state.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport { emptyStateVariants } from './empty-state-variants';\nimport s from './empty-state.module.scss';\n\nexport interface EmptyStateProps\n  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {\n  /** Icon displayed above the title. */\n  icon?: React.ReactNode;\n  /** Primary heading text. */\n  title: string;\n  /** Secondary descriptive text below the title. */\n  description?: string;\n  /** Action element (typically a Button) rendered below the text. */\n  action?: React.ReactNode;\n}\n\nconst EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(\n  ({ icon, title, description, action, theme, size, className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        data-slot={'empty-state'}\n        className={cn(emptyStateVariants({ theme, size }), className)}\n        {...props}\n      >\n        {icon ? (\n          <span\n            data-slot={'empty-state-icon'}\n            className={s['empty-state-icon']}\n            aria-hidden={'true'}\n          >\n            {icon}\n          </span>\n        ) : null}\n        <div data-slot={'empty-state-text'} className={s['empty-state-text']}>\n          <p data-slot={'empty-state-title'} className={s['empty-state-title']}>\n            {title}\n          </p>\n          {description ? (\n            <p data-slot={'empty-state-description'} className={s['empty-state-description']}>\n              {description}\n            </p>\n          ) : null}\n        </div>\n        {action ? (\n          <div data-slot={'empty-state-action'} className={s['empty-state-action']}>\n            {action}\n          </div>\n        ) : null}\n        {children}\n      </div>\n    );\n  },\n);\nEmptyState.displayName = 'EmptyState';\n\nexport { EmptyState };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAkBA,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACxF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EAAA,WAAA,EACG,aAAa,EACxB,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAAA,GACzD,KAAK,EAAA,QAAA,EAAA,CAER,IAAI,IACHC,GAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EACa,kBAAkB,EAC7B,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAA,aAAA,EACnB,MAAM,EAAA,QAAA,EAElB,IAAI,EAAA,CACA,IACL,IAAI,EACRD,IAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EAAgB,kBAAkB,EAAE,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAA,CAClEC,GAAA,CAAA,GAAA,EAAA,EAAA,WAAA,EAAc,mBAAmB,EAAE,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAA,QAAA,EACjE,KAAK,EAAA,CACJ,EACH,WAAW,IACVA,GAAA,CAAA,GAAA,EAAA,EAAA,WAAA,EAAc,yBAAyB,EAAE,SAAS,EAAE,CAAC,CAAC,yBAAyB,CAAC,EAAA,QAAA,EAC7E,WAAW,EAAA,CACV,IACF,IAAI,CAAA,EAAA,CACJ,EACL,MAAM,IACLA,GAAA,CAAA,KAAA,EAAA,EAAA,WAAA,EAAgB,oBAAoB,EAAE,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAA,QAAA,EACrE,MAAM,EAAA,CACH,IACJ,IAAI,EACP,QAAQ,CAAA,EAAA,CACL;AAEV,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY;;"}

package/dist/ui/EmptyState/empty-state.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"empty-state":"empty-state-module_empty-state__7-X-R","empty-state-icon":"empty-state-module_empty-state-icon__tryQs","empty-state-text":"empty-state-module_empty-state-text__XMBoL","empty-state-title":"empty-state-module_empty-state-title__aM32-","empty-state-description":"empty-state-module_empty-state-description__l0o5K","empty-state-action":"empty-state-module_empty-state-action__-7qoz","empty-state--sm":"empty-state-module_empty-state--sm__hlng1","empty-state--md":"empty-state-module_empty-state--md__ma3xd","empty-state--lg":"empty-state-module_empty-state--lg__lgqhm","empty-state--default":"empty-state-module_empty-state--default__zgoDY","empty-state--primary":"empty-state-module_empty-state--primary__U1f91","empty-state--secondary":"empty-state-module_empty-state--secondary__sH7Wr","empty-state--destructive":"empty-state-module_empty-state--destructive__zS-YO","empty-state--warning":"empty-state-module_empty-state--warning__Exzkn","empty-state--success":"empty-state-module_empty-state--success__oF-Pw","empty-state--info":"empty-state-module_empty-state--info__ywtv2","empty-state--slate":"empty-state-module_empty-state--slate__D5qur"};
+
+export { s as default };
+//# sourceMappingURL=empty-state.module.scss.js.map

package/dist/ui/EmptyState/empty-state.module.scss.js.map

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

package/dist/ui/EmptyState/index.d.ts

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

package/dist/ui/EmptyState/index.d.ts.map

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

package/dist/ui/Icon/icon-variants.d.ts

@@ -0,0 +1,7 @@
+export declare const iconVariants: (props?: ({
+    variant?: "contained" | "outlined" | "ghost" | "plain" | null | undefined;
+    theme?: "inherit" | "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+    rounded?: boolean | "extra" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=icon-variants.d.ts.map

package/dist/ui/Icon/icon-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-variants.d.ts","sourceRoot":"","sources":["../../../src/ui/Icon/icon-variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;8EAoCvB,CAAC"}

package/dist/ui/Icon/icon-variants.js

@@ -0,0 +1,43 @@
+import { cva } from 'class-variance-authority';
+import s from './icon.module.scss.js';
+
+const iconVariants = cva(s.icon, {
+    variants: {
+        variant: {
+            contained: s['icon--contained'],
+            outlined: s['icon--outlined'],
+            ghost: s['icon--ghost'],
+            plain: s['icon--plain'],
+        },
+        theme: {
+            primary: s['icon--primary'],
+            secondary: s['icon--secondary'],
+            destructive: s['icon--destructive'],
+            warning: s['icon--warning'],
+            success: s['icon--success'],
+            info: s['icon--info'],
+            slate: s['icon--slate'],
+            inherit: s['icon--inherit'],
+        },
+        size: {
+            xs: s['icon--xs'],
+            sm: s['icon--sm'],
+            md: s['icon--md'],
+            lg: s['icon--lg'],
+        },
+        rounded: {
+            true: s['icon--rounded'],
+            false: undefined,
+            extra: s['icon--extra-rounded'],
+        },
+    },
+    defaultVariants: {
+        variant: 'plain',
+        theme: 'inherit',
+        size: 'md',
+        rounded: 'extra',
+    },
+});
+
+export { iconVariants };
+//# sourceMappingURL=icon-variants.js.map

package/dist/ui/Icon/icon-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-variants.js","sources":["../../../src/ui/Icon/icon-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './icon.module.scss';\n\nexport const iconVariants = cva(s.icon, {\n  variants: {\n    variant: {\n      contained: s['icon--contained'],\n      outlined: s['icon--outlined'],\n      ghost: s['icon--ghost'],\n      plain: s['icon--plain'],\n    },\n    theme: {\n      primary: s['icon--primary'],\n      secondary: s['icon--secondary'],\n      destructive: s['icon--destructive'],\n      warning: s['icon--warning'],\n      success: s['icon--success'],\n      info: s['icon--info'],\n      slate: s['icon--slate'],\n      inherit: s['icon--inherit'],\n    },\n    size: {\n      xs: s['icon--xs'],\n      sm: s['icon--sm'],\n      md: s['icon--md'],\n      lg: s['icon--lg'],\n    },\n    rounded: {\n      true: s['icon--rounded'],\n      false: undefined,\n      extra: s['icon--extra-rounded'],\n    },\n  },\n  defaultVariants: {\n    variant: 'plain',\n    theme: 'inherit',\n    size: 'md',\n    rounded: 'extra',\n  },\n});\n"],"names":[],"mappings":";;;MAGa,YAAY,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC/B,YAAA,QAAQ,EAAE,CAAC,CAAC,gBAAgB,CAAC;AAC7B,YAAA,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC;AACvB,YAAA,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC;AACxB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,CAAC,CAAC,eAAe,CAAC;AAC3B,YAAA,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC/B,YAAA,WAAW,EAAE,CAAC,CAAC,mBAAmB,CAAC;AACnC,YAAA,OAAO,EAAE,CAAC,CAAC,eAAe,CAAC;AAC3B,YAAA,OAAO,EAAE,CAAC,CAAC,eAAe,CAAC;AAC3B,YAAA,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC;AACrB,YAAA,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC;AACvB,YAAA,OAAO,EAAE,CAAC,CAAC,eAAe,CAAC;AAC5B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC;AACjB,YAAA,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC;AACjB,YAAA,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC;AACjB,YAAA,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC;AAClB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC;AACxB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC;AAChC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;"}

package/dist/ui/Icon/icon.d.ts

@@ -0,0 +1,44 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { iconVariants } from './icon-variants';
+type IconVariantSize = NonNullable<VariantProps<typeof iconVariants>['size']>;
+type IconNodeProps = React.SVGProps<SVGSVGElement> & {
+    size?: string | number;
+};
+export interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, Omit<VariantProps<typeof iconVariants>, 'size'> {
+    iconNode: React.ComponentType<IconNodeProps>;
+    size?: IconVariantSize | number;
+    /** Apply 1s linear infinite rotation to the inner SVG; also defaults role='status' for a11y. */
+    spin?: boolean;
+}
+/**
+ * Standalone icon with a sized wrapper box (e.g. status indicators, list-item
+ * leaders, themed avatars). Renders `<span><svg/></span>` — the span carries
+ * the `iconVariants` background/border for contained/outlined variants and a
+ * fixed pixel box per `size`.
+ *
+ * **DO NOT** place inside `Button`, `Chip`, `DropdownMenuItem`, or other host
+ * components that already size their SVG children via `:has(> svg)`. The host's
+ * size + padding adjustments only trigger for a direct-child `<svg>`, and
+ * Icon's wrapper span breaks that rule — you end up with the host's default
+ * (wider) padding plus Icon's full-height box (e.g. 1.85rem for `size='sm'`).
+ *
+ * Inside a host that sizes its own svg, pass the raw lucide component directly:
+ *
+ * ```tsx
+ * <Button>
+ *   <CheckIcon />
+ *   Save
+ * </Button>
+ *
+ * <Button>
+ *   <Loader2Icon className={'animate-spin'} />
+ *   Saving…
+ * </Button>
+ * ```
+ *
+ * Use `Icon` only when the wrapper box is desired (standalone use).
+ */
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
+export { Icon };
+//# sourceMappingURL=icon.d.ts.map

package/dist/ui/Icon/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/ui/Icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,eAAe,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAC9E,KAAK,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAEhF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,MAAM,CAAC;IAC9F,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAChC,gGAAgG;IAChG,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,QAAA,MAAM,IAAI,mFAuBT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/ui/Icon/icon.js

@@ -0,0 +1,41 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import { iconVariants } from './icon-variants.js';
+
+/**
+ * Standalone icon with a sized wrapper box (e.g. status indicators, list-item
+ * leaders, themed avatars). Renders `<span><svg/></span>` — the span carries
+ * the `iconVariants` background/border for contained/outlined variants and a
+ * fixed pixel box per `size`.
+ *
+ * **DO NOT** place inside `Button`, `Chip`, `DropdownMenuItem`, or other host
+ * components that already size their SVG children via `:has(> svg)`. The host's
+ * size + padding adjustments only trigger for a direct-child `<svg>`, and
+ * Icon's wrapper span breaks that rule — you end up with the host's default
+ * (wider) padding plus Icon's full-height box (e.g. 1.85rem for `size='sm'`).
+ *
+ * Inside a host that sizes its own svg, pass the raw lucide component directly:
+ *
+ * ```tsx
+ * <Button>
+ *   <CheckIcon />
+ *   Save
+ * </Button>
+ *
+ * <Button>
+ *   <Loader2Icon className={'animate-spin'} />
+ *   Saving…
+ * </Button>
+ * ```
+ *
+ * Use `Icon` only when the wrapper box is desired (standalone use).
+ */
+const Icon = React.forwardRef(({ iconNode: IconComponent, className, variant, theme, size, rounded, spin, role, ...props }, ref) => {
+    const variantSize = typeof size === 'number' ? null : size;
+    return (jsx("span", { "data-slot": 'icon', ref: ref, role: role ?? (spin ? 'status' : undefined), className: cn(iconVariants({ variant, theme, size: variantSize, rounded }), className), ...props, children: jsx(IconComponent, { "aria-hidden": 'true', size: typeof size === 'number' ? size : undefined, className: spin ? 'animate-spin' : undefined }) }));
+});
+Icon.displayName = 'Icon';
+
+export { Icon };
+//# sourceMappingURL=icon.js.map

package/dist/ui/Icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sources":["../../../src/ui/Icon/icon.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport { iconVariants } from './icon-variants';\n\ntype IconVariantSize = NonNullable<VariantProps<typeof iconVariants>['size']>;\ntype IconNodeProps = React.SVGProps<SVGSVGElement> & { size?: string | number };\n\nexport interface IconProps\n  extends React.HTMLAttributes<HTMLSpanElement>, Omit<VariantProps<typeof iconVariants>, 'size'> {\n  iconNode: React.ComponentType<IconNodeProps>;\n  size?: IconVariantSize | number;\n  /** Apply 1s linear infinite rotation to the inner SVG; also defaults role='status' for a11y. */\n  spin?: boolean;\n}\n\n/**\n * Standalone icon with a sized wrapper box (e.g. status indicators, list-item\n * leaders, themed avatars). Renders `<span><svg/></span>` — the span carries\n * the `iconVariants` background/border for contained/outlined variants and a\n * fixed pixel box per `size`.\n *\n * **DO NOT** place inside `Button`, `Chip`, `DropdownMenuItem`, or other host\n * components that already size their SVG children via `:has(> svg)`. The host's\n * size + padding adjustments only trigger for a direct-child `<svg>`, and\n * Icon's wrapper span breaks that rule — you end up with the host's default\n * (wider) padding plus Icon's full-height box (e.g. 1.85rem for `size='sm'`).\n *\n * Inside a host that sizes its own svg, pass the raw lucide component directly:\n *\n * ```tsx\n * <Button>\n *   <CheckIcon />\n *   Save\n * </Button>\n *\n * <Button>\n *   <Loader2Icon className={'animate-spin'} />\n *   Saving…\n * </Button>\n * ```\n *\n * Use `Icon` only when the wrapper box is desired (standalone use).\n */\nconst Icon = React.forwardRef<HTMLSpanElement, IconProps>(\n  (\n    { iconNode: IconComponent, className, variant, theme, size, rounded, spin, role, ...props },\n    ref,\n  ) => {\n    const variantSize = typeof size === 'number' ? null : size;\n\n    return (\n      <span\n        data-slot={'icon'}\n        ref={ref}\n        role={role ?? (spin ? 'status' : undefined)}\n        className={cn(iconVariants({ variant, theme, size: variantSize, rounded }), className)}\n        {...props}\n      >\n        <IconComponent\n          aria-hidden={'true'}\n          size={typeof size === 'number' ? size : undefined}\n          className={spin ? 'animate-spin' : undefined}\n        />\n      </span>\n    );\n  },\n);\nIcon.displayName = 'Icon';\n\nexport { Icon };\n"],"names":["_jsx"],"mappings":";;;;;AAgBA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;AACH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAC3F,GAAG,KACD;AACF,IAAA,MAAM,WAAW,GAAG,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI;AAE1D,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EACa,MAAM,EACjB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,SAAS,CAAC,EAC3C,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,EAAA,GAClF,KAAK,EAAA,QAAA,EAETA,IAAC,aAAa,EAAA,EAAA,aAAA,EACC,MAAM,EACnB,IAAI,EAAE,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,SAAS,EACjD,SAAS,EAAE,IAAI,GAAG,cAAc,GAAG,SAAS,EAAA,CAC5C,EAAA,CACG;AAEX,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM;;"}

package/dist/ui/Icon/icon.module.scss.js

@@ -0,0 +1,4 @@
+var s = {"icon":"icon-module_icon__QbIn6","icon--rounded":"icon-module_icon--rounded__p12b0","icon--extra-rounded":"icon-module_icon--extra-rounded__yh1Lp","icon--contained":"icon-module_icon--contained__KKLgv","icon--primary":"icon-module_icon--primary__SJ1Z-","icon--secondary":"icon-module_icon--secondary__9Qxq1","icon--destructive":"icon-module_icon--destructive__wz-C0","icon--warning":"icon-module_icon--warning__RLS5U","icon--success":"icon-module_icon--success__BXc8l","icon--info":"icon-module_icon--info__1rQjh","icon--slate":"icon-module_icon--slate__QakzE","icon--inherit":"icon-module_icon--inherit__zI29n","icon--outlined":"icon-module_icon--outlined__v6GGX","icon--ghost":"icon-module_icon--ghost__YJhbG","icon--plain":"icon-module_icon--plain__p2wlI","icon--xs":"icon-module_icon--xs__lxAu6","icon--sm":"icon-module_icon--sm__3-9vf","icon--md":"icon-module_icon--md__uVpVI","icon--lg":"icon-module_icon--lg__hnSd3"};
+
+export { s as default };
+//# sourceMappingURL=icon.module.scss.js.map

package/dist/ui/Icon/icon.module.scss.js.map

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

package/dist/ui/Icon/index.d.ts

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

package/dist/ui/Icon/index.d.ts.map

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

package/dist/ui/List/index.d.ts

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

package/dist/ui/List/index.d.ts.map

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

package/dist/ui/List/list.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface ListProps extends React.HTMLAttributes<HTMLUListElement | HTMLOListElement> {
+    variant?: 'disc' | 'decimal' | 'none';
+    gap?: number;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    muted?: boolean;
+}
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLOListElement | HTMLUListElement>>;
+export interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    icon?: React.ReactNode;
+}
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
+export { List, ListItem };
+//# sourceMappingURL=list.d.ts.map

package/dist/ui/List/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/ui/List/list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;IAC1F,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,IAAI,uGAsBT,CAAC;AAGF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC1E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,QAAQ,qFAmBb,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC"}

package/dist/ui/List/list.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import s from './list.module.scss.js';
+
+const List = React.forwardRef(({ className, variant = 'disc', gap = 1, size, muted, children, ...props }, ref) => {
+    const Component = variant === 'decimal' ? 'ol' : 'ul';
+    return (jsx(Component, { "data-slot": 'list', ref: ref, className: cn(s.list, s[variant], s[`gap-${gap}`], size && s[`size-${size}`], muted && s.muted, className), ...props, children: children }));
+});
+List.displayName = 'List';
+const ListItem = React.forwardRef(({ className, icon, children, ...props }, ref) => {
+    if (!icon) {
+        return (jsx("li", { "data-slot": 'list-item', ref: ref, className: className, ...props, children: children }));
+    }
+    return (jsxs("li", { "data-slot": 'list-item', ref: ref, className: cn(s.item, className), ...props, children: [jsx("span", { "data-slot": 'list-item-icon', className: s['item-icon'], "aria-hidden": 'true', children: icon }), jsx("span", { "data-slot": 'list-item-content', children: children })] }));
+});
+ListItem.displayName = 'ListItem';
+
+export { List, ListItem };
+//# sourceMappingURL=list.js.map

package/dist/ui/List/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sources":["../../../src/ui/List/list.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport s from './list.module.scss';\n\nexport interface ListProps extends React.HTMLAttributes<HTMLUListElement | HTMLOListElement> {\n  variant?: 'disc' | 'decimal' | 'none';\n  gap?: number;\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  muted?: boolean;\n}\n\nconst List = React.forwardRef<HTMLUListElement | HTMLOListElement, ListProps>(\n  ({ className, variant = 'disc', gap = 1, size, muted, children, ...props }, ref) => {\n    const Component = variant === 'decimal' ? 'ol' : 'ul';\n\n    return (\n      <Component\n        data-slot={'list'}\n        ref={ref as never}\n        className={cn(\n          s.list,\n          s[variant],\n          s[`gap-${gap}` as keyof typeof s],\n          size && s[`size-${size}` as keyof typeof s],\n          muted && s.muted,\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nList.displayName = 'List';\n\nexport interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  icon?: React.ReactNode;\n}\n\nconst ListItem = React.forwardRef<HTMLLIElement, ListItemProps>(\n  ({ className, icon, children, ...props }, ref) => {\n    if (!icon) {\n      return (\n        <li data-slot={'list-item'} ref={ref} className={className} {...props}>\n          {children}\n        </li>\n      );\n    }\n\n    return (\n      <li data-slot={'list-item'} ref={ref} className={cn(s.item, className)} {...props}>\n        <span data-slot={'list-item-icon'} className={s['item-icon']} aria-hidden={'true'}>\n          {icon}\n        </span>\n        <span data-slot={'list-item-content'}>{children}</span>\n      </li>\n    );\n  },\n);\nListItem.displayName = 'ListItem';\n\nexport { List, ListItem };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAWA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AACjF,IAAA,MAAM,SAAS,GAAG,OAAO,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI;IAErD,QACEA,GAAA,CAAC,SAAS,EAAA,EAAA,WAAA,EACG,MAAM,EACjB,GAAG,EAAE,GAAY,EACjB,SAAS,EAAE,EAAE,CACX,CAAC,CAAC,IAAI,EACN,CAAC,CAAC,OAAO,CAAC,EACV,CAAC,CAAC,CAAA,IAAA,EAAO,GAAG,CAAA,CAAoB,CAAC,EACjC,IAAI,IAAI,CAAC,CAAC,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAoB,CAAC,EAC3C,KAAK,IAAI,CAAC,CAAC,KAAK,EAChB,SAAS,CACV,EAAA,GACG,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACC;AAEhB,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM;AAMzB,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC/C,IAAI,CAAC,IAAI,EAAE;AACT,QAAA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EAAe,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,KAAK,YAClE,QAAQ,EAAA,CACN;IAET;AAEA,IAAA,QACEC,IAAA,CAAA,IAAA,EAAA,EAAA,WAAA,EAAe,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,QAAA,EAAA,CAC/ED,2BAAiB,gBAAgB,EAAE,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,iBAAe,MAAM,EAAA,QAAA,EAC9E,IAAI,EAAA,CACA,EACPA,2BAAiB,mBAAmB,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,CAAA,EAAA,CACpD;AAET,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;"}