asterui 0.12.18 → 0.12.20

package/dist/index28.js

@@ -1,20 +1,44 @@
-import { jsx as n } from "react/jsx-runtime";
-function i({ children: e, className: s = "", ...l }) {
-  const t = ["fieldset", s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("fieldset", { className: t, ...l, children: e });
-}
-function o({ children: e, className: s = "" }) {
-  return /* @__PURE__ */ n("legend", { className: `fieldset-legend ${s}`, children: e });
-}
-function a({ children: e, className: s = "", ...l }) {
-  const t = ["fieldset-label", s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("label", { className: t, ...l, children: e });
-}
-const d = Object.assign(i, {
-  Legend: o,
-  Label: a
-});
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import f from "react";
+const N = ({
+  children: l,
+  sidebar: d,
+  open: a = !1,
+  onOpenChange: o,
+  end: c = !1,
+  className: t = "",
+  sidebarClassName: n = "",
+  ...i
+}) => {
+  const r = f.useId(), m = (b) => {
+    o?.(b.target.checked);
+  }, h = ["drawer", c && "drawer-end", t].filter(Boolean).join(" "), w = ["menu bg-base-200 min-h-full w-80 p-4", n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ s("div", { className: h, "data-state": a ? "open" : "closed", ...i, children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        id: r,
+        type: "checkbox",
+        className: "drawer-toggle",
+        checked: a,
+        onChange: m
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "drawer-content", children: l }),
+    /* @__PURE__ */ s("div", { className: "drawer-side", children: [
+      /* @__PURE__ */ e(
+        "label",
+        {
+          htmlFor: r,
+          "aria-label": "close sidebar",
+          className: "drawer-overlay"
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: w, children: d })
+    ] })
+  ] });
+};
 export {
-  d as Fieldset
+  N as SidebarDrawer
 };
 //# sourceMappingURL=index28.js.map

