@bigbinary/neeto-atoms 1.0.7 → 1.0.9

package/dist/components/Callout.js

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Alert, AlertTitle, AlertDescription } from '../primitives/Alert.js';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { r as renderIcon } from '../renderIcon-tlvMyboj.js';
+import { c as createLucideIcon } from '../createLucideIcon-C8ycilSN.js';
+import { T as TriangleAlert, I as Info } from '../triangle-alert-PXnNWQy_.js';
+import '../index-D7Zy7P05.js';
+
+/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$1 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+];
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$1);
+
+/**
+ * @license lucide-react v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+];
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode);
+
+// ---------------------------------------------------------------------------
+// Variant config
+// ---------------------------------------------------------------------------
+const VARIANT_CONFIG = {
+    info: {
+        container: "border-0 bg-info text-info-foreground",
+        icon: Info,
+    },
+    warning: {
+        container: "border-0 bg-warning text-warning-foreground",
+        icon: TriangleAlert,
+    },
+    danger: {
+        container: "border-0 bg-error text-error-foreground",
+        icon: CircleAlert,
+    },
+    success: {
+        container: "border-0 bg-success text-success-foreground",
+        icon: CircleCheckBig,
+    },
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Callout = forwardRef(({ variant = "info", icon, title, children, className, ...otherProps }, ref) => {
+    const config = VARIANT_CONFIG[variant];
+    const resolvedIcon = icon ?? config.icon;
+    return (jsxs(Alert, { ref: ref, className: cn(config.container, className), ...otherProps, children: [renderIcon(resolvedIcon, "size-4 shrink-0"), title && jsx(AlertTitle, { children: title }), children && (jsx(AlertDescription, { className: "text-current/80", children: children }))] }));
+});
+Callout.displayName = "Callout";
+
+export { Callout };
+//# sourceMappingURL=Callout.js.map

package/dist/components/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-alert.js","../../node_modules/lucide-react/dist/esm/icons/circle-check-big.js","../../src/components/Callout.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n  [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n];\nconst CircleAlert = createLucideIcon(\"circle-alert\", __iconNode);\n\nexport { __iconNode, CircleAlert as default };\n//# sourceMappingURL=circle-alert.js.map\n","/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M21.801 10A10 10 0 1 1 17 3.335\", key: \"yps3ct\" }],\n  [\"path\", { d: \"m9 11 3 3L22 4\", key: \"1pflzl\" }]\n];\nconst CircleCheckBig = createLucideIcon(\"circle-check-big\", __iconNode);\n\nexport { __iconNode, CircleCheckBig as default };\n//# sourceMappingURL=circle-check-big.js.map\n","import React, { forwardRef } from \"react\";\n\nimport {\n  Alert as PrimitiveAlert,\n  AlertTitle,\n  AlertDescription,\n} from \"src/primitives/Alert\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\nimport {\n  InfoIcon,\n  AlertTriangleIcon,\n  AlertCircleIcon,\n  CheckCircleIcon,\n} from \"lucide-react\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype CalloutVariant = \"info\" | \"warning\" | \"danger\" | \"success\";\n\ntype PrimitiveAlertProps = React.ComponentProps<typeof PrimitiveAlert>;\n\nexport interface CalloutProps extends Omit<PrimitiveAlertProps, \"variant\"> {\n  /** Visual style of the callout. */\n  variant?: CalloutVariant;\n  /** Custom icon. Defaults to a variant-specific icon. */\n  icon?: IconProp;\n  /** Optional title rendered as AlertTitle. */\n  title?: string;\n  /** Content rendered as AlertDescription. */\n  children?: React.ReactNode;\n}\n\n// ---------------------------------------------------------------------------\n// Variant config\n// ---------------------------------------------------------------------------\n\nconst VARIANT_CONFIG: Record<\n  CalloutVariant,\n  {\n    container: string;\n    icon: React.ComponentType<{ className?: string }>;\n  }\n> = {\n  info: {\n    container: \"border-0 bg-info text-info-foreground\",\n    icon: InfoIcon,\n  },\n  warning: {\n    container: \"border-0 bg-warning text-warning-foreground\",\n    icon: AlertTriangleIcon,\n  },\n  danger: {\n    container: \"border-0 bg-error text-error-foreground\",\n    icon: AlertCircleIcon,\n  },\n  success: {\n    container: \"border-0 bg-success text-success-foreground\",\n    icon: CheckCircleIcon,\n  },\n};\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Callout = forwardRef<HTMLDivElement, CalloutProps>(\n  (\n    { variant = \"info\", icon, title, children, className, ...otherProps },\n    ref\n  ) => {\n    const config = VARIANT_CONFIG[variant];\n    const resolvedIcon = icon ?? config.icon;\n\n    return (\n      <PrimitiveAlert\n        ref={ref}\n        className={cn(config.container, className)}\n        {...otherProps}\n      >\n        {renderIcon(resolvedIcon, \"size-4 shrink-0\")}\n        {title && <AlertTitle>{title}</AlertTitle>}\n        {children && (\n          <AlertDescription className=\"text-current/80\">\n            {children}\n          </AlertDescription>\n        )}\n      </PrimitiveAlert>\n    );\n  }\n);\n\nCallout.displayName = \"Callout\";\n\nexport { Callout };\n"],"names":["__iconNode","InfoIcon","AlertTriangleIcon","AlertCircleIcon","CheckCircleIcon","_jsxs","PrimitiveAlert","_jsx"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAMA,YAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACpE,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE;AACvE,CAAC;AACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,cAAc,EAAEA,YAAU,CAAC;;ACdhE;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,iCAAiC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACnE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,gBAAgB,EAAE,GAAG,EAAE,QAAQ,EAAE;AACjD,CAAC;AACD,MAAM,cAAc,GAAG,gBAAgB,CAAC,kBAAkB,EAAE,UAAU,CAAC;;ACsBvE;AACA;AACA;AAEA,MAAM,cAAc,GAMhB;AACF,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,uCAAuC;AAClD,QAAA,IAAI,EAAEC,IAAQ;AACf,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,SAAS,EAAE,6CAA6C;AACxD,QAAA,IAAI,EAAEC,aAAiB;AACxB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,yCAAyC;AACpD,QAAA,IAAI,EAAEC,WAAe;AACtB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,SAAS,EAAE,6CAA6C;AACxD,QAAA,IAAI,EAAEC,cAAe;AACtB,KAAA;CACF;AAED;AACA;AACA;AAEA,MAAM,OAAO,GAAG,UAAU,CACxB,CACE,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,EACrE,GAAG,KACD;AACF,IAAA,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC;AACtC,IAAA,MAAM,YAAY,GAAG,IAAI,IAAI,MAAM,CAAC,IAAI;IAExC,QACEC,KAACC,KAAc,EAAA,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,KACtC,UAAU,EAAA,QAAA,EAAA,CAEb,UAAU,CAAC,YAAY,EAAE,iBAAiB,CAAC,EAC3C,KAAK,IAAIC,GAAA,CAAC,UAAU,cAAE,KAAK,EAAA,CAAc,EACzC,QAAQ,KACPA,IAAC,gBAAgB,EAAA,EAAC,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAC1C,QAAQ,EAAA,CACQ,CACpB,CAAA,EAAA,CACc;AAErB,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;","x_google_ignoreList":[0,1]}

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { Checkbox as PrimitiveCheckbox } from "src/primitives/Checkbox";
+export interface CheckboxProps extends React.ComponentProps<typeof PrimitiveCheckbox> {
+    /** Text displayed next to the checkbox. */
+    label?: string;
+    /** Error message displayed below the checkbox. */
+    error?: string;
+    /** Helper text displayed below the label. Accepts string or ReactNode. */
+    helpText?: React.ReactNode;
+    /** Shows a required indicator next to the label. */
+    required?: boolean;
+    /** Additional class name for the outermost wrapper. */
+    className?: string;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/components/Checkbox.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useId } from 'react';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { Checkbox as Checkbox$1 } from '../primitives/Checkbox.js';
+import { Field, FieldContent, FieldLabel, FieldDescription, FieldError } from '../primitives/Field.js';
+import '../check-Cpkv29p1.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../index-BtkPdosV.js';
+import '../index-CiyxEyB0.js';
+import '../index-DNzunGHb.js';
+import '../index-Cor698lu.js';
+import '../index-DOzu5J1s.js';
+import '../index-30QpKM0j.js';
+import '../index-BYZaLNq1.js';
+import '../index-yFgkK_AM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-D7Zy7P05.js';
+import '../label-B4qDF3W1.js';
+import '../separator-BbhgePmX.js';
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Checkbox = forwardRef(({ label, error, helpText, required = false, disabled = false, className, ...otherProps }, ref) => {
+    const generatedId = useId();
+    const id = otherProps.id ?? generatedId;
+    const errorId = `error_${id}`;
+    const helpTextId = `helpText_${id}`;
+    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null]
+        .filter(Boolean)
+        .join(" ") || undefined;
+    const hasField = !!(label || error || helpText);
+    if (!hasField) {
+        return (jsx(Checkbox$1, { ref: ref, id: id, disabled: disabled, "aria-invalid": !!error || undefined, "aria-required": required || undefined, "aria-describedby": ariaDescribedBy, className: className, ...otherProps }));
+    }
+    return (jsxs("div", { className: cn("flex flex-col gap-1", className), "data-disabled": disabled || undefined, "data-invalid": !!error || undefined, children: [jsxs(Field, { orientation: "horizontal", children: [jsx(Checkbox$1, { ref: ref, id: id, disabled: disabled, "aria-invalid": !!error || undefined, "aria-required": required || undefined, "aria-describedby": ariaDescribedBy, ...otherProps }), jsxs(FieldContent, { children: [label && (jsxs(FieldLabel, { htmlFor: id, children: [label, required && (jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }))] })), helpText && (jsx(FieldDescription, { id: helpTextId, children: helpText }))] })] }), error && jsx(FieldError, { id: errorId, children: error })] }));
+});
+Checkbox.displayName = "Checkbox";
+
+export { Checkbox };
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Checkbox as PrimitiveCheckbox } from \"src/primitives/Checkbox\";\nimport {\n  Field,\n  FieldContent,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface CheckboxProps extends React.ComponentProps<\n  typeof PrimitiveCheckbox\n> {\n  /** Text displayed next to the checkbox. */\n  label?: string;\n  /** Error message displayed below the checkbox. */\n  error?: string;\n  /** Helper text displayed below the label. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Shows a required indicator next to the label. */\n  required?: boolean;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Checkbox = forwardRef<\n  React.ComponentRef<typeof PrimitiveCheckbox>,\n  CheckboxProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      required = false,\n      disabled = false,\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = otherProps.id ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const hasField = !!(label || error || helpText);\n\n    if (!hasField) {\n      return (\n        <PrimitiveCheckbox\n          ref={ref}\n          id={id}\n          disabled={disabled}\n          aria-invalid={!!error || undefined}\n          aria-required={required || undefined}\n          aria-describedby={ariaDescribedBy}\n          className={className}\n          {...otherProps}\n        />\n      );\n    }\n\n    return (\n      <div\n        className={cn(\"flex flex-col gap-1\", className)}\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n      >\n        <Field orientation=\"horizontal\">\n          <PrimitiveCheckbox\n            ref={ref}\n            id={id}\n            disabled={disabled}\n            aria-invalid={!!error || undefined}\n            aria-required={required || undefined}\n            aria-describedby={ariaDescribedBy}\n            {...otherProps}\n          />\n          <FieldContent>\n            {label && (\n              <FieldLabel htmlFor={id}>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {helpText && (\n              <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n            )}\n          </FieldContent>\n        </Field>\n        {error && <FieldError id={errorId}>{error}</FieldError>}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"names":["_jsx","PrimitiveCheckbox","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA;AACA;AACA;AAEA,MAAM,QAAQ,GAAG,UAAU,CAIzB,CACE,EACE,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,UAAU,EACd,EACD,GAAG,KACD;AACF,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE;AAC3B,IAAA,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,IAAI,WAAW;AACvC,IAAA,MAAM,OAAO,GAAG,CAAA,MAAA,EAAS,EAAE,EAAE;AAC7B,IAAA,MAAM,UAAU,GAAG,CAAA,SAAA,EAAY,EAAE,EAAE;IAEnC,MAAM,eAAe,GACnB,CAAC,KAAK,GAAG,OAAO,GAAG,IAAI,EAAE,QAAQ,GAAG,UAAU,GAAG,IAAI;SAClD,MAAM,CAAC,OAAO;AACd,SAAA,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS;IAE3B,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,IAAI,KAAK,IAAI,QAAQ,CAAC;IAE/C,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,QACEA,GAAA,CAACC,UAAiB,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,eAAA,EACnB,QAAQ,IAAI,SAAS,EAAA,kBAAA,EAClB,eAAe,EACjC,SAAS,EAAE,SAAS,EAAA,GAChB,UAAU,EAAA,CACd;IAEN;IAEA,QACEC,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAA,eAAA,EAChC,QAAQ,IAAI,SAAS,EAAA,cAAA,EACtB,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,QAAA,EAAA,CAElCA,IAAA,CAAC,KAAK,EAAA,EAAC,WAAW,EAAC,YAAY,EAAA,QAAA,EAAA,CAC7BF,IAACC,UAAiB,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAAA,cAAA,EACJ,CAAC,CAAC,KAAK,IAAI,SAAS,EAAA,eAAA,EACnB,QAAQ,IAAI,SAAS,EAAA,kBAAA,EAClB,eAAe,EAAA,GAC7B,UAAU,EAAA,CACd,EACFC,KAAC,YAAY,EAAA,EAAA,QAAA,EAAA,CACV,KAAK,KACJA,IAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,EAAE,EAAA,QAAA,EAAA,CACpB,KAAK,EACL,QAAQ,KACPF,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,MAAM,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,GAAA,EAAA,CAE9C,CACR,CAAA,EAAA,CACU,CACd,EACA,QAAQ,KACPA,GAAA,CAAC,gBAAgB,EAAA,EAAC,EAAE,EAAE,UAAU,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAoB,CAChE,CAAA,EAAA,CACY,CAAA,EAAA,CACT,EACP,KAAK,IAAIA,GAAA,CAAC,UAAU,EAAA,EAAC,EAAE,EAAE,OAAO,EAAA,QAAA,EAAG,KAAK,EAAA,CAAc,CAAA,EAAA,CACnD;AAEV,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ColorPickerProps } from "./types";
+declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLDivElement>>;
+export { ColorPicker };

