asterui 0.12.0 → 0.12.2

package/dist/index30.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=index30.js.map

package/dist/index30.js.map

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

package/dist/index31.js

@@ -1,164 +1,83 @@
-import { jsx as n, jsxs as I } from "react/jsx-runtime";
-import { createContext as Z, useId as C, isValidElement as k, cloneElement as T, useContext as _ } from "react";
-import { useForm as q, useFieldArray as B, Controller as D } from "react-hook-form";
-const j = Z(void 0), $ = {
-  email: {
-    value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
-    message: "Please enter a valid email address"
-  },
-  url: {
-    value: /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)$/,
-    message: "Please enter a valid URL"
-  },
-  number: {
-    value: /^-?\d+(\.\d+)?$/,
-    message: "Please enter a valid number"
-  }
-};
-function S() {
-  const t = _(j);
-  if (!t)
-    throw new Error("Form compound components must be used within Form");
-  return t;
-}
-function H({
-  form: t,
-  onFinish: a,
-  initialValues: r,
-  layout: i = "vertical",
-  size: c,
-  children: x,
-  className: m = "",
-  noValidate: h = !0,
-  ...l
-}) {
-  const p = q({
-    defaultValues: r
-  }), d = t || p, v = (F) => {
-    F.preventDefault(), a && d.handleSubmit(a)(F);
-  };
-  return /* @__PURE__ */ n(j.Provider, { value: { form: d, layout: i, size: c }, children: /* @__PURE__ */ n("form", { onSubmit: v, className: m, noValidate: h, ...l, children: x }) });
-}
-function U({
-  name: t,
-  label: a,
-  help: r,
-  required: i = !1,
-  rules: c,
-  valuePropName: x = "value",
-  inline: m = !1,
+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 = "",
-  children: l
-}) {
-  const { form: p, size: d, listName: v, layout: F } = S(), z = C(), V = C();
-  if (!t)
-    return /* @__PURE__ */ n("div", { className: `form-control ${m ? "w-auto" : "w-full"} ${h}`, children: l });
-  let N;
-  Array.isArray(t) ? N = (v ? [v, ...t] : t).join(".") : N = t;
-  const A = ((e) => {
-    const o = e.split(".");
-    let s = p.formState.errors;
-    for (const E of o) {
-      if (!s) break;
-      s = s[E];
-    }
-    return s;
-  })(N), b = A?.message, L = c ? Array.isArray(c) ? c : [c] : [], u = {}, P = [], w = [];
-  i && (u.required = "This field is required");
-  for (const e of L) {
-    if (e.required && (u.required = typeof e.required == "string" ? e.required : e.message || "This field is required"), e.type && $[e.type] && P.push({
-      pattern: $[e.type].value,
-      message: e.message || $[e.type].message
-    }), e.min !== void 0) {
-      const o = typeof e.min == "object" ? e.min.value : e.min, s = typeof e.min == "object" ? e.min.message : e.message || `Minimum length is ${o} characters`;
-      u.minLength = { value: o, message: s };
-    }
-    if (e.max !== void 0) {
-      const o = typeof e.max == "object" ? e.max.value : e.max, s = typeof e.max == "object" ? e.max.message : e.message || `Maximum length is ${o} characters`;
-      u.maxLength = { value: o, message: s };
-    }
-    if (e.pattern) {
-      const o = e.pattern instanceof RegExp ? e.pattern : e.pattern.value, s = e.pattern instanceof RegExp ? e.message || "Invalid format" : e.pattern.message;
-      P.push({ pattern: o, message: s });
-    }
-    e.validate && w.push(e.validate);
-  }
-  return (P.length > 0 || w.length > 0) && (u.validate = async (e) => {
-    if (!e && !u.required) return !0;
-    for (const { pattern: o, message: s } of P)
-      if (e && !o.test(e))
-        return s;
-    for (const o of w) {
-      const s = await o(e);
-      if (s !== !0)
-        return s;
-    }
-    return !0;
-  }), /* @__PURE__ */ n(
-    D,
+  tooltip: r,
+  tooltipPlacement: u = "left",
+  ...i
+}) => {
+  const c = [
+    "btn",
+    "btn-lg",
+    "shadow-lg",
+    p === "circle" ? "btn-circle" : "btn-square",
     {
-      name: N,
-      control: p.control,
-      rules: u,
-      render: ({ field: e }) => {
-        const { value: o, onChange: s, onBlur: E, ref: M } = e, f = {
-          id: z,
-          ref: M,
-          onBlur: E,
-          "aria-invalid": A ? !0 : void 0,
-          "aria-describedby": A ? V : void 0
-        };
-        x === "checked" ? (f.checked = o, f.onChange = (g) => s(g.target.checked)) : (f.value = o || "", f.onChange = (g) => {
-          g && g.target !== void 0 ? s(g.target.value) : s(g);
-        }), d && k(l) && (l.props.size || (f.size = d)), A && (f.color = "error");
-        const R = k(l) ? T(l, f) : l, y = F === "horizontal";
-        return /* @__PURE__ */ I("div", { className: `form-control ${m ? "w-auto" : "w-full"} ${h}`, children: [
-          /* @__PURE__ */ I("div", { className: y ? "flex items-center gap-4" : "", children: [
-            a && /* @__PURE__ */ n("label", { htmlFor: z, className: `label ${y ? "flex-shrink-0" : "mb-2"}`, children: /* @__PURE__ */ I("span", { className: "label-text", children: [
-              a,
-              i && /* @__PURE__ */ n("span", { className: "text-error ml-1", children: "*" })
-            ] }) }),
-            /* @__PURE__ */ n("div", { className: y ? "flex-1" : "", children: R })
-          ] }),
-          !y && !m && /* @__PURE__ */ n("div", { className: "label", children: /* @__PURE__ */ n("span", { id: V, className: "label-text-alt text-error min-h-[1.25rem]", role: b ? "alert" : void 0, children: b || r && /* @__PURE__ */ n("span", { className: "text-base-content/70", children: r }) || " " }) }),
-          y && (b || r) && /* @__PURE__ */ n("div", { className: "label", children: /* @__PURE__ */ n("span", { id: V, className: "label-text-alt text-error min-h-[1.25rem] ml-auto", role: b ? "alert" : void 0, children: b || r && /* @__PURE__ */ n("span", { className: "text-base-content/70", children: r }) }) })
-        ] });
-      }
-    }
-  );
-}
-function W({
-  name: t,
-  children: a
-}) {
-  const { form: r, layout: i, size: c } = S(), { fields: x, append: m, remove: h, move: l } = B({
-    control: r.control,
-    name: t
-  }), p = x.map((d, v) => ({
-    ...d,
-    name: v
-  }));
-  return /* @__PURE__ */ n(j.Provider, { value: { form: r, layout: i, size: c, listName: t }, children: a(p, {
-    add: m,
-    remove: h,
-    move: l
-  }) });
-}
-function Y() {
-  const t = q(), a = t;
-  return a.setFieldValue = t.setValue, a.getFieldValue = (r) => t.getValues(r), a.getFieldsValue = t.getValues, a.setFieldsValue = (r) => {
-    Object.keys(r).forEach((i) => {
-      t.setValue(i, r[i]);
-    });
-  }, a.validateFields = t.trigger, a.resetFields = t.reset, a.isFieldTouched = (r) => !!t.formState.touchedFields[r], a.getFieldError = (r) => t.formState.errors[r]?.message, a;
-}
-const Q = Object.assign(H, {
-  Item: U,
-  List: W,
-  useForm: Y
-});
+      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;
 export {
-  Q as Form,
-  Y as useFormInstance
+  f as FloatButton
 };
 //# sourceMappingURL=index31.js.map

