@adam-milo/ui 1.0.35 → 1.0.41

package/dist/index13.js

@@ -1,279 +1,11 @@
-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 OTPInput = forwardRef(
-  ({
-    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
-  }, ref) => {
-    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: cn("otp-input-wrapper", fullWidth && "otp-input-wrapper--full-width"),
-        "data-cy": `${finalDataCy}-wrapper`,
-        "data-testid": `${finalTestId}-wrapper`,
-        children: [
-          label && /* @__PURE__ */ jsx(
-            "label",
-            {
-              className: cn(
-                "otp-input__label",
-                error && "otp-input__label--error",
-                disabled && "otp-input__label--disabled"
-              ),
-              "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(
-                    "otp-input__digit",
-                    otp[index] && "otp-input__digit--filled",
-                    error && "otp-input__digit--error"
-                  ),
-                  "data-cy": `${finalDataCy}-digit-${index}`,
-                  "data-testid": `${finalTestId}-digit-${index}`,
-                  autoComplete: "one-time-code"
-                },
-                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
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-OTPInput.displayName = "OTPInput";
-export {
-  OTPInput
-};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as n,useRef as o,useEffect as d,useCallback as l}from"react";import{cn as i}from"./index33.js";import{Icon as c}from"@adam-milo/icons";import{commonCountries as s,getPhoneMask as u,getPhoneDigits as p,formatPhoneNumber as m}from"./index34.js";import{allCountries as h,defaultCountries as y,defaultPhoneMask as f,getCountriesByDialCode as $,getCountryByCode as b,getCountryByDialCode as g,isValidPhoneLength as v,phoneMasks as x,searchCountries as w}from"./index34.js";import{labelStyles as N,triggerStyles as C,flagStyles as k,dialCodeStyles as D,dropdownStyles as E,optionFlagStyles as L,optionNameStyles as j,optionDialCodeStyles as I,optionSelectedStyles as q,optionHighlightedStyles as F,optionBaseStyles as M,errorStyles as S,helperStyles as A,inputStyles as K,containerIdleStyles as T,containerDisabledStyles as B,containerErrorStyles as U,containerFocusStyles as z,containerBaseStyles as P,wrapperFullWidthStyles as V,wrapperStyles as W}from"./index43.js";const G=t(({label:t,error:h,helperText:y,fullWidth:f=!0,value:$="",onChange:b,countryCode:g="US",onCountryChange:v,countries:x=s,enableFormatting:w=!0,onValidationChange:G,disabled:H,required:J,placeholder:O,id:Q,"data-cy":R,"data-testid":X,className:Y,onFocus:Z,onBlur:_,...ee},ae)=>{const[te,re]=r(!1),[ne,oe]=r(!1),[de,le]=r(0),ie=n(),ce=Q||ie,se=`${ce}-error`,ue=`${ce}-helper`,pe=`${ce}-listbox`,me=o(null),he=o(null),ye=o(null),fe=R||"phone-input",$e=X||"phone-input",be=x.find(e=>e.code===g)||x[0],ge=u(g),ve=O||ge.placeholder,xe=t&&J&&!t.includes("*")?`${t}*`:t;d(()=>{const e=e=>{me.current&&!me.current.contains(e.target)&&re(!1)};return te&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[te]);const we=l(e=>{v?.(e),re(!1),setTimeout(()=>{const e=me.current?.querySelector("input");e?.focus()},0)},[v]),Ne=l(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),le(e=>Math.min(e+1,x.length-1));break;case"ArrowUp":e.preventDefault(),le(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),we(x[de]);break;case"Escape":e.preventDefault(),re(!1),ye.current?.focus();break;case"Tab":re(!1)}},[x,de,we]),Ce=H?"disabled":h?"error":ne||te?"focus":"idle";/* @__PURE__ */
+return e("div",{ref:me,className:i(W,f&&V),"data-cy":`${fe}-wrapper`,"data-testid":`${$e}-wrapper`,children:[t&&/* @__PURE__ */a("label",{htmlFor:ce,className:N,"data-cy":`${fe}-label`,"data-testid":`${$e}-label`,children:xe}),
+/* @__PURE__ */e("div",{className:i(P,"focus"===Ce&&z,"error"===Ce&&U,"disabled"===Ce&&B,"idle"===Ce&&T),"data-state":Ce,"data-cy":`${fe}-container`,"data-testid":`${$e}-container`,children:[
+/* @__PURE__ */e("button",{ref:ye,type:"button",className:C,onClick:()=>!H&&re(!te),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),re(!0);const a=x.findIndex(e=>e.code===g);le(-1===a?0:a)}},disabled:H,"aria-haspopup":"listbox","aria-expanded":te,"aria-controls":pe,"aria-label":`Select country. Current: ${be.name}`,"data-cy":`${fe}-country-trigger`,"data-testid":`${$e}-country-trigger`,children:[
+/* @__PURE__ */a("span",{className:k,"data-cy":`${fe}-flag`,"data-testid":`${$e}-flag`,children:be.flag}),
+/* @__PURE__ */a(c,{name:"ChevronDownIcon",size:"sm",color:ne||te?"clickable":"text",decorative:!0,"data-cy":`${fe}-chevron`})]}),
+/* @__PURE__ */a("span",{className:D,"data-cy":`${fe}-dial-code`,"data-testid":`${$e}-dial-code`,children:be.dialCode}),
+/* @__PURE__ */a("input",{ref:ae,id:ce,type:"tel",inputMode:"numeric",value:$,onChange:e=>{const a=e.target.value;if(w){const e=p(a).slice(0,ge.maxLength),t=m(e,g);b?.(t);const r=e.length===ge.maxLength;G?.(r)}else{const e=a.replace(/[^0-9]/g,"");b?.(e);const t=e.length===ge.maxLength;G?.(t)}},onFocus:e=>{oe(!0),Z?.(e)},onBlur:e=>{oe(!1),_?.(e)},placeholder:ve,disabled:H,required:J,className:i(K,Y),"aria-invalid":h?"true":"false","aria-required":J?"true":void 0,"aria-describedby":h?se:y?ue:void 0,"data-cy":fe,"data-testid":$e,...ee})]}),te&&/* @__PURE__ */a("div",{ref:he,id:pe,role:"listbox","aria-label":"Select country",className:E,tabIndex:-1,onKeyDown:Ne,"data-cy":`${fe}-dropdown`,"data-testid":`${$e}-dropdown`,children:x.map((t,r)=>/* @__PURE__ */e("div",{role:"option","aria-selected":t.code===g,className:i(M,r===de&&F,t.code===g&&q),onClick:()=>we(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),we(t))},onMouseEnter:()=>le(r),tabIndex:r===de?0:-1,"data-cy":`${fe}-option-${t.code.toLowerCase()}`,"data-testid":`${$e}-option-${t.code.toLowerCase()}`,children:[
+/* @__PURE__ */a("span",{className:L,children:t.flag}),
+/* @__PURE__ */a("span",{className:j,children:t.name}),
+/* @__PURE__ */a("span",{className:I,children:t.dialCode})]},t.code))}),h&&/* @__PURE__ */a("span",{id:se,className:S,role:"alert","data-cy":`${fe}-error`,"data-testid":`${$e}-error`,children:h}),y&&!h&&/* @__PURE__ */a("span",{id:ue,className:A,"data-cy":`${fe}-helper`,"data-testid":`${$e}-helper`,children:y})]})});G.displayName="PhoneInput";export{G as PhoneInput,h as allCountries,s as commonCountries,y as defaultCountries,f as defaultPhoneMask,m as formatPhoneNumber,$ as getCountriesByDialCode,b as getCountryByCode,g as getCountryByDialCode,p as getPhoneDigits,u as getPhoneMask,v as isValidPhoneLength,x as phoneMasks,w as searchCountries};

