asterui 0.11.0 → 0.12.1

package/dist/index24.js

@@ -1,15 +1,35 @@
-import { jsx as t } from "react/jsx-runtime";
-function i({ children: e, className: s = "", ...n }) {
-  const l = ["fieldset", s].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("fieldset", { className: l, ...n, children: e });
+import { jsx as o } from "react/jsx-runtime";
+function l({
+  children: r,
+  orientation: e = "horizontal",
+  position: d = "center",
+  type: i,
+  className: n = "",
+  ...s
+}) {
+  const t = {
+    start: "divider-start",
+    center: "",
+    end: "divider-end"
+  }, a = {
+    neutral: "divider-neutral",
+    primary: "divider-primary",
+    secondary: "divider-secondary",
+    accent: "divider-accent",
+    success: "divider-success",
+    warning: "divider-warning",
+    info: "divider-info",
+    error: "divider-error"
+  }, c = [
+    "divider",
+    e === "vertical" && "divider-vertical",
+    t[d],
+    i && a[i],
+    n
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: c, ...s, children: r });
 }
-function o({ children: e, className: s = "" }) {
-  return /* @__PURE__ */ t("legend", { className: `fieldset-legend ${s}`, children: e });
-}
-const c = Object.assign(i, {
-  Legend: o
-});
 export {
-  c as Fieldset
+  l as Divider
 };
 //# sourceMappingURL=index24.js.map

package/dist/index24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index24.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\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\nexport const Fieldset = Object.assign(FieldsetRoot, {\n  Legend: FieldsetLegend,\n})\n"],"names":["FieldsetRoot","children","className","props","classes","FieldsetLegend","Fieldset"],"mappings":";AAYA,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;AAEO,MAAMK,IAAW,OAAO,OAAON,GAAc;AAAA,EAClD,QAAQK;AACV,CAAC;"}
+{"version":3,"file":"index24.js","sources":["../src/components/Divider.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode\n  orientation?: 'horizontal' | 'vertical'\n  position?: 'start' | 'center' | 'end'\n  type?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error'\n}\n\nexport function Divider({\n  children,\n  orientation = 'horizontal',\n  position = 'center',\n  type,\n  className = '',\n  ...rest\n}: DividerProps) {\n  const positionClasses: Record<string, string> = {\n    start: 'divider-start',\n    center: '',\n    end: 'divider-end',\n  }\n\n  const typeClasses: Record<string, string> = {\n    neutral: 'divider-neutral',\n    primary: 'divider-primary',\n    secondary: 'divider-secondary',\n    accent: 'divider-accent',\n    success: 'divider-success',\n    warning: 'divider-warning',\n    info: 'divider-info',\n    error: 'divider-error',\n  }\n\n  const classes = [\n    'divider',\n    orientation === 'vertical' && 'divider-vertical',\n    positionClasses[position],\n    type && typeClasses[type],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n"],"names":["Divider","children","orientation","position","type","className","rest","positionClasses","typeClasses","classes"],"mappings":";AASO,SAASA,EAAQ;AAAA,EACtB,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAiB;AACf,QAAMC,IAA0C;AAAA,IAC9C,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,EAAA,GAGDC,IAAsC;AAAA,IAC1C,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAU;AAAA,IACd;AAAA,IACAP,MAAgB,cAAc;AAAA,IAC9BK,EAAgBJ,CAAQ;AAAA,IACxBC,KAAQI,EAAYJ,CAAI;AAAA,IACxBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,OAAA,EAAI,WAAWI,GAAU,GAAGH,GAAO,UAAAL,GAAS;AACtD;"}

package/dist/index25.js