package/dist/components/ColorPicker/Palette.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { PaletteColor } from "./types";
+export interface PaletteProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Currently selected color. */
+    color?: string;
+    /** List of colors to render. */
+    colorList?: PaletteColor[];
+    /** Callback when a color swatch is clicked. */
+    onChange?: (color: string) => void;
+}
+declare const Palette: React.ForwardRefExoticComponent<PaletteProps & React.RefAttributes<HTMLDivElement>>;
+export { Palette };

package/dist/components/ColorPicker/Target.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const targetVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TargetProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size">, VariantProps<typeof targetVariants> {
+    /** Show hex code text beside the color swatch. */
+    showHexValue?: boolean;
+    /** The original color prop value. */
+    color?: string;
+    /** The resolved color value to display. */
+    colorValue?: string;
+}
+declare const Target: React.ForwardRefExoticComponent<TargetProps & React.RefAttributes<HTMLButtonElement>>;
+export { Target };

package/dist/components/ColorPicker/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const DEFAULT_PALETTE_COLORS: {
+    hex: string;
+}[];
+export declare const RECENTLY_USED_STORAGE_KEY = "recently-used-colors";
+export declare const TARGET_SIZES: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+export declare const PICKER_HEIGHT: Record<string, string>;

package/dist/components/ColorPicker/hooks/useEyeDropper.d.ts