package/dist/index31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index31.js","sources":["../src/components/Form.tsx"],"sourcesContent":["import React, { createContext, useContext, cloneElement, isValidElement, useId } from 'react'\nimport { useForm, UseFormReturn, FieldValues, SubmitHandler, UseFormProps, Controller, useFieldArray, FieldArrayPath, FieldArray } from 'react-hook-form'\n\ninterface FormContextValue {\n  form: UseFormReturn<any>\n  layout?: 'vertical' | 'horizontal' | 'inline'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  listName?: string\n}\n\nconst FormContext = createContext<FormContextValue | undefined>(undefined)\n\n// Built-in type validators\nconst TYPE_VALIDATORS = {\n  email: {\n    value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i,\n    message: 'Please enter a valid email address',\n  },\n  url: {\n    value: /^https?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_\\+.~#?&//=]*)$/,\n    message: 'Please enter a valid URL',\n  },\n  number: {\n    value: /^-?\\d+(\\.\\d+)?$/,\n    message: 'Please enter a valid number',\n  },\n}\n\nexport interface FormProps<TFieldValues extends FieldValues = FieldValues>\n  extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onSubmit'> {\n  form?: UseFormReturn<TFieldValues>\n  onFinish?: SubmitHandler<TFieldValues>\n  initialValues?: UseFormProps<TFieldValues>['defaultValues']\n  layout?: 'vertical' | 'horizontal' | 'inline'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  children: React.ReactNode\n}\n\nexport interface FormRule {\n  required?: boolean | string\n  type?: 'email' | 'url' | 'number'\n  min?: number | { value: number; message: string }\n  max?: number | { value: number; message: string }\n  pattern?: RegExp | { value: RegExp; message: string }\n  message?: string\n  validate?: (value: any) => boolean | string | Promise<boolean | string>\n}\n\nexport interface FormItemProps {\n  name?: string | string[]\n  label?: string\n  help?: string\n  required?: boolean\n  rules?: FormRule | FormRule[]\n  valuePropName?: string\n  inline?: boolean\n  className?: string\n  children: React.ReactElement\n}\n\nexport interface FormListProps<TFieldValues extends FieldValues = FieldValues> {\n  name: FieldArrayPath<TFieldValues>\n  children: (\n    fields: FieldArray<TFieldValues>[],\n    operations: {\n      add: (value?: any) => void\n      remove: (index: number) => void\n      move: (from: number, to: number) => void\n    }\n  ) => React.ReactNode\n}\n\nfunction useFormContext() {\n  const context = useContext(FormContext)\n  if (!context) {\n    throw new Error('Form compound components must be used within Form')\n  }\n  return context\n}\n\nfunction FormRoot<TFieldValues extends FieldValues = FieldValues>({\n  form: externalForm,\n  onFinish,\n  initialValues,\n  layout = 'vertical',\n  size,\n  children,\n  className = '',\n  noValidate = true,\n  ...props\n}: FormProps<TFieldValues>) {\n  const internalForm = useForm<TFieldValues>({\n    defaultValues: initialValues,\n  })\n\n  const form = externalForm || internalForm\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    if (onFinish) {\n      form.handleSubmit(onFinish)(e)\n    }\n  }\n\n  return (\n    <FormContext.Provider value={{ form, layout, size }}>\n      <form onSubmit={handleSubmit} className={className} noValidate={noValidate} {...props}>\n        {children}\n      </form>\n    </FormContext.Provider>\n  )\n}\n\nfunction FormItem({\n  name,\n  label,\n  help,\n  required = false,\n  rules,\n  valuePropName = 'value',\n  inline = false,\n  className = '',\n  children,\n}: FormItemProps) {\n  const { form, size, listName, layout } = useFormContext()\n  const inputId = useId()\n  const errorId = useId()\n\n  if (!name) {\n    // Render without form control if no name provided\n    return <div className={`form-control ${inline ? 'w-auto' : 'w-full'} ${className}`}>{children}</div>\n  }\n\n  // Handle nested field names (for Form.List)\n  let fieldName: string\n  if (Array.isArray(name)) {\n    // If we're inside a Form.List, prepend the list name\n    const fullPath = listName ? [listName, ...name] : name\n    fieldName = fullPath.join('.')\n  } else {\n    fieldName = name\n  }\n\n  // Get error by traversing the error object path\n  const getErrorByPath = (path: string) => {\n    const keys = path.split('.')\n    let error: any = form.formState.errors\n    for (const key of keys) {\n      if (!error) break\n      error = error[key]\n    }\n    return error\n  }\n\n  const error = getErrorByPath(fieldName)\n  const errorMessage = error?.message as string | undefined\n\n  // Normalize rules to array\n  const rulesArray: FormRule[] = rules\n    ? Array.isArray(rules) ? rules : [rules]\n    : []\n\n  // Build validation rules\n  const validationRules: any = {}\n  const patternValidators: Array<{ pattern: RegExp; message: string }> = []\n  const customValidators: Array<(value: any) => boolean | string | Promise<boolean | string>> = []\n\n  // Handle top-level required prop\n  if (required) {\n    validationRules.required = 'This field is required'\n  }\n\n  // Process each rule\n  for (const rule of rulesArray) {\n    // Required\n    if (rule.required) {\n      validationRules.required = typeof rule.required === 'string'\n        ? rule.required\n        : rule.message || 'This field is required'\n    }\n\n    // Type validator\n    if (rule.type && TYPE_VALIDATORS[rule.type]) {\n      patternValidators.push({\n        pattern: TYPE_VALIDATORS[rule.type].value,\n        message: rule.message || TYPE_VALIDATORS[rule.type].message,\n      })\n    }\n\n    // Min length\n    if (rule.min !== undefined) {\n      const minValue = typeof rule.min === 'object' ? rule.min.value : rule.min\n      const minMessage = typeof rule.min === 'object'\n        ? rule.min.message\n        : rule.message || `Minimum length is ${minValue} characters`\n      validationRules.minLength = { value: minValue, message: minMessage }\n    }\n\n    // Max length\n    if (rule.max !== undefined) {\n      const maxValue = typeof rule.max === 'object' ? rule.max.value : rule.max\n      const maxMessage = typeof rule.max === 'object'\n        ? rule.max.message\n        : rule.message || `Maximum length is ${maxValue} characters`\n      validationRules.maxLength = { value: maxValue, message: maxMessage }\n    }\n\n    // Pattern - collect all patterns\n    if (rule.pattern) {\n      const patternValue = rule.pattern instanceof RegExp ? rule.pattern : rule.pattern.value\n      const patternMessage = rule.pattern instanceof RegExp\n        ? rule.message || 'Invalid format'\n        : rule.pattern.message\n      patternValidators.push({ pattern: patternValue, message: patternMessage })\n    }\n\n    // Custom validator\n    if (rule.validate) {\n      customValidators.push(rule.validate)\n    }\n  }\n\n  // Combine all pattern and custom validators into a single validate function\n  if (patternValidators.length > 0 || customValidators.length > 0) {\n    validationRules.validate = async (value: any) => {\n      // Skip validation if empty (required rule handles that)\n      if (!value && !validationRules.required) return true\n\n      // Check all patterns\n      for (const { pattern, message } of patternValidators) {\n        if (value && !pattern.test(value)) {\n          return message\n        }\n      }\n\n      // Run all custom validators\n      for (const validator of customValidators) {\n        const result = await validator(value)\n        if (result !== true) {\n          return result\n        }\n      }\n\n      return true\n    }\n  }\n\n  return (\n    <Controller\n      name={fieldName}\n      control={form.control}\n      rules={validationRules}\n      render={({ field }) => {\n        const { value, onChange, onBlur, ref } = field\n\n        // Clone the child element and inject form control props\n        const childProps: any = {\n          id: inputId,\n          ref,\n          onBlur,\n          'aria-invalid': error ? true : undefined,\n          'aria-describedby': error ? errorId : undefined,\n        }\n\n        // Handle different value prop names (e.g., 'checked' for checkboxes)\n        if (valuePropName === 'checked') {\n          childProps.checked = value\n          childProps.onChange = (e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.checked)\n        } else {\n          childProps.value = value || ''\n          childProps.onChange = (eventOrValue: any) => {\n            // Handle components that pass value directly (e.g., Range, Rating)\n            // vs components that pass event object (e.g., Input, Select)\n            if (eventOrValue && eventOrValue.target !== undefined) {\n              onChange(eventOrValue.target.value)\n            } else {\n              onChange(eventOrValue)\n            }\n          }\n        }\n\n        // Apply size if specified at form level\n        if (size && isValidElement(children)) {\n          const existingProps = children.props as any\n          if (!existingProps.size) {\n            childProps.size = size\n          }\n        }\n\n        // Apply error styling\n        if (error) {\n          childProps.color = 'error'\n        }\n\n        const enhancedChild = isValidElement(children)\n          ? cloneElement(children as React.ReactElement<any>, childProps)\n          : children\n\n        const isHorizontal = layout === 'horizontal'\n\n        return (\n          <div className={`form-control ${inline ? 'w-auto' : 'w-full'} ${className}`}>\n            <div className={isHorizontal ? 'flex items-center gap-4' : ''}>\n              {label && (\n                <label htmlFor={inputId} className={`label ${isHorizontal ? 'flex-shrink-0' : 'mb-2'}`}>\n                  <span className=\"label-text\">\n                    {label}\n                    {required && <span className=\"text-error ml-1\">*</span>}\n                  </span>\n                </label>\n              )}\n              <div className={isHorizontal ? 'flex-1' : ''}>\n                {enhancedChild}\n              </div>\n            </div>\n            {!isHorizontal && !inline && (\n              <div className=\"label\">\n                <span id={errorId} className=\"label-text-alt text-error min-h-[1.25rem]\" role={errorMessage ? 'alert' : undefined}>\n                  {errorMessage || (help && <span className=\"text-base-content/70\">{help}</span>) || '\\u00A0'}\n                </span>\n              </div>\n            )}\n            {isHorizontal && (errorMessage || help) && (\n              <div className=\"label\">\n                <span id={errorId} className=\"label-text-alt text-error min-h-[1.25rem] ml-auto\" role={errorMessage ? 'alert' : undefined}>\n                  {errorMessage || (help && <span className=\"text-base-content/70\">{help}</span>)}\n                </span>\n              </div>\n            )}\n          </div>\n        )\n      }}\n    />\n  )\n}\n\nfunction FormList<TFieldValues extends FieldValues = FieldValues>({\n  name,\n  children,\n}: FormListProps<TFieldValues>) {\n  const { form, layout, size } = useFormContext()\n\n  const { fields, append, remove, move } = useFieldArray({\n    control: form.control,\n    name,\n  })\n\n  // Add name (index) to each field for proper path construction\n  const fieldsWithName = fields.map((field, index) => ({\n    ...field,\n    name: index,\n  }))\n\n  return (\n    <FormContext.Provider value={{ form, layout, size, listName: name as string }}>\n      {children(fieldsWithName as any, {\n        add: append,\n        remove,\n        move,\n      })}\n    </FormContext.Provider>\n  )\n}\n\n// Enhanced hook to expose full form API\nexport function useFormInstance<TFieldValues extends FieldValues = FieldValues>() {\n  const formInstance = useForm<TFieldValues>()\n\n  // Add convenience methods to the instance\n  const enhancedInstance = formInstance as typeof formInstance & {\n    setFieldValue: typeof formInstance.setValue\n    getFieldValue: (name: any) => any\n    getFieldsValue: typeof formInstance.getValues\n    setFieldsValue: (values: any) => void\n    validateFields: typeof formInstance.trigger\n    resetFields: typeof formInstance.reset\n    isFieldTouched: (name: string) => boolean\n    getFieldError: (name: string) => string | undefined\n  }\n\n  // Add the alias methods\n  enhancedInstance.setFieldValue = formInstance.setValue\n  enhancedInstance.getFieldValue = (name: any) => formInstance.getValues(name)\n  enhancedInstance.getFieldsValue = formInstance.getValues\n  enhancedInstance.setFieldsValue = (values: any) => {\n    Object.keys(values).forEach((key) => {\n      formInstance.setValue(key as any, values[key])\n    })\n  }\n  enhancedInstance.validateFields = formInstance.trigger\n  enhancedInstance.resetFields = formInstance.reset\n  enhancedInstance.isFieldTouched = (name: string) => {\n    const touched = formInstance.formState.touchedFields as any\n    return !!touched[name]\n  }\n  enhancedInstance.getFieldError = (name: string) => {\n    const errors = formInstance.formState.errors as any\n    return errors[name]?.message as string | undefined\n  }\n\n  return enhancedInstance\n}\n\nexport const Form = Object.assign(FormRoot, {\n  Item: FormItem,\n  List: FormList,\n  useForm: useFormInstance,\n})\n\nexport type { UseFormReturn as FormInstance }\n"],"names":["FormContext","createContext","TYPE_VALIDATORS","useFormContext","context","useContext","FormRoot","externalForm","onFinish","initialValues","layout","size","children","className","noValidate","props","internalForm","useForm","form","handleSubmit","e","jsx","FormItem","name","label","help","required","rules","valuePropName","inline","listName","inputId","useId","errorId","fieldName","error","path","keys","key","errorMessage","rulesArray","validationRules","patternValidators","customValidators","rule","minValue","minMessage","maxValue","maxMessage","patternValue","patternMessage","value","pattern","message","validator","result","Controller","field","onChange","onBlur","ref","childProps","eventOrValue","isValidElement","enhancedChild","cloneElement","isHorizontal","jsxs","FormList","fields","append","remove","move","useFieldArray","fieldsWithName","index","useFormInstance","formInstance","enhancedInstance","values","Form"],"mappings":"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"}
+{"version":3,"file":"index31.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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"}