package/dist/index14.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index33.cjs"),r=require("./index44.cjs"),l=t.forwardRef(({length:l=4,label:s,value:n="",onChange:c,onComplete:i,error:o,helperText:d,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",required:h=!1,"data-cy":g,"data-testid":m},$)=>{const x=t.useId(),k=`${x}-error`,v=`${x}-helper`,D=g||"otp-input",S=m||"otp-input",j=t.useRef([]),[C,w]=t.useState(()=>n.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l));t.useEffect(()=>{const e=n.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l);w(e)},[n,l]);const A=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),I=t.useCallback(e=>{w(e);const t=e.join("");c?.(t),e.every(e=>""!==e)&&e.length===l&&i?.(t)},[c,i,l]),E=t.useCallback(e=>{const t=j.current[e];t&&(t.focus(),t.select())},[]),N=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&A(a)){const t=[...C];t[e]=a,I(t),e<l-1&&E(e+1)}else if(a.length>1){const t=a.split("").filter(A),r=[...C];t.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),I(r);const s=r.findIndex(e=>""===e);E(-1===s?l-1:s)}},[C,l,A,I,E]),q=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),C[e]){const t=[...C];t[e]="",I(t)}else if(e>0){const t=[...C];t[e-1]="",I(t),E(e-1)}break;case"Delete":if(t.preventDefault(),C[e]){const t=[...C];t[e]="",I(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&E(e-1);break;case"ArrowRight":t.preventDefault(),e<l-1&&E(e+1);break;case"Home":t.preventDefault(),E(0);break;case"End":t.preventDefault(),E(l-1);break;default:if(1===t.key.length&&A(t.key)){t.preventDefault();const a=[...C];a[e]=t.key,I(a),e<l-1&&E(e+1)}}},[C,l,A,I,E]),P=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(A);if(0===a.length)return;const r=[...C];a.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),I(r);const s=r.findIndex(e=>""===e);E(-1===s?l-1:s)},[C,l,A,I,E]),T=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle($,()=>({focus:()=>{const e=C.findIndex(e=>""===e);E(-1===e?l-1:e)},clear:()=>{const e=Array(l).fill("");I(e),E(0)},getValue:()=>C.join("")}),[C,l,E,I]),t.useEffect(()=>{p&&!u&&E(0)},[p,u,E]),e.jsxs("div",{className:a.cn(r.wrapperStyles,f&&r.wrapperFullWidthStyles),"data-cy":`${D}-wrapper`,"data-testid":`${S}-wrapper`,children:[s&&e.jsx("label",{className:a.cn(r.labelBaseStyles,o&&r.labelErrorStyles,u&&r.labelDisabledStyles),"data-cy":`${D}-label`,"data-testid":`${S}-label`,children:s}),e.jsx("div",{className:a.cn(r.containerBaseStyles,y&&r.containerCenteredStyles),role:"group","aria-label":s||"OTP Input","data-cy":`${D}-container`,"data-testid":`${S}-container`,children:Array.from({length:l},(t,s)=>e.jsx("input",{ref:e=>{j.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:C[s]||"",onChange:e=>N(s,e),onKeyDown:e=>q(s,e),onPaste:e=>P(s,e),onFocus:T,disabled:u,required:h,"aria-label":`Digit ${s+1} of ${l}`,"aria-invalid":o?"true":"false","aria-describedby":o?k:d?v:void 0,className:a.cn(r.digitBaseStyles,o&&r.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${D}-digit-${s}`,"data-testid":`${S}-digit-${s}`,autoComplete:"one-time-code"},s))}),o&&e.jsx("span",{id:k,className:r.errorStyles,role:"alert","data-cy":`${D}-error`,"data-testid":`${S}-error`,children:o}),d&&!o&&e.jsx("span",{id:v,className:r.helperStyles,"data-cy":`${D}-helper`,"data-testid":`${S}-helper`,children:d})]})});l.displayName="OTPInput",exports.OTPInput=l;

package/dist/index14.js

@@ -1,150 +1,2 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useId, useState, useRef, useCallback } from "react";
-import { cn } from "./index31.js";
-/* empty css        */
-const Toggle = forwardRef(
-  ({
-    label,
-    labelPosition = "end",
-    helperText,
-    size = "md",
-    className,
-    id: providedId,
-    disabled,
-    checked,
-    defaultChecked,
-    "data-cy": dataCy,
-    "data-testid": dataTestId,
-    ...props
-  }, ref) => {
-    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]
-    );
-    const handleMouseEnter = () => {
-      if (!disabled) {
-        setIsHovered(true);
-      }
-    };
-    const handleMouseLeave = () => {
-      setIsHovered(false);
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        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
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Toggle.displayName = "Toggle";
-export {
-  Toggle
-};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as n,useState as i,useEffect as l,useCallback as c,useImperativeHandle as s}from"react";import{cn as o}from"./index33.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitBaseStyles as y,containerCenteredStyles as g,containerBaseStyles as $,wrapperFullWidthStyles as b,wrapperStyles as v}from"./index44.js";const D=a(({length:a=4,label:D,value:x="",onChange:k,onComplete:A,error:N,helperText:w,disabled:j=!1,autoFocus:I=!1,fullWidth:C=!1,centered:E=!1,type:P="numeric",required:T=!1,"data-cy":q,"data-testid":z},F)=>{const L=r(),O=`${L}-error`,Z=`${L}-helper`,B=q||"otp-input",H=z||"otp-input",K=n([]),[M,R]=i(()=>x.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));l(()=>{const e=x.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);R(e)},[x,a]);const V=c(e=>"numeric"===P?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[P]),W=c(e=>{R(e);const t=e.join("");k?.(t),e.every(e=>""!==e)&&e.length===a&&A?.(t)},[k,A,a]),G=c(e=>{const t=K.current[e];t&&(t.focus(),t.select())},[]),J=c((e,t)=>{const r=t.target.value;if(1===r.length&&V(r)){const t=[...M];t[e]=r,W(t),e<a-1&&G(e+1)}else if(r.length>1){const t=r.split("").filter(V),n=[...M];t.forEach((t,r)=>{e+r<a&&(n[e+r]=t)}),W(n);const i=n.findIndex(e=>""===e);G(-1===i?a-1:i)}},[M,a,V,W,G]),Q=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),M[e]){const t=[...M];t[e]="",W(t)}else if(e>0){const t=[...M];t[e-1]="",W(t),G(e-1)}break;case"Delete":if(t.preventDefault(),M[e]){const t=[...M];t[e]="",W(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&G(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&G(e+1);break;case"Home":t.preventDefault(),G(0);break;case"End":t.preventDefault(),G(a-1);break;default:if(1===t.key.length&&V(t.key)){t.preventDefault();const r=[...M];r[e]=t.key,W(r),e<a-1&&G(e+1)}}},[M,a,V,W,G]),S=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(V);if(0===r.length)return;const n=[...M];r.forEach((t,r)=>{e+r<a&&(n[e+r]=t)}),W(n);const i=n.findIndex(e=>""===e);G(-1===i?a-1:i)},[M,a,V,W,G]),U=c(e=>{e.target.select()},[]);return s(F,()=>({focus:()=>{const e=M.findIndex(e=>""===e);G(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");W(e),G(0)},getValue:()=>M.join("")}),[M,a,G,W]),l(()=>{I&&!j&&G(0)},[I,j,G]),/* @__PURE__ */e("div",{className:o(v,C&&b),"data-cy":`${B}-wrapper`,"data-testid":`${H}-wrapper`,children:[D&&/* @__PURE__ */t("label",{className:o(m,N&&f,j&&u),"data-cy":`${B}-label`,"data-testid":`${H}-label`,children:D}),
+/* @__PURE__ */t("div",{className:o($,E&&g),role:"group","aria-label":D||"OTP Input","data-cy":`${B}-container`,"data-testid":`${H}-container`,children:Array.from({length:a},(e,r)=>/* @__PURE__ */t("input",{ref:e=>{K.current[r]=e},type:"text",inputMode:"numeric"===P?"numeric":"text",pattern:"numeric"===P?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:M[r]||"",onChange:e=>J(r,e),onKeyDown:e=>Q(r,e),onPaste:e=>S(r,e),onFocus:U,disabled:j,required:T,"aria-label":`Digit ${r+1} of ${a}`,"aria-invalid":N?"true":"false","aria-describedby":N?O:w?Z:void 0,className:o(y,N&&h),"data-otp-digit":!0,"data-cy":`${B}-digit-${r}`,"data-testid":`${H}-digit-${r}`,autoComplete:"one-time-code"},r))}),N&&/* @__PURE__ */t("span",{id:O,className:d,role:"alert","data-cy":`${B}-error`,"data-testid":`${H}-error`,children:N}),w&&!N&&/* @__PURE__ */t("span",{id:Z,className:p,"data-cy":`${B}-helper`,"data-testid":`${H}-helper`,children:w})]})});D.displayName="OTPInput";export{D as OTPInput};

package/dist/index15.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index33.cjs"),s=require("./index45.cjs"),l=a.forwardRef(({label:l,labelPosition:r="end",helperText:d,size:c="md",className:n,id:i,disabled:o,checked:p,defaultChecked:y,"data-cy":u,"data-testid":b,...h},S)=>{const k=a.useId(),x=i||k,m=`${x}-helper`,$=u||"toggle",j=b||"toggle",[g,N]=a.useState(!1),f=a.useRef(null),v=a.useCallback(e=>{f.current=e,S&&("function"==typeof S?S(e):"current"in S&&(S.current=e))},[S]);return e.jsxs("div",{className:t.cn(s.wrapperStyles,o&&s.wrapperDisabledStyles),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("label",{className:t.cn(s.labelContainerStyles,o&&"cursor-not-allowed","start"===r&&s.labelContainerReversedStyles),htmlFor:x,onMouseEnter:()=>{o||N(!0)},onMouseLeave:()=>{N(!1)},children:[l&&"start"===r&&e.jsx("span",{className:s.labelTextStyles,"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:l}),e.jsx("input",{ref:v,id:x,type:"checkbox",role:"switch",checked:p,defaultChecked:y,className:t.cn(s.inputSrOnlyStyles,n),"aria-describedby":d?m:void 0,"data-cy":$,"data-testid":j,disabled:o,...h}),e.jsx("span",{className:t.cn(s.trackBaseStyles,s.trackSizeMap[c],g&&!o&&s.trackHoverStyles,g&&!o&&s.trackHoverCheckedStyles),"data-cy":`${$}-track`,"data-testid":`${j}-track`,"aria-hidden":"true",children:e.jsx("span",{className:t.cn(s.knobBaseStyles,s.knobSizeMap[c],g&&!o&&s.knobHoverShadowStyles),"data-cy":`${$}-knob`,"data-testid":`${j}-knob`})}),l&&"end"===r&&e.jsx("span",{className:s.labelTextStyles,"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:l})]}),d&&e.jsx("span",{id:m,className:s.helperStyles,"data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:d})]})});l.displayName="Toggle",exports.Toggle=l;

package/dist/index15.js

@@ -1,65 +1,5 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cn } from "./index31.js";
-/* empty css        */
-const Tabs = TabsPrimitive.Root;
-const TabsList = forwardRef(
-  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-    const finalDataCy = dataCy || "tabs-list";
-    const finalTestId = dataTestId || "tabs-list";
-    return /* @__PURE__ */ jsx(
-      TabsPrimitive.List,
-      {
-        ref,
-        className: cn("tabs-list", className),
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props
-      }
-    );
-  }
-);
-TabsList.displayName = TabsPrimitive.List.displayName;
-const TabsTrigger = forwardRef(
-  ({ className, value, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-    const finalDataCy = dataCy || (value ? `tabs-trigger-${value}` : "tabs-trigger");
-    const finalTestId = dataTestId || (value ? `tabs-trigger-${value}` : "tabs-trigger");
-    return /* @__PURE__ */ jsx(
-      TabsPrimitive.Trigger,
-      {
-        ref,
-        className: cn("tabs-trigger", className),
-        value,
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props
-      }
-    );
-  }
-);
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-const TabsContent = forwardRef(
-  ({ className, value, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-    const finalDataCy = dataCy || (value ? `tabs-content-${value}` : "tabs-content");
-    const finalTestId = dataTestId || (value ? `tabs-content-${value}` : "tabs-content");
-    return /* @__PURE__ */ jsx(
-      TabsPrimitive.Content,
-      {
-        ref,
-        className: cn("tabs-content", className),
-        value,
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props
-      }
-    );
-  }
-);
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-export {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger
-};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useId as d,useState as r,useRef as s,useCallback as l}from"react";import{cn as c}from"./index33.js";import{labelTextStyles as i,helperStyles as n,inputSrOnlyStyles as o,knobHoverShadowStyles as p,knobSizeMap as m,knobBaseStyles as h,trackHoverCheckedStyles as b,trackHoverStyles as u,trackSizeMap as $,trackBaseStyles as y,labelContainerReversedStyles as N,labelContainerStyles as f,wrapperDisabledStyles as k,wrapperStyles as g}from"./index45.js";const x=t(({label:t,labelPosition:x="end",helperText:w,size:j="md",className:v,id:C,disabled:M,checked:T,defaultChecked:z,"data-cy":E,"data-testid":F,...L},P)=>{const q=d(),A=C||q,B=`${A}-helper`,D=E||"toggle",G=F||"toggle",[H,I]=r(!1),J=s(null),K=l(e=>{J.current=e,P&&("function"==typeof P?P(e):"current"in P&&(P.current=e))},[P]);/* @__PURE__ */
+return e("div",{className:c(g,M&&k),"data-cy":`${D}-wrapper`,"data-testid":`${G}-wrapper`,children:[
+/* @__PURE__ */e("label",{className:c(f,M&&"cursor-not-allowed","start"===x&&N),htmlFor:A,onMouseEnter:()=>{M||I(!0)},onMouseLeave:()=>{I(!1)},children:[t&&"start"===x&&/* @__PURE__ */a("span",{className:i,"data-cy":`${D}-label`,"data-testid":`${G}-label`,children:t}),
+/* @__PURE__ */a("input",{ref:K,id:A,type:"checkbox",role:"switch",checked:T,defaultChecked:z,className:c(o,v),"aria-describedby":w?B:void 0,"data-cy":D,"data-testid":G,disabled:M,...L}),
+/* @__PURE__ */a("span",{className:c(y,$[j],H&&!M&&u,H&&!M&&b),"data-cy":`${D}-track`,"data-testid":`${G}-track`,"aria-hidden":"true",children:/* @__PURE__ */a("span",{className:c(h,m[j],H&&!M&&p),"data-cy":`${D}-knob`,"data-testid":`${G}-knob`})}),t&&"end"===x&&/* @__PURE__ */a("span",{className:i,"data-cy":`${D}-label`,"data-testid":`${G}-label`,children:t})]}),w&&/* @__PURE__ */a("span",{id:B,className:n,"data-cy":`${D}-helper`,"data-testid":`${G}-helper`,children:w})]})});x.displayName="Toggle";export{x as Toggle};

package/dist/index16.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("./index31.cjs");;/* empty css          */const r=e.forwardRef(({variant:e="info",title:r,icon:s,className:i,children:c,"data-cy":d,"data-testid":l,...n},o)=>{const u=d||`alert-${e}`,$=l||`alert-${e}`;return t.jsxs("div",{ref:o,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:a.cn("alert",`alert--${e}`,i),"data-cy":u,"data-testid":$,...n,children:[s&&t.jsx("div",{className:"alert__icon","data-cy":`${u}-icon`,"data-testid":`${$}-icon`,children:s}),t.jsxs("div",{className:"alert__content","data-cy":`${u}-content`,"data-testid":`${$}-content`,children:[r&&t.jsx("div",{className:"alert__title","data-cy":`${u}-title`,"data-testid":`${$}-title`,children:r}),t.jsx("div",{"data-cy":`${u}-message`,"data-testid":`${$}-message`,children:c})]})]})});r.displayName="Alert",exports.Alert=r;
+"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("./index33.cjs"),r=require("./index46.cjs");function i(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)}const n=i(a),c=n.Root,o=e.forwardRef(({className:e,"data-cy":a,"data-testid":i,...c},o)=>{const d=a||"tabs-list",l=i||"tabs-list";return t.jsx(n.List,{ref:o,className:s.cn(r.listStyles,e),"data-cy":d,"data-testid":l,...c})});o.displayName=n.List.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":c,...o},d)=>{const l=i||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(n.Trigger,{ref:d,className:s.cn(r.triggerStyles,e),value:a,"data-cy":l,"data-testid":u,...o})});d.displayName=n.Trigger.displayName;const l=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":c,...o},d)=>{const l=i||(a?`tabs-content-${a}`:"tabs-content"),u=c||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(n.Content,{ref:d,className:s.cn(r.contentStyles,e),value:a,"data-cy":l,"data-testid":u,...o})});l.displayName=n.Content.displayName,exports.Tabs=c,exports.TabsContent=l,exports.TabsList=o,exports.TabsTrigger=d;