@adam-milo/ui 1.0.32 → 1.0.34

package/dist/index13.js

@@ -1,93 +1,279 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { cn } from "./index22.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useId, useRef, useState, useEffect, useCallback, useImperativeHandle } from "react";
+import { cn } from "./index31.js";
 /* empty css        */
-const DataTable = forwardRef(
+const OTPInput = forwardRef(
   ({
-    columns,
-    data,
-    striped = false,
-    hoverable = false,
-    className,
+    length = 4,
+    label,
+    value = "",
+    onChange,
+    onComplete,
+    error,
+    helperText,
+    disabled = false,
+    autoFocus = false,
+    fullWidth = false,
+    centered = false,
+    type = "numeric",
+    required = false,
     "data-cy": dataCy,
-    "data-testid": dataTestId,
-    ...props
+    "data-testid": dataTestId
   }, ref) => {
-    const finalDataCy = dataCy || "datatable";
-    const finalTestId = dataTestId || "datatable";
-    return /* @__PURE__ */ jsx(
+    const generatedId = useId();
+    const errorId = `${generatedId}-error`;
+    const helperId = `${generatedId}-helper`;
+    const finalDataCy = dataCy || "otp-input";
+    const finalTestId = dataTestId || "otp-input";
+    const inputRefs = useRef([]);
+    const [otp, setOtp] = useState(
+      () => value.split("").slice(0, length).concat(Array(length).fill("")).slice(0, length)
+    );
+    useEffect(() => {
+      const newOtp = value.split("").slice(0, length).concat(Array(length).fill("")).slice(0, length);
+      setOtp(newOtp);
+    }, [value, length]);
+    const isValidInput = useCallback(
+      (char) => {
+        if (type === "numeric") {
+          return /^\d$/.test(char);
+        }
+        return /^[a-zA-Z0-9]$/.test(char);
+      },
+      [type]
+    );
+    const updateOtp = useCallback(
+      (newOtp) => {
+        setOtp(newOtp);
+        const otpValue = newOtp.join("");
+        onChange == null ? void 0 : onChange(otpValue);
+        if (newOtp.every((digit) => digit !== "") && newOtp.length === length) {
+          onComplete == null ? void 0 : onComplete(otpValue);
+        }
+      },
+      [onChange, onComplete, length]
+    );
+    const focusInput = useCallback((index) => {
+      const input = inputRefs.current[index];
+      if (input) {
+        input.focus();
+        input.select();
+      }
+    }, []);
+    const handleChange = useCallback(
+      (index, e) => {
+        const inputValue = e.target.value;
+        if (inputValue.length === 1 && isValidInput(inputValue)) {
+          const newOtp = [...otp];
+          newOtp[index] = inputValue;
+          updateOtp(newOtp);
+          if (index < length - 1) {
+            focusInput(index + 1);
+          }
+        } else if (inputValue.length > 1) {
+          const chars = inputValue.split("").filter(isValidInput);
+          const newOtp = [...otp];
+          chars.forEach((char, i) => {
+            if (index + i < length) {
+              newOtp[index + i] = char;
+            }
+          });
+          updateOtp(newOtp);
+          const nextEmptyIndex = newOtp.findIndex((d) => d === "");
+          focusInput(nextEmptyIndex === -1 ? length - 1 : nextEmptyIndex);
+        }
+      },
+      [otp, length, isValidInput, updateOtp, focusInput]
+    );
+    const handleKeyDown = useCallback(
+      (index, e) => {
+        switch (e.key) {
+          case "Backspace":
+            e.preventDefault();
+            if (otp[index]) {
+              const newOtp = [...otp];
+              newOtp[index] = "";
+              updateOtp(newOtp);
+            } else if (index > 0) {
+              const newOtp = [...otp];
+              newOtp[index - 1] = "";
+              updateOtp(newOtp);
+              focusInput(index - 1);
+            }
+            break;
+          case "Delete":
+            e.preventDefault();
+            if (otp[index]) {
+              const newOtp = [...otp];
+              newOtp[index] = "";
+              updateOtp(newOtp);
+            }
+            break;
+          case "ArrowLeft":
+            e.preventDefault();
+            if (index > 0) {
+              focusInput(index - 1);
+            }
+            break;
+          case "ArrowRight":
+            e.preventDefault();
+            if (index < length - 1) {
+              focusInput(index + 1);
+            }
+            break;
+          case "Home":
+            e.preventDefault();
+            focusInput(0);
+            break;
+          case "End":
+            e.preventDefault();
+            focusInput(length - 1);
+            break;
+          default:
+            if (e.key.length === 1 && isValidInput(e.key)) {
+              e.preventDefault();
+              const newOtp = [...otp];
+              newOtp[index] = e.key;
+              updateOtp(newOtp);
+              if (index < length - 1) {
+                focusInput(index + 1);
+              }
+            }
+            break;
+        }
+      },
+      [otp, length, isValidInput, updateOtp, focusInput]
+    );
+    const handlePaste = useCallback(
+      (index, e) => {
+        e.preventDefault();
+        const pastedData = e.clipboardData.getData("text");
+        const chars = pastedData.split("").filter(isValidInput);
+        if (chars.length === 0) return;
+        const newOtp = [...otp];
+        chars.forEach((char, i) => {
+          if (index + i < length) {
+            newOtp[index + i] = char;
+          }
+        });
+        updateOtp(newOtp);
+        const nextEmptyIndex = newOtp.findIndex((d) => d === "");
+        focusInput(nextEmptyIndex === -1 ? length - 1 : nextEmptyIndex);
+      },
+      [otp, length, isValidInput, updateOtp, focusInput]
+    );
+    const handleFocus = useCallback((e) => {
+      e.target.select();
+    }, []);
+    useImperativeHandle(
+      ref,
+      () => ({
+        focus: () => {
+          const emptyIndex = otp.findIndex((d) => d === "");
+          focusInput(emptyIndex === -1 ? length - 1 : emptyIndex);
+        },
+        clear: () => {
+          const newOtp = Array(length).fill("");
+          updateOtp(newOtp);
+          focusInput(0);
+        },
+        getValue: () => otp.join("")
+      }),
+      [otp, length, focusInput, updateOtp]
+    );
+    useEffect(() => {
+      if (autoFocus && !disabled) {
+        focusInput(0);
+      }
+    }, [autoFocus, disabled, focusInput]);
+    return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "datatable-wrapper",
+        className: cn("otp-input-wrapper", fullWidth && "otp-input-wrapper--full-width"),
         "data-cy": `${finalDataCy}-wrapper`,
         "data-testid": `${finalTestId}-wrapper`,
-        children: /* @__PURE__ */ jsxs(
-          "table",
-          {
-            ref,
-            className: cn("datatable", className),
-            "data-cy": finalDataCy,
-            "data-testid": finalTestId,
-            ...props,
-            children: [
-              /* @__PURE__ */ jsx(
-                "thead",
-                {
-                  className: "datatable__head",
-                  "data-cy": `${finalDataCy}-head`,
-                  "data-testid": `${finalTestId}-head`,
-                  children: /* @__PURE__ */ jsx("tr", { children: columns.map((column) => /* @__PURE__ */ jsx(
-                    "th",
-                    {
-                      className: "datatable__header-cell",
-                      "data-cy": `${finalDataCy}-header-${column.key}`,
-                      "data-testid": `${finalTestId}-header-${column.key}`,
-                      children: column.header
-                    },
-                    column.key
-                  )) })
-                }
+        children: [
+          label && /* @__PURE__ */ jsx(
+            "label",
+            {
+              className: cn(
+                "otp-input__label",
+                error && "otp-input__label--error",
+                disabled && "otp-input__label--disabled"
               ),
-              /* @__PURE__ */ jsx("tbody", { "data-cy": `${finalDataCy}-body`, "data-testid": `${finalTestId}-body`, children: data.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-                "td",
-                {
-                  colSpan: columns.length,
-                  className: "datatable__empty",
-                  "data-cy": `${finalDataCy}-empty`,
-                  "data-testid": `${finalTestId}-empty`,
-                  children: "No data available"
-                }
-              ) }) : data.map((row, rowIndex) => /* @__PURE__ */ jsx(
-                "tr",
+              "data-cy": `${finalDataCy}-label`,
+              "data-testid": `${finalTestId}-label`,
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn("otp-input__container", centered && "otp-input__container--centered"),
+              role: "group",
+              "aria-label": label || "OTP Input",
+              "data-cy": `${finalDataCy}-container`,
+              "data-testid": `${finalTestId}-container`,
+              children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx(
+                "input",
                 {
+                  ref: (el) => {
+                    inputRefs.current[index] = el;
+                  },
+                  type: "text",
+                  inputMode: type === "numeric" ? "numeric" : "text",
+                  pattern: type === "numeric" ? "[0-9]*" : "[a-zA-Z0-9]*",
+                  maxLength: 1,
+                  value: otp[index] || "",
+                  onChange: (e) => handleChange(index, e),
+                  onKeyDown: (e) => handleKeyDown(index, e),
+                  onPaste: (e) => handlePaste(index, e),
+                  onFocus: handleFocus,
+                  disabled,
+                  required,
+                  "aria-label": `Digit ${index + 1} of ${length}`,
+                  "aria-invalid": error ? "true" : "false",
+                  "aria-describedby": error ? errorId : helperText ? helperId : void 0,
                   className: cn(
-                    "datatable__body-row",
-                    hoverable && "datatable__body-row--hoverable",
-                    striped && "datatable__body-row--striped"
+                    "otp-input__digit",
+                    otp[index] && "otp-input__digit--filled",
+                    error && "otp-input__digit--error"
                   ),
-                  "data-cy": `${finalDataCy}-row-${rowIndex}`,
-                  "data-testid": `${finalTestId}-row-${rowIndex}`,
-                  children: columns.map((column) => /* @__PURE__ */ jsx(
-                    "td",
-                    {
-                      className: "datatable__body-cell",
-                      "data-cy": `${finalDataCy}-cell-${rowIndex}-${column.key}`,
-                      "data-testid": `${finalTestId}-cell-${rowIndex}-${column.key}`,
-                      children: String(row[column.key] ?? "")
-                    },
-                    column.key
-                  ))
+                  "data-cy": `${finalDataCy}-digit-${index}`,
+                  "data-testid": `${finalTestId}-digit-${index}`,
+                  autoComplete: "one-time-code"
                 },
-                rowIndex
-              )) })
-            ]
-          }
-        )
+                index
+              ))
+            }
+          ),
+          error && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: errorId,
+              className: "otp-input__error",
+              role: "alert",
+              "data-cy": `${finalDataCy}-error`,
+              "data-testid": `${finalTestId}-error`,
+              children: error
+            }
+          ),
+          helperText && !error && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: helperId,
+              className: "otp-input__helper",
+              "data-cy": `${finalDataCy}-helper`,
+              "data-testid": `${finalTestId}-helper`,
+              children: helperText
+            }
+          )
+        ]
       }
     );
   }
 );
