@adam-milo/ui 1.0.33 → 1.0.34

package/dist/index25.js

@@ -1,293 +1,110 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useState, useRef, useId, useMemo, useEffect } from "react";
-import { cn } from "./index23.js";
+import { forwardRef } from "react";
+import { cn } from "./index31.js";
+import { MenuIconButton } from "./index4.js";
 /* empty css        */
-import { useMergedRef } from "./index26.js";
-import { debounce } from "./index44.js";
-const Input = forwardRef(
+const AuthLayout = forwardRef(
   ({
-    type = "text",
-    label,
-    error: externalError,
-    helperText,
-    fullWidth = false,
-    showPasswordToggle = true,
-    showLastChar = true,
-    lastCharDelay = 500,
-    validate,
-    onValidationChange,
-    className,
-    id: providedId,
-    onChange,
-    onBlur,
-    required,
-    value: controlledValue,
-    "data-cy": dataCy,
+    children,
+    cardSize = "lg",
+    logo,
+    showSettings = true,
+    showUserMenu = true,
+    userInitials,
+    onSettingsClick,
+    onUserMenuClick,
+    activeMenu = null,
     "data-testid": dataTestId,
+    "data-cy": dataCy,
     ...props
   }, ref) => {
-    const [isPasswordVisible, setIsPasswordVisible] = useState(false);
-    const [internalError, setInternalError] = useState();
-    const [isFocused, setIsFocused] = useState(false);
-    const [isHovered, setIsHovered] = useState(false);
-    const touchedRef = useRef(false);
-    const [displayPassword, setDisplayPassword] = useState("");
-    const actualPasswordRef = useRef("");
-    const timeoutRef = useRef(null);
-    const inputRef = useRef(null);
-    const mergedRef = useMergedRef(ref, inputRef);
-    const generatedId = useId();
-    const id = providedId || generatedId;
-    const errorId = `${id}-error`;
-    const helperId = `${id}-helper`;
-    const finalDataCy = dataCy || "input";
-    const finalTestId = dataTestId || "input";
-    const isPasswordType = type === "password";
-    const showToggle = isPasswordType && showPasswordToggle;
-    const shouldEnableLastCharPreview = isPasswordType && showLastChar && !isPasswordVisible;
-    const inputType = isPasswordType && (isPasswordVisible || shouldEnableLastCharPreview && actualPasswordRef.current.length > 0) ? "text" : type;
-    const displayLabel = label && required && !label.includes("*") ? `${label} *` : label;
-    const togglePasswordVisibility = () => {
-      setIsPasswordVisible((prev) => !prev);
-      setTimeout(() => {
-        var _a;
-        return (_a = inputRef.current) == null ? void 0 : _a.focus();
-      }, 0);
-    };
-    const debouncedValidate = useMemo(
-      () => debounce((value) => {
-        if (validate && touchedRef.current) {
-          const validationError = validate(value);
-          setInternalError(validationError);
-          onValidationChange == null ? void 0 : onValidationChange(!validationError);
-        }
-      }, 300),
-      [validate, onValidationChange]
-    );
-    const debouncedValidateRef = useRef(debouncedValidate);
-    useEffect(() => {
-      debouncedValidateRef.current = debouncedValidate;
-    }, [debouncedValidate]);
-    useEffect(() => {
-      if (process.env.NODE_ENV === "development") {
-        if (isPasswordType && showLastChar && controlledValue !== void 0) {
-          console.warn(
-            "[Input] Password last character preview (showLastChar) only works in uncontrolled mode. Remove the value prop to use this feature, or set showLastChar={false}."
-          );
-        }
-      }
-    }, [isPasswordType, showLastChar, controlledValue]);
-    useEffect(() => {
-      return () => {
-        if (timeoutRef.current) {
-          clearTimeout(timeoutRef.current);
-        }
-        debouncedValidateRef.current.cancel();
-      };
-    }, []);
-    const inputValue = shouldEnableLastCharPreview && controlledValue === void 0 ? displayPassword : isPasswordVisible && isPasswordType && controlledValue === void 0 ? actualPasswordRef.current || "" : controlledValue;
-    const handleChange = (e) => {
-      onChange == null ? void 0 : onChange(e);
-      let value = e.target.value;
-      if (shouldEnableLastCharPreview) {
-        const input = e.target;
-        const newValue = input.value;
-        actualPasswordRef.current = newValue;
-        const masked = newValue ? "•".repeat(newValue.length - 1) + newValue.slice(-1) : "";
-        setDisplayPassword(masked);
-        input.value = masked;
-        value = newValue;
-        if (timeoutRef.current) {
-          clearTimeout(timeoutRef.current);
-        }
-        timeoutRef.current = setTimeout(() => {
-          setDisplayPassword("•".repeat(newValue.length));
-        }, lastCharDelay);
-      }
-      if (touchedRef.current) {
-        debouncedValidate(value);
-      }
-    };
-    const handleFocus = (e) => {
-      var _a;
-      setIsFocused(true);
-      (_a = props.onFocus) == null ? void 0 : _a.call(props, e);
-    };
-    const handleBlur = (e) => {
-      setIsFocused(false);
-      touchedRef.current = true;
-      if (validate) {
-        const valueToValidate = shouldEnableLastCharPreview ? actualPasswordRef.current : e.target.value;
-        const validationError = validate(valueToValidate);
-        setInternalError(validationError);
-        onValidationChange == null ? void 0 : onValidationChange(!validationError);
-      }
-      onBlur == null ? void 0 : onBlur(e);
-    };
-    const handleMouseEnter = () => {
-      setIsHovered(true);
-    };
-    const handleMouseLeave = () => {
-      setIsHovered(false);
-    };
-    const displayError = externalError || internalError;
-    const inputState = props.disabled ? "disabled" : displayError ? "error" : isFocused ? "focus" : isHovered ? "hover" : "idle";
+    const finalDataCy = dataCy || "auth-layout";
+    const finalTestId = dataTestId || "auth-layout";
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cn("input-wrapper", fullWidth && "input-wrapper--full-width"),
-        "data-cy": `${finalDataCy}-wrapper`,
-        "data-testid": `${finalTestId}-wrapper`,
+        ref,
+        className: "auth-layout",
+        "data-testid": finalTestId,
+        "data-cy": finalDataCy,
+        ...props,
         children: [
-          label && /* @__PURE__ */ jsx(
-            "label",
+          /* @__PURE__ */ jsx(
+            "div",
             {
-              htmlFor: id,
-              className: "input__label",
-              "data-cy": `${finalDataCy}-label`,
-              "data-testid": `${finalTestId}-label`,
-              children: displayLabel
+              className: "auth-layout__background",
+              "data-testid": `${finalTestId}-background`,
+              "data-cy": `${finalDataCy}-background`,
+              "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "input__field-container", children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref: mergedRef,
-                id,
-                type: inputType,
-                value: inputValue,
-                className: cn(
-                  "input",
-                  displayError && "input--error",
-                  fullWidth && "input--full-width",
-                  showToggle && "input--with-toggle",
-                  className
-                ),
-                "aria-invalid": displayError ? "true" : "false",
-                "aria-required": required ? "true" : void 0,
-                "aria-describedby": displayError ? errorId : helperText ? helperId : void 0,
-                "data-cy": finalDataCy,
-                "data-testid": finalTestId,
-                "data-state": inputState,
-                onChange: handleChange,
-                onFocus: handleFocus,
-                onBlur: handleBlur,
-                onMouseEnter: handleMouseEnter,
-                onMouseLeave: handleMouseLeave,
-                required,
-                ...props
-              }
-            ),
-            showToggle && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "input__toggle",
-                onClick: togglePasswordVisibility,
-                "aria-label": isPasswordVisible ? "Hide password" : "Show password",
-                "data-cy": `${finalDataCy}-toggle`,
-                "data-testid": `${finalTestId}-toggle`,
-                children: isPasswordVisible ? /* @__PURE__ */ jsxs(
-                  "svg",
+          /* @__PURE__ */ jsxs(
+            "header",
+            {
+              className: "auth-layout__header",
+              "data-testid": `${finalTestId}-header`,
+              "data-cy": `${finalDataCy}-header`,
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
                   {
-                    width: "20",
-                    height: "20",
-                    viewBox: "0 0 20 20",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    "aria-hidden": "true",
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",
-                          stroke: "currentColor",
-                          strokeWidth: "1.5",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          fill: "none"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        "circle",
-                        {
-                          cx: "10",
-                          cy: "10",
-                          r: "2.5",
-                          stroke: "currentColor",
-                          strokeWidth: "1.5",
-                          fill: "none"
-                        }
-                      )
-                    ]
+                    className: "auth-layout__logo",
+                    "data-testid": `${finalTestId}-logo`,
+                    "data-cy": `${finalDataCy}-logo`,
+                    children: logo
                   }
-                ) : /* @__PURE__ */ jsxs(
-                  "svg",
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
                   {
-                    width: "20",
-                    height: "20",
-                    viewBox: "0 0 20 20",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    "aria-hidden": "true",
+                    className: "auth-layout__menu",
+                    "data-testid": `${finalTestId}-menu`,
+                    "data-cy": `${finalDataCy}-menu`,
                     children: [
-                      /* @__PURE__ */ jsx(
-                        "path",
+                      showSettings && /* @__PURE__ */ jsx(
+                        MenuIconButton,
                         {
-                          d: "M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",
-                          stroke: "currentColor",
-                          strokeWidth: "1.5",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          fill: "none"
+                          variant: "settings",
+                          selected: activeMenu === "settings",
+                          onClick: onSettingsClick,
+                          "aria-label": "Settings",
+                          "data-testid": `${finalTestId}-settings-btn`,
+                          "data-cy": `${finalDataCy}-settings-btn`
                         }
                       ),
-                      /* @__PURE__ */ jsx(
-                        "circle",
+                      showUserMenu && /* @__PURE__ */ jsx(
+                        MenuIconButton,
                         {
-                          cx: "10",
-                          cy: "10",
-                          r: "2.5",
-                          stroke: "currentColor",
-                          strokeWidth: "1.5",
-                          fill: "none"
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        "path",
-                        {
-                          d: "M3 3l14 14",
-                          stroke: "currentColor",
-                          strokeWidth: "1.5",
-                          strokeLinecap: "round"
+                          variant: "user",
+                          initials: userInitials,
+                          selected: activeMenu === "user",
+                          onClick: onUserMenuClick,
+                          "aria-label": userInitials ? `User menu - ${userInitials}` : "User menu",
+                          "data-testid": `${finalTestId}-user-btn`,
+                          "data-cy": `${finalDataCy}-user-btn`
                         }
                       )
                     ]
                   }
                 )
-              }
-            )
-          ] }),
-          displayError && /* @__PURE__ */ jsx(
-            "span",
-            {
-              id: errorId,
-              className: "input__error",
-              role: "alert",
-              "data-cy": `${finalDataCy}-error`,
-              "data-testid": `${finalTestId}-error`,
-              children: displayError
+              ]
             }
           ),
-          helperText && !displayError && /* @__PURE__ */ jsx(
-            "span",
+          /* @__PURE__ */ jsx(
+            "main",
             {
-              id: helperId,
-              className: "input__helper",
-              "data-cy": `${finalDataCy}-helper`,
-              "data-testid": `${finalTestId}-helper`,
-              children: helperText
+              className: "auth-layout__main",
+              "data-testid": `${finalTestId}-main`,
+              "data-cy": `${finalDataCy}-main`,
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn("auth-layout__card", `auth-layout__card--${cardSize}`),
+                  "data-testid": `${finalTestId}-card`,
+                  "data-cy": `${finalDataCy}-card`,
+                  children
+                }
+              )
             }
           )
         ]
