@mieweb/ui 0.6.1-dev.126 → 0.6.1-dev.131

package/dist/chunk-Y2S6QMKU.js

@@ -0,0 +1,78 @@
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var toggleVariants = cva(
+  [
+    "inline-flex items-center justify-center gap-2",
+    "rounded-md text-sm font-medium",
+    "transition-colors",
+    "hover:bg-muted hover:text-muted-foreground",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "data-[state=on]:bg-primary-800 data-[state=on]:text-primary-foreground"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent data-[state=on]:border-transparent"
+      },
+      size: {
+        sm: "h-8 min-w-8 px-2",
+        md: "h-9 min-w-9 px-2.5",
+        lg: "h-10 min-w-10 px-3"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Toggle = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    pressed: controlledPressed,
+    defaultPressed = false,
+    onPressedChange,
+    disabled,
+    onClick,
+    children,
+    ...props
+  }, ref) => {
+    const [uncontrolledPressed, setUncontrolledPressed] = React.useState(defaultPressed);
+    const isControlled = controlledPressed !== void 0;
+    const isPressed = isControlled ? controlledPressed : uncontrolledPressed;
+    const handleClick = (e) => {
+      if (disabled) return;
+      const next = !isPressed;
+      if (!isControlled) setUncontrolledPressed(next);
+      onPressedChange?.(next);
+      onClick?.(e);
+    };
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        "data-slot": "toggle",
+        "aria-pressed": isPressed,
+        "data-state": isPressed ? "on" : "off",
+        disabled,
+        onClick: handleClick,
+        className: cn(toggleVariants({ variant, size }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Toggle.displayName = "Toggle";
+
+export { Toggle, toggleVariants };
+//# sourceMappingURL=chunk-Y2S6QMKU.js.map
+//# sourceMappingURL=chunk-Y2S6QMKU.js.map

package/dist/chunk-Y2S6QMKU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":";;;;;AAIA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB;AAAA,IACE,+CAAA;AAAA,IACA,gCAAA;AAAA,IACA,mBAAA;AAAA,IACA,4CAAA;AAAA,IACA,qGAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,oBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAuBA,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA;AAAA,EACnB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA,EAAS,iBAAA;AAAA,IACT,cAAA,GAAiB,KAAA;AAAA,IACjB,eAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAC1C,eAAS,cAAc,CAAA;AAE/B,IAAA,MAAM,eAAe,iBAAA,KAAsB,MAAA;AAC3C,IAAA,MAAM,SAAA,GAAY,eAAe,iBAAA,GAAoB,mBAAA;AAErD,IAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAA2C;AAC9D,MAAA,IAAI,QAAA,EAAU;AACd,MAAA,MAAM,OAAO,CAAC,SAAA;AACd,MAAA,IAAI,CAAC,YAAA,EAAc,sBAAA,CAAuB,IAAI,CAAA;AAC9C,MAAA,eAAA,GAAkB,IAAI,CAAA;AACtB,MAAA,OAAA,GAAU,CAAC,CAAA;AAAA,IACb,CAAA;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,WAAA,EAAU,QAAA;AAAA,QACV,cAAA,EAAc,SAAA;AAAA,QACd,YAAA,EAAY,YAAY,IAAA,GAAO,KAAA;AAAA,QAC/B,QAAA;AAAA,QACA,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACzD,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-Y2S6QMKU.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst toggleVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2',\n    'rounded-md text-sm font-medium',\n    'transition-colors',\n    'hover:bg-muted hover:text-muted-foreground',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'data-[state=on]:bg-primary-800 data-[state=on]:text-primary-foreground',\n  ],\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline:\n          'border border-input bg-transparent data-[state=on]:border-transparent',\n      },\n      size: {\n        sm: 'h-8 min-w-8 px-2',\n        md: 'h-9 min-w-9 px-2.5',\n        lg: 'h-10 min-w-10 px-3',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nexport interface ToggleProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'>,\n    VariantProps<typeof toggleVariants> {\n  /** Controlled pressed state */\n  pressed?: boolean;\n  /** Default pressed state (uncontrolled) */\n  defaultPressed?: boolean;\n  /** Callback fired when the pressed state changes */\n  onPressedChange?: (pressed: boolean) => void;\n}\n\n/**\n * A two-state toggle button.\n *\n * @example\n * ```tsx\n * <Toggle aria-label=\"Bold\"><BoldIcon /></Toggle>\n * <Toggle pressed={italic} onPressedChange={setItalic}>Italic</Toggle>\n * ```\n */\nconst Toggle = React.forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      pressed: controlledPressed,\n      defaultPressed = false,\n      onPressedChange,\n      disabled,\n      onClick,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledPressed, setUncontrolledPressed] =\n      React.useState(defaultPressed);\n\n    const isControlled = controlledPressed !== undefined;\n    const isPressed = isControlled ? controlledPressed : uncontrolledPressed;\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      if (disabled) return;\n      const next = !isPressed;\n      if (!isControlled) setUncontrolledPressed(next);\n      onPressedChange?.(next);\n      onClick?.(e);\n    };\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"toggle\"\n        aria-pressed={isPressed}\n        data-state={isPressed ? 'on' : 'off'}\n        disabled={disabled}\n        onClick={handleClick}\n        className={cn(toggleVariants({ variant, size }), className)}\n        {...props}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nToggle.displayName = 'Toggle';\n\nexport { Toggle, toggleVariants };\n"]}