-DataTable.displayName = "DataTable";
+OTPInput.displayName = "OTPInput";
 export {
-  DataTable
+  OTPInput
 };

package/dist/index14.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),i=require("./index22.cjs");;/* empty css          */const r=a.forwardRef(({variant:a="primary",selected:r=!1,disabled:s=!1,className:t,children:c,"data-testid":d,"data-cy":l,...n},p)=>{const h=i.cn("chip",`chip--${a}`,r&&"chip--selected",s&&"chip--disabled",t);return e.jsx("div",{ref:p,className:h,"data-testid":d||`chip-${a}`,"data-cy":l||`chip-${a}`,"aria-selected":r,"aria-disabled":s,"aria-label":"string"==typeof c?c:void 0,...n,children:e.jsx("span",{className:"chip__label",children:c})})});r.displayName="Chip",exports.Chip=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index31.cjs");;/* empty css          */const l=a.forwardRef(({label:l,labelPosition:r="end",helperText:s,size:d="md",className:c,id:n,disabled:o,checked:i,defaultChecked:g,"data-cy":p,"data-testid":u,...b},_)=>{const h=a.useId(),k=n||h,$=`${k}-helper`,x=p||"toggle",m=u||"toggle",[y,j]=a.useState(!1),N=a.useRef(null),f=a.useCallback(e=>{N.current=e,_&&("function"==typeof _?_(e):"current"in _&&(_.current=e))},[_]);return e.jsxs("div",{className:t.cn("toggle-wrapper",o&&"toggle-wrapper--disabled",`toggle-wrapper--${d}`),"data-cy":`${x}-wrapper`,"data-testid":`${m}-wrapper`,children:[e.jsxs("label",{className:t.cn("toggle__container","start"===r&&"toggle__container--label-start"),htmlFor:k,onMouseEnter:()=>{o||j(!0)},onMouseLeave:()=>{j(!1)},children:[l&&"start"===r&&e.jsx("span",{className:"toggle__label","data-cy":`${x}-label`,"data-testid":`${m}-label`,children:l}),e.jsx("input",{ref:f,id:k,type:"checkbox",role:"switch",checked:i,defaultChecked:g,className:t.cn("toggle__input",c),"aria-describedby":s?$:void 0,"data-cy":x,"data-testid":m,disabled:o,...b}),e.jsx("span",{className:t.cn("toggle__track",`toggle__track--${d}`,y&&!o&&"toggle__track--hover"),"data-cy":`${x}-track`,"data-testid":`${m}-track`,"aria-hidden":"true",children:e.jsx("span",{className:t.cn("toggle__knob",`toggle__knob--${d}`,y&&!o&&"toggle__knob--hover"),"data-cy":`${x}-knob`,"data-testid":`${m}-knob`})}),l&&"end"===r&&e.jsx("span",{className:"toggle__label","data-cy":`${x}-label`,"data-testid":`${m}-label`,children:l})]}),s&&e.jsx("span",{id:$,className:"toggle__helper","data-cy":`${x}-helper`,"data-testid":`${m}-helper`,children:s})]})});l.displayName="Toggle",exports.Toggle=l;