@@ -295,7 +112,7 @@ const Input = forwardRef(
     );
   }
 );
-Input.displayName = "Input";
+AuthLayout.displayName = "AuthLayout";
 export {
-  Input
+  AuthLayout
 };

package/dist/index26.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useMergedRef=function(...r){return e.useCallback(e=>{r.forEach(r=>{r&&("function"==typeof r?r(e):r.current=e)})},r)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),e=require("./index31.cjs");;/* empty css          */const t=i.forwardRef(({columns:i=3,rows:t,gap:a="4",rowGap:d,columnGap:s,align:c="stretch",justify:o="stretch",autoFitMinWidth:n="15rem",className:g,children:l,style:u,"data-cy":m,"data-testid":p,...y},$)=>{const f=m||`grid-${i}col`,j=p||`grid-${i}col`,x={...u,..."auto"===i&&{"--grid-auto-fit-min":n}};return r.jsx("div",{ref:$,className:e.cn("grid",`grid--columns-${i}`,t&&`grid--rows-${t}`,`grid--gap-${a}`,d&&`grid--row-gap-${d}`,s&&`grid--column-gap-${s}`,`grid--align-${c}`,`grid--justify-${o}`,g),style:x,"data-cy":f,"data-testid":j,...y,children:l})});t.displayName="Grid",exports.Grid=t;

