asterui 0.12.62 → 0.12.63

package/dist/components/Flex.js

@@ -1,25 +1,26 @@
-import { jsx as v } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 const y = ({
-  direction: t,
+  direction: l,
   justify: r,
   align: s,
-  wrap: m,
+  wrap: a,
   gap: e,
-  flex: o,
-  inline: a = !1,
-  minHeight: l,
-  minWidth: f,
+  flex: m,
+  inline: f = !1,
+  minHeight: n,
+  minWidth: o,
   className: x = "",
-  style: c,
-  children: i,
-  ...u
+  style: i,
+  children: c,
+  "data-testid": u,
+  ...w
 }) => {
-  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",
+  const t = typeof e == "number", p = [
+    f ? "inline-flex" : "flex",
+    l === "row" && "flex-row",
+    l === "column" && "flex-col",
+    l === "row-reverse" && "flex-row-reverse",
+    l === "column-reverse" && "flex-col-reverse",
     r === "start" && "justify-start",
     r === "end" && "justify-end",
     r === "center" && "justify-center",
@@ -31,34 +32,34 @@ const y = ({
     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",
+    a === !0 && "flex-wrap",
+    a === "wrap" && "flex-wrap",
+    a === "nowrap" && "flex-nowrap",
+    a === "wrap-reverse" && "flex-wrap-reverse",
+    !t && e === "xs" && "gap-1",
+    !t && e === "sm" && "gap-2",
+    !t && e === "md" && "gap-4",
+    !t && e === "lg" && "gap-6",
+    !t && e === "xl" && "gap-8",
+    m === "1" && "flex-1",
+    m === "auto" && "flex-auto",
+    m === "initial" && "flex-initial",
+    m === "none" && "flex-none",
+    n === "screen" && "min-h-screen",
+    n === "full" && "min-h-full",
+    n === "fit" && "min-h-fit",
+    n === "min" && "min-h-min",
+    n === "max" && "min-h-max",
+    o === "full" && "min-w-full",
+    o === "fit" && "min-w-fit",
+    o === "min" && "min-w-min",
+    o === "max" && "min-w-max",
     x
-  ].filter(Boolean).join(" "), p = {
-    ...c,
-    ...n ? { gap: `${e}px` } : {}
+  ].filter(Boolean).join(" "), v = {
+    ...i,
+    ...t ? { gap: `${e}px` } : {}
   };
-  return /* @__PURE__ */ v("div", { className: w, style: p, ...u, children: i });
+  return /* @__PURE__ */ d("div", { className: p, style: v, "data-testid": u, ...w, children: c });
 };
 export {
   y as Flex

package/dist/components/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.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":"Flex.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  'data-testid'?: string\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  'data-testid': testId,\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} data-testid={testId} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["Flex","direction","justify","align","wrap","gap","flex","inline","minHeight","minWidth","className","style","children","testId","rest","isNumericGap","classes","combinedStyle","jsx"],"mappings":";AAgBO,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,eAAeC;AAAA,EACf,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAe,OAAOV,KAAQ,UAE9BW,IAAU;AAAA,IACdT,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,CAACW,KAAgBV,MAAQ,QAAQ;AAAA,IACjC,CAACU,KAAgBV,MAAQ,QAAQ;AAAA,IACjC,CAACU,KAAgBV,MAAQ,QAAQ;AAAA,IACjC,CAACU,KAAgBV,MAAQ,QAAQ;AAAA,IACjC,CAACU,KAAgBV,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,GAEpBO,IAAqC;AAAA,IACzC,GAAGN;AAAA,IACH,GAAII,IAAe,EAAE,KAAK,GAAGV,CAAG,SAAS,CAAA;AAAA,EAAC;AAG5C,SACE,gBAAAa,EAAC,OAAA,EAAI,WAAWF,GAAS,OAAOC,GAAe,eAAaJ,GAAS,GAAGC,GACrE,UAAAF,EAAA,CACH;AAEJ;"}

package/dist/components/FloatButton.d.ts

@@ -20,6 +20,7 @@ export interface FloatButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLBu
     target?: string;
     /** @deprecated Use icon prop instead */
     children?: React.ReactNode;
+    'data-testid'?: string;
 }
 export interface FloatButtonGroupProps {
     /** Child FloatButton components */
@@ -52,6 +53,7 @@ export interface FloatButtonGroupProps {
     className?: string;
     /** Custom styles */
     style?: React.CSSProperties;
+    'data-testid'?: string;
 }
 export interface BackTopProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'onClick'> {
     /** Scroll threshold to show button (pixels) */
@@ -70,6 +72,7 @@ export interface BackTopProps extends Omit<React.ButtonHTMLAttributes<HTMLButton
     offset?: number;
     /** @deprecated Use icon prop instead */
     children?: React.ReactNode;
+    'data-testid'?: string;
 }
 interface FloatButtonComponent extends React.FC<FloatButtonProps> {
     Group: React.FC<FloatButtonGroupProps>;

package/dist/components/FloatButton.js

@@ -1,211 +1,262 @@
-import { jsx as t, jsxs as g, Fragment as q } from "react/jsx-runtime";
-import { useContext as j, createContext as z, useState as A, useEffect as O } from "react";
-const f = "btn", x = "btn-lg", k = "btn-circle", R = "btn-square", G = "btn-neutral", U = "btn-primary", V = "tooltip", Y = "tooltip-left", D = "tooltip-right", H = "tooltip-top", J = "tooltip-bottom", y = "indicator", T = "indicator-item", $ = "badge", L = "badge-secondary", K = "fab", Q = "fab-flower", X = "fab-main-action", Z = "fab-close", I = () => /* @__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" }) }), _ = () => /* @__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" }) }), tt = () => /* @__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: "M6 18L18 6M6 6l12 12" }) }), C = z({ inGroup: !1 }), ot = {
-  left: Y,
-  right: D,
-  top: H,
-  bottom: J
-}, S = {
-  default: G,
-  primary: U
-}, M = {
-  circle: k,
-  square: R
-}, F = ({
-  icon: d,
+import { jsx as t, jsxs as x, Fragment as R } from "react/jsx-runtime";
+import { useContext as G, createContext as U, useState as V, useEffect as Y } from "react";
+const T = "btn", $ = "btn-lg", S = "btn-circle", D = "btn-square", M = "btn-neutral", H = "btn-primary", J = "tooltip", K = "tooltip-left", Q = "tooltip-right", X = "tooltip-top", Z = "tooltip-bottom", y = "indicator", L = "indicator-item", F = "badge", j = "badge-secondary", _ = "fab", I = "fab-flower", tt = "fab-main-action", ot = "fab-close", W = () => /* @__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" }) }), nt = () => /* @__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" }) }), et = () => /* @__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: "M6 18L18 6M6 6l12 12" }) }), C = U({ inGroup: !1 }), at = {
+  left: K,
+  right: Q,
+  top: X,
+  bottom: Z
+}, E = {
+  default: M,
+  primary: H
+}, P = {
+  circle: S,
+  square: D
+}, k = ({
+  icon: m,
   description: l,
   onClick: n,
-  type: b = "default",
-  shape: m = "circle",
-  className: w = "",
+  type: v = "default",
+  shape: w = "circle",
+  className: B = "",
   tooltip: r,
-  tooltipPlacement: B = "left",
-  badge: u,
-  href: e,
-  target: i,
-  children: v,
+  tooltipPlacement: N = "left",
+  badge: h,
+  href: a,
+  target: u,
+  children: g,
   style: c,
+  "data-testid": e,
   ...s
 }) => {
-  const h = j(C), N = h.inGroup && h.shape || m, o = [
-    f,
-    x,
+  const p = G(C), f = p.inGroup && p.shape || w, o = [
+    T,
+    $,
     "shadow-lg",
-    M[N],
-    S[b],
-    w
-  ].filter(Boolean).join(" "), p = d || v || /* @__PURE__ */ t(I, {}), a = /* @__PURE__ */ t(q, { children: l ? /* @__PURE__ */ g("div", { className: "flex flex-col items-center", children: [
-    p,
+    P[f],
+    E[v],
+    B
+  ].filter(Boolean).join(" "), b = m || g || /* @__PURE__ */ t(W, {}), d = (O) => e ? `${e}-${O}` : void 0, i = /* @__PURE__ */ t(R, { children: l ? /* @__PURE__ */ x("div", { className: "flex flex-col items-center", children: [
+    b,
     /* @__PURE__ */ t("span", { className: "text-xs mt-1", children: l })
-  ] }) : p });
-  if (h.inGroup)
-    return e ? /* @__PURE__ */ t(
+  ] }) : b });
+  if (p.inGroup)
+    return a ? /* @__PURE__ */ t(
       "a",
       {
-        href: e,
-        target: i,
+        href: a,
+        target: u,
         className: o,
         title: r,
         onClick: n,
+        "data-testid": e,
         ...s,
-        children: a
+        children: i
       }
-    ) : /* @__PURE__ */ t("button", { className: o, title: r, onClick: n, ...s, children: a });
-  const E = e ? /* @__PURE__ */ t(
+    ) : /* @__PURE__ */ t("button", { className: o, title: r, onClick: n, "data-testid": e, ...s, children: i });
+  const z = a ? /* @__PURE__ */ t(
     "a",
     {
-      href: e,
-      target: i,
+      href: a,
+      target: u,
       className: o,
       style: c,
       onClick: n,
+      "data-testid": e,
       ...s,
-      children: a
+      children: i
+    }
+  ) : /* @__PURE__ */ t("button", { className: o, onClick: n, style: c, "data-testid": e, ...s, children: i }), A = h !== void 0 ? /* @__PURE__ */ x("div", { className: y, style: c, "data-testid": d("indicator"), children: [
+    /* @__PURE__ */ t("span", { className: `${L} ${F} ${j}`, "data-testid": d("badge"), children: h }),
+    a ? /* @__PURE__ */ t(
+      "a",
+      {
+        href: a,
+        target: u,
+        className: o,
+        onClick: n,
+        "data-testid": e,
+        ...s,
+        children: i
+      }
+    ) : /* @__PURE__ */ t("button", { className: o, onClick: n, "data-testid": e, ...s, children: i })
+  ] }) : z;
+  return r ? /* @__PURE__ */ t(
+    "div",
+    {
+      className: `${J} ${at[N]}`,
+      "data-tip": r,
+      style: c,
+      "data-testid": d("tooltip"),
+      children: h !== void 0 ? /* @__PURE__ */ x("div", { className: y, children: [
+        /* @__PURE__ */ t("span", { className: `${L} ${F} ${j}`, "data-testid": d("badge"), children: h }),
+        a ? /* @__PURE__ */ t(
+          "a",
+          {
+            href: a,
+            target: u,
+            className: o,
+            onClick: n,
+            "data-testid": e,
+            ...s,
+            children: i
+          }
+        ) : /* @__PURE__ */ t("button", { className: o, onClick: n, "data-testid": e, ...s, children: i })
+      ] }) : a ? /* @__PURE__ */ t(
+        "a",
+        {
+          href: a,
+          target: u,
+          className: o,
+          onClick: n,
+          "data-testid": e,
+          ...s,
+          children: i
+        }
+      ) : /* @__PURE__ */ t("button", { className: o, onClick: n, "data-testid": e, ...s, children: i })
     }
-  ) : /* @__PURE__ */ t("button", { className: o, onClick: n, style: c, ...s, children: a }), P = u !== void 0 ? /* @__PURE__ */ g("div", { className: y, style: c, children: [
-    /* @__PURE__ */ t("span", { className: `${T} ${$} ${L}`, children: u }),
-    e ? /* @__PURE__ */ t("a", { href: e, target: i, className: o, onClick: n, ...s, children: a }) : /* @__PURE__ */ t("button", { className: o, onClick: n, ...s, children: a })
-  ] }) : E;
-  return r ? /* @__PURE__ */ t("div", { className: `${V} ${ot[B]}`, "data-tip": r, style: c, children: u !== void 0 ? /* @__PURE__ */ g("div", { className: y, children: [
-    /* @__PURE__ */ t("span", { className: `${T} ${$} ${L}`, children: u }),
-    e ? /* @__PURE__ */ t("a", { href: e, target: i, className: o, onClick: n, ...s, children: a }) : /* @__PURE__ */ t("button", { className: o, onClick: n, ...s, children: a })
-  ] }) : e ? /* @__PURE__ */ t("a", { href: e, target: i, className: o, onClick: n, ...s, children: a }) : /* @__PURE__ */ t("button", { className: o, onClick: n, ...s, children: a }) }) : P;
-}, W = (d) => {
+  ) : A;
+}, q = (m) => {
   const {
     style: l,
     ...n
-  } = d;
-  if (j(C).inGroup)
-    return /* @__PURE__ */ t(F, { ...n });
-  const m = {
+  } = m;
+  if (G(C).inGroup)
+    return /* @__PURE__ */ t(k, { ...n });
+  const w = {
     position: "fixed",
     zIndex: 1e3,
     bottom: 24,
     right: 24,
     ...l
   };
-  return /* @__PURE__ */ t(F, { ...n, style: m });
-}, nt = ({
-  children: d,
+  return /* @__PURE__ */ t(k, { ...n, style: w });
+}, st = ({
+  children: m,
   flower: l = !1,
   shape: n = "circle",
-  icon: b,
-  triggerLabel: m = "Open menu",
-  mainAction: w,
+  icon: v,
+  triggerLabel: w = "Open menu",
+  mainAction: B,
   mainActionLabel: r,
-  onMainAction: B,
-  showClose: u = !1,
-  closeLabel: e = "Close menu",
-  type: i = "default",
-  position: v = "bottom-right",
+  onMainAction: N,
+  showClose: h = !1,
+  closeLabel: a = "Close menu",
+  type: u = "default",
+  position: g = "bottom-right",
   offset: c = 24,
-  className: s = "",
-  style: h
+  className: e = "",
+  style: s,
+  "data-testid": p
 }) => {
-  const N = [
-    K,
-    l ? Q : "",
-    s
+  const f = [
+    _,
+    l ? I : "",
+    e
   ].filter(Boolean).join(" "), o = [
-    f,
-    x,
+    T,
+    $,
     "shadow-lg",
-    M[n],
-    S[i]
-  ].filter(Boolean).join(" "), p = {
-    ...v.includes("bottom") ? { bottom: c } : { top: c },
-    ...v.includes("right") ? { right: c } : { left: c },
-    ...h
-  };
-  return /* @__PURE__ */ g("div", { className: N, style: p, children: [
+    P[n],
+    E[u]
+  ].filter(Boolean).join(" "), b = {
+    ...g.includes("bottom") ? { bottom: c } : { top: c },
+    ...g.includes("right") ? { right: c } : { left: c },
+    ...s
+  }, d = (i) => p ? `${p}-${i}` : void 0;
+  return /* @__PURE__ */ x("div", { className: f, style: b, "data-testid": p, children: [
     /* @__PURE__ */ t(
       "button",
       {
         type: "button",
         className: o,
-        "aria-label": m,
+        "aria-label": w,
         "aria-haspopup": "true",
-        children: b || /* @__PURE__ */ t(I, {})
+        "data-testid": d("trigger"),
+        children: v || /* @__PURE__ */ t(W, {})
       }
     ),
-    w && /* @__PURE__ */ t(
+    B && /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        className: `${o} ${X}`,
-        onClick: B,
+        className: `${o} ${tt}`,
+        onClick: N,
         "aria-label": r,
-        children: w
+        "data-testid": d("main-action"),
+        children: B
       }
     ),
-    u && /* @__PURE__ */ t(
+    h && /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        className: `${o} ${Z}`,
-        "aria-label": e,
-        children: /* @__PURE__ */ t(tt, {})
+        className: `${o} ${ot}`,
+        "aria-label": a,
+        "data-testid": d("close"),
+        children: /* @__PURE__ */ t(et, {})
       }
     ),
-    /* @__PURE__ */ t(C.Provider, { value: { inGroup: !0, shape: n }, children: d })
+    /* @__PURE__ */ t(C.Provider, { value: { inGroup: !0, shape: n }, children: m })
   ] });
-}, et = ({
-  visibilityHeight: d = 400,
+}, lt = ({
+  visibilityHeight: m = 400,
   target: l,
   onClick: n,
-  icon: b,
-  duration: m = 450,
-  position: w = "bottom-right",
+  icon: v,
+  duration: w = 450,
+  position: B = "bottom-right",
   offset: r = 24,
-  className: B = "",
-  children: u,
-  style: e,
-  ...i
+  className: N = "",
+  children: h,
+  style: a,
+  "data-testid": u,
+  ...g
 }) => {
-  const [v, c] = A(!1);
-  O(() => {
-    const o = l ? l() : window, p = () => {
-      const a = o instanceof Window ? window.scrollY : o.scrollTop;
-      c(a >= d);
+  const [c, e] = V(!1);
+  Y(() => {
+    const o = l ? l() : window, b = () => {
+      const d = o instanceof Window ? window.scrollY : o.scrollTop;
+      e(d >= m);
     };
-    return o.addEventListener("scroll", p), p(), () => o.removeEventListener("scroll", p);
-  }, [l, d]);
+    return o.addEventListener("scroll", b), b(), () => o.removeEventListener("scroll", b);
+  }, [l, m]);
   const s = () => {
     n?.();
     const o = l ? l() : window;
     o instanceof Window ? window.scrollTo({ top: 0, behavior: "smooth" }) : o.scrollTo({ top: 0, behavior: "smooth" });
   };
-  if (!v) return null;
-  const h = [
-    f,
-    x,
-    k,
-    G,
+  if (!c) return null;
+  const p = [
+    T,
+    $,
+    S,
+    M,
     "shadow-lg",
     "transition-opacity",
-    B
-  ].filter(Boolean).join(" "), N = {
+    N
+  ].filter(Boolean).join(" "), f = {
     position: "fixed",
     zIndex: 1e3,
     bottom: r,
-    ...w.includes("right") ? { right: r } : { left: r },
-    ...e
+    ...B.includes("right") ? { right: r } : { left: r },
+    ...a
   };
   return /* @__PURE__ */ t(
     "button",
     {
-      className: h,
+      className: p,
       onClick: s,
-      style: N,
-      "aria-label": i["aria-label"] || "Back to top",
-      ...i,
-      children: b || u || /* @__PURE__ */ t(_, {})
+      style: f,
+      "aria-label": g["aria-label"] || "Back to top",
+      "data-testid": u,
+      ...g,
+      children: v || h || /* @__PURE__ */ t(nt, {})
     }
   );
 };
-W.Group = nt;
-W.BackTop = et;
+q.Group = st;
+q.BackTop = lt;
 export {
-  W as FloatButton
+  q as FloatButton
 };
 //# sourceMappingURL=FloatButton.js.map