package/dist/{chunk-JLQTPLSY.cjs → chunk-Z6NRP4Z5.cjs}

@@ -13,5 +13,5 @@ var brands = {
 };
 
 exports.brands = brands;
-//# sourceMappingURL=chunk-JLQTPLSY.cjs.map
-//# sourceMappingURL=chunk-JLQTPLSY.cjs.map
+//# sourceMappingURL=chunk-Z6NRP4Z5.cjs.map
+//# sourceMappingURL=chunk-Z6NRP4Z5.cjs.map

package/dist/{chunk-JLQTPLSY.cjs.map → chunk-Z6NRP4Z5.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/brands/index.ts"],"names":[],"mappings":";;;AAkCO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,MAAM,OAAO,uBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAAA,EAChE,IAAA,EAAM,MAAM,OAAO,mBAAQ,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,SAAS,CAAA;AAAA,EACpD,OAAA,EAAS,MAAM,OAAO,wBAAW,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,YAAY,CAAA;AAAA,EAC7D,mBAAA,EAAqB,MACnB,OAAO,kCAAqB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,qBAAqB,CAAA;AAAA,EACnE,MAAA,EAAQ,MAAM,OAAO,uBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,MAAA,EAAQ,MAAM,OAAO,qBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,UAAA,EAAY,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,eAAe,CAAA;AAAA,EACtE,QAAA,EAAU,MAAM,OAAO,yBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa;AAClE","file":"chunk-JLQTPLSY.cjs","sourcesContent":["/**\n * @mieweb/ui Brand System\n *\n * Export all brand-related types, utilities, and configurations.\n */\n\n// Types and utilities\nexport type {\n  BrandConfig,\n  BrandColors,\n  BrandTypography,\n  BrandBorderRadius,\n  BrandBoxShadow,\n  ColorScale,\n  SemanticColors,\n} from './types';\n\nexport {\n  generateBrandCSS,\n  generateTailwindTheme,\n  createBrandPreset,\n} from './types';\n\n// Brand configurations\nexport { bluehiveBrand } from './bluehive';\nexport { ccmeBrand } from './ccme';\nexport { defaultBrand } from './default';\nexport { enterpriseHealthBrand } from './enterprise-health';\nexport { miewebBrand } from './mieweb';\nexport { ozwellBrand } from './ozwell';\nexport { wagglelineBrand } from './waggleline';\nexport { webchartBrand } from './webchart';\n\n// All brands for iteration\nexport const brands = {\n  bluehive: () => import('./bluehive').then((m) => m.bluehiveBrand),\n  ccme: () => import('./ccme').then((m) => m.ccmeBrand),\n  default: () => import('./default').then((m) => m.defaultBrand),\n  'enterprise-health': () =>\n    import('./enterprise-health').then((m) => m.enterpriseHealthBrand),\n  mieweb: () => import('./mieweb').then((m) => m.miewebBrand),\n  ozwell: () => import('./ozwell').then((m) => m.ozwellBrand),\n  waggleline: () => import('./waggleline').then((m) => m.wagglelineBrand),\n  webchart: () => import('./webchart').then((m) => m.webchartBrand),\n} as const;\n"]}
+{"version":3,"sources":["../src/brands/index.ts"],"names":[],"mappings":";;;AAkCO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,MAAM,OAAO,uBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAAA,EAChE,IAAA,EAAM,MAAM,OAAO,mBAAQ,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,SAAS,CAAA;AAAA,EACpD,OAAA,EAAS,MAAM,OAAO,wBAAW,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,YAAY,CAAA;AAAA,EAC7D,mBAAA,EAAqB,MACnB,OAAO,kCAAqB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,qBAAqB,CAAA;AAAA,EACnE,MAAA,EAAQ,MAAM,OAAO,uBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,MAAA,EAAQ,MAAM,OAAO,qBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,UAAA,EAAY,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,eAAe,CAAA;AAAA,EACtE,QAAA,EAAU,MAAM,OAAO,yBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa;AAClE","file":"chunk-Z6NRP4Z5.cjs","sourcesContent":["/**\n * @mieweb/ui Brand System\n *\n * Export all brand-related types, utilities, and configurations.\n */\n\n// Types and utilities\nexport type {\n  BrandConfig,\n  BrandColors,\n  BrandTypography,\n  BrandBorderRadius,\n  BrandBoxShadow,\n  ColorScale,\n  SemanticColors,\n} from './types';\n\nexport {\n  generateBrandCSS,\n  generateTailwindTheme,\n  createBrandPreset,\n} from './types';\n\n// Brand configurations\nexport { bluehiveBrand } from './bluehive';\nexport { ccmeBrand } from './ccme';\nexport { defaultBrand } from './default';\nexport { enterpriseHealthBrand } from './enterprise-health';\nexport { miewebBrand } from './mieweb';\nexport { ozwellBrand } from './ozwell';\nexport { wagglelineBrand } from './waggleline';\nexport { webchartBrand } from './webchart';\n\n// All brands for iteration\nexport const brands = {\n  bluehive: () => import('./bluehive').then((m) => m.bluehiveBrand),\n  ccme: () => import('./ccme').then((m) => m.ccmeBrand),\n  default: () => import('./default').then((m) => m.defaultBrand),\n  'enterprise-health': () =>\n    import('./enterprise-health').then((m) => m.enterpriseHealthBrand),\n  mieweb: () => import('./mieweb').then((m) => m.miewebBrand),\n  ozwell: () => import('./ozwell').then((m) => m.ozwellBrand),\n  waggleline: () => import('./waggleline').then((m) => m.wagglelineBrand),\n  webchart: () => import('./webchart').then((m) => m.webchartBrand),\n} as const;\n"]}

package/dist/components/AlertDialog/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkQKAPKIXI_cjs = require('../../chunk-QKAPKIXI.cjs');
+require('../../chunk-AWUADXYI.cjs');
+require('../../chunk-A2QVQF54.cjs');
+require('../../chunk-NNEFAUHV.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-SCV7C55E.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "AlertDialog", {
+  enumerable: true,
+  get: function () { return chunkQKAPKIXI_cjs.AlertDialog; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/AlertDialog/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/AlertDialog/index.d.cts

@@ -0,0 +1,56 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ModalProps } from '../Modal/index.cjs';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface AlertDialogProps extends Pick<ModalProps, 'open' | 'onOpenChange'> {
+    /** Dialog title */
+    title: React.ReactNode;
+    /** Optional descriptive body text */
+    description?: React.ReactNode;
+    /** Custom body content (rendered below the description) */
+    children?: React.ReactNode;
+    /** Label for the cancel button (default "Cancel") */
+    cancelLabel?: React.ReactNode;
+    /** Label for the confirm/action button (default "Continue") */
+    actionLabel?: React.ReactNode;
+    /** Called when the action button is clicked */
+    onAction?: () => void;
+    /** Called when the cancel button is clicked */
+    onCancel?: () => void;
+    /** Visual emphasis for the action button */
+    variant?: 'default' | 'destructive';
+    /** Disables the action button */
+    actionDisabled?: boolean;
+    /** Hides the cancel button */
+    hideCancel?: boolean;
+    /** Additional class name for the dialog content */
+    className?: string;
+}
+/**
+ * A modal dialog that interrupts the user with important content and expects
+ * a response. Built on top of {@link Modal}.
+ *
+ * Unlike a regular Modal, it does not close on overlay click or Escape by
+ * default — the user must explicitly choose an action.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   title="Delete case?"
+ *   description="This action cannot be undone."
+ *   variant="destructive"
+ *   actionLabel="Delete"
+ *   onAction={handleDelete}
+ * />
+ * ```
+ */
+declare function AlertDialog({ open, onOpenChange, title, description, children, cancelLabel, actionLabel, onAction, onCancel, variant, actionDisabled, hideCancel, className, }: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+
+export { AlertDialog, type AlertDialogProps };

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

@@ -0,0 +1,56 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ModalProps } from '../Modal/index.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface AlertDialogProps extends Pick<ModalProps, 'open' | 'onOpenChange'> {
+    /** Dialog title */
+    title: React.ReactNode;
+    /** Optional descriptive body text */
+    description?: React.ReactNode;
+    /** Custom body content (rendered below the description) */
+    children?: React.ReactNode;
+    /** Label for the cancel button (default "Cancel") */
+    cancelLabel?: React.ReactNode;
+    /** Label for the confirm/action button (default "Continue") */
+    actionLabel?: React.ReactNode;
+    /** Called when the action button is clicked */
+    onAction?: () => void;
+    /** Called when the cancel button is clicked */
+    onCancel?: () => void;
+    /** Visual emphasis for the action button */
+    variant?: 'default' | 'destructive';
+    /** Disables the action button */
+    actionDisabled?: boolean;
+    /** Hides the cancel button */
+    hideCancel?: boolean;
+    /** Additional class name for the dialog content */
+    className?: string;
+}
+/**
+ * A modal dialog that interrupts the user with important content and expects
+ * a response. Built on top of {@link Modal}.
+ *
+ * Unlike a regular Modal, it does not close on overlay click or Escape by
+ * default — the user must explicitly choose an action.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   title="Delete case?"
+ *   description="This action cannot be undone."
+ *   variant="destructive"
+ *   actionLabel="Delete"
+ *   onAction={handleDelete}
+ * />
+ * ```
+ */
+declare function AlertDialog({ open, onOpenChange, title, description, children, cancelLabel, actionLabel, onAction, onCancel, variant, actionDisabled, hideCancel, className, }: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialog {
+    var displayName: string;
+}
+
+export { AlertDialog, type AlertDialogProps };

package/dist/components/AlertDialog/index.js

@@ -0,0 +1,9 @@
+export { AlertDialog } from '../../chunk-EJUPJGKA.js';
+import '../../chunk-WTDCNXZO.js';
+import '../../chunk-ZVSW2KS6.js';
+import '../../chunk-4SMSH4OY.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-VSQF22GL.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/AlertDialog/index.js.map

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

package/dist/components/Autocomplete/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkROXYP3BZ_cjs = require('../../chunk-ROXYP3BZ.cjs');
+require('../../chunk-MSRU3XBH.cjs');
+require('../../chunk-IKMR2ADM.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "Autocomplete", {
+  enumerable: true,
+  get: function () { return chunkROXYP3BZ_cjs.Autocomplete; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/Autocomplete/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/Autocomplete/index.d.cts

@@ -0,0 +1,77 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { inputVariants } from '../Input/index.cjs';
+import 'class-variance-authority/types';
+
+interface AutocompleteProps<T> extends Pick<VariantProps<typeof inputVariants>, 'size'> {
+    /** Candidate items to search through. */
+    items: T[];
+    /** Called when the user picks an item. */
+    onSelect: (item: T) => void;
+    /** Returns a stable key for an item (used for React keys & option ids). */
+    getItemKey: (item: T) => string;
+    /** Renders the visible content of a result row. */
+    renderItem: (item: T) => React.ReactNode;
+    /**
+     * Predicate used to filter `items` by the current query. When omitted, all
+     * `items` are shown as-is (the caller is responsible for filtering).
+     */
+    filter?: (item: T, query: string) => boolean;
+    /** Controlled query value. */
+    value?: string;
+    /** Default query value (uncontrolled). */
+    defaultValue?: string;
+    /** Called whenever the query changes. */
+    onValueChange?: (query: string) => void;
+    /** Placeholder text for the search input. */
+    placeholder?: string;
+    /** Content shown when there are no matching items. */
+    emptyMessage?: React.ReactNode;
+    /**
+     * Renders the label of a "create new" action appended to the results. When
+     * provided together with `onCreate`, the action row is shown.
+     */
+    createLabel?: (query: string) => React.ReactNode;
+    /** Called when the "create new" action is chosen. Receives the query. */
+    onCreate?: (query: string) => void;
+    /** Minimum query length before results open. Defaults to 1. */
+    minQueryLength?: number;
+    /** Clear the query after a selection. Defaults to true. */
+    clearOnSelect?: boolean;
+    /** Disable the input. */
+    disabled?: boolean;
+    /** Accessible label for the combobox input. */
+    'aria-label'?: string;
+    /** Class applied to the outer wrapper. */
+    className?: string;
+    /** Class applied to the input element. */
+    inputClassName?: string;
+    /** Forwarded ref to the underlying input. */
+    inputRef?: React.Ref<HTMLInputElement>;
+    /** Additional props forwarded to the input element. */
+    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'placeholder' | 'disabled' | 'aria-label'>;
+}
+/**
+ * A data-agnostic, presentational combobox. It renders a search input with a
+ * filterable results popover and an optional "create new" action. All data and
+ * side effects are supplied via props/callbacks so it can be wired to any store.
+ *
+ * @example
+ * ```tsx
+ * <Autocomplete
+ *   items={employees}
+ *   getItemKey={(e) => e.id}
+ *   filter={(e, q) => e.name.toLowerCase().includes(q.toLowerCase())}
+ *   renderItem={(e) => <span>{e.name}</span>}
+ *   onSelect={handleSelect}
+ *   placeholder="Search employees…"
+ * />
+ * ```
+ */
+declare function Autocomplete<T>({ items, onSelect, getItemKey, renderItem, filter, value: controlledValue, defaultValue, onValueChange, placeholder, emptyMessage, createLabel, onCreate, minQueryLength, clearOnSelect, disabled, size, className, inputClassName, inputRef, inputProps, 'aria-label': ariaLabel, }: AutocompleteProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace Autocomplete {
+    var displayName: string;
+}
+
+export { Autocomplete, type AutocompleteProps };

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

@@ -0,0 +1,77 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { inputVariants } from '../Input/index.js';
+import 'class-variance-authority/types';
+
+interface AutocompleteProps<T> extends Pick<VariantProps<typeof inputVariants>, 'size'> {
+    /** Candidate items to search through. */
+    items: T[];
+    /** Called when the user picks an item. */
+    onSelect: (item: T) => void;
+    /** Returns a stable key for an item (used for React keys & option ids). */
+    getItemKey: (item: T) => string;
+    /** Renders the visible content of a result row. */
+    renderItem: (item: T) => React.ReactNode;
+    /**
+     * Predicate used to filter `items` by the current query. When omitted, all
+     * `items` are shown as-is (the caller is responsible for filtering).
+     */
+    filter?: (item: T, query: string) => boolean;
+    /** Controlled query value. */
+    value?: string;
+    /** Default query value (uncontrolled). */
+    defaultValue?: string;
+    /** Called whenever the query changes. */
+    onValueChange?: (query: string) => void;
+    /** Placeholder text for the search input. */
+    placeholder?: string;
+    /** Content shown when there are no matching items. */
+    emptyMessage?: React.ReactNode;
+    /**
+     * Renders the label of a "create new" action appended to the results. When
+     * provided together with `onCreate`, the action row is shown.
+     */
+    createLabel?: (query: string) => React.ReactNode;
+    /** Called when the "create new" action is chosen. Receives the query. */
+    onCreate?: (query: string) => void;
+    /** Minimum query length before results open. Defaults to 1. */
+    minQueryLength?: number;
+    /** Clear the query after a selection. Defaults to true. */
+    clearOnSelect?: boolean;
+    /** Disable the input. */
+    disabled?: boolean;
+    /** Accessible label for the combobox input. */
+    'aria-label'?: string;
+    /** Class applied to the outer wrapper. */
+    className?: string;
+    /** Class applied to the input element. */
+    inputClassName?: string;
+    /** Forwarded ref to the underlying input. */
+    inputRef?: React.Ref<HTMLInputElement>;
+    /** Additional props forwarded to the input element. */
+    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'placeholder' | 'disabled' | 'aria-label'>;
+}
+/**
+ * A data-agnostic, presentational combobox. It renders a search input with a
+ * filterable results popover and an optional "create new" action. All data and
+ * side effects are supplied via props/callbacks so it can be wired to any store.
+ *
+ * @example
+ * ```tsx
+ * <Autocomplete
+ *   items={employees}
+ *   getItemKey={(e) => e.id}
+ *   filter={(e, q) => e.name.toLowerCase().includes(q.toLowerCase())}
+ *   renderItem={(e) => <span>{e.name}</span>}
+ *   onSelect={handleSelect}
+ *   placeholder="Search employees…"
+ * />
+ * ```
+ */
+declare function Autocomplete<T>({ items, onSelect, getItemKey, renderItem, filter, value: controlledValue, defaultValue, onValueChange, placeholder, emptyMessage, createLabel, onCreate, minQueryLength, clearOnSelect, disabled, size, className, inputClassName, inputRef, inputProps, 'aria-label': ariaLabel, }: AutocompleteProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace Autocomplete {
+    var displayName: string;
+}
+
+export { Autocomplete, type AutocompleteProps };

package/dist/components/Autocomplete/index.js

@@ -0,0 +1,6 @@
+export { Autocomplete } from '../../chunk-PI3KOYAT.js';
+import '../../chunk-PVUDXJAI.js';
+import '../../chunk-OKBR6PX4.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Autocomplete/index.js.map

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

package/dist/components/Collapsible/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkBT3ZQJGT_cjs = require('../../chunk-BT3ZQJGT.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "Collapsible", {
+  enumerable: true,
+  get: function () { return chunkBT3ZQJGT_cjs.Collapsible; }
+});
+Object.defineProperty(exports, "CollapsibleContent", {
+  enumerable: true,
+  get: function () { return chunkBT3ZQJGT_cjs.CollapsibleContent; }
+});
+Object.defineProperty(exports, "CollapsibleTrigger", {
+  enumerable: true,
+  get: function () { return chunkBT3ZQJGT_cjs.CollapsibleTrigger; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/Collapsible/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/Collapsible/index.d.cts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Controlled open state */
+    open?: boolean;
+    /** Default open state (uncontrolled) */
+    defaultOpen?: boolean;
+    /** Callback fired when the open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Disables toggling */
+    disabled?: boolean;
+}
+/**
+ * An interactive component that expands and collapses its content.
+ *
+ * @example
+ * ```tsx
+ * <Collapsible>
+ *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>
+ *   <CollapsibleContent>Hidden content</CollapsibleContent>
+ * </Collapsible>
+ * ```
+ */
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+type CollapsibleTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Keep content mounted when collapsed (hidden via CSS) */
+    forceMount?: boolean;
+}
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Controlled open state */
+    open?: boolean;
+    /** Default open state (uncontrolled) */
+    defaultOpen?: boolean;
+    /** Callback fired when the open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Disables toggling */
+    disabled?: boolean;
+}
+/**
+ * An interactive component that expands and collapses its content.
+ *
+ * @example
+ * ```tsx
+ * <Collapsible>
+ *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>
+ *   <CollapsibleContent>Hidden content</CollapsibleContent>
+ * </Collapsible>
+ * ```
+ */
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+type CollapsibleTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Keep content mounted when collapsed (hidden via CSS) */
+    forceMount?: boolean;
+}
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };

package/dist/components/Collapsible/index.js

@@ -0,0 +1,4 @@
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../chunk-T3C4RNJ4.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Collapsible/index.js.map

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

package/dist/components/CountryCodeDropdown/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var chunk7BARESXI_cjs = require('../../chunk-7BARESXI.cjs');
-require('../../chunk-IKMR2ADM.cjs');
+var chunkULF4PWHW_cjs = require('../../chunk-ULF4PWHW.cjs');
 require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-IKMR2ADM.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "CountryCodeDropdown", {
   enumerable: true,
-  get: function () { return chunk7BARESXI_cjs.CountryCodeDropdown; }
+  get: function () { return chunkULF4PWHW_cjs.CountryCodeDropdown; }
 });
 Object.defineProperty(exports, "formatE164", {
   enumerable: true,
-  get: function () { return chunk7BARESXI_cjs.formatE164; }
+  get: function () { return chunkULF4PWHW_cjs.formatE164; }
 });
 Object.defineProperty(exports, "validatePhoneNumber", {
   enumerable: true,
-  get: function () { return chunk7BARESXI_cjs.validatePhoneNumber; }
+  get: function () { return chunkULF4PWHW_cjs.validatePhoneNumber; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/CountryCodeDropdown/index.js

@@ -1,6 +1,6 @@
-export { CountryCodeDropdown, formatE164, validatePhoneNumber } from '../../chunk-WFS6R2F5.js';
-import '../../chunk-OKBR6PX4.js';
+export { CountryCodeDropdown, formatE164, validatePhoneNumber } from '../../chunk-OVQKCUTZ.js';
 import '../../chunk-T4ME7QCT.js';
+import '../../chunk-OKBR6PX4.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Dropdown/index.cjs

@@ -1,36 +1,36 @@
 'use strict';
 
-var chunkCV4CVGLO_cjs = require('../../chunk-CV4CVGLO.cjs');
+var chunkDFT7TYKL_cjs = require('../../chunk-DFT7TYKL.cjs');
 require('../../chunk-MSRU3XBH.cjs');
-require('../../chunk-IKMR2ADM.cjs');
 require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-IKMR2ADM.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Dropdown", {
   enumerable: true,
-  get: function () { return chunkCV4CVGLO_cjs.Dropdown; }
+  get: function () { return chunkDFT7TYKL_cjs.Dropdown; }
 });
 Object.defineProperty(exports, "DropdownContent", {
   enumerable: true,
-  get: function () { return chunkCV4CVGLO_cjs.DropdownContent; }
+  get: function () { return chunkDFT7TYKL_cjs.DropdownContent; }
 });
 Object.defineProperty(exports, "DropdownHeader", {
   enumerable: true,
-  get: function () { return chunkCV4CVGLO_cjs.DropdownHeader; }
+  get: function () { return chunkDFT7TYKL_cjs.DropdownHeader; }
 });
 Object.defineProperty(exports, "DropdownItem", {
   enumerable: true,
-  get: function () { return chunkCV4CVGLO_cjs.DropdownItem; }
+  get: function () { return chunkDFT7TYKL_cjs.DropdownItem; }
 });
 Object.defineProperty(exports, "DropdownLabel", {
   enumerable: true,
-  get: function () { return chunkCV4CVGLO_cjs.DropdownLabel; }
+  get: function () { return chunkDFT7TYKL_cjs.DropdownLabel; }
 });
 Object.defineProperty(exports, "DropdownSeparator", {
   enumerable: true,
-  get: function () { return chunkCV4CVGLO_cjs.DropdownSeparator; }
+  get: function () { return chunkDFT7TYKL_cjs.DropdownSeparator; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Dropdown/index.js

@@ -1,7 +1,7 @@
-export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from '../../chunk-MPOWJVV4.js';
+export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from '../../chunk-3OHVUXDG.js';
 import '../../chunk-PVUDXJAI.js';
-import '../../chunk-OKBR6PX4.js';
 import '../../chunk-T4ME7QCT.js';
+import '../../chunk-OKBR6PX4.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map