asterui 0.12.2 → 0.12.3

package/dist/index30.js

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

package/dist/index30.js.map

@@ -1 +1 @@
-{"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;"}
+{"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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"}

package/dist/index31.js

@@ -1,83 +1,21 @@
-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 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
+});
 export {
-  f as FloatButton
+  m as Footer
 };
 //# sourceMappingURL=index31.js.map

package/dist/index31.js.map

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

package/dist/index32.js

@@ -1,21 +1,223 @@
-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 });
+import { jsx as t, jsxs as L } from "react/jsx-runtime";
+import { createContext as ae, useId as J, useEffect as H, useRef as K, isValidElement as U, cloneElement as ie, useContext as le } from "react";
+import { useForm as Y, useFieldArray as ce, useWatch as ue, Controller as me } from "react-hook-form";
+const P = ae(void 0), M = {
+  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 z() {
+  const r = le(P);
+  if (!r)
+    throw new Error("Form compound components must be used within Form");
+  return r;
+}
+function de({
+  form: r,
+  onFinish: o,
+  initialValues: s,
+  layout: u = "vertical",
+  labelWidth: m = 60,
+  size: y,
+  children: h,
+  className: l = "",
+  noValidate: i = !0,
+  ...g
+}) {
+  const p = Y({
+    defaultValues: s
+  }), v = r || p, c = ($) => {
+    $.preventDefault(), o && v.handleSubmit(o)($);
+  };
+  return /* @__PURE__ */ t(P.Provider, { value: { form: v, layout: u, labelWidth: m, size: y }, children: /* @__PURE__ */ t("form", { onSubmit: c, className: l, noValidate: i, ...g, children: h }) });
+}
+function fe({
+  name: r,
+  label: o,
+  help: s,
+  required: u = !1,
+  rules: m,
+  valuePropName: y = "value",
+  inline: h = !1,
+  className: l = "",
+  children: i,
+  tooltip: g,
+  extra: p,
+  hasFeedback: v = !1,
+  dependencies: c,
+  validateTrigger: $ = "onChange",
+  initialValue: B,
+  hidden: S = !1
+}) {
+  const { form: d, size: R, listName: q, layout: W, labelWidth: G } = z(), T = J(), C = J();
+  if (!r)
+    return /* @__PURE__ */ t("div", { className: `form-control ${h ? "w-auto" : "w-full"} ${l}`, style: S ? { display: "none" } : void 0, children: i });
+  let f;
+  Array.isArray(r) ? f = (q ? [q, ...r] : r).join(".") : f = r, H(() => {
+    B !== void 0 && d.getValues(f) === void 0 && d.setValue(f, B);
+  }, []);
+  const j = ue({
+    control: d.control,
+    name: c,
+    disabled: !c || c.length === 0
+  }), Z = K(d);
+  Z.current = d;
+  const E = K(void 0);
+  H(() => {
+    if (!c || c.length === 0) return;
+    if (E.current === void 0) {
+      E.current = JSON.stringify(j);
+      return;
+    }
+    const e = JSON.stringify(j);
+    E.current !== e && (E.current = e, Z.current.trigger(f));
+  }, [j, c, f]);
+  const w = ((e) => {
+    const n = e.split(".");
+    let a = d.formState.errors;
+    for (const V of n) {
+      if (!a) break;
+      a = a[V];
+    }
+    return a;
+  })(f), N = w?.message, Q = m ? Array.isArray(m) ? m : [m] : [], k = {}, A = [], I = [];
+  u && (k.required = "This field is required");
+  for (const e of Q) {
+    if (e.required && (k.required = typeof e.required == "string" ? e.required : e.message || "This field is required"), e.type && M[e.type] && A.push({
+      pattern: M[e.type].value,
+      message: e.message || M[e.type].message
+    }), e.min !== void 0) {
+      const n = typeof e.min == "object" ? e.min.value : e.min, a = typeof e.min == "object" ? e.min.message : e.message || `Minimum length is ${n} characters`;
+      k.minLength = { value: n, message: a };
+    }
+    if (e.max !== void 0) {
+      const n = typeof e.max == "object" ? e.max.value : e.max, a = typeof e.max == "object" ? e.max.message : e.message || `Maximum length is ${n} characters`;
+      k.maxLength = { value: n, message: a };
+    }
+    if (e.pattern) {
+      const n = e.pattern instanceof RegExp ? e.pattern : e.pattern.value, a = e.pattern instanceof RegExp ? e.message || "Invalid format" : e.pattern.message;
+      A.push({ pattern: n, message: a });
+    }
+    e.validate && I.push(e.validate);
+  }
+  (A.length > 0 || I.length > 0) && (k.validate = async (e) => {
+    if (!e && !k.required) return !0;
+    for (const { pattern: n, message: a } of A)
+      if (e && !n.test(e))
+        return a;
+    for (const n of I) {
+      const a = await n(e);
+      if (a !== !0)
+        return a;
+    }
+    return !0;
+  });
+  const D = Array.isArray($) ? $ : [$], O = D.includes("onChange"), X = D.includes("onBlur"), ee = ({ hasError: e, isValidating: n }) => n ? /* @__PURE__ */ t("span", { className: "loading loading-spinner loading-xs text-base-content/50" }) : e ? /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-error", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) : /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-success", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }), te = () => /* @__PURE__ */ t("div", { className: "tooltip tooltip-top ml-1", "data-tip": g, children: /* @__PURE__ */ t("svg", { className: "w-4 h-4 text-base-content/50 cursor-help", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) });
+  return /* @__PURE__ */ t(
+    me,
+    {
+      name: f,
+      control: d.control,
+      rules: k,
+      render: ({ field: e, fieldState: n }) => {
+        const { value: a, onChange: V, onBlur: re, ref: se } = e, oe = n.isTouched && d.formState.isValidating, x = {
+          id: T,
+          ref: se,
+          "aria-invalid": w ? !0 : void 0,
+          "aria-describedby": w ? C : void 0
+        };
+        x.onBlur = () => {
+          re(), X && d.trigger(f);
+        }, y === "checked" ? (x.checked = a, x.onChange = (F) => {
+          V(F.target.checked), O && d.trigger(f);
+        }) : (x.value = a || "", x.onChange = (F) => {
+          F && F.target !== void 0 ? V(F.target.value) : V(F), O && d.trigger(f);
+        }), R && U(i) && (i.props.size || (x.size = R)), w && (x.color = "error", x["aria-invalid"] = !0);
+        const ne = U(i) ? ie(i, x) : i, b = W === "horizontal", _ = W === "inline";
+        return /* @__PURE__ */ L("div", { className: `form-control ${h ? "w-auto" : "w-full"} ${b ? "mb-4" : ""} ${_ ? "inline-flex mr-4" : ""} ${l}`, style: S ? { display: "none" } : void 0, children: [
+          /* @__PURE__ */ L("div", { className: b ? "flex items-center gap-4" : "", children: [
+            o && /* @__PURE__ */ t(
+              "label",
+              {
+                htmlFor: T,
+                className: `label ${b ? "flex-shrink-0 justify-end py-0" : ""} ${!b && !_ ? "pb-1" : ""}`,
+                style: b ? { width: G } : void 0,
+                children: /* @__PURE__ */ L("span", { className: "label-text flex items-center", children: [
+                  o,
+                  u && /* @__PURE__ */ t("span", { className: "text-error ml-1", children: "*" }),
+                  g && /* @__PURE__ */ t(te, {})
+                ] })
+              }
+            ),
+            /* @__PURE__ */ L("div", { className: `${b ? "flex-1" : ""} ${v ? "relative" : ""}`, children: [
+              ne,
+              v && n.isTouched && /* @__PURE__ */ t("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ t(ee, { hasError: !!w, isValidating: oe }) })
+            ] })
+          ] }),
+          !b && !h && /* @__PURE__ */ t("p", { id: C, className: `validator-hint ${N ? "!visible text-error" : ""} min-h-[1.25rem]`, role: N ? "alert" : void 0, children: N || s && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: s }) || " " }),
+          b && (N || s) && /* @__PURE__ */ t("p", { id: C, className: `validator-hint ${N ? "!visible text-error" : ""} min-h-[1.25rem]`, role: N ? "alert" : void 0, children: N || s && /* @__PURE__ */ t("span", { className: "text-base-content/70", children: s }) }),
+          p && /* @__PURE__ */ t("div", { className: "text-sm text-base-content/60 mt-1", children: p })
+        ] });
+      }
+    }
+  );
+}
+function he({
+  name: r,
+  children: o
+}) {
+  const { form: s, layout: u, size: m } = z(), { fields: y, append: h, remove: l, move: i } = ce({
+    control: s.control,
+    name: r
+  }), g = y.map((p, v) => ({
+    ...p,
+    name: v
+  }));
+  return /* @__PURE__ */ t(P.Provider, { value: { form: s, layout: u, size: m, listName: r }, children: o(g, {
+    add: h,
+    remove: l,
+    move: i
+  }) });
+}
+function ge() {
+  const r = Y(), o = r;
+  return o.setFieldValue = r.setValue, o.getFieldValue = (s) => r.getValues(s), o.getFieldsValue = r.getValues, o.setFieldsValue = (s) => {
+    Object.keys(s).forEach((u) => {
+      r.setValue(u, s[u]);
+    });
+  }, o.validateFields = r.trigger, o.resetFields = r.reset, o.isFieldTouched = (s) => !!r.formState.touchedFields[s], o.getFieldError = (s) => r.formState.errors[s]?.message, o;
 }