@@ -0,0 +1,15 @@
+interface EyeDropperResult {
+    sRGBHex: string;
+}
+declare global {
+    interface Window {
+        EyeDropper?: new () => {
+            open: () => Promise<EyeDropperResult>;
+        };
+    }
+}
+export declare const useEyeDropper: () => {
+    isSupported: boolean;
+    open: () => Promise<string>;
+};
+export {};

package/dist/components/ColorPicker/hooks/useRecentlyUsedColors.d.ts

@@ -0,0 +1,11 @@
+interface ColorValue {
+    hex: string;
+    rgb: string | {
+        r: number;
+        g: number;
+        b: number;
+        a?: number;
+    };
+}
+export declare const useRecentlyUsedColors: () => [ColorValue[], (value: ColorValue[]) => void];
+export {};

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

@@ -0,0 +1,2 @@
+export { ColorPicker } from "./ColorPicker";
+export type { ColorPickerProps, ColorPickerSize, ColorValue, PaletteColor, } from "./types";

package/dist/components/ColorPicker/types.d.ts

@@ -0,0 +1,42 @@
+import type React from "react";
+import type { PopoverContent } from "src/primitives/Popover";
+export type ColorPickerSize = "small" | "medium" | "large";
+export interface ColorValue {
+    hex: string;
+    rgb: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+}
+export interface PaletteColor {
+    hex?: string;
+    rgb?: string;
+}
+export interface ColorPickerProps {
+    /** Current color value (hex string). */
+    color?: string;
+    /** Size of the trigger target. */
+    size?: ColorPickerSize;
+    /** Callback when color changes. */
+    onChange?: (value: ColorValue) => void;
+    /** Custom palette colors. */
+    colorPalette?: PaletteColor[];
+    /** Show eye dropper button. */
+    showEyeDropper?: boolean;
+    /** Show hex value text in the trigger. */
+    showHexValue?: boolean;
+    /** Enable alpha/transparency control. */
+    showTransparencyControl?: boolean;
+    /** Show the color picker (gradient area + input). */
+    showPicker?: boolean;
+    /** Show the hex gradient picker area. */
+    showHexPicker?: boolean;
+    /** Show recently used colors section. */
+    showRecentlyUsedColors?: boolean;
+    /** Props forwarded to the Popover content. */
+    dropdownProps?: Omit<React.ComponentProps<typeof PopoverContent>, "children">;
+    /** Additional CSS class names. */
+    className?: string;
+}

