asterui 0.12.6 → 0.12.8

package/dist/index25.js

@@ -1,4 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 function l({
   children: r,
   orientation: e = "horizontal",
@@ -7,11 +7,11 @@ function l({
   className: n = "",
   ...s
 }) {
-  const t = {
+  const o = {
     start: "divider-start",
     center: "",
     end: "divider-end"
-  }, a = {
+  }, t = {
     neutral: "divider-neutral",
     primary: "divider-primary",
     secondary: "divider-secondary",
@@ -20,14 +20,14 @@ function l({
     warning: "divider-warning",
     info: "divider-info",
     error: "divider-error"
-  }, c = [
+  }, a = [
     "divider",
-    e === "vertical" && "divider-vertical",
-    t[d],
-    i && a[i],
+    e === "vertical" && "divider-horizontal",
+    o[d],
+    i && t[i],
     n
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o("div", { className: c, ...s, children: r });
+  return /* @__PURE__ */ c("div", { className: a, ...s, children: r });
 }
 export {
   l as Divider

package/dist/index25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index25.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;"}
+{"version":3,"file":"index25.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-horizontal',\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/index27.js

@@ -1,15 +1,20 @@
-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 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__ */ t("legend", { className: `fieldset-legend ${s}`, children: e });
+  return /* @__PURE__ */ n("legend", { className: `fieldset-legend ${s}`, children: e });
 }
-const c = Object.assign(i, {
-  Legend: o
+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 Fieldset
+  d as Fieldset
 };
 //# sourceMappingURL=index27.js.map

package/dist/index27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index27.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":"index27.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/index29.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=index29.js.map

package/dist/index29.js.map

@@ -1 +1 @@
-{"version":3,"file":"index29.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":"index29.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;"}

package/dist/index30.js

@@ -1,83 +1,66 @@
-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
+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 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 }
+  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__ */ 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" }) }) });
+  return /* @__PURE__ */ v("div", { className: w, style: p, ...u, children: i });
 };
-f.BackTop = x;
 export {
-  f as FloatButton
+  y as Flex
 };
 //# sourceMappingURL=index30.js.map

package/dist/index30.js.map

@@ -1 +1 @@
-{"version":3,"file":"index30.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":"index30.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;"}