package/dist/index26.js

@@ -1,16 +1,55 @@
-import { useCallback } from "react";
-function useMergedRef(...refs) {
-  return useCallback((element) => {
-    refs.forEach((ref) => {
-      if (!ref) return;
-      if (typeof ref === "function") {
-        ref(element);
-      } else {
-        ref.current = element;
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "./index31.js";
+/* empty css        */
+const Grid = forwardRef(
+  ({
+    columns = 3,
+    rows,
+    gap = "4",
+    rowGap,
+    columnGap,
+    align = "stretch",
+    justify = "stretch",
+    autoFitMinWidth = "15rem",
+    className,
+    children,
+    style,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || `grid-${columns}col`;
+    const finalTestId = dataTestId || `grid-${columns}col`;
+    const customStyle = {
+      ...style,
+      ...columns === "auto" && { "--grid-auto-fit-min": autoFitMinWidth }
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "grid",
+          `grid--columns-${columns}`,
+          rows && `grid--rows-${rows}`,
+          `grid--gap-${gap}`,
+          rowGap && `grid--row-gap-${rowGap}`,
+          columnGap && `grid--column-gap-${columnGap}`,
+          `grid--align-${align}`,
+          `grid--justify-${justify}`,
+          className
+        ),
+        style: customStyle,
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props,
+        children
       }
-    });
-  }, refs);
-}
+    );
+  }
+);
+Grid.displayName = "Grid";
 export {
-  useMergedRef
+  Grid
 };