-function i({ children: o, className: e = "", ...t }) {
-  return /* @__PURE__ */ r("h6", { className: `footer-title ${e}`, ...t, children: o });
+function pe({ fields: r, className: o = "" }) {
+  const { form: s } = z(), { errors: u } = s.formState, m = (l, i = "") => {
+    const g = [];
+    for (const p in l) {
+      const v = i ? `${i}.${p}` : p, c = l[p];
+      c?.message ? g.push({ field: v, message: c.message }) : typeof c == "object" && c !== null && g.push(...m(c, v));
+    }
+    return g;
+  }, y = m(u), h = r ? y.filter((l) => r.includes(l.field)) : y;
+  return h.length === 0 ? null : /* @__PURE__ */ t("ul", { className: `text-error text-sm space-y-1 ${o}`, role: "alert", children: h.map((l, i) => /* @__PURE__ */ L("li", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ t("svg", { className: "w-4 h-4 mt-0.5 flex-shrink-0", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
+    /* @__PURE__ */ t("span", { children: l.message })
+  ] }, `${l.field}-${i}`)) });
 }
-const m = Object.assign(a, {
-  Title: i
+const Ne = Object.assign(de, {
+  Item: fe,
+  List: he,
+  ErrorList: pe,
+  useForm: ge
 });
 export {
-  m as Footer
+  Ne as Form,
+  ge as useFormInstance
 };
 //# sourceMappingURL=index32.js.map