package/dist/components/ColorPicker/utils.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Validates a hex color string (3, 4, 6, or 8 digits with optional #).
+ */
+export declare const isValidHex: (hex: string) => boolean;
+/**
+ * Parses a hex color string into RGBA components.
+ * Returns { r: 0, g: 0, b: 0, a: 1 } for invalid inputs.
+ */
+export declare const hexToRgb: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+/**
+ * Converts a hex color to an 8-digit hex string (#RRGGBBAA).
+ */
+export declare const hexToHex8: (hex: string) => string;
+/**
+ * Converts a color value to a normalized { hex, rgb } object.
+ * Handles transparency and validity checks.
+ */
+export declare const getColor: (colorValue: string, showTransparencyControl: boolean) => {
+    hex: string;
+    rgb: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+};

package/dist/components/ColorPicker.js

@@ -0,0 +1,30 @@
+export { C as ColorPicker } from '../ColorPicker-D-7QGnf9.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'react-i18next';
+import 'react-colorful';
+import '../primitives/Button.js';
+import '../button-COIbN8dg.js';
+import '../index-D7Zy7P05.js';
+import '../utils-DdHUxIdC.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../primitives/Popover.js';
+import '../index-DNzunGHb.js';
+import '../index-CiyxEyB0.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-CSUSJzOJ.js';
+import '../index-B4_fVWDx.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-ByEpUy7w.js';
+import '../floating-ui.react-dom-CcGbtPEK.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-yFgkK_AM.js';
+import '../index-Cor698lu.js';
+import '../chevron-down-BNi0ntys.js';
+import '../createLucideIcon-C8ycilSN.js';
+//# sourceMappingURL=ColorPicker.js.map

package/dist/components/ColorPicker.js.map

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

package/dist/components/DataTable/components/EmptyState.d.ts

@@ -3,5 +3,5 @@ interface EmptyStateProps {
     colSpan: number;
     message?: string | React.ReactNode;
 }
-export declare const EmptyState: ({ colSpan, message, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyState: ({ colSpan, message }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DataTable.js

@@ -1,8 +1,9 @@
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-Y4POx0WN.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-DWR9gX9d.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Table.js';
 import '../utils-DdHUxIdC.js';
+import 'react-i18next';
 import '../primitives/Checkbox.js';
 import '../check-Cpkv29p1.js';
 import '../createLucideIcon-C8ycilSN.js';
@@ -27,7 +28,7 @@ import '../ellipsis-lb8Ws6br.js';
 import '../chevron-right-DQnrO-ek.js';
 import '../chevron-left-BDoT8E2-.js';
 import '../primitives/DropdownMenu.js';
-import '../index-BwxI_qgh.js';
+import '../index-KzJfsx-e.js';
 import '../index-Dd1i1d2M.js';
 import '../index-BA158WEj.js';
 import '../index-BNPynZWM.js';

package/dist/components/DataTable.js.map

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

package/dist/components/Dialog.d.ts

@@ -0,0 +1,56 @@
+import React, { type ReactNode, type RefObject } from "react";
+import { DialogContent as PrimitiveDialogContent } from "src/primitives/Dialog";
+type DialogSize = "small" | "medium" | "large" | "fullScreen";
+/** Radix Dialog.Content props we forward via ...otherProps. */
+type DialogContentProps = React.ComponentProps<typeof PrimitiveDialogContent>;
+export interface DialogProps extends Omit<DialogContentProps, "children" | "className" | "showCloseButton" | "onEscapeKeyDown" | "onInteractOutside"> {
+    /** Size of the dialog. */
+    size?: DialogSize;
+    /** Whether the dialog is open. */
+    isOpen?: boolean;
+    /** Callback invoked when the dialog is closed. */
+    onClose?: () => void;
+    /** Content rendered inside the dialog. */
+    children?: ReactNode;
+    /** Additional CSS class names applied to the dialog content. */
+    className?: string;
+    /** Close on pressing the Esc key. */
+    closeOnEsc?: boolean;
+    /** Show the close button. */
+    closeButton?: boolean;
+    /** Additional CSS class names applied to the backdrop/overlay. */
+    backdropClassName?: string;
+    /** Close on clicking outside the dialog. */
+    closeOnOutsideClick?: boolean;
+    /** Ref of the element to receive focus when the dialog opens. */
+    initialFocusRef?: RefObject<HTMLElement | null>;
+    /** Ref of the element to receive focus when the dialog closes. */
+    finalFocusRef?: RefObject<HTMLElement | null>;
+    /** Whether to block body scroll when the dialog is mounted. Maps to Radix `modal` prop. */
+    blockScrollOnMount?: boolean;
+    /** Force children to re-render even when the dialog is closed. */
+    forceRender?: boolean;
+    /** Radix Dialog `modal` prop — takes precedence over blockScrollOnMount. */
+    modal?: boolean;
+    /** Radix Dialog `defaultOpen` prop. */
+    defaultOpen?: boolean;
+}
+interface DialogSubcomponentProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+    /** Custom data-testid attribute. */
+    dataTestid?: string;
+}
+declare const DialogHeader: React.ForwardRefExoticComponent<Omit<DialogSubcomponentProps & {
+    description?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogBody: React.ForwardRefExoticComponent<Omit<DialogSubcomponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogFooter: React.ForwardRefExoticComponent<Omit<DialogSubcomponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: typeof DialogHeader;
+    Body: typeof DialogBody;
+    Footer: typeof DialogFooter;
+    Title: typeof DialogTitle;
+};
+export { Dialog };

package/dist/components/Dialog.js

@@ -0,0 +1,87 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cn } from '../utils-DdHUxIdC.js';
+import { DialogHeader as DialogHeader$1, DialogDescription, DialogFooter as DialogFooter$1, DialogTitle as DialogTitle$1, Dialog as Dialog$1, DialogContent } from '../primitives/Dialog.js';
+import '../button-COIbN8dg.js';
+import '../index-D7Zy7P05.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../dialog-CrB6N_2a.js';
+import 'react-i18next';
+import '../x-_o2T3n6D.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../index-9HvIbmnI.js';
+import '../index-DNzunGHb.js';
+import '../index-CiyxEyB0.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-Cor698lu.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-CSUSJzOJ.js';
+import '../index-B4_fVWDx.js';
+import '../index-fV_U4ZJM.js';
+import '../index-yFgkK_AM.js';
+
+// ---------------------------------------------------------------------------
+// Size mapping
+// ---------------------------------------------------------------------------
+const SIZE_CLASS_MAP = {
+    small: "sm:max-w-sm",
+    medium: "sm:max-w-md",
+    large: "sm:max-w-lg",
+    fullScreen: "h-screen w-screen max-w-none rounded-none sm:max-w-none",
+};
+const DialogHeader = forwardRef(({ children, className, description, dataTestid, ...otherProps }, ref) => (jsxs(DialogHeader$1, { ref: ref, className: cn(className), "data-testid": dataTestid ?? "dialog-header", ...otherProps, children: [children, description && jsx(DialogDescription, { children: description })] })));
+DialogHeader.displayName = "Dialog.Header";
+const DialogBody = forwardRef(({ children, className, dataTestid, ...otherProps }, ref) => (jsx("div", { ref: ref, "data-slot": "dialog-body", "data-testid": dataTestid ?? "dialog-body", className: cn("text-sm text-foreground", className), ...otherProps, children: children })));
+DialogBody.displayName = "Dialog.Body";
+const DialogFooter = forwardRef(({ children, className, dataTestid, ...otherProps }, ref) => (jsx(DialogFooter$1, { ref: ref, className: cn(className), "data-testid": dataTestid ?? "dialog-footer", ...otherProps, children: children })));
+DialogFooter.displayName = "Dialog.Footer";
+const DialogTitle = forwardRef(({ children, className, ...otherProps }, ref) => (jsx(DialogTitle$1, { ref: ref, className: cn("text-2xl font-semibold", className), ...otherProps, children: children })));
+DialogTitle.displayName = "Dialog.Title";
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+const Dialog = forwardRef(({ size = "medium", isOpen = false, onClose = () => { }, children, className, closeOnEsc = true, closeButton = true, backdropClassName, closeOnOutsideClick = true, initialFocusRef, finalFocusRef, blockScrollOnMount = true, forceRender = false, modal: modalProp, defaultOpen, 
+// Radix content handlers — intercept and merge
+onOpenAutoFocus: onOpenAutoFocusProp, onCloseAutoFocus: onCloseAutoFocusProp, ...otherContentProps }, ref) => {
+    const handleOpenChange = (open) => {
+        if (!open)
+            onClose();
+    };
+    const handleInteractOutside = (e) => {
+        if (!closeOnOutsideClick)
+            e.preventDefault();
+    };
+    const handleEscapeKeyDown = (e) => {
+        if (!closeOnEsc)
+            e.preventDefault();
+    };
+    const handleOpenAutoFocus = (e) => {
+        if (initialFocusRef?.current) {
+            e.preventDefault();
+            initialFocusRef.current.focus();
+        }
+        onOpenAutoFocusProp?.(e);
+    };
+    const handleCloseAutoFocus = (e) => {
+        if (finalFocusRef?.current) {
+            e.preventDefault();
+            finalFocusRef.current.focus();
+        }
+        onCloseAutoFocusProp?.(e);
+    };
+    // `modal` prop takes precedence; fall back to blockScrollOnMount
+    const resolvedModal = modalProp ?? blockScrollOnMount;
+    return (jsx(Dialog$1, { open: isOpen, onOpenChange: handleOpenChange, modal: resolvedModal, defaultOpen: defaultOpen, children: jsx(DialogContent, { ref: ref, "aria-modal": true, showCloseButton: closeButton, forceMount: forceRender || undefined, overlayClassName: backdropClassName, onInteractOutside: handleInteractOutside, onEscapeKeyDown: handleEscapeKeyDown, onOpenAutoFocus: handleOpenAutoFocus, onCloseAutoFocus: handleCloseAutoFocus, className: cn(SIZE_CLASS_MAP[size], className), "data-testid": "dialog-wrapper", ...otherContentProps, children: children }) }));
+});
+Dialog.displayName = "Dialog";
+Dialog.Header = DialogHeader;
+Dialog.Body = DialogBody;
+Dialog.Footer = DialogFooter;
+Dialog.Title = DialogTitle;
+
+export { Dialog };
+//# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../src/components/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, type RefObject } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Dialog as PrimitiveDialog,\n  DialogContent as PrimitiveDialogContent,\n  DialogDescription,\n  DialogFooter as PrimitiveDialogFooter,\n  DialogHeader as PrimitiveDialogHeader,\n  DialogTitle as PrimitiveDialogTitle,\n} from \"src/primitives/Dialog\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype DialogSize = \"small\" | \"medium\" | \"large\" | \"fullScreen\";\n\n/** Radix Dialog.Content props we forward via ...otherProps. */\ntype DialogContentProps = React.ComponentProps<typeof PrimitiveDialogContent>;\n\nexport interface DialogProps extends Omit<\n  DialogContentProps,\n  | \"children\"\n  | \"className\"\n  | \"showCloseButton\"\n  | \"onEscapeKeyDown\"\n  | \"onInteractOutside\"\n> {\n  /** Size of the dialog. */\n  size?: DialogSize;\n  /** Whether the dialog is open. */\n  isOpen?: boolean;\n  /** Callback invoked when the dialog is closed. */\n  onClose?: () => void;\n  /** Content rendered inside the dialog. */\n  children?: ReactNode;\n  /** Additional CSS class names applied to the dialog content. */\n  className?: string;\n  /** Close on pressing the Esc key. */\n  closeOnEsc?: boolean;\n  /** Show the close button. */\n  closeButton?: boolean;\n  /** Additional CSS class names applied to the backdrop/overlay. */\n  backdropClassName?: string;\n  /** Close on clicking outside the dialog. */\n  closeOnOutsideClick?: boolean;\n  /** Ref of the element to receive focus when the dialog opens. */\n  initialFocusRef?: RefObject<HTMLElement | null>;\n  /** Ref of the element to receive focus when the dialog closes. */\n  finalFocusRef?: RefObject<HTMLElement | null>;\n  /** Whether to block body scroll when the dialog is mounted. Maps to Radix `modal` prop. */\n  blockScrollOnMount?: boolean;\n  /** Force children to re-render even when the dialog is closed. */\n  forceRender?: boolean;\n  /** Radix Dialog `modal` prop — takes precedence over blockScrollOnMount. */\n  modal?: boolean;\n  /** Radix Dialog `defaultOpen` prop. */\n  defaultOpen?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Size mapping\n// ---------------------------------------------------------------------------\n\nconst SIZE_CLASS_MAP: Record<DialogSize, string> = {\n  small: \"sm:max-w-sm\",\n  medium: \"sm:max-w-md\",\n  large: \"sm:max-w-lg\",\n  fullScreen: \"h-screen w-screen max-w-none rounded-none sm:max-w-none\",\n};\n\n// ---------------------------------------------------------------------------\n// Subcomponents\n// ---------------------------------------------------------------------------\n\ninterface DialogSubcomponentProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n  /** Custom data-testid attribute. */\n  dataTestid?: string;\n}\n\nconst DialogHeader = forwardRef<\n  HTMLDivElement,\n  DialogSubcomponentProps & { description?: string }\n>(({ children, className, description, dataTestid, ...otherProps }, ref) => (\n  <PrimitiveDialogHeader\n    ref={ref}\n    className={cn(className)}\n    data-testid={dataTestid ?? \"dialog-header\"}\n    {...otherProps}\n  >\n    {children}\n    {description && <DialogDescription>{description}</DialogDescription>}\n  </PrimitiveDialogHeader>\n));\nDialogHeader.displayName = \"Dialog.Header\";\n\nconst DialogBody = forwardRef<HTMLDivElement, DialogSubcomponentProps>(\n  ({ children, className, dataTestid, ...otherProps }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"dialog-body\"\n      data-testid={dataTestid ?? \"dialog-body\"}\n      className={cn(\"text-sm text-foreground\", className)}\n      {...otherProps}\n    >\n      {children}\n    </div>\n  )\n);\nDialogBody.displayName = \"Dialog.Body\";\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogSubcomponentProps>(\n  ({ children, className, dataTestid, ...otherProps }, ref) => (\n    <PrimitiveDialogFooter\n      ref={ref}\n      className={cn(className)}\n      data-testid={dataTestid ?? \"dialog-footer\"}\n      {...otherProps}\n    >\n      {children}\n    </PrimitiveDialogFooter>\n  )\n);\nDialogFooter.displayName = \"Dialog.Footer\";\n\nconst DialogTitle = forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<typeof PrimitiveDialogTitle>\n>(({ children, className, ...otherProps }, ref) => (\n  <PrimitiveDialogTitle\n    ref={ref}\n    className={cn(\"text-2xl font-semibold\", className)}\n    {...otherProps}\n  >\n    {children}\n  </PrimitiveDialogTitle>\n));\nDialogTitle.displayName = \"Dialog.Title\";\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nconst Dialog = forwardRef<HTMLDivElement, DialogProps>(\n  (\n    {\n      size = \"medium\",\n      isOpen = false,\n      onClose = () => {},\n      children,\n      className,\n      closeOnEsc = true,\n      closeButton = true,\n      backdropClassName,\n      closeOnOutsideClick = true,\n      initialFocusRef,\n      finalFocusRef,\n      blockScrollOnMount = true,\n      forceRender = false,\n      modal: modalProp,\n      defaultOpen,\n      // Radix content handlers — intercept and merge\n      onOpenAutoFocus: onOpenAutoFocusProp,\n      onCloseAutoFocus: onCloseAutoFocusProp,\n      ...otherContentProps\n    },\n    ref\n  ) => {\n    const handleOpenChange = (open: boolean) => {\n      if (!open) onClose();\n    };\n\n    const handleInteractOutside = (e: Event) => {\n      if (!closeOnOutsideClick) e.preventDefault();\n    };\n\n    const handleEscapeKeyDown = (e: KeyboardEvent) => {\n      if (!closeOnEsc) e.preventDefault();\n    };\n\n    const handleOpenAutoFocus = (e: Event) => {\n      if (initialFocusRef?.current) {\n        e.preventDefault();\n        initialFocusRef.current.focus();\n      }\n      onOpenAutoFocusProp?.(e);\n    };\n\n    const handleCloseAutoFocus = (e: Event) => {\n      if (finalFocusRef?.current) {\n        e.preventDefault();\n        finalFocusRef.current.focus();\n      }\n      onCloseAutoFocusProp?.(e);\n    };\n\n    // `modal` prop takes precedence; fall back to blockScrollOnMount\n    const resolvedModal = modalProp ?? blockScrollOnMount;\n\n    return (\n      <PrimitiveDialog\n        open={isOpen}\n        onOpenChange={handleOpenChange}\n        modal={resolvedModal}\n        defaultOpen={defaultOpen}\n      >\n        <PrimitiveDialogContent\n          ref={ref}\n          aria-modal\n          showCloseButton={closeButton}\n          forceMount={forceRender || undefined}\n          overlayClassName={backdropClassName}\n          onInteractOutside={handleInteractOutside}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          onCloseAutoFocus={handleCloseAutoFocus}\n          className={cn(SIZE_CLASS_MAP[size], className)}\n          data-testid=\"dialog-wrapper\"\n          {...otherContentProps}\n        >\n          {children}\n        </PrimitiveDialogContent>\n      </PrimitiveDialog>\n    );\n  }\n) as React.ForwardRefExoticComponent<\n  DialogProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Header: typeof DialogHeader;\n  Body: typeof DialogBody;\n  Footer: typeof DialogFooter;\n  Title: typeof DialogTitle;\n};\n\nDialog.displayName = \"Dialog\";\nDialog.Header = DialogHeader;\nDialog.Body = DialogBody;\nDialog.Footer = DialogFooter;\nDialog.Title = DialogTitle;\n\nexport { Dialog };\n"],"names":["_jsxs","PrimitiveDialogHeader","_jsx","PrimitiveDialogFooter","PrimitiveDialogTitle","PrimitiveDialog","PrimitiveDialogContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA;AACA;AACA;AAEA,MAAM,cAAc,GAA+B;AACjD,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,UAAU,EAAE,yDAAyD;CACtE;AAaD,MAAM,YAAY,GAAG,UAAU,CAG7B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,MACrEA,IAAA,CAACC,cAAqB,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAA,aAAA,EACX,UAAU,IAAI,eAAe,EAAA,GACtC,UAAU,aAEb,QAAQ,EACR,WAAW,IAAIC,GAAA,CAAC,iBAAiB,EAAA,EAAA,QAAA,EAAE,WAAW,EAAA,CAAqB,CAAA,EAAA,CAC9C,CACzB,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,eAAe;AAE1C,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,MACtDA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EAAA,WAAA,EACE,aAAa,EAAA,aAAA,EACV,UAAU,IAAI,aAAa,EACxC,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAAA,GAC/C,UAAU,YAEb,QAAQ,EAAA,CACL,CACP,CACF;AACD,UAAU,CAAC,WAAW,GAAG,aAAa;AAEtC,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,MACtDA,GAAA,CAACC,cAAqB,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,iBACX,UAAU,IAAI,eAAe,EAAA,GACtC,UAAU,YAEb,QAAQ,EAAA,CACa,CACzB,CACF;AACD,YAAY,CAAC,WAAW,GAAG,eAAe;AAE1C,MAAM,WAAW,GAAG,UAAU,CAG5B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,MAC5CD,GAAA,CAACE,aAAoB,EAAA,EACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAC9C,UAAU,EAAA,QAAA,EAEb,QAAQ,EAAA,CACY,CACxB,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,cAAc;AAExC;AACA;AACA;AAEA,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EACE,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,MAAK,EAAE,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,IAAI,EAClB,iBAAiB,EACjB,mBAAmB,GAAG,IAAI,EAC1B,eAAe,EACf,aAAa,EACb,kBAAkB,GAAG,IAAI,EACzB,WAAW,GAAG,KAAK,EACnB,KAAK,EAAE,SAAS,EAChB,WAAW;AACX;AACA,eAAe,EAAE,mBAAmB,EACpC,gBAAgB,EAAE,oBAAoB,EACtC,GAAG,iBAAiB,EACrB,EACD,GAAG,KACD;AACF,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAa,KAAI;AACzC,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,EAAE;AACtB,IAAA,CAAC;AAED,IAAA,MAAM,qBAAqB,GAAG,CAAC,CAAQ,KAAI;AACzC,QAAA,IAAI,CAAC,mBAAmB;YAAE,CAAC,CAAC,cAAc,EAAE;AAC9C,IAAA,CAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,CAAC,CAAgB,KAAI;AAC/C,QAAA,IAAI,CAAC,UAAU;YAAE,CAAC,CAAC,cAAc,EAAE;AACrC,IAAA,CAAC;AAED,IAAA,MAAM,mBAAmB,GAAG,CAAC,CAAQ,KAAI;AACvC,QAAA,IAAI,eAAe,EAAE,OAAO,EAAE;YAC5B,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE;QACjC;AACA,QAAA,mBAAmB,GAAG,CAAC,CAAC;AAC1B,IAAA,CAAC;AAED,IAAA,MAAM,oBAAoB,GAAG,CAAC,CAAQ,KAAI;AACxC,QAAA,IAAI,aAAa,EAAE,OAAO,EAAE;YAC1B,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE;QAC/B;AACA,QAAA,oBAAoB,GAAG,CAAC,CAAC;AAC3B,IAAA,CAAC;;AAGD,IAAA,MAAM,aAAa,GAAG,SAAS,IAAI,kBAAkB;AAErD,IAAA,QACEF,GAAA,CAACG,QAAe,EAAA,EACd,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,EAAA,QAAA,EAExBH,IAACI,aAAsB,EAAA,EACrB,GAAG,EAAE,GAAG,EAAA,YAAA,EAAA,IAAA,EAER,eAAe,EAAE,WAAW,EAC5B,UAAU,EAAE,WAAW,IAAI,SAAS,EACpC,gBAAgB,EAAE,iBAAiB,EACnC,iBAAiB,EAAE,qBAAqB,EACxC,eAAe,EAAE,mBAAmB,EACpC,eAAe,EAAE,mBAAmB,EACpC,gBAAgB,EAAE,oBAAoB,EACtC,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,aAAA,EAClC,gBAAgB,KACxB,iBAAiB,EAAA,QAAA,EAEpB,QAAQ,EAAA,CACc,EAAA,CACT;AAEtB,CAAC;AAUH,MAAM,CAAC,WAAW,GAAG,QAAQ;AAC7B,MAAM,CAAC,MAAM,GAAG,YAAY;AAC5B,MAAM,CAAC,IAAI,GAAG,UAAU;AACxB,MAAM,CAAC,MAAM,GAAG,YAAY;AAC5B,MAAM,CAAC,KAAK,GAAG,WAAW;;;;"}

package/dist/components/DropdownMenu/Divider.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Divider: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Divider };

package/dist/components/DropdownMenu/DropdownBase.d.ts

@@ -0,0 +1,3 @@
+import { type DropdownProps } from "./types";
+declare const DropdownBase: ({ label, icon, buttonStyle, buttonSize, buttonProps, customTarget, disabled, children, position, closeOnEsc, closeOnSelect, closeOnOutsideClick, isOpen: isOpenProp, onClose, onClick, className, triggerRef, dropdownProps, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export { DropdownBase };

package/dist/components/DropdownMenu/Label.d.ts

@@ -0,0 +1,7 @@
+import React, { type ReactNode } from "react";
+interface MenuLabelProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+}
+declare const Label: React.ForwardRefExoticComponent<Omit<MenuLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Label };

package/dist/components/DropdownMenu/Menu.d.ts

@@ -0,0 +1,7 @@
+import React, { type ReactNode } from "react";
+interface MenuProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+}
+declare const Menu: React.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Menu };