package/dist/index27.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react");;/* empty css          */const r=e.forwardRef(({size:e="md",weight:r="regular",as:a="p",color:i="text",align:s="start",truncate:c=!1,className:o="","data-cy":n,"data-testid":x,children:l,...d},u)=>{const $=n||`text-${e}-${r}`,g=x||`text-${e}-${r}`,m=["text",`text--size-${e}`,`text--weight-${r}`,`text--color-${i}`,`text--align-${s}`,c&&"text--truncate",o].filter(Boolean).join(" ");return t.jsx(a,{ref:u,className:m,"data-cy":$,"data-testid":g,...d,children:l})});r.displayName="Text",exports.Text=r;

package/dist/index27.js

@@ -0,0 +1,45 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+/* empty css        */
+const Text = forwardRef(
+  ({
+    size = "md",
+    weight = "regular",
+    as: Component = "p",
+    color = "text",
+    align = "start",
+    truncate = false,
+    className = "",
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    children,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || `text-${size}-${weight}`;
+    const finalDataTestId = dataTestId || `text-${size}-${weight}`;
+    const classes = [
+      "text",
+      `text--size-${size}`,
+      `text--weight-${weight}`,
+      `text--color-${color}`,
+      `text--align-${align}`,
+      truncate && "text--truncate",
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: classes,
+        "data-cy": finalDataCy,
+        "data-testid": finalDataTestId,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+export {
+  Text
+};

package/dist/index28.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react");;/* empty css          */const i={1:"2xl",2:"xl",3:"lg",4:"md",5:"sm",6:"xs"},t=a.forwardRef(({level:a=2,size:t,weight:r="bold",color:d="text",align:n="start",className:s="","data-cy":l,"data-testid":o,children:c,...g},h)=>{const x=t??i[a],$=l||`heading-h${a}-${x}`,u=o||`heading-h${a}-${x}`,m=["heading",`heading--size-${x}`,`heading--weight-${r}`,`heading--color-${d}`,`heading--align-${n}`,s].filter(Boolean).join(" "),f=`h${a}`;return e.jsx(f,{ref:h,className:m,"data-cy":$,"data-testid":u,...g,children:c})});t.displayName="Heading",exports.Heading=t;

package/dist/index28.js

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+/* empty css        */
+const levelToSizeMap = {
+  1: "2xl",
+  2: "xl",
+  3: "lg",
+  4: "md",
+  5: "sm",
+  6: "xs"
+};
+const Heading = forwardRef(
+  ({
+    level = 2,
+    size,
+    weight = "bold",
+    color = "text",
+    align = "start",
+    className = "",
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    children,
+    ...props
+  }, ref) => {
+    const resolvedSize = size ?? levelToSizeMap[level];
+    const finalDataCy = dataCy || `heading-h${level}-${resolvedSize}`;
+    const finalDataTestId = dataTestId || `heading-h${level}-${resolvedSize}`;
+    const classes = [
+      "heading",
+      `heading--size-${resolvedSize}`,
+      `heading--weight-${weight}`,
+      `heading--color-${color}`,
+      `heading--align-${align}`,
+      className
+    ].filter(Boolean).join(" ");
+    const Tag = `h${level}`;
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref,
+        className: classes,
+        "data-cy": finalDataCy,
+        "data-testid": finalDataTestId,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+export {
+  Heading
+};

package/dist/index29.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react");;/* empty css          */const n=i.forwardRef(({children:i,color:n="action",size:r="md",weight:t="medium",underline:l=!1,disabled:a=!1,href:d,onClick:o,"data-cy":s,"data-testid":c,...u},k)=>{const f=s||"link",m=c||"link",b=["link",`link--color-${n}`,`link--size-${r}`,`link--weight-${t}`,l&&"link--underline",a&&"link--disabled"].filter(Boolean).join(" ");return e.jsx("a",{ref:k,href:a?void 0:d,onClick:e=>{a?e.preventDefault():null==o||o(e)},className:b,"aria-disabled":a,tabIndex:a?-1:void 0,"data-cy":f,"data-testid":m,...u,children:i})});n.displayName="Link",exports.Link=n;

package/dist/index29.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+/* empty css        */
+const Link = forwardRef(
+  ({
+    children,
+    color = "action",
+    size = "md",
+    weight = "medium",
+    underline = false,
+    disabled = false,
+    href,
+    onClick,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || "link";
+    const finalDataTestId = dataTestId || "link";
+    const classes = [
+      "link",
+      `link--color-${color}`,
+      `link--size-${size}`,
+      `link--weight-${weight}`,
+      underline && "link--underline",
+      disabled && "link--disabled"
+    ].filter(Boolean).join(" ");
+    const handleClick = (e) => {
+      if (disabled) {
+        e.preventDefault();
+        return;
+      }
+      onClick == null ? void 0 : onClick(e);
+    };
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        ref,
+        href: disabled ? void 0 : href,
+        onClick: handleClick,
+        className: classes,
+        "aria-disabled": disabled,
+        tabIndex: disabled ? -1 : void 0,
+        "data-cy": finalDataCy,
+        "data-testid": finalDataTestId,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Link.displayName = "Link";
+export {
+  Link
+};

package/dist/index3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("react"),t=require("email-validator"),i=require("./index25.cjs"),l=e.forwardRef(({validateEmail:l=!0,invalidEmailMessage:r="Not a valid email address",validate:d,"data-cy":s,"data-testid":u,...n},o)=>{const m=e.useCallback(a=>{if(a)return t.validate(a)?void 0:r},[r]),c=e.useCallback(a=>l?d?m(a)||d(a):m(a):null==d?void 0:d(a),[l,d,m]);return a.jsx(i.Input,{ref:o,type:"email",validate:c,"data-cy":s||"email-input","data-testid":u||"email-input",...n})});l.displayName="EmailInput",exports.EmailInput=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("./index31.cjs"),a=require("@adam-milo/icons");;/* empty css          */const i={sm:"sm",md:"md",lg:"lg"},o=t.forwardRef(({size:t="md",icon:o,children:c,disabled:r,"aria-label":s,"data-testid":d,"data-cy":l,...u},b)=>{const m=n.cn("icon-btn",`icon-btn--${t}`);return e.jsxs("button",{ref:b,type:"button",disabled:r,className:m,"aria-label":c?void 0:s,"data-testid":d||"icon-button","data-cy":l||"icon-button",...u,children:[e.jsx(a.Icon,{name:o,size:i[t],decorative:!!c}),c&&e.jsx("span",{className:"icon-btn__text","data-cy":"icon-button-text",children:c})]})});o.displayName="IconButton",exports.IconButton=o;