package/dist/index28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index28.js","sources":["../src/components/Fieldset.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface FieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface FieldsetLegendProps {\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface FieldsetLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  children: React.ReactNode\n  className?: string\n}\n\nfunction FieldsetRoot({ children, className = '', ...props }: FieldsetProps) {\n  const classes = ['fieldset', className].filter(Boolean).join(' ')\n\n  return (\n    <fieldset className={classes} {...props}>\n      {children}\n    </fieldset>\n  )\n}\n\nfunction FieldsetLegend({ children, className = '' }: FieldsetLegendProps) {\n  return <legend className={`fieldset-legend ${className}`}>{children}</legend>\n}\n\nfunction FieldsetLabel({ children, className = '', ...props }: FieldsetLabelProps) {\n  const classes = ['fieldset-label', className].filter(Boolean).join(' ')\n  return <label className={classes} {...props}>{children}</label>\n}\n\nexport const Fieldset = Object.assign(FieldsetRoot, {\n  Legend: FieldsetLegend,\n  Label: FieldsetLabel,\n})\n"],"names":["FieldsetRoot","children","className","props","classes","FieldsetLegend","FieldsetLabel","Fieldset"],"mappings":";AAiBA,SAASA,EAAa,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAwB;AAC3E,QAAMC,IAAU,CAAC,YAAYF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEhE,2BACG,YAAA,EAAS,WAAWE,GAAU,GAAGD,GAC/B,UAAAF,GACH;AAEJ;AAEA,SAASI,EAAe,EAAE,UAAAJ,GAAU,WAAAC,IAAY,MAA2B;AACzE,2BAAQ,UAAA,EAAO,WAAW,mBAAmBA,CAAS,IAAK,UAAAD,GAAS;AACtE;AAEA,SAASK,EAAc,EAAE,UAAAL,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAA6B;AACjF,QAAMC,IAAU,CAAC,kBAAkBF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACtE,2BAAQ,SAAA,EAAM,WAAWE,GAAU,GAAGD,GAAQ,UAAAF,GAAS;AACzD;AAEO,MAAMM,IAAW,OAAO,OAAOP,GAAc;AAAA,EAClD,QAAQK;AAAA,EACR,OAAOC;AACT,CAAC;"}
+{"version":3,"file":"index28.js","sources":["../src/components/SidebarDrawer.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface SidebarDrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Main content area */\n  children: React.ReactNode\n  /** Sidebar content */\n  sidebar: React.ReactNode\n  /** Controlled open state */\n  open?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Position sidebar on the right side */\n  end?: boolean\n  /** Additional classes for sidebar container */\n  sidebarClassName?: string\n}\n\n/**\n * SidebarDrawer - A responsive sidebar layout component using DaisyUI's drawer.\n * Use for navigation sidebars that toggle on mobile.\n * For overlay panel drawers (forms, details), use the Drawer component instead.\n */\nexport const SidebarDrawer: React.FC<SidebarDrawerProps> = ({\n  children,\n  sidebar,\n  open = false,\n  onOpenChange,\n  end = false,\n  className = '',\n  sidebarClassName = '',\n  ...rest\n}) => {\n  const drawerId = React.useId()\n\n  const handleToggle = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onOpenChange?.(e.target.checked)\n  }\n\n  const drawerClasses = ['drawer', end && 'drawer-end', className]\n    .filter(Boolean)\n    .join(' ')\n\n  const sidebarClasses = ['menu bg-base-200 min-h-full w-80 p-4', sidebarClassName]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={drawerClasses} data-state={open ? 'open' : 'closed'} {...rest}>\n      <input\n        id={drawerId}\n        type=\"checkbox\"\n        className=\"drawer-toggle\"\n        checked={open}\n        onChange={handleToggle}\n      />\n      <div className=\"drawer-content\">{children}</div>\n      <div className=\"drawer-side\">\n        <label\n          htmlFor={drawerId}\n          aria-label=\"close sidebar\"\n          className=\"drawer-overlay\"\n        />\n        <div className={sidebarClasses}>{sidebar}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["SidebarDrawer","children","sidebar","open","onOpenChange","end","className","sidebarClassName","rest","drawerId","React","handleToggle","e","drawerClasses","sidebarClasses","jsxs","jsx"],"mappings":";;AAsBO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,WAAAC,IAAY;AAAA,EACZ,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAWC,EAAM,MAAA,GAEjBC,IAAe,CAACC,MAA2C;AAC/D,IAAAR,IAAeQ,EAAE,OAAO,OAAO;AAAA,EACjC,GAEMC,IAAgB,CAAC,UAAUR,KAAO,cAAcC,CAAS,EAC5D,OAAO,OAAO,EACd,KAAK,GAAG,GAELQ,IAAiB,CAAC,wCAAwCP,CAAgB,EAC7E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,SAAI,WAAWF,GAAe,cAAYV,IAAO,SAAS,UAAW,GAAGK,GACvE,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIP;AAAA,QACJ,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAASN;AAAA,QACT,UAAUQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK,EAAC,OAAA,EAAI,WAAU,kBAAkB,UAAAf,EAAA,CAAS;AAAA,IAC1C,gBAAAc,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASP;AAAA,UACT,cAAW;AAAA,UACX,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAO,EAAC,OAAA,EAAI,WAAWF,GAAiB,UAAAZ,EAAA,CAAQ;AAAA,IAAA,EAAA,CAC3C;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index29.js

@@ -1,36 +1,20 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-const c = a(
-  ({ size: i, color: e, ghost: n = !1, bordered: l = !0, className: t = "", ...s }, r) => {
-    const f = {
-      xs: "file-input-xs",
-      sm: "file-input-sm",
-      md: "file-input-md",
-      lg: "file-input-lg",
-      xl: "file-input-xl"
-    }, p = {
-      neutral: "file-input-neutral",
-      primary: "file-input-primary",
-      secondary: "file-input-secondary",
-      accent: "file-input-accent",
-      info: "file-input-info",
-      success: "file-input-success",
-      warning: "file-input-warning",
-      error: "file-input-error"
-    }, u = [
-      "file-input",
-      "w-full",
-      l && "file-input-bordered",
-      n && "file-input-ghost",
-      i && f[i],
-      e && p[e],
-      t
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ o("input", { ref: r, type: "file", className: u, ...s });
-  }
-);
-c.displayName = "FileInput";
+import { jsx as n } from "react/jsx-runtime";
+function i({ children: e, className: s = "", ...l }) {
+  const t = ["fieldset", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("fieldset", { className: t, ...l, children: e });
+}
+function o({ children: e, className: s = "" }) {
+  return /* @__PURE__ */ n("legend", { className: `fieldset-legend ${s}`, children: e });
+}
+function a({ children: e, className: s = "", ...l }) {
+  const t = ["fieldset-label", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("label", { className: t, ...l, children: e });
+}
+const d = Object.assign(i, {
+  Legend: o,
+  Label: a
+});
 export {
-  c as FileInput
+  d as Fieldset
 };
 //# sourceMappingURL=index29.js.map

package/dist/index29.js.map

@@ -1 +1 @@
-{"version":3,"file":"index29.js","sources":["../src/components/FileInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface FileInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  ghost?: boolean\n  bordered?: boolean\n  className?: string\n}\n\nexport const FileInput = forwardRef<HTMLInputElement, FileInputProps>(\n  ({ size, color, ghost = false, bordered = true, className = '', ...props }, ref) => {\n    const sizeClasses = {\n      xs: 'file-input-xs',\n      sm: 'file-input-sm',\n      md: 'file-input-md',\n      lg: 'file-input-lg',\n      xl: 'file-input-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'file-input-neutral',\n      primary: 'file-input-primary',\n      secondary: 'file-input-secondary',\n      accent: 'file-input-accent',\n      info: 'file-input-info',\n      success: 'file-input-success',\n      warning: 'file-input-warning',\n      error: 'file-input-error',\n    }\n\n    const fileInputClasses = [\n      'file-input',\n      'w-full',\n      bordered && 'file-input-bordered',\n      ghost && 'file-input-ghost',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return <input ref={ref} type=\"file\" className={fileInputClasses} {...props} />\n  }\n)\n\nFileInput.displayName = 'FileInput'\n"],"names":["FileInput","forwardRef","size","color","ghost","bordered","className","props","ref","sizeClasses","colorClasses","fileInputClasses","jsx"],"mappings":";;AAUO,MAAMA,IAAYC;AAAA,EACvB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,IAAQ,IAAO,UAAAC,IAAW,IAAM,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AAClF,UAAMC,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,GAGHC,IAAmB;AAAA,MACvB;AAAA,MACA;AAAA,MACAN,KAAY;AAAA,MACZD,KAAS;AAAA,MACTF,KAAQO,EAAYP,CAAI;AAAA,MACxBC,KAASO,EAAaP,CAAK;AAAA,MAC3BG;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WAAO,gBAAAM,EAAC,WAAM,KAAAJ,GAAU,MAAK,QAAO,WAAWG,GAAmB,GAAGJ,GAAO;AAAA,EAC9E;AACF;AAEAP,EAAU,cAAc;"}
+{"version":3,"file":"index29.js","sources":["../src/components/Fieldset.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface FieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface FieldsetLegendProps {\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface FieldsetLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  children: React.ReactNode\n  className?: string\n}\n\nfunction FieldsetRoot({ children, className = '', ...props }: FieldsetProps) {\n  const classes = ['fieldset', className].filter(Boolean).join(' ')\n\n  return (\n    <fieldset className={classes} {...props}>\n      {children}\n    </fieldset>\n  )\n}\n\nfunction FieldsetLegend({ children, className = '' }: FieldsetLegendProps) {\n  return <legend className={`fieldset-legend ${className}`}>{children}</legend>\n}\n\nfunction FieldsetLabel({ children, className = '', ...props }: FieldsetLabelProps) {\n  const classes = ['fieldset-label', className].filter(Boolean).join(' ')\n  return <label className={classes} {...props}>{children}</label>\n}\n\nexport const Fieldset = Object.assign(FieldsetRoot, {\n  Legend: FieldsetLegend,\n  Label: FieldsetLabel,\n})\n"],"names":["FieldsetRoot","children","className","props","classes","FieldsetLegend","FieldsetLabel","Fieldset"],"mappings":";AAiBA,SAASA,EAAa,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAAwB;AAC3E,QAAMC,IAAU,CAAC,YAAYF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEhE,2BACG,YAAA,EAAS,WAAWE,GAAU,GAAGD,GAC/B,UAAAF,GACH;AAEJ;AAEA,SAASI,EAAe,EAAE,UAAAJ,GAAU,WAAAC,IAAY,MAA2B;AACzE,2BAAQ,UAAA,EAAO,WAAW,mBAAmBA,CAAS,IAAK,UAAAD,GAAS;AACtE;AAEA,SAASK,EAAc,EAAE,UAAAL,GAAU,WAAAC,IAAY,IAAI,GAAGC,KAA6B;AACjF,QAAMC,IAAU,CAAC,kBAAkBF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACtE,2BAAQ,SAAA,EAAM,WAAWE,GAAU,GAAGD,GAAQ,UAAAF,GAAS;AACzD;AAEO,MAAMM,IAAW,OAAO,OAAOP,GAAc;AAAA,EAClD,QAAQK;AAAA,EACR,OAAOC;AACT,CAAC;"}

package/dist/index30.js

@@ -1,55 +1,36 @@
-import { jsxs as N, jsx as i } from "react/jsx-runtime";
-import { useId as I, useState as R } from "react";
-const o = {
-  xs: "btn-xs",
-  sm: "btn-sm",
-  md: "",
-  lg: "btn-lg"
-}, $ = ({
-  options: d,
-  value: s,
-  defaultValue: c,
-  onChange: t,
-  name: m,
-  size: a = "md",
-  showReset: u = !0,
-  resetLabel: l = "×",
-  className: b = ""
-}) => {
-  const f = I(), v = m || `filter-${f}`, [g, n] = R(c), h = s !== void 0 ? s : g, r = s !== void 0, p = d.map(
-    (e) => typeof e == "string" ? { label: e, value: e } : e
-  ), x = (e) => {
-    r || n(e), t?.(e);
-  }, C = () => {
-    r || n(void 0), t?.(void 0);
-  }, j = ["btn", o[a]].filter(Boolean).join(" "), y = ["btn", "btn-square", o[a]].filter(Boolean).join(" ");
-  return /* @__PURE__ */ N("form", { className: `filter ${b}`.trim(), onReset: C, children: [
-    u && /* @__PURE__ */ i(
-      "input",
-      {
-        className: y,
-        type: "reset",
-        value: typeof l == "string" ? l : void 0,
-        "aria-label": "Reset filter"
-      }
-    ),
-    p.map((e) => /* @__PURE__ */ i(
-      "input",
-      {
-        className: j,
-        type: "radio",
-        name: v,
-        value: e.value,
-        "aria-label": e.label,
-        checked: h === e.value,
-        onChange: () => x(e.value),
-        disabled: e.disabled
-      },
-      e.value
-    ))
-  ] });
-};
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+const c = a(
+  ({ size: i, color: e, ghost: n = !1, bordered: l = !0, className: t = "", ...s }, r) => {
+    const f = {
+      xs: "file-input-xs",
+      sm: "file-input-sm",
+      md: "file-input-md",
+      lg: "file-input-lg",
+      xl: "file-input-xl"
+    }, p = {
+      neutral: "file-input-neutral",
+      primary: "file-input-primary",
+      secondary: "file-input-secondary",
+      accent: "file-input-accent",
+      info: "file-input-info",
+      success: "file-input-success",
+      warning: "file-input-warning",
+      error: "file-input-error"
+    }, u = [
+      "file-input",
+      "w-full",
+      l && "file-input-bordered",
+      n && "file-input-ghost",
+      i && f[i],
+      e && p[e],
+      t
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ o("input", { ref: r, type: "file", className: u, ...s });
+  }
+);
+c.displayName = "FileInput";
 export {
-  $ as Filter
+  c as FileInput
 };
 //# sourceMappingURL=index30.js.map

package/dist/index30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index30.js","sources":["../src/components/Filter.tsx"],"sourcesContent":["import React, { useState, useId } from 'react'\n\nexport interface FilterOption {\n  label: string\n  value: string\n  disabled?: boolean\n}\n\nexport interface FilterProps {\n  /** Filter options */\n  options: (string | FilterOption)[]\n  /** Controlled value */\n  value?: string\n  /** Default value for uncontrolled mode */\n  defaultValue?: string\n  /** Change handler */\n  onChange?: (value: string | undefined) => void\n  /** Radio group name (auto-generated if not provided) */\n  name?: string\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  /** Show reset button */\n  showReset?: boolean\n  /** Reset button label */\n  resetLabel?: React.ReactNode\n  /** Additional CSS classes for container */\n  className?: string\n}\n\nconst sizeClasses: Record<string, string> = {\n  xs: 'btn-xs',\n  sm: 'btn-sm',\n  md: '',\n  lg: 'btn-lg',\n}\n\nexport const Filter: React.FC<FilterProps> = ({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  name,\n  size = 'md',\n  showReset = true,\n  resetLabel = '×',\n  className = '',\n}) => {\n  const autoId = useId()\n  const groupName = name || `filter-${autoId}`\n\n  const [internalValue, setInternalValue] = useState<string | undefined>(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n  const isControlled = value !== undefined\n\n  const normalizedOptions: FilterOption[] = options.map((opt) =>\n    typeof opt === 'string' ? { label: opt, value: opt } : opt\n  )\n\n  const handleChange = (newValue: string) => {\n    if (!isControlled) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const handleReset = () => {\n    if (!isControlled) {\n      setInternalValue(undefined)\n    }\n    onChange?.(undefined)\n  }\n\n  const buttonClasses = ['btn', sizeClasses[size]].filter(Boolean).join(' ')\n  const resetClasses = ['btn', 'btn-square', sizeClasses[size]].filter(Boolean).join(' ')\n\n  return (\n    <form className={`filter ${className}`.trim()} onReset={handleReset}>\n      {showReset && (\n        <input\n          className={resetClasses}\n          type=\"reset\"\n          value={typeof resetLabel === 'string' ? resetLabel : undefined}\n          aria-label=\"Reset filter\"\n        />\n      )}\n      {normalizedOptions.map((option) => (\n        <input\n          key={option.value}\n          className={buttonClasses}\n          type=\"radio\"\n          name={groupName}\n          value={option.value}\n          aria-label={option.label}\n          checked={currentValue === option.value}\n          onChange={() => handleChange(option.value)}\n          disabled={option.disabled}\n        />\n      ))}\n    </form>\n  )\n}\n"],"names":["sizeClasses","Filter","options","value","defaultValue","onChange","name","size","showReset","resetLabel","className","autoId","useId","groupName","internalValue","setInternalValue","useState","currentValue","isControlled","normalizedOptions","opt","handleChange","newValue","handleReset","buttonClasses","resetClasses","jsxs","jsx","option"],"mappings":";;AA6BA,MAAMA,IAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAgC,CAAC;AAAA,EAC5C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAASC,EAAA,GACTC,IAAYP,KAAQ,UAAUK,CAAM,IAEpC,CAACG,GAAeC,CAAgB,IAAIC,EAA6BZ,CAAY,GAC7Ea,IAAed,MAAU,SAAYA,IAAQW,GAC7CI,IAAef,MAAU,QAEzBgB,IAAoCjB,EAAQ;AAAA,IAAI,CAACkB,MACrD,OAAOA,KAAQ,WAAW,EAAE,OAAOA,GAAK,OAAOA,MAAQA;AAAA,EAAA,GAGnDC,IAAe,CAACC,MAAqB;AACzC,IAAKJ,KACHH,EAAiBO,CAAQ,GAE3BjB,IAAWiB,CAAQ;AAAA,EACrB,GAEMC,IAAc,MAAM;AACxB,IAAKL,KACHH,EAAiB,MAAS,GAE5BV,IAAW,MAAS;AAAA,EACtB,GAEMmB,IAAgB,CAAC,OAAOxB,EAAYO,CAAI,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACnEkB,IAAe,CAAC,OAAO,cAAczB,EAAYO,CAAI,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEtF,SACE,gBAAAmB,EAAC,UAAK,WAAW,UAAUhB,CAAS,GAAG,KAAA,GAAQ,SAASa,GACrD,UAAA;AAAA,IAAAf,KACC,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF;AAAA,QACX,MAAK;AAAA,QACL,OAAO,OAAOhB,KAAe,WAAWA,IAAa;AAAA,QACrD,cAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGdU,EAAkB,IAAI,CAACS,MACtB,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWH;AAAA,QACX,MAAK;AAAA,QACL,MAAMX;AAAA,QACN,OAAOe,EAAO;AAAA,QACd,cAAYA,EAAO;AAAA,QACnB,SAASX,MAAiBW,EAAO;AAAA,QACjC,UAAU,MAAMP,EAAaO,EAAO,KAAK;AAAA,QACzC,UAAUA,EAAO;AAAA,MAAA;AAAA,MARZA,EAAO;AAAA,IAAA,CAUf;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"index30.js","sources":["../src/components/FileInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nexport interface FileInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  ghost?: boolean\n  bordered?: boolean\n  className?: string\n}\n\nexport const FileInput = forwardRef<HTMLInputElement, FileInputProps>(\n  ({ size, color, ghost = false, bordered = true, className = '', ...props }, ref) => {\n    const sizeClasses = {\n      xs: 'file-input-xs',\n      sm: 'file-input-sm',\n      md: 'file-input-md',\n      lg: 'file-input-lg',\n      xl: 'file-input-xl',\n    }\n\n    const colorClasses = {\n      neutral: 'file-input-neutral',\n      primary: 'file-input-primary',\n      secondary: 'file-input-secondary',\n      accent: 'file-input-accent',\n      info: 'file-input-info',\n      success: 'file-input-success',\n      warning: 'file-input-warning',\n      error: 'file-input-error',\n    }\n\n    const fileInputClasses = [\n      'file-input',\n      'w-full',\n      bordered && 'file-input-bordered',\n      ghost && 'file-input-ghost',\n      size && sizeClasses[size],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return <input ref={ref} type=\"file\" className={fileInputClasses} {...props} />\n  }\n)\n\nFileInput.displayName = 'FileInput'\n"],"names":["FileInput","forwardRef","size","color","ghost","bordered","className","props","ref","sizeClasses","colorClasses","fileInputClasses","jsx"],"mappings":";;AAUO,MAAMA,IAAYC;AAAA,EACvB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,IAAQ,IAAO,UAAAC,IAAW,IAAM,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AAClF,UAAMC,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,GAGHC,IAAmB;AAAA,MACvB;AAAA,MACA;AAAA,MACAN,KAAY;AAAA,MACZD,KAAS;AAAA,MACTF,KAAQO,EAAYP,CAAI;AAAA,MACxBC,KAASO,EAAaP,CAAK;AAAA,MAC3BG;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WAAO,gBAAAM,EAAC,WAAM,KAAAJ,GAAU,MAAK,QAAO,WAAWG,GAAmB,GAAGJ,GAAO;AAAA,EAC9E;AACF;AAEAP,EAAU,cAAc;"}

package/dist/index31.js

@@ -1,66 +1,55 @@
-import { jsx as v } from "react/jsx-runtime";
-const y = ({
-  direction: t,
-  justify: r,
-  align: s,
-  wrap: m,
-  gap: e,
-  flex: o,
-  inline: a = !1,
-  minHeight: l,
-  minWidth: f,
-  className: x = "",
-  style: c,
-  children: i,
-  ...u
+import { jsxs as N, jsx as i } from "react/jsx-runtime";
+import { useId as I, useState as R } from "react";
+const o = {
+  xs: "btn-xs",
+  sm: "btn-sm",
+  md: "",
+  lg: "btn-lg"
+}, $ = ({
+  options: d,
+  value: s,
+  defaultValue: c,
+  onChange: t,
+  name: m,
+  size: a = "md",
+  showReset: u = !0,
+  resetLabel: l = "×",
+  className: b = ""
 }) => {
-  const n = typeof e == "number", w = [
-    a ? "inline-flex" : "flex",
-    t === "row" && "flex-row",
-    t === "column" && "flex-col",
-    t === "row-reverse" && "flex-row-reverse",
-    t === "column-reverse" && "flex-col-reverse",
-    r === "start" && "justify-start",
-    r === "end" && "justify-end",
-    r === "center" && "justify-center",
-    r === "between" && "justify-between",
-    r === "around" && "justify-around",
-    r === "evenly" && "justify-evenly",
-    s === "start" && "items-start",
-    s === "end" && "items-end",
-    s === "center" && "items-center",
-    s === "baseline" && "items-baseline",
-    s === "stretch" && "items-stretch",
-    m === !0 && "flex-wrap",
-    m === "wrap" && "flex-wrap",
-    m === "nowrap" && "flex-nowrap",
-    m === "wrap-reverse" && "flex-wrap-reverse",
-    !n && e === "xs" && "gap-1",
-    !n && e === "sm" && "gap-2",
-    !n && e === "md" && "gap-4",
-    !n && e === "lg" && "gap-6",
-    !n && e === "xl" && "gap-8",
-    o === "1" && "flex-1",
-    o === "auto" && "flex-auto",
-    o === "initial" && "flex-initial",
-    o === "none" && "flex-none",
-    l === "screen" && "min-h-screen",
-    l === "full" && "min-h-full",
-    l === "fit" && "min-h-fit",
-    l === "min" && "min-h-min",
-    l === "max" && "min-h-max",
-    f === "full" && "min-w-full",
-    f === "fit" && "min-w-fit",
-    f === "min" && "min-w-min",
-    f === "max" && "min-w-max",
-    x
-  ].filter(Boolean).join(" "), p = {
-    ...c,
-    ...n ? { gap: `${e}px` } : {}
-  };
-  return /* @__PURE__ */ v("div", { className: w, style: p, ...u, children: i });
+  const f = I(), v = m || `filter-${f}`, [g, n] = R(c), h = s !== void 0 ? s : g, r = s !== void 0, p = d.map(
+    (e) => typeof e == "string" ? { label: e, value: e } : e
+  ), x = (e) => {
+    r || n(e), t?.(e);
+  }, C = () => {
+    r || n(void 0), t?.(void 0);
+  }, j = ["btn", o[a]].filter(Boolean).join(" "), y = ["btn", "btn-square", o[a]].filter(Boolean).join(" ");
+  return /* @__PURE__ */ N("form", { className: `filter ${b}`.trim(), onReset: C, children: [
+    u && /* @__PURE__ */ i(
+      "input",
+      {
+        className: y,
+        type: "reset",
+        value: typeof l == "string" ? l : void 0,
+        "aria-label": "Reset filter"
+      }
+    ),
+    p.map((e) => /* @__PURE__ */ i(
+      "input",
+      {
+        className: j,
+        type: "radio",
+        name: v,
+        value: e.value,
+        "aria-label": e.label,
+        checked: h === e.value,
+        onChange: () => x(e.value),
+        disabled: e.disabled
+      },
+      e.value
+    ))
+  ] });
 };
 export {
-  y as Flex
+  $ as Filter
 };
 //# sourceMappingURL=index31.js.map

package/dist/index31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index31.js","sources":["../src/components/Flex.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse'\n  justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'\n  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch'\n  wrap?: boolean | 'wrap' | 'nowrap' | 'wrap-reverse'\n  gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number\n  flex?: '1' | 'auto' | 'initial' | 'none'\n  inline?: boolean\n  minHeight?: 'screen' | 'full' | 'fit' | 'min' | 'max'\n  minWidth?: 'full' | 'fit' | 'min' | 'max'\n  children?: React.ReactNode\n}\n\nexport const Flex: React.FC<FlexProps> = ({\n  direction,\n  justify,\n  align,\n  wrap,\n  gap,\n  flex,\n  inline = false,\n  minHeight,\n  minWidth,\n  className = '',\n  style,\n  children,\n  ...rest\n}) => {\n  const isNumericGap = typeof gap === 'number'\n\n  const classes = [\n    inline ? 'inline-flex' : 'flex',\n    direction === 'row' && 'flex-row',\n    direction === 'column' && 'flex-col',\n    direction === 'row-reverse' && 'flex-row-reverse',\n    direction === 'column-reverse' && 'flex-col-reverse',\n    justify === 'start' && 'justify-start',\n    justify === 'end' && 'justify-end',\n    justify === 'center' && 'justify-center',\n    justify === 'between' && 'justify-between',\n    justify === 'around' && 'justify-around',\n    justify === 'evenly' && 'justify-evenly',\n    align === 'start' && 'items-start',\n    align === 'end' && 'items-end',\n    align === 'center' && 'items-center',\n    align === 'baseline' && 'items-baseline',\n    align === 'stretch' && 'items-stretch',\n    wrap === true && 'flex-wrap',\n    wrap === 'wrap' && 'flex-wrap',\n    wrap === 'nowrap' && 'flex-nowrap',\n    wrap === 'wrap-reverse' && 'flex-wrap-reverse',\n    !isNumericGap && gap === 'xs' && 'gap-1',\n    !isNumericGap && gap === 'sm' && 'gap-2',\n    !isNumericGap && gap === 'md' && 'gap-4',\n    !isNumericGap && gap === 'lg' && 'gap-6',\n    !isNumericGap && gap === 'xl' && 'gap-8',\n    flex === '1' && 'flex-1',\n    flex === 'auto' && 'flex-auto',\n    flex === 'initial' && 'flex-initial',\n    flex === 'none' && 'flex-none',\n    minHeight === 'screen' && 'min-h-screen',\n    minHeight === 'full' && 'min-h-full',\n    minHeight === 'fit' && 'min-h-fit',\n    minHeight === 'min' && 'min-h-min',\n    minHeight === 'max' && 'min-h-max',\n    minWidth === 'full' && 'min-w-full',\n    minWidth === 'fit' && 'min-w-fit',\n    minWidth === 'min' && 'min-w-min',\n    minWidth === 'max' && 'min-w-max',\n    className,\n  ].filter(Boolean).join(' ')\n\n  const combinedStyle: React.CSSProperties = {\n    ...style,\n    ...(isNumericGap ? { gap: `${gap}px` } : {}),\n  }\n\n  return (\n    <div className={classes} style={combinedStyle} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["Flex","direction","justify","align","wrap","gap","flex","inline","minHeight","minWidth","className","style","children","rest","isNumericGap","classes","combinedStyle","jsx"],"mappings":";AAeO,MAAMA,IAA4B,CAAC;AAAA,EACxC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAe,OAAOT,KAAQ,UAE9BU,IAAU;AAAA,IACdR,IAAS,gBAAgB;AAAA,IACzBN,MAAc,SAAS;AAAA,IACvBA,MAAc,YAAY;AAAA,IAC1BA,MAAc,iBAAiB;AAAA,IAC/BA,MAAc,oBAAoB;AAAA,IAClCC,MAAY,WAAW;AAAA,IACvBA,MAAY,SAAS;AAAA,IACrBA,MAAY,YAAY;AAAA,IACxBA,MAAY,aAAa;AAAA,IACzBA,MAAY,YAAY;AAAA,IACxBA,MAAY,YAAY;AAAA,IACxBC,MAAU,WAAW;AAAA,IACrBA,MAAU,SAAS;AAAA,IACnBA,MAAU,YAAY;AAAA,IACtBA,MAAU,cAAc;AAAA,IACxBA,MAAU,aAAa;AAAA,IACvBC,MAAS,MAAQ;AAAA,IACjBA,MAAS,UAAU;AAAA,IACnBA,MAAS,YAAY;AAAA,IACrBA,MAAS,kBAAkB;AAAA,IAC3B,CAACU,KAAgBT,MAAQ,QAAQ;AAAA,IACjC,CAACS,KAAgBT,MAAQ,QAAQ;AAAA,IACjC,CAACS,KAAgBT,MAAQ,QAAQ;AAAA,IACjC,CAACS,KAAgBT,MAAQ,QAAQ;AAAA,IACjC,CAACS,KAAgBT,MAAQ,QAAQ;AAAA,IACjCC,MAAS,OAAO;AAAA,IAChBA,MAAS,UAAU;AAAA,IACnBA,MAAS,aAAa;AAAA,IACtBA,MAAS,UAAU;AAAA,IACnBE,MAAc,YAAY;AAAA,IAC1BA,MAAc,UAAU;AAAA,IACxBA,MAAc,SAAS;AAAA,IACvBA,MAAc,SAAS;AAAA,IACvBA,MAAc,SAAS;AAAA,IACvBC,MAAa,UAAU;AAAA,IACvBA,MAAa,SAAS;AAAA,IACtBA,MAAa,SAAS;AAAA,IACtBA,MAAa,SAAS;AAAA,IACtBC;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAEpBM,IAAqC;AAAA,IACzC,GAAGL;AAAA,IACH,GAAIG,IAAe,EAAE,KAAK,GAAGT,CAAG,SAAS,CAAA;AAAA,EAAC;AAG5C,SACE,gBAAAY,EAAC,SAAI,WAAWF,GAAS,OAAOC,GAAgB,GAAGH,GAChD,UAAAD,GACH;AAEJ;"}
+{"version":3,"file":"index31.js","sources":["../src/components/Filter.tsx"],"sourcesContent":["import React, { useState, useId } from 'react'\n\nexport interface FilterOption {\n  label: string\n  value: string\n  disabled?: boolean\n}\n\nexport interface FilterProps {\n  /** Filter options */\n  options: (string | FilterOption)[]\n  /** Controlled value */\n  value?: string\n  /** Default value for uncontrolled mode */\n  defaultValue?: string\n  /** Change handler */\n  onChange?: (value: string | undefined) => void\n  /** Radio group name (auto-generated if not provided) */\n  name?: string\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  /** Show reset button */\n  showReset?: boolean\n  /** Reset button label */\n  resetLabel?: React.ReactNode\n  /** Additional CSS classes for container */\n  className?: string\n}\n\nconst sizeClasses: Record<string, string> = {\n  xs: 'btn-xs',\n  sm: 'btn-sm',\n  md: '',\n  lg: 'btn-lg',\n}\n\nexport const Filter: React.FC<FilterProps> = ({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  name,\n  size = 'md',\n  showReset = true,\n  resetLabel = '×',\n  className = '',\n}) => {\n  const autoId = useId()\n  const groupName = name || `filter-${autoId}`\n\n  const [internalValue, setInternalValue] = useState<string | undefined>(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n  const isControlled = value !== undefined\n\n  const normalizedOptions: FilterOption[] = options.map((opt) =>\n    typeof opt === 'string' ? { label: opt, value: opt } : opt\n  )\n\n  const handleChange = (newValue: string) => {\n    if (!isControlled) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const handleReset = () => {\n    if (!isControlled) {\n      setInternalValue(undefined)\n    }\n    onChange?.(undefined)\n  }\n\n  const buttonClasses = ['btn', sizeClasses[size]].filter(Boolean).join(' ')\n  const resetClasses = ['btn', 'btn-square', sizeClasses[size]].filter(Boolean).join(' ')\n\n  return (\n    <form className={`filter ${className}`.trim()} onReset={handleReset}>\n      {showReset && (\n        <input\n          className={resetClasses}\n          type=\"reset\"\n          value={typeof resetLabel === 'string' ? resetLabel : undefined}\n          aria-label=\"Reset filter\"\n        />\n      )}\n      {normalizedOptions.map((option) => (\n        <input\n          key={option.value}\n          className={buttonClasses}\n          type=\"radio\"\n          name={groupName}\n          value={option.value}\n          aria-label={option.label}\n          checked={currentValue === option.value}\n          onChange={() => handleChange(option.value)}\n          disabled={option.disabled}\n        />\n      ))}\n    </form>\n  )\n}\n"],"names":["sizeClasses","Filter","options","value","defaultValue","onChange","name","size","showReset","resetLabel","className","autoId","useId","groupName","internalValue","setInternalValue","useState","currentValue","isControlled","normalizedOptions","opt","handleChange","newValue","handleReset","buttonClasses","resetClasses","jsxs","jsx","option"],"mappings":";;AA6BA,MAAMA,IAAsC;AAAA,EAC1C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAgC,CAAC;AAAA,EAC5C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAASC,EAAA,GACTC,IAAYP,KAAQ,UAAUK,CAAM,IAEpC,CAACG,GAAeC,CAAgB,IAAIC,EAA6BZ,CAAY,GAC7Ea,IAAed,MAAU,SAAYA,IAAQW,GAC7CI,IAAef,MAAU,QAEzBgB,IAAoCjB,EAAQ;AAAA,IAAI,CAACkB,MACrD,OAAOA,KAAQ,WAAW,EAAE,OAAOA,GAAK,OAAOA,MAAQA;AAAA,EAAA,GAGnDC,IAAe,CAACC,MAAqB;AACzC,IAAKJ,KACHH,EAAiBO,CAAQ,GAE3BjB,IAAWiB,CAAQ;AAAA,EACrB,GAEMC,IAAc,MAAM;AACxB,IAAKL,KACHH,EAAiB,MAAS,GAE5BV,IAAW,MAAS;AAAA,EACtB,GAEMmB,IAAgB,CAAC,OAAOxB,EAAYO,CAAI,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACnEkB,IAAe,CAAC,OAAO,cAAczB,EAAYO,CAAI,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEtF,SACE,gBAAAmB,EAAC,UAAK,WAAW,UAAUhB,CAAS,GAAG,KAAA,GAAQ,SAASa,GACrD,UAAA;AAAA,IAAAf,KACC,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF;AAAA,QACX,MAAK;AAAA,QACL,OAAO,OAAOhB,KAAe,WAAWA,IAAa;AAAA,QACrD,cAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGdU,EAAkB,IAAI,CAACS,MACtB,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWH;AAAA,QACX,MAAK;AAAA,QACL,MAAMX;AAAA,QACN,OAAOe,EAAO;AAAA,QACd,cAAYA,EAAO;AAAA,QACnB,SAASX,MAAiBW,EAAO;AAAA,QACjC,UAAU,MAAMP,EAAaO,EAAO,KAAK;AAAA,QACzC,UAAUA,EAAO;AAAA,MAAA;AAAA,MARZA,EAAO;AAAA,IAAA,CAUf;AAAA,EAAA,GACH;AAEJ;"}