@@ -1,36 +1,44 @@
-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 { 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 {
-  c as FileInput
+  N as Drawer
 };
 //# sourceMappingURL=index25.js.map

package/dist/index25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index25.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":"index25.js","sources":["../src/components/Drawer.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface DrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  children: React.ReactNode\n  sidebar: React.ReactNode\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  end?: boolean\n  sidebarClassName?: string\n}\n\nexport const Drawer: React.FC<DrawerProps> = ({\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":["Drawer","children","sidebar","open","onOpenChange","end","className","sidebarClassName","rest","drawerId","React","handleToggle","e","drawerClasses","sidebarClasses","jsxs","jsx"],"mappings":";;AAWO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,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/index26.js

@@ -1,66 +1,15 @@
-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
-}) => {
-  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 });
-};
+import { jsx as t } from "react/jsx-runtime";
+function i({ children: e, className: s = "", ...n }) {
+  const l = ["fieldset", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t("fieldset", { className: l, ...n, children: e });
+}
+function o({ children: e, className: s = "" }) {
+  return /* @__PURE__ */ t("legend", { className: `fieldset-legend ${s}`, children: e });
+}
+const c = Object.assign(i, {
+  Legend: o
+});
 export {
-  y as Flex
+  c as Fieldset
 };
 //# sourceMappingURL=index26.js.map

package/dist/index26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index26.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":"index26.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\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\nexport const Fieldset = Object.assign(FieldsetRoot, {\n  Legend: FieldsetLegend,\n})\n"],"names":["FieldsetRoot","children","className","props","classes","FieldsetLegend","Fieldset"],"mappings":";AAYA,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;AAEO,MAAMK,IAAW,OAAO,OAAON,GAAc;AAAA,EAClD,QAAQK;AACV,CAAC;"}

package/dist/index27.js

@@ -1,83 +1,36 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useState as g, useEffect as v } from "react";
-const k = {
-  left: "tooltip-left",
-  right: "tooltip-right",
-  top: "tooltip-top",
-  bottom: "tooltip-bottom"
-}, f = ({
-  children: s,
-  onClick: n,
-  type: d = "default",
-  shape: p = "circle",
-  position: l = "bottom-right",
-  offset: e = 24,
-  className: h = "",
-  tooltip: r,
-  tooltipPlacement: u = "left",
-  ...i
-}) => {
-  const c = [
-    "btn",
-    "btn-lg",
-    "shadow-lg",
-    p === "circle" ? "btn-circle" : "btn-square",
-    {
-      default: "btn-neutral",
-      primary: "btn-primary",
-      secondary: "btn-secondary",
-      accent: "btn-accent"
-    }[d],
-    h
-  ].filter(Boolean).join(" "), a = {
-    position: "fixed",
-    zIndex: 1e3,
-    ...l.includes("bottom") ? { bottom: e } : { top: e },
-    ...l.includes("right") ? { right: e } : { left: e }
-  }, o = /* @__PURE__ */ t("button", { className: c, onClick: n, style: a, ...i, children: s || /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) }) });
-  return r ? /* @__PURE__ */ t("div", { className: `tooltip ${k[u]}`, "data-tip": r, style: a, children: /* @__PURE__ */ t("button", { className: c, onClick: n, style: { position: "static" }, ...i, children: s || /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" }) }) }) }) : o;
-}, x = ({
-  visibilityHeight: s = 400,
-  target: n,
-  onClick: d,
-  children: p,
-  position: l = "bottom-right",
-  offset: e = 24,
-  className: h = "",
-  ...r
-}) => {
-  const [u, i] = g(!1);
-  v(() => {
-    const o = n ? n() : window, m = () => {
-      const b = o instanceof Window ? window.scrollY : o.scrollTop;
-      i(b >= s);
-    };
-    return o.addEventListener("scroll", m), m(), () => o.removeEventListener("scroll", m);
-  }, [n, s]);
-  const w = () => {
-    d?.();
-    const o = n ? n() : window;
-    o instanceof Window ? window.scrollTo({ top: 0, behavior: "smooth" }) : o.scrollTo({ top: 0, behavior: "smooth" });
-  };
-  if (!u) return null;
-  const c = [
-    "btn",
-    "btn-lg",
-    "btn-circle",
-    "btn-neutral",
-    "shadow-lg",
-    "transition-opacity",
-    h
-  ].filter(Boolean).join(" "), a = {
-    position: "fixed",
-    zIndex: 1e3,
-    bottom: e,
-    ...l.includes("right") ? { right: e } : { left: e }
-  };
-  return /* @__PURE__ */ t("button", { className: c, onClick: w, style: a, ...r, children: p || /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 10l7-7m0 0l7 7m-7-7v18" }) }) });
-};
-f.BackTop = x;
+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 {
-  f as FloatButton
+  c as FileInput
 };
 //# sourceMappingURL=index27.js.map

package/dist/index27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index27.js","sources":["../src/components/FloatButton.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\n\nexport interface FloatButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  /** Button content (icon or text) */\n  children?: React.ReactNode\n  /** Button type/color */\n  type?: 'default' | 'primary' | 'secondary' | 'accent'\n  /** Button shape */\n  shape?: 'circle' | 'square'\n  /** Position on screen */\n  position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'\n  /** Distance from edge in pixels */\n  offset?: number\n  /** Tooltip text */\n  tooltip?: string\n  /** Tooltip placement */\n  tooltipPlacement?: 'left' | 'right' | 'top' | 'bottom'\n}\n\nexport interface BackTopProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'onClick'> {\n  /** Scroll threshold to show button (pixels) */\n  visibilityHeight?: number\n  /** Scroll target (default: window) */\n  target?: () => HTMLElement | Window\n  /** Click handler (called before scrolling) */\n  onClick?: () => void\n  /** Custom content */\n  children?: React.ReactNode\n  /** Position on screen */\n  position?: 'bottom-right' | 'bottom-left'\n  /** Distance from edge in pixels */\n  offset?: number\n}\n\nconst tooltipPlacementClasses = {\n  left: 'tooltip-left',\n  right: 'tooltip-right',\n  top: 'tooltip-top',\n  bottom: 'tooltip-bottom',\n}\n\nexport const FloatButton: React.FC<FloatButtonProps> & { BackTop: React.FC<BackTopProps> } = ({\n  children,\n  onClick,\n  type = 'default',\n  shape = 'circle',\n  position = 'bottom-right',\n  offset = 24,\n  className = '',\n  tooltip,\n  tooltipPlacement = 'left',\n  ...rest\n}) => {\n  const typeClasses = {\n    default: 'btn-neutral',\n    primary: 'btn-primary',\n    secondary: 'btn-secondary',\n    accent: 'btn-accent',\n  }\n\n  const buttonClasses = [\n    'btn',\n    'btn-lg',\n    'shadow-lg',\n    shape === 'circle' ? 'btn-circle' : 'btn-square',\n    typeClasses[type],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const style: React.CSSProperties = {\n    position: 'fixed',\n    zIndex: 1000,\n    ...(position.includes('bottom') ? { bottom: offset } : { top: offset }),\n    ...(position.includes('right') ? { right: offset } : { left: offset }),\n  }\n\n  const button = (\n    <button className={buttonClasses} onClick={onClick} style={style} {...rest}>\n      {children || (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n        </svg>\n      )}\n    </button>\n  )\n\n  if (tooltip) {\n    return (\n      <div className={`tooltip ${tooltipPlacementClasses[tooltipPlacement]}`} data-tip={tooltip} style={style}>\n        <button className={buttonClasses} onClick={onClick} style={{ position: 'static' }} {...rest}>\n          {children || (\n            <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n            </svg>\n          )}\n        </button>\n      </div>\n    )\n  }\n\n  return button\n}\n\nconst BackTop: React.FC<BackTopProps> = ({\n  visibilityHeight = 400,\n  target,\n  onClick,\n  children,\n  position = 'bottom-right',\n  offset = 24,\n  className = '',\n  ...rest\n}) => {\n  const [visible, setVisible] = useState(false)\n\n  useEffect(() => {\n    const scrollTarget = target ? target() : window\n\n    const handleScroll = () => {\n      const scrollTop =\n        scrollTarget instanceof Window\n          ? window.scrollY\n          : (scrollTarget as HTMLElement).scrollTop\n\n      setVisible(scrollTop >= visibilityHeight)\n    }\n\n    scrollTarget.addEventListener('scroll', handleScroll)\n    handleScroll()\n\n    return () => scrollTarget.removeEventListener('scroll', handleScroll)\n  }, [target, visibilityHeight])\n\n  const handleClick = () => {\n    onClick?.()\n    const scrollTarget = target ? target() : window\n    if (scrollTarget instanceof Window) {\n      window.scrollTo({ top: 0, behavior: 'smooth' })\n    } else {\n      (scrollTarget as HTMLElement).scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  }\n\n  if (!visible) return null\n\n  const buttonClasses = [\n    'btn',\n    'btn-lg',\n    'btn-circle',\n    'btn-neutral',\n    'shadow-lg',\n    'transition-opacity',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const style: React.CSSProperties = {\n    position: 'fixed',\n    zIndex: 1000,\n    bottom: offset,\n    ...(position.includes('right') ? { right: offset } : { left: offset }),\n  }\n\n  return (\n    <button className={buttonClasses} onClick={handleClick} style={style} {...rest}>\n      {children || (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 10l7-7m0 0l7 7m-7-7v18\" />\n        </svg>\n      )}\n    </button>\n  )\n}\n\nFloatButton.BackTop = BackTop\n"],"names":["tooltipPlacementClasses","FloatButton","children","onClick","type","shape","position","offset","className","tooltip","tooltipPlacement","rest","buttonClasses","style","button","jsx","BackTop","visibilityHeight","target","visible","setVisible","useState","useEffect","scrollTarget","handleScroll","scrollTop","handleClick"],"mappings":"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"}
+{"version":3,"file":"index27.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/index28.js

@@ -1,21 +1,66 @@
-import { jsx as r } from "react/jsx-runtime";
-function a({ children: o, className: e = "", center: t = !1, horizontal: s = !1, vertical: f = !1, ...l }) {
-  const n = [
-    "footer",
-    t && "footer-center",
-    s && "footer-horizontal",
-    f && "footer-vertical",
-    e
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r("footer", { className: n, ...l, children: o });
-}
-function i({ children: o, className: e = "", ...t }) {
-  return /* @__PURE__ */ r("h6", { className: `footer-title ${e}`, ...t, children: o });
-}
-const m = Object.assign(a, {
-  Title: i
-});
+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
+}) => {
+  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 });
+};
 export {
-  m as Footer
+  y as Flex
 };
 //# sourceMappingURL=index28.js.map

package/dist/index28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index28.js","sources":["../src/components/Footer.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface FooterProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode\n  center?: boolean\n  horizontal?: boolean\n  vertical?: boolean\n}\n\nexport interface FooterTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  children: React.ReactNode\n}\n\nfunction FooterRoot({ children, className = '', center = false, horizontal = false, vertical = false, ...rest }: FooterProps) {\n  const classes = [\n    'footer',\n    center && 'footer-center',\n    horizontal && 'footer-horizontal',\n    vertical && 'footer-vertical',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <footer className={classes} {...rest}>{children}</footer>\n}\n\nfunction FooterTitle({ children, className = '', ...rest }: FooterTitleProps) {\n  return <h6 className={`footer-title ${className}`} {...rest}>{children}</h6>\n}\n\nexport const Footer = Object.assign(FooterRoot, {\n  Title: FooterTitle,\n})\n"],"names":["FooterRoot","children","className","center","horizontal","vertical","rest","classes","FooterTitle","jsx","Footer"],"mappings":";AAaA,SAASA,EAAW,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,QAAAC,IAAS,IAAO,YAAAC,IAAa,IAAO,UAAAC,IAAW,IAAO,GAAGC,KAAqB;AAC5H,QAAMC,IAAU;AAAA,IACd;AAAA,IACAJ,KAAU;AAAA,IACVC,KAAc;AAAA,IACdC,KAAY;AAAA,IACZH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,2BAAQ,UAAA,EAAO,WAAWK,GAAU,GAAGD,GAAO,UAAAL,GAAS;AACzD;AAEA,SAASO,EAAY,EAAE,UAAAP,GAAU,WAAAC,IAAY,IAAI,GAAGI,KAA0B;AAC5E,SAAO,gBAAAG,EAAC,QAAG,WAAW,gBAAgBP,CAAS,IAAK,GAAGI,GAAO,UAAAL,GAAS;AACzE;AAEO,MAAMS,IAAS,OAAO,OAAOV,GAAY;AAAA,EAC9C,OAAOQ;AACT,CAAC;"}
+{"version":3,"file":"index28.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;"}