package/dist/components/DropdownMenu/MenuItem.d.ts

@@ -0,0 +1,10 @@
+import React, { type ReactNode } from "react";
+import { MenuItemButton } from "./MenuItemButton";
+interface MenuItemProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+}
+declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLDivElement>> & {
+    Button: typeof MenuItemButton;
+};
+export { MenuItem };

package/dist/components/DropdownMenu/MenuItemButton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { type MenuItemButtonProps } from "./types";
+declare const MenuItemButton: React.ForwardRefExoticComponent<Omit<MenuItemButtonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { MenuItemButton };

package/dist/components/DropdownMenu/SplitTrigger.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { BaseTriggerProps } from "./types";
+interface SplitTriggerOwnProps extends BaseTriggerProps {
+    /** Ref forwarded to the action button (left side). */
+    actionButtonRef?: React.Ref<HTMLButtonElement>;
+}
+/**
+ * Radix injects extra props (aria-expanded, data-state, …) via Slot on the
+ * DropdownMenuTrigger child.  We capture them with a rest-spread.
+ */
+type SplitTriggerProps = SplitTriggerOwnProps & Omit<React.ComponentProps<"div">, keyof SplitTriggerOwnProps>;
+declare const SplitTrigger: React.ForwardRefExoticComponent<Omit<SplitTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { SplitTrigger };