package/dist/index14.js

@@ -1,42 +1,150 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { cn } from "./index22.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useId, useState, useRef, useCallback } from "react";
+import { cn } from "./index31.js";
 /* empty css        */
-const Chip = forwardRef(
+const Toggle = forwardRef(
   ({
-    variant = "primary",
-    selected = false,
-    disabled = false,
+    label,
+    labelPosition = "end",
+    helperText,
+    size = "md",
     className,
-    children,
-    "data-testid": dataTestId,
+    id: providedId,
+    disabled,
+    checked,
+    defaultChecked,
     "data-cy": dataCy,
+    "data-testid": dataTestId,
     ...props
   }, ref) => {
-    const classes = cn(
-      "chip",
-      `chip--${variant}`,
-      selected && "chip--selected",
-      disabled && "chip--disabled",
-      className
+    const generatedId = useId();
+    const id = providedId || generatedId;
+    const helperId = `${id}-helper`;
+    const finalDataCy = dataCy || "toggle";
+    const finalTestId = dataTestId || "toggle";
+    const [isHovered, setIsHovered] = useState(false);
+    const internalRef = useRef(null);
+    const combinedRef = useCallback(
+      (element) => {
+        internalRef.current = element;
+        if (!ref) return;
+        if (typeof ref === "function") {
+          ref(element);
+        } else if ("current" in ref) {
+          ref.current = element;
+        }
+      },
+      [ref]
     );
-    return /* @__PURE__ */ jsx(
+    const handleMouseEnter = () => {
+      if (!disabled) {
+        setIsHovered(true);
+      }
+    };
+    const handleMouseLeave = () => {
+      setIsHovered(false);
+    };
+    return /* @__PURE__ */ jsxs(
       "div",
       {
-        ref,
-        className: classes,
-        "data-testid": dataTestId || `chip-${variant}`,
-        "data-cy": dataCy || `chip-${variant}`,
-        "aria-selected": selected,
-        "aria-disabled": disabled,
-        "aria-label": typeof children === "string" ? children : void 0,
-        ...props,
-        children: /* @__PURE__ */ jsx("span", { className: "chip__label", children })
+        className: cn(
+          "toggle-wrapper",
+          disabled && "toggle-wrapper--disabled",
+          `toggle-wrapper--${size}`
+        ),
+        "data-cy": `${finalDataCy}-wrapper`,
+        "data-testid": `${finalTestId}-wrapper`,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "label",
+            {
+              className: cn(
+                "toggle__container",
+                labelPosition === "start" && "toggle__container--label-start"
+              ),
+              htmlFor: id,
+              onMouseEnter: handleMouseEnter,
+              onMouseLeave: handleMouseLeave,
+              children: [
+                label && labelPosition === "start" && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "toggle__label",
+                    "data-cy": `${finalDataCy}-label`,
+                    "data-testid": `${finalTestId}-label`,
+                    children: label
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: combinedRef,
+                    id,
+                    type: "checkbox",
+                    role: "switch",
+                    checked,
+                    defaultChecked,
+                    className: cn("toggle__input", className),
+                    "aria-describedby": helperText ? helperId : void 0,
+                    "data-cy": finalDataCy,
+                    "data-testid": finalTestId,
+                    disabled,
+                    ...props
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "toggle__track",
+                      `toggle__track--${size}`,
+                      isHovered && !disabled && "toggle__track--hover"
+                    ),
+                    "data-cy": `${finalDataCy}-track`,
+                    "data-testid": `${finalTestId}-track`,
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "toggle__knob",
+                          `toggle__knob--${size}`,
+                          isHovered && !disabled && "toggle__knob--hover"
+                        ),
+                        "data-cy": `${finalDataCy}-knob`,
+                        "data-testid": `${finalTestId}-knob`
+                      }
+                    )
+                  }
+                ),
+                label && labelPosition === "end" && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "toggle__label",
+                    "data-cy": `${finalDataCy}-label`,
+                    "data-testid": `${finalTestId}-label`,
+                    children: label
+                  }
+                )
+              ]
+            }
+          ),
+          helperText && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: helperId,
+              className: "toggle__helper",
+              "data-cy": `${finalDataCy}-helper`,
+              "data-testid": `${finalTestId}-helper`,
+              children: helperText
+            }
+          )
+        ]
       }
     );
   }
 );
-Chip.displayName = "Chip";
+Toggle.displayName = "Toggle";
 export {
-  Chip
+  Toggle
 };

package/dist/index15.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index22.cjs"),a=require("./index14.cjs");;/* empty css          */const i=require("./index35.cjs"),n=require("@adam-milo/icons"),l=(e,r,a,i,n)=>{const[l,o]=t.useState(e.length),u=t.useCallback(()=>{if(void 0!==n)return void o(Math.min(n,e.length));const t=r.current;if(!t)return;const l=t.clientWidth,u=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,s=window.getComputedStyle(t),c=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const i=parseFloat(a[1]);switch(a[2]||"px"){case"px":return i;case"rem":return i*t;case"em":return i*r;default:return.5*t}})(s.gap,u,parseFloat(s.fontSize)||16),d=3.75*u;for(let r=0;r<e.length;r++){const t=e[r],n=a.current[r];n&&i.current.set(t.value,n.offsetWidth)}const p=((e,t,r,a,i)=>{let n=0,l=0;for(let o=0;o<e.length;o++){const u=e[o],s=t.get(u.value)||0;if(0===s){l++;break}const c=n+(o>0?a:0)+s;if(o<e.length-1){if(c+a+i>r&&l>0)break}else if(c>r&&l>0)break;n=c,l++}return Math.max(1,l)})(e,i.current,l,c,d);o(p)},[e,n,r,a,i]),s=((e,r)=>{const a=t.useRef();return t.useEffect(()=>()=>{a.current&&clearTimeout(a.current)},[]),t.useCallback((...t)=>{a.current&&clearTimeout(a.current),a.current=setTimeout(()=>e(...t),r)},[e,r])})(u,100);t.useEffect(()=>{a.current.length>e.length&&(a.current=a.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(i.current.forEach((e,r)=>{t.has(r)||i.current.delete(r)}),void 0===n){e.some(e=>!i.current.has(e.value))?o(e.length):setTimeout(u,0)}},[e,n,u,a,i]),t.useEffect(()=>{const e=r.current;if(!e)return;const t=new ResizeObserver(()=>{s()});return t.observe(e),setTimeout(u,0),()=>{t.disconnect()}},[u,s,r]);const c=e.slice(0,l),d=e.slice(l);return{visibleCount:l,visibleItems:c,hiddenItems:d,hasOverflow:d.length>0}},o=t.forwardRef(({items:o,selectedValue:u,onSelectionChange:s,removable:c=!1,onRemove:d,variant:p="primary",disabled:h=!1,maxVisible:v,className:m,"data-testid":f,"data-cy":g,...b},y)=>{const w=(o&&Array.isArray(o)?o:[]).filter(e=>null!=e&&"object"==typeof e),x=t.useRef(null),k=t.useRef([]),_=t.useRef(new Map),C=t.useRef(null),[E,j]=t.useState(!1),[N,$]=t.useState(!1),D=t.useRef([]),{visibleItems:S,hiddenItems:R,hasOverflow:I}=l(w,x,k,_,v),q=t.useCallback((e,t,r)=>{if(!h&&!t&&s){s(u===e?null:e,r)}},[h,u,s]),A=t.useCallback((e,t)=>{e.stopPropagation(),h||d&&d(t,e)},[h,d]),M=t.useCallback((e,t,r)=>{h||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),q(t,r,e))},[h,q]),P=t.useCallback(e=>{e.stopPropagation(),$(e=>!e),j(!1)},[]),T=t.useCallback((e,t)=>{var r,a,i,n;switch(e.key){case"ArrowDown":e.preventDefault(),t<R.length-1&&(null==(r=D.current[t+1])||r.focus());break;case"ArrowUp":e.preventDefault(),t>0&&(null==(a=D.current[t-1])||a.focus());break;case"Home":e.preventDefault(),null==(i=D.current[0])||i.focus();break;case"End":e.preventDefault(),null==(n=D.current[R.length-1])||n.focus()}},[R.length]),z=t.useRef(),L=t.useRef();return t.useEffect(()=>{z.current=e=>{C.current&&!C.current.contains(e.target)&&$(!1)},L.current=e=>{"Escape"===e.key&&$(!1)}}),t.useEffect(()=>{if(!N)return;const e=e=>{var t;return null==(t=z.current)?void 0:t.call(z,e)},t=e=>{var t;return null==(t=L.current)?void 0:t.call(L,e)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[N]),t.useEffect(()=>{if("development"===process.env.NODE_ENV&&w.length>0){const e=w.map(e=>e.value),t=new Set(e);e.length!==t.size&&i.devWarn("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[w]),t.useEffect(()=>{D.current.length>R.length&&(D.current=D.current.slice(0,R.length))},[R]),o&&Array.isArray(o)?e.jsxs("div",{ref:y,className:r.cn("chip-group",h&&"chip-group--disabled",m),role:"group","aria-label":"Chip group","data-testid":f||"chip-group","data-cy":g||"chip-group",...b,children:[I&&e.jsxs("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[R.length," additional ",1===R.length?"chip":"chips"," hidden"]}),e.jsxs("div",{ref:x,className:"chip-group__container",children:[S.map(t=>{const r=u===t.value,i=t.variant||p,l=h||t.disabled||!1,o=w.findIndex(e=>e.value===t.value);return e.jsx("div",{ref:e=>{k.current[o]=e||null},className:"chip-group__item-wrapper","data-cy":`chip-group-item-wrapper-${t.value}`,"data-testid":`chip-group-item-wrapper-${t.value}`,children:e.jsxs("div",{className:"chip-group__item",onClick:e=>q(t.value,l,e),onKeyDown:e=>M(e,t.value,l),tabIndex:l?-1:0,role:"button","aria-pressed":r?"true":"false","aria-disabled":l?"true":"false","data-cy":`chip-group-item-${t.value}`,"data-testid":`chip-group-item-${t.value}`,children:[e.jsx(a.Chip,{variant:i,selected:r,disabled:l,"data-cy":`chip-${t.value}`,"data-testid":`chip-${t.value}`,children:t.label}),c&&!h&&!l&&e.jsx("button",{className:"chip-group__remove",onClick:e=>A(e,t.value),"aria-label":`Remove ${t.label}`,"data-cy":`chip-remove-${t.value}`,"data-testid":`chip-remove-${t.value}`,type:"button",children:e.jsx(n.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},t.value)}),I&&e.jsxs("div",{ref:C,className:"chip-group__overflow",role:"button",tabIndex:0,"aria-expanded":N?"true":"false","aria-haspopup":"menu","aria-label":`Show ${R.length} more ${1===R.length?"chip":"chips"}`,onMouseEnter:()=>!N&&j(!0),onMouseLeave:()=>j(!1),onClick:P,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),$(!N),j(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[e.jsxs(a.Chip,{variant:p,"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",R.length]}),E&&!N&&e.jsx("div",{className:"chip-group__tooltip chip-group__tooltip--hover",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:R.map(t=>e.jsx("div",{className:"chip-group__tooltip-item","data-cy":`chip-group-tooltip-item-${t.value}`,"data-testid":`chip-group-tooltip-item-${t.value}`,children:t.label},t.value))}),N&&e.jsx("div",{className:"chip-group__dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:R.map((t,a)=>e.jsx("div",{ref:e=>{D.current[a]=e||null},className:r.cn("chip-group__dropdown-item",t.disabled&&"chip-group__dropdown-item--disabled"),role:"menuitem",tabIndex:t.disabled?-1:0,"aria-disabled":t.disabled?"true":"false",onClick:e=>{e.stopPropagation(),t.disabled||(q(t.value,!1,e),$(!1))},onKeyDown:e=>{T(e,a),"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),t.disabled||(q(t.value,!1,e),$(!1)))},"data-cy":`chip-group-dropdown-item-${t.value}`,"data-testid":`chip-group-dropdown-item-${t.value}`,children:t.label},t.value))})]})]})]}):null});o.displayName="ChipGroup",exports.ChipGroup=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("@radix-ui/react-tabs"),s=require("./index31.cjs");function r(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)};/* empty css          */const i=r(a),n=i.Root,c=e.forwardRef(({className:e,"data-cy":a,"data-testid":r,...n},c)=>{const o=a||"tabs-list",d=r||"tabs-list";return t.jsx(i.List,{ref:c,className:s.cn("tabs-list",e),"data-cy":o,"data-testid":d,...n})});c.displayName=i.List.displayName;const o=e.forwardRef(({className:e,value:a,"data-cy":r,"data-testid":n,...c},o)=>{const d=r||(a?`tabs-trigger-${a}`:"tabs-trigger"),l=n||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(i.Trigger,{ref:o,className:s.cn("tabs-trigger",e),value:a,"data-cy":d,"data-testid":l,...c})});o.displayName=i.Trigger.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":r,"data-testid":n,...c},o)=>{const d=r||(a?`tabs-content-${a}`:"tabs-content"),l=n||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(i.Content,{ref:o,className:s.cn("tabs-content",e),value:a,"data-cy":d,"data-testid":l,...c})});d.displayName=i.Content.displayName,exports.Tabs=n,exports.TabsContent=d,exports.TabsList=c,exports.TabsTrigger=o;