@adam-milo/ui 1.0.78 → 1.0.79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/index10.cjs +1 -1
- package/dist/index10.js +1 -1
- package/dist/index100.cjs +1 -1
- package/dist/index100.js +3 -1
- package/dist/index101.cjs +1 -1
- package/dist/index101.js +2 -4
- package/dist/index102.cjs +1 -1
- package/dist/index102.js +1 -1
- package/dist/index103.cjs +1 -1
- package/dist/index103.js +1 -1
- package/dist/index104.cjs +1 -1
- package/dist/index104.js +1 -1
- package/dist/index105.cjs +1 -1
- package/dist/index105.js +1 -3
- package/dist/index106.cjs +1 -1
- package/dist/index106.js +1 -1
- package/dist/index107.cjs +1 -1
- package/dist/index107.js +1 -1
- package/dist/index108.cjs +1 -1
- package/dist/index108.js +1 -3
- package/dist/index109.cjs +1 -1
- package/dist/index109.js +1 -1
- package/dist/index11.cjs +1 -1
- package/dist/index11.js +1 -1
- package/dist/index110.cjs +1 -1
- package/dist/index110.js +1 -1
- package/dist/index111.cjs +1 -1
- package/dist/index111.js +1 -1
- package/dist/index112.cjs +1 -1
- package/dist/index112.js +4 -1
- package/dist/index113.cjs +1 -1
- package/dist/index113.js +3 -2
- package/dist/index114.cjs +1 -1
- package/dist/index114.js +1 -1
- package/dist/index115.cjs +1 -1
- package/dist/index115.js +1 -1
- package/dist/index116.cjs +1 -1
- package/dist/index116.js +2 -1
- package/dist/index117.cjs +1 -1
- package/dist/index117.js +1 -1
- package/dist/index118.cjs +1 -1
- package/dist/index118.js +1 -1
- package/dist/index119.cjs +1 -0
- package/dist/index119.js +1 -0
- package/dist/index12.cjs +1 -1
- package/dist/index12.js +1 -1
- package/dist/index120.cjs +1 -0
- package/dist/index120.js +1 -0
- package/dist/index121.cjs +1 -0
- package/dist/index121.js +1 -0
- package/dist/index13.cjs +1 -1
- package/dist/index13.js +9 -9
- package/dist/index14.cjs +1 -1
- package/dist/index14.js +1 -1
- package/dist/index15.cjs +1 -1
- package/dist/index15.js +1 -1
- package/dist/index16.cjs +1 -1
- package/dist/index16.js +1 -1
- package/dist/index17.cjs +1 -1
- package/dist/index17.js +1 -1
- package/dist/index18.cjs +1 -1
- package/dist/index18.js +6 -2
- package/dist/index19.cjs +1 -1
- package/dist/index19.js +2 -2
- package/dist/index20.cjs +1 -1
- package/dist/index20.js +2 -2
- package/dist/index21.cjs +1 -1
- package/dist/index21.js +2 -2
- package/dist/index22.cjs +1 -1
- package/dist/index22.js +2 -2
- package/dist/index23.cjs +1 -1
- package/dist/index23.js +2 -2
- package/dist/index24.cjs +1 -1
- package/dist/index24.js +2 -2
- package/dist/index25.cjs +1 -1
- package/dist/index25.js +2 -2
- package/dist/index26.cjs +1 -1
- package/dist/index26.js +2 -2
- package/dist/index27.cjs +1 -1
- package/dist/index27.js +2 -2
- package/dist/index28.cjs +1 -1
- package/dist/index28.js +2 -2
- package/dist/index29.cjs +1 -1
- package/dist/index29.js +2 -4
- package/dist/index3.cjs +1 -1
- package/dist/index3.js +1 -1
- package/dist/index30.cjs +1 -1
- package/dist/index30.js +4 -4
- package/dist/index31.cjs +1 -1
- package/dist/index31.js +2 -8
- package/dist/index32.cjs +1 -1
- package/dist/index32.js +4 -2
- package/dist/index33.cjs +1 -1
- package/dist/index33.js +8 -4
- package/dist/index34.cjs +1 -1
- package/dist/index34.js +2 -6
- package/dist/index35.cjs +1 -1
- package/dist/index35.js +4 -8
- package/dist/index36.cjs +1 -1
- package/dist/index36.js +6 -4
- package/dist/index37.cjs +1 -1
- package/dist/index37.js +8 -2
- package/dist/index38.cjs +1 -1
- package/dist/index38.js +4 -5
- package/dist/index39.cjs +1 -1
- package/dist/index39.js +2 -2
- package/dist/index4.cjs +1 -1
- package/dist/index4.js +1 -1
- package/dist/index40.cjs +1 -1
- package/dist/index40.js +5 -10
- package/dist/index41.cjs +1 -1
- package/dist/index41.js +2 -2
- package/dist/index42.cjs +1 -1
- package/dist/index42.js +10 -2
- package/dist/index43.cjs +1 -1
- package/dist/index43.js +2 -2
- package/dist/index44.cjs +1 -1
- package/dist/index44.js +2 -5
- package/dist/index45.cjs +1 -1
- package/dist/index45.js +2 -3
- package/dist/index46.cjs +1 -1
- package/dist/index46.js +5 -2
- package/dist/index47.cjs +1 -1
- package/dist/index47.js +3 -2
- package/dist/index48.cjs +1 -1
- package/dist/index48.js +2 -2
- package/dist/index49.cjs +1 -1
- package/dist/index49.js +2 -2
- package/dist/index5.cjs +1 -1
- package/dist/index5.js +1 -1
- package/dist/index50.cjs +1 -1
- package/dist/index50.js +2 -10
- package/dist/index51.cjs +1 -1
- package/dist/index51.js +2 -11
- package/dist/index52.cjs +1 -1
- package/dist/index52.js +10 -1
- package/dist/index53.cjs +1 -1
- package/dist/index53.js +11 -1
- package/dist/index54.cjs +1 -1
- package/dist/index54.js +1 -1
- package/dist/index55.cjs +1 -1
- package/dist/index55.js +1 -1
- package/dist/index56.cjs +1 -1
- package/dist/index56.js +1 -1
- package/dist/index57.cjs +1 -1
- package/dist/index57.js +1 -1
- package/dist/index58.cjs +1 -1
- package/dist/index58.js +1 -1
- package/dist/index59.cjs +1 -1
- package/dist/index59.js +1 -15
- package/dist/index6.cjs +1 -1
- package/dist/index6.js +1 -1
- package/dist/index60.cjs +1 -1
- package/dist/index60.js +1 -1
- package/dist/index61.cjs +1 -1
- package/dist/index61.js +15 -1
- package/dist/index62.cjs +1 -1
- package/dist/index62.js +1 -1
- package/dist/index63.cjs +1 -1
- package/dist/index63.js +1 -1
- package/dist/index64.cjs +1 -1
- package/dist/index64.js +1 -1
- package/dist/index65.cjs +1 -1
- package/dist/index65.js +1 -1
- package/dist/index66.cjs +1 -1
- package/dist/index66.js +1 -1
- package/dist/index67.cjs +1 -1
- package/dist/index67.js +1 -1
- package/dist/index68.cjs +1 -1
- package/dist/index68.js +1 -5
- package/dist/index69.cjs +1 -1
- package/dist/index69.js +1 -1
- package/dist/index7.cjs +1 -1
- package/dist/index7.js +1 -1
- package/dist/index70.cjs +1 -1
- package/dist/index70.js +5 -1
- package/dist/index71.cjs +1 -1
- package/dist/index71.js +1 -1
- package/dist/index72.cjs +1 -1
- package/dist/index72.js +1 -1
- package/dist/index73.cjs +1 -1
- package/dist/index73.js +1 -1
- package/dist/index74.cjs +1 -1
- package/dist/index74.js +1 -1
- package/dist/index75.cjs +1 -1
- package/dist/index75.js +1 -1
- package/dist/index76.cjs +1 -1
- package/dist/index76.js +1 -10
- package/dist/index77.cjs +1 -1
- package/dist/index77.js +1 -1
- package/dist/index78.cjs +1 -1
- package/dist/index78.js +1 -1
- package/dist/index79.cjs +1 -1
- package/dist/index79.js +10 -1
- package/dist/index8.cjs +1 -1
- package/dist/index8.js +1 -1
- package/dist/index80.cjs +1 -1
- package/dist/index80.js +1 -1
- package/dist/index81.cjs +1 -1
- package/dist/index81.js +1 -1
- package/dist/index82.cjs +1 -1
- package/dist/index82.js +1 -1
- package/dist/index83.cjs +1 -1
- package/dist/index83.js +1 -1
- package/dist/index84.cjs +1 -1
- package/dist/index84.js +1 -1
- package/dist/index85.cjs +1 -1
- package/dist/index85.js +1 -1
- package/dist/index86.cjs +1 -1
- package/dist/index86.js +1 -1
- package/dist/index87.cjs +1 -1
- package/dist/index87.js +1 -1
- package/dist/index88.cjs +1 -1
- package/dist/index88.js +1 -1
- package/dist/index89.cjs +1 -1
- package/dist/index89.js +1 -1
- package/dist/index9.cjs +1 -1
- package/dist/index9.js +1 -1
- package/dist/index90.cjs +1 -1
- package/dist/index90.js +1 -1
- package/dist/index91.cjs +1 -1
- package/dist/index91.js +1 -1
- package/dist/index92.cjs +1 -1
- package/dist/index92.js +1 -1
- package/dist/index93.cjs +1 -1
- package/dist/index93.js +1 -1
- package/dist/index94.cjs +1 -1
- package/dist/index94.js +1 -1
- package/dist/index95.cjs +1 -1
- package/dist/index95.js +1 -1
- package/dist/index96.cjs +1 -1
- package/dist/index96.js +1 -1
- package/dist/index97.cjs +1 -1
- package/dist/index97.js +1 -1
- package/dist/index98.cjs +1 -1
- package/dist/index98.js +1 -2
- package/dist/index99.cjs +1 -1
- package/dist/index99.js +1 -1
- package/dist/src/components/forms/autocomplete/Autocomplete.component.d.ts +5 -0
- package/dist/src/components/forms/autocomplete/Autocomplete.component.d.ts.map +1 -0
- package/dist/src/components/forms/autocomplete/Autocomplete.styles.d.ts +23 -0
- package/dist/src/components/forms/autocomplete/Autocomplete.styles.d.ts.map +1 -0
- package/dist/src/components/forms/autocomplete/Autocomplete.types.d.ts +37 -0
- package/dist/src/components/forms/autocomplete/Autocomplete.types.d.ts.map +1 -0
- package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.component.d.ts +9 -0
- package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.component.d.ts.map +1 -0
- package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.types.d.ts +19 -0
- package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.types.d.ts.map +1 -0
- package/dist/src/components/forms/controlled/select/ControlledSelect.component.d.ts.map +1 -1
- package/dist/src/components/forms/controlled/select/ControlledSelect.types.d.ts +2 -0
- package/dist/src/components/forms/controlled/select/ControlledSelect.types.d.ts.map +1 -1
- package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts +2 -2
- package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts.map +1 -1
- package/dist/src/components/forms/select/Select.component.d.ts.map +1 -1
- package/dist/src/components/forms/select/Select.styles.d.ts +2 -1
- package/dist/src/components/forms/select/Select.styles.d.ts.map +1 -1
- package/dist/src/components/forms/select/Select.types.d.ts +2 -0
- package/dist/src/components/forms/select/Select.types.d.ts.map +1 -1
- package/dist/src/index.d.ts +4 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index15.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index54.cjs"),r=require("./index68.cjs"),l=t.forwardRef(({length:l=4,label:s,value:i="",onChange:n,onComplete:c,error:o,helperText:d,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",size:g="lg",required:h=!1,"data-cy":m,"data-testid":$},x)=>{const S=t.useId(),k=`${S}-error`,v=`${S}-helper`,D=m||"otp-input",j=$||"otp-input",C="sm"===g?r.digitSizeSmStyles:r.digitSizeLgStyles,w=t.useRef([]),[A,I]=t.useState(()=>i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l));t.useEffect(()=>{const e=i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l);I(e)},[i,l]);const E=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),N=t.useCallback(e=>{I(e);const t=e.join("");n?.(t),e.every(e=>""!==e)&&e.length===l&&c?.(t)},[n,c,l]),q=t.useCallback(e=>{const t=w.current[e];t&&(t.focus(),t.select())},[]),z=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&E(a)){const t=[...A];t[e]=a,N(t),e<l-1&&q(e+1)}else if(a.length>1){const t=a.split("").filter(E),r=[...A];t.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),N(r);const s=r.findIndex(e=>""===e);q(-1===s?l-1:s)}},[A,l,E,N,q]),P=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),A[e]){const t=[...A];t[e]="",N(t)}else if(e>0){const t=[...A];t[e-1]="",N(t),q(e-1)}break;case"Delete":if(t.preventDefault(),A[e]){const t=[...A];t[e]="",N(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&q(e-1);break;case"ArrowRight":t.preventDefault(),e<l-1&&q(e+1);break;case"Home":t.preventDefault(),q(0);break;case"End":t.preventDefault(),q(l-1);break;default:if(1===t.key.length&&E(t.key)){t.preventDefault();const a=[...A];a[e]=t.key,N(a),e<l-1&&q(e+1)}}},[A,l,E,N,q]),T=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(E);if(0===a.length)return;const r=[...A];a.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),N(r);const s=r.findIndex(e=>""===e);q(-1===s?l-1:s)},[A,l,E,N,q]),B=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle(x,()=>({focus:()=>{const e=A.findIndex(e=>""===e);q(-1===e?l-1:e)},clear:()=>{const e=Array(l).fill("");N(e),q(0)},getValue:()=>A.join("")}),[A,l,q,N]),t.useEffect(()=>{p&&!u&&q(0)},[p,u,q]),e.jsxs("div",{className:a.cn(r.wrapperStyles,f&&r.wrapperFullWidthStyles),"data-cy":`${D}-wrapper`,"data-testid":`${j}-wrapper`,children:[s&&e.jsx("label",{className:a.cn(r.labelBaseStyles,o&&r.labelErrorStyles,u&&r.labelDisabledStyles),"data-cy":`${D}-label`,"data-testid":`${j}-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":`${j}-container`,children:Array.from({length:l},(t,s)=>e.jsx("input",{ref:e=>{w.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:A[s]||"",onChange:e=>z(s,e),onKeyDown:e=>P(s,e),onPaste:e=>T(s,e),onFocus:B,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,C,o&&r.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${D}-digit-${s}`,"data-testid":`${j}-digit-${s}`,autoComplete:"one-time-code"},s))}),o&&e.jsx("span",{id:k,className:r.errorStyles,role:"alert","data-cy":`${D}-error`,"data-testid":`${j}-error`,children:o}),d&&!o&&e.jsx("span",{id:v,className:r.helperStyles,"data-cy":`${D}-helper`,"data-testid":`${j}-helper`,children:d})]})});l.displayName="OTPInput",exports.OTPInput=l;
|
package/dist/index15.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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"./
|
|
1
|
+
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"./index54.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitSizeSmStyles as g,digitSizeLgStyles as y,digitBaseStyles as $,containerCenteredStyles as b,containerBaseStyles as v,wrapperFullWidthStyles as D,wrapperStyles as x}from"./index68.js";const k=a(({length:a=4,label:k,value:A="",onChange:N,onComplete:w,error:j,helperText:I,disabled:C=!1,autoFocus:z=!1,fullWidth:E=!1,centered:P=!1,type:T="numeric",size:q="lg",required:F=!1,"data-cy":L,"data-testid":O},Z)=>{const B=r(),H=`${B}-error`,K=`${B}-helper`,M=L||"otp-input",R=O||"otp-input",V="sm"===q?g:y,W=n([]),[G,J]=i(()=>A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));l(()=>{const e=A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);J(e)},[A,a]);const Q=c(e=>"numeric"===T?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[T]),S=c(e=>{J(e);const t=e.join("");N?.(t),e.every(e=>""!==e)&&e.length===a&&w?.(t)},[N,w,a]),U=c(e=>{const t=W.current[e];t&&(t.focus(),t.select())},[]),X=c((e,t)=>{const r=t.target.value;if(1===r.length&&Q(r)){const t=[...G];t[e]=r,S(t),e<a-1&&U(e+1)}else if(r.length>1){const t=r.split("").filter(Q),n=[...G];t.forEach((t,r)=>{e+r<a&&(n[e+r]=t)}),S(n);const i=n.findIndex(e=>""===e);U(-1===i?a-1:i)}},[G,a,Q,S,U]),Y=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),G[e]){const t=[...G];t[e]="",S(t)}else if(e>0){const t=[...G];t[e-1]="",S(t),U(e-1)}break;case"Delete":if(t.preventDefault(),G[e]){const t=[...G];t[e]="",S(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&U(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&U(e+1);break;case"Home":t.preventDefault(),U(0);break;case"End":t.preventDefault(),U(a-1);break;default:if(1===t.key.length&&Q(t.key)){t.preventDefault();const r=[...G];r[e]=t.key,S(r),e<a-1&&U(e+1)}}},[G,a,Q,S,U]),_=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(Q);if(0===r.length)return;const n=[...G];r.forEach((t,r)=>{e+r<a&&(n[e+r]=t)}),S(n);const i=n.findIndex(e=>""===e);U(-1===i?a-1:i)},[G,a,Q,S,U]),ee=c(e=>{e.target.select()},[]);return s(Z,()=>({focus:()=>{const e=G.findIndex(e=>""===e);U(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");S(e),U(0)},getValue:()=>G.join("")}),[G,a,U,S]),l(()=>{z&&!C&&U(0)},[z,C,U]),/* @__PURE__ */e("div",{className:o(x,E&&D),"data-cy":`${M}-wrapper`,"data-testid":`${R}-wrapper`,children:[k&&/* @__PURE__ */t("label",{className:o(m,j&&f,C&&u),"data-cy":`${M}-label`,"data-testid":`${R}-label`,children:k}),
|
|
2
2
|
/* @__PURE__ */t("div",{className:o(v,P&&b),role:"group","aria-label":k||"OTP Input","data-cy":`${M}-container`,"data-testid":`${R}-container`,children:Array.from({length:a},(e,r)=>/* @__PURE__ */t("input",{ref:e=>{W.current[r]=e},type:"text",inputMode:"numeric"===T?"numeric":"text",pattern:"numeric"===T?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:G[r]||"",onChange:e=>X(r,e),onKeyDown:e=>Y(r,e),onPaste:e=>_(r,e),onFocus:ee,disabled:C,required:F,"aria-label":`Digit ${r+1} of ${a}`,"aria-invalid":j?"true":"false","aria-describedby":j?H:I?K:void 0,className:o($,V,j&&h),"data-otp-digit":!0,"data-cy":`${M}-digit-${r}`,"data-testid":`${R}-digit-${r}`,autoComplete:"one-time-code"},r))}),j&&/* @__PURE__ */t("span",{id:H,className:d,role:"alert","data-cy":`${M}-error`,"data-testid":`${R}-error`,children:j}),I&&!j&&/* @__PURE__ */t("span",{id:K,className:p,"data-cy":`${M}-helper`,"data-testid":`${R}-helper`,children:I})]})});k.displayName="OTPInput";export{k as OTPInput};
|
package/dist/index16.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index54.cjs"),s=require("./index69.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/index16.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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"./
|
|
1
|
+
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"./index54.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"./index69.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__ */
|
|
2
2
|
return e("div",{className:c(g,M&&k),"data-cy":`${D}-wrapper`,"data-testid":`${G}-wrapper`,children:[
|
|
3
3
|
/* @__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}),
|
|
4
4
|
/* @__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}),
|
package/dist/index17.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index70.cjs"),a=require("./index54.cjs"),s=require("./index55.cjs"),o=require("./index71.cjs"),d=require("./index63.cjs"),l=require("./index72.cjs"),n=r.forwardRef(({label:n,tooltip:i,error:c,helperText:u,fullWidth:x=!1,autoResize:h=!1,minRows:v=3,maxRows:p,showCharCount:g=!1,maxLength:m,validate:y=s.defaultValidation,onValidationChange:f,customHeader:b,customFooterActions:j,borderVariant:w,className:$,id:S,onChange:N,onBlur:C,required:q,value:M,"data-cy":R,"data-testid":B,...E},L)=>{const[k,I]=r.useState(),[T,F]=r.useState(!1),[V,_]=r.useState(!1),[H,P]=r.useState(0),W=r.useRef(!1),z=r.useRef(null),A=d.useMergedRef(L,z),O=r.useId(),D=S||O,G=`${D}-error`,J=`${D}-helper`,K=R||"textarea",Q=B||"textarea",U=n&&q&&!n.includes("*")?`${n} *`:n,X=r.useCallback(()=>{const e=z.current;if(!e||!h)return;e.style.height="auto";const r=window.getComputedStyle(e),t=parseInt(r.lineHeight)||22,a=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=t*v+a+s,d=p?t*p+a+s:1/0,l=Math.min(Math.max(e.scrollHeight,o),d);e.style.height=`${l}px`},[h,v,p]);r.useEffect(()=>{X()},[M,X]);const Y=r.useMemo(()=>l.debounce(e=>{if(y&&W.current){const r=y(e);I(r),f?.(!r)}else null===y&&W.current&&(I(void 0),f?.(!0))},300),[y,f]),Z=r.useRef(Y);r.useEffect(()=>{Z.current=Y},[Y]),r.useEffect(()=>()=>{Z.current.cancel()},[]),r.useEffect(()=>{P((M||"").length)},[M]);const ee=e=>{const r=e.target.value;P(r.length),N?.(e),h&&X(),W.current&&Y(r)},re=e=>{F(!0),E.onFocus?.(e)},te=e=>{if(F(!1),W.current=!0,y){const r=y(e.target.value);I(r),f?.(!r)}C?.(e)},ae=()=>_(!0),se=()=>_(!1),oe=c||k,de=E.disabled?"disabled":oe?"error":T?"focus":V?"hover":"idle",le=m&&H>m,ne=g||u&&!oe,ie=(()=>{if(!w)return"";if("green-accent"===w){return`relative ${T||V?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),ce="green-accent"===w?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:T||V?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,$),"data-cy":`${K}-wrapper`,"data-testid":`${Q}-wrapper`,children:[b?e.jsx("div",{className:"w-full","data-cy":`${K}-custom-header`,children:b}):(n||i)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:D,className:o.labelStyles,"data-cy":`${K}-label`,"data-testid":`${Q}-label`,children:U}),i&&e.jsx(t.Provider,{delayDuration:200,children:e.jsxs(t.Root,{children:[e.jsx(t.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",className:o.tooltipTriggerStyles,"aria-label":"More information","data-cy":`${K}-tooltip-trigger`,"data-testid":`${Q}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(t.Portal,{children:e.jsxs(t.Content,{className:o.tooltipContentStyles,side:"top",sideOffset:4,"data-cy":`${K}-tooltip-content`,"data-testid":`${Q}-tooltip-content`,children:[i,e.jsx(t.Arrow,{className:"fill-text"})]})})]})})]}),j?e.jsxs("div",{className:a.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!oe&&ie,oe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:oe?void 0:ce,onMouseEnter:ae,onMouseLeave:se,children:[e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",M?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":de,onChange:ee,onFocus:re,onBlur:te,required:q,maxLength:m,rows:v,...E}),j]}):"green-accent"===w?e.jsx("div",{className:a.cn("w-full rounded-[var(--radius-md)] transition-all duration-200",!oe&&"p-[1px]",oe&&"border border-[var(--color-error)] bg-[var(--color-card)]",!oe&&ie),style:oe?void 0:ce,onMouseEnter:ae,onMouseLeave:se,"data-cy":`${K}-gradient-wrapper`,"data-testid":`${Q}-gradient-wrapper`,children:e.jsx("div",{className:oe?o.errorBorderInnerStyles:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn(o.textareaInsideGradientStyles,!h&&"overflow-y-auto"),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":de,onChange:ee,onFocus:re,onBlur:te,required:q,maxLength:m,rows:h?void 0:v,...E})})}):e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn(o.textareaBaseStyles,oe&&o.textareaErrorStyles,!h&&"overflow-y-auto",ie),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":de,onChange:ee,onFocus:re,onBlur:te,onMouseEnter:ae,onMouseLeave:se,required:q,maxLength:m,rows:h?void 0:v,...E}),oe&&e.jsx("span",{id:G,className:o.errorStyles,role:"alert","data-cy":`${K}-error`,"data-testid":`${Q}-error`,children:oe}),!j&&ne&&e.jsxs("div",{className:o.footerStyles,children:[u&&!oe&&e.jsx("span",{id:J,className:o.helperStyles,"data-cy":`${K}-helper`,"data-testid":`${Q}-helper`,children:u}),g&&e.jsxs("span",{className:a.cn(o.charCountStyles,le&&o.charCountExceededStyles),"data-cy":`${K}-char-count`,"data-testid":`${Q}-char-count`,children:[H,m&&` / ${m}`]})]})]})});n.displayName="Textarea",exports.Textarea=n;
|
package/dist/index17.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useState as t,useRef as o,useId as d,useCallback as i,useEffect as n,useMemo as l}from"react";import{Provider as s,Root as c,Trigger as u,Portal as m,Content as h,Arrow as p}from"./
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useState as t,useRef as o,useId as d,useCallback as i,useEffect as n,useMemo as l}from"react";import{Provider as s,Root as c,Trigger as u,Portal as m,Content as h,Arrow as p}from"./index70.js";import{cn as v}from"./index54.js";import{defaultValidation as g}from"./index55.js";import{labelRowStyles as x,labelStyles as f,tooltipTriggerStyles as b,tooltipContentStyles as y,errorBorderInnerStyles as w,gradientBorderInnerStyles as $,errorStyles as N,footerStyles as C,helperStyles as M,textareaInsideGradientStyles as L,textareaErrorStyles as j,textareaBaseStyles as q,charCountExceededStyles as k,charCountStyles as B,wrapperStyles as F}from"./index71.js";import{useMergedRef as R}from"./index63.js";import{debounce as _}from"./index72.js";const E=a(({label:a,tooltip:E,error:H,helperText:I,fullWidth:T=!1,autoResize:V=!1,minRows:W=3,maxRows:z,showCharCount:A=!1,maxLength:D,validate:O=g,onValidationChange:S,customHeader:G,customFooterActions:J,borderVariant:K,className:P,id:Q,onChange:U,onBlur:X,required:Y,value:Z,"data-cy":ee,"data-testid":re,...ae},te)=>{const[oe,de]=t(),[ie,ne]=t(!1),[le,se]=t(!1),[ce,ue]=t(0),me=o(!1),he=o(null),pe=R(te,he),ve=d(),ge=Q||ve,xe=`${ge}-error`,fe=`${ge}-helper`,be=ee||"textarea",ye=re||"textarea",we=a&&Y&&!a.includes("*")?`${a} *`:a,$e=i(()=>{const e=he.current;if(!e||!V)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,o=parseInt(r.paddingBottom)||0,d=a*W+t+o,i=z?a*z+t+o:1/0,n=Math.min(Math.max(e.scrollHeight,d),i);e.style.height=`${n}px`},[V,W,z]);n(()=>{$e()},[Z,$e]);const Ne=l(()=>_(e=>{if(O&&me.current){const r=O(e);de(r),S?.(!r)}else null===O&&me.current&&(de(void 0),S?.(!0))},300),[O,S]),Ce=o(Ne);n(()=>{Ce.current=Ne},[Ne]),n(()=>()=>{Ce.current.cancel()},[]),n(()=>{ue((Z||"").length)},[Z]);const Me=e=>{const r=e.target.value;ue(r.length),U?.(e),V&&$e(),me.current&&Ne(r)},Le=e=>{ne(!0),ae.onFocus?.(e)},je=e=>{if(ne(!1),me.current=!0,O){const r=O(e.target.value);de(r),S?.(!r)}X?.(e)},qe=()=>se(!0),ke=()=>se(!1),Be=H||oe,Fe=ae.disabled?"disabled":Be?"error":ie?"focus":le?"hover":"idle",Re=D&&ce>D,_e=A||I&&!Be,Ee=(()=>{if(!K)return"";if("green-accent"===K){return`relative ${ie||le?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),He="green-accent"===K?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:ie||le?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
|
|
2
2
|
return e("div",{className:v(F,P),"data-cy":`${be}-wrapper`,"data-testid":`${ye}-wrapper`,children:[G?/* @__PURE__ */r("div",{className:"w-full","data-cy":`${be}-custom-header`,children:G}):(a||E)&&/* @__PURE__ */e("div",{className:x,children:[a&&/* @__PURE__ */r("label",{htmlFor:ge,className:f,"data-cy":`${be}-label`,"data-testid":`${ye}-label`,children:we}),E&&/* @__PURE__ */r(s,{delayDuration:200,children:/* @__PURE__ */e(c,{children:[
|
|
3
3
|
/* @__PURE__ */r(u,{asChild:!0,children:/* @__PURE__ */r("button",{type:"button",className:b,"aria-label":"More information","data-cy":`${be}-tooltip-trigger`,"data-testid":`${ye}-tooltip-trigger`,children:/* @__PURE__ */e("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
|
|
4
4
|
/* @__PURE__ */r("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),
|
package/dist/index18.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index54.cjs"),r=require("./index73.cjs"),l=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),s=t.forwardRef(({value:s,onValueChange:i,options:n,label:d,placeholder:o,error:c,helperText:u,fullWidth:p=!1,required:y=!1,disabled:h=!1,noResultsText:b="No results found","data-cy":f,"data-testid":v},m)=>{const[x,S]=t.useState(!1),[$,g]=t.useState(""),[w,j]=t.useState(-1),k=t.useId(),N=`${k}-error`,D=`${k}-helper`,C=`${k}-listbox`,E=f||"autocomplete",L=v||"autocomplete",q=t.useRef(null),R=t.useRef(null),A=t.useRef([]),F=n.find(e=>e.value===s),I=d&&y&&!d.includes("*")?`${d} *`:d,M=x&&$?n.filter(e=>e.label.toLowerCase().includes($.toLowerCase())):n,T=t.useCallback(()=>{h||(S(!0),g(""),j(-1))},[h]),O=t.useCallback(()=>{S(!1),g(""),j(-1)},[]),W=t.useCallback(e=>{e.disabled||(i(e.value),O())},[i,O]);t.useEffect(()=>{const e=e=>{q.current&&!q.current.contains(e.target)&&O()};return x&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[x,O]);const K=e=>{A.current[e]?.scrollIntoView?.({block:"nearest"})},V=(e,t)=>{const a=M.length;if(0===a)return-1;let r=e+t;for(;r>=0&&r<a;){if(!M[r].disabled)return r;r+=t}if(-1===e&&1===t)for(let l=0;l<a;l++)if(!M[l].disabled)return l;return-1===e?-1:e},B=x?$:F?.label??"",H=t.useCallback(e=>{q.current=e,"function"==typeof m?m(e):m&&(m.current=e)},[m]);return e.jsxs("div",{ref:H,className:a.cn(r.wrapperStyles,p&&r.wrapperFullWidthStyles),"data-cy":`${E}-wrapper`,"data-testid":`${L}-wrapper`,children:[d&&e.jsx("label",{htmlFor:`${k}-input`,className:a.cn(r.labelStyles,c&&r.labelErrorStyles,h&&r.labelDisabledStyles),"data-cy":`${E}-label`,"data-testid":`${L}-label`,children:I}),e.jsxs("div",{className:a.cn(r.triggerStyles,x&&r.triggerOpenStyles,c&&r.triggerErrorStyles,h&&r.triggerDisabledStyles),onClick:()=>{x||T(),R.current?.focus()},"data-cy":E,"data-testid":L,children:[!x&&F?.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:F.flag}),e.jsx("input",{ref:R,id:`${k}-input`,type:"text",role:"combobox",className:r.inputStyles,value:B,placeholder:o||d||"Select...","aria-expanded":x,"aria-haspopup":"listbox","aria-controls":x?C:void 0,"aria-autocomplete":"list","aria-activedescendant":w>=0?`${k}-option-${w}`:void 0,"aria-invalid":c?"true":"false","aria-required":y?"true":void 0,"aria-describedby":c?N:u?D:void 0,disabled:h,onChange:e=>{g(e.target.value),j(-1),x||T()},onFocus:()=>{x||T()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!x)return void T();const t=V(w,1);-1!==t&&(j(t),K(t));break}case"ArrowUp":{if(e.preventDefault(),!x)return void T();const t=V(w,-1);-1!==t&&(j(t),K(t));break}case"Enter":e.preventDefault(),x&&w>=0&&M[w]&&W(M[w]);break;case"Escape":e.preventDefault(),O();break;case"Tab":x&&O()}},"data-cy":`${E}-input`,"data-testid":`${L}-input`}),e.jsx("span",{role:"button",tabIndex:-1,className:a.cn(r.chevronStyles,x&&r.chevronOpenStyles),onMouseDown:e=>{e.preventDefault(),x?O():(T(),requestAnimationFrame(()=>R.current?.focus()))},"data-cy":`${E}-chevron`,"data-testid":`${L}-chevron`,children:e.jsx(l,{})})]}),x&&e.jsx("div",{className:r.dropdownStyles,"data-cy":`${E}-dropdown`,"data-testid":`${L}-dropdown`,children:e.jsx("div",{id:C,role:"listbox",className:r.listStyles,"data-cy":`${E}-list`,"data-testid":`${L}-list`,children:0===M.length?e.jsx("div",{className:r.noResultsStyles,children:b}):M.map((t,l)=>{const i=t.value===s,n=l===w;return e.jsxs("div",{ref:e=>{A.current[l]=e},id:`${k}-option-${l}`,role:"option",tabIndex:-1,"aria-selected":i,"aria-disabled":t.disabled||void 0,className:a.cn(r.itemStyles,n&&r.itemHighlightedStyles,i&&!n&&r.itemSelectedStyles,t.disabled&&r.itemDisabledStyles),onClick:()=>W(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),W(t))},onMouseEnter:()=>j(l),"data-cy":`${E}-item-${t.value}`,"data-testid":`${L}-item-${t.value}`,children:[t.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:t.flag}),t.label]},t.value)})})}),c&&e.jsx("span",{id:N,className:r.errorStyles,role:"alert","data-cy":`${E}-error`,"data-testid":`${L}-error`,children:c}),u&&!c&&e.jsx("span",{id:D,className:r.helperStyles,"data-cy":`${E}-helper`,"data-testid":`${L}-helper`,children:u})]})});s.displayName="Autocomplete",exports.Autocomplete=s;
|
package/dist/index18.js
CHANGED
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
import{jsx as
|
|
2
|
-
return
|
|
1
|
+
import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as n,useRef as i,useCallback as d,useEffect as l}from"react";import{cn as o}from"./index54.js";import{flagStyles as s,inputStyles as c,dropdownStyles as u,listStyles as p,noResultsStyles as h,itemDisabledStyles as m,itemSelectedStyles as v,itemHighlightedStyles as f,itemStyles as b,errorStyles as $,helperStyles as w,labelDisabledStyles as y,labelErrorStyles as x,labelStyles as N,chevronOpenStyles as g,chevronStyles as k,triggerDisabledStyles as D,triggerErrorStyles as L,triggerOpenStyles as C,triggerStyles as E,wrapperFullWidthStyles as j,wrapperStyles as A}from"./index73.js";const q=()=>/* @__PURE__ */a("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:/* @__PURE__ */a("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),F=t(({value:t,onValueChange:F,options:I,label:M,placeholder:T,error:K,helperText:V,fullWidth:W=!1,required:B=!1,disabled:R=!1,noResultsText:S="No results found","data-cy":U,"data-testid":z},G)=>{const[H,J]=r(!1),[O,P]=r(""),[Q,X]=r(-1),Y=n(),Z=`${Y}-error`,_=`${Y}-helper`,ee=`${Y}-listbox`,ae=U||"autocomplete",te=z||"autocomplete",re=i(null),ne=i(null),ie=i([]),de=I.find(e=>e.value===t),le=M&&B&&!M.includes("*")?`${M} *`:M,oe=H&&O?I.filter(e=>e.label.toLowerCase().includes(O.toLowerCase())):I,se=d(()=>{R||(J(!0),P(""),X(-1))},[R]),ce=d(()=>{J(!1),P(""),X(-1)},[]),ue=d(e=>{e.disabled||(F(e.value),ce())},[F,ce]);l(()=>{const e=e=>{re.current&&!re.current.contains(e.target)&&ce()};return H&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[H,ce]);const pe=e=>{ie.current[e]?.scrollIntoView?.({block:"nearest"})},he=(e,a)=>{const t=oe.length;if(0===t)return-1;let r=e+a;for(;r>=0&&r<t;){if(!oe[r].disabled)return r;r+=a}if(-1===e&&1===a)for(let n=0;n<t;n++)if(!oe[n].disabled)return n;return-1===e?-1:e},me=H?O:de?.label??"",ve=d(e=>{re.current=e,"function"==typeof G?G(e):G&&(G.current=e)},[G]);/* @__PURE__ */
|
|
2
|
+
return e("div",{ref:ve,className:o(A,W&&j),"data-cy":`${ae}-wrapper`,"data-testid":`${te}-wrapper`,children:[M&&/* @__PURE__ */a("label",{htmlFor:`${Y}-input`,className:o(N,K&&x,R&&y),"data-cy":`${ae}-label`,"data-testid":`${te}-label`,children:le}),
|
|
3
|
+
/* @__PURE__ */e("div",{className:o(E,H&&C,K&&L,R&&D),onClick:()=>{H||se(),ne.current?.focus()},"data-cy":ae,"data-testid":te,children:[!H&&de?.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:de.flag}),
|
|
4
|
+
/* @__PURE__ */a("input",{ref:ne,id:`${Y}-input`,type:"text",role:"combobox",className:c,value:me,placeholder:T||M||"Select...","aria-expanded":H,"aria-haspopup":"listbox","aria-controls":H?ee:void 0,"aria-autocomplete":"list","aria-activedescendant":Q>=0?`${Y}-option-${Q}`:void 0,"aria-invalid":K?"true":"false","aria-required":B?"true":void 0,"aria-describedby":K?Z:V?_:void 0,disabled:R,onChange:e=>{P(e.target.value),X(-1),H||se()},onFocus:()=>{H||se()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!H)return void se();const a=he(Q,1);-1!==a&&(X(a),pe(a));break}case"ArrowUp":{if(e.preventDefault(),!H)return void se();const a=he(Q,-1);-1!==a&&(X(a),pe(a));break}case"Enter":e.preventDefault(),H&&Q>=0&&oe[Q]&&ue(oe[Q]);break;case"Escape":e.preventDefault(),ce();break;case"Tab":H&&ce()}},"data-cy":`${ae}-input`,"data-testid":`${te}-input`}),
|
|
5
|
+
/* @__PURE__ */a("span",{role:"button",tabIndex:-1,className:o(k,H&&g),onMouseDown:e=>{e.preventDefault(),H?ce():(se(),requestAnimationFrame(()=>ne.current?.focus()))},"data-cy":`${ae}-chevron`,"data-testid":`${te}-chevron`,children:/* @__PURE__ */a(q,{})})]}),H&&/* @__PURE__ */a("div",{className:u,"data-cy":`${ae}-dropdown`,"data-testid":`${te}-dropdown`,children:/* @__PURE__ */a("div",{id:ee,role:"listbox",className:p,"data-cy":`${ae}-list`,"data-testid":`${te}-list`,children:0===oe.length?/* @__PURE__ */a("div",{className:h,children:S}):oe.map((r,n)=>{const i=r.value===t,d=n===Q;/* @__PURE__ */
|
|
6
|
+
return e("div",{ref:e=>{ie.current[n]=e},id:`${Y}-option-${n}`,role:"option",tabIndex:-1,"aria-selected":i,"aria-disabled":r.disabled||void 0,className:o(b,d&&f,i&&!d&&v,r.disabled&&m),onClick:()=>ue(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ue(r))},onMouseEnter:()=>X(n),"data-cy":`${ae}-item-${r.value}`,"data-testid":`${te}-item-${r.value}`,children:[r.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:r.flag}),r.label]},r.value)})})}),K&&/* @__PURE__ */a("span",{id:Z,className:$,role:"alert","data-cy":`${ae}-error`,"data-testid":`${te}-error`,children:K}),V&&!K&&/* @__PURE__ */a("span",{id:_,className:w,"data-cy":`${ae}-helper`,"data-testid":`${te}-helper`,children:V})]})});F.displayName="Autocomplete";export{F as Autocomplete};
|
package/dist/index19.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");function e({methods:e,onSubmit:r,onError:o,children:a,"data-cy":i,"data-testid":d,...n}){return t.jsx("form",{onSubmit:e.handleSubmit(r,o),"data-cy":i??"form","data-testid":d??"form",noValidate:!0,...n,children:a})}e.displayName="Form",exports.Form=e;
|
package/dist/index19.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
2
|
-
return
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";function r({methods:r,onSubmit:a,onError:o,children:d,"data-cy":e,"data-testid":i,...m}){/* @__PURE__ */
|
|
2
|
+
return t("form",{onSubmit:r.handleSubmit(a,o),"data-cy":e??"form","data-testid":i??"form",noValidate:!0,...m,children:d})}r.displayName="Form";export{r as Form};
|
package/dist/index20.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index74.cjs");function t({control:t,name:n,rules:a,children:o,"data-cy":l,"data-testid":s}){return e.jsx(r.Controller,{control:t,name:n,rules:a,render:({field:r,fieldState:t})=>e.jsx("div",{className:"contents","data-cy":l,"data-testid":s,children:o({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:t.error?.message,name:r.name})})})}t.displayName="FormField",exports.FormField=t;
|
package/dist/index20.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{
|
|
2
|
-
return e(r,{control:a,name:
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{Controller as r}from"./index74.js";function a({control:a,name:n,rules:t,children:o,"data-cy":d,"data-testid":l}){/* @__PURE__ */
|
|
2
|
+
return e(r,{control:a,name:n,rules:t,render:({field:r,fieldState:a})=>/* @__PURE__ */e("div",{className:"contents","data-cy":d,"data-testid":l,children:o({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:a.error?.message,name:r.name})})})}a.displayName="FormField";export{a as FormField};
|
package/dist/index21.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index20.cjs"),r=require("./index6.cjs");function a({control:a,name:n,rules:l,"data-cy":o,"data-testid":i,...u}){return e.jsx(t.FormField,{control:a,name:n,rules:l,"data-cy":o,"data-testid":i,children:({value:t,onChange:a,onBlur:n,ref:l,error:d})=>e.jsx(r.EmailInput,{value:t??"",onChange:e=>a(e.target.value),onBlur:n,ref:l,error:d,"data-cy":o??"controlled-email-input","data-testid":i??"controlled-email-input",...u})})}a.displayName="ControlledEmailInput",exports.ControlledEmailInput=a;
|
package/dist/index21.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
2
|
-
return r
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{FormField as r}from"./index20.js";import{EmailInput as t}from"./index6.js";function a({control:a,name:o,rules:n,"data-cy":l,"data-testid":i,...d}){/* @__PURE__ */
|
|
2
|
+
return e(r,{control:a,name:o,rules:n,"data-cy":l,"data-testid":i,children:({value:r,onChange:a,onBlur:o,ref:n,error:m})=>/* @__PURE__ */e(t,{value:r??"",onChange:e=>a(e.target.value),onBlur:o,ref:n,error:m,"data-cy":l??"controlled-email-input","data-testid":i??"controlled-email-input",...d})})}a.displayName="ControlledEmailInput";export{a as ControlledEmailInput};
|
package/dist/index22.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index20.cjs"),t=require("./index7.cjs");function o({control:o,name:a,rules:n,"data-cy":s,"data-testid":d,...l}){return e.jsx(r.FormField,{control:o,name:a,rules:n,"data-cy":s,"data-testid":d,children:({value:r,onChange:o,onBlur:a,ref:n,error:u})=>e.jsx(t.PasswordInput,{value:r??"",onChange:e=>o(e.target.value),onBlur:a,ref:n,error:u,"data-cy":s??"controlled-password-input","data-testid":d??"controlled-password-input",...l})})}o.displayName="ControlledPasswordInput",exports.ControlledPasswordInput=o;
|
package/dist/index22.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
2
|
-
return
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{FormField as t}from"./index20.js";import{PasswordInput as e}from"./index7.js";function o({control:o,name:a,rules:n,"data-cy":d,"data-testid":l,...s}){/* @__PURE__ */
|
|
2
|
+
return r(t,{control:o,name:a,rules:n,"data-cy":d,"data-testid":l,children:({value:t,onChange:o,onBlur:a,ref:n,error:i})=>/* @__PURE__ */r(e,{value:t??"",onChange:r=>o(r.target.value),onBlur:a,ref:n,error:i,"data-cy":d??"controlled-password-input","data-testid":l??"controlled-password-input",...s})})}o.displayName="ControlledPasswordInput";export{o as ControlledPasswordInput};
|
package/dist/index23.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index20.cjs"),t=require("./index11.cjs");function o({control:o,name:c,rules:n,"data-cy":a,"data-testid":d,...l}){return e.jsx(r.FormField,{control:o,name:c,rules:n,"data-cy":a,"data-testid":d,children:({value:r,onChange:o,onBlur:c,ref:n,error:i})=>e.jsx(t.Checkbox,{checked:!!r,onChange:e=>o(e.target.checked),onBlur:c,ref:n,error:i,"data-cy":a??"controlled-checkbox","data-testid":d??"controlled-checkbox",...l})})}o.displayName="ControlledCheckbox",exports.ControlledCheckbox=o;
|
package/dist/index23.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
2
|
-
return r
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{FormField as r}from"./index20.js";import{Checkbox as o}from"./index11.js";function t({control:t,name:a,rules:n,"data-cy":c,"data-testid":d,...l}){/* @__PURE__ */
|
|
2
|
+
return e(r,{control:t,name:a,rules:n,"data-cy":c,"data-testid":d,children:({value:r,onChange:t,onBlur:a,ref:n,error:i})=>/* @__PURE__ */e(o,{checked:!!r,onChange:e=>t(e.target.checked),onBlur:a,ref:n,error:i,"data-cy":c??"controlled-checkbox","data-testid":d??"controlled-checkbox",...l})})}t.displayName="ControlledCheckbox";export{t as ControlledCheckbox};
|
package/dist/index24.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index20.cjs"),o=require("./index12.cjs");function t({control:t,name:a,value:d,rules:n,"data-cy":l,"data-testid":i,...c}){return e.jsx(r.FormField,{control:t,name:a,rules:n,"data-cy":l,"data-testid":i,children:({value:r,onChange:t,onBlur:a,ref:n,error:s})=>e.jsx(o.Radio,{value:d,checked:r===d,onChange:()=>t(d),onBlur:a,ref:n,error:s,"data-cy":l??"controlled-radio","data-testid":i??"controlled-radio",...c})})}t.displayName="ControlledRadio",exports.ControlledRadio=t;
|
package/dist/index24.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
2
|
-
return e
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{FormField as e}from"./index20.js";import{Radio as o}from"./index12.js";function a({control:a,name:t,value:d,rules:n,"data-cy":l,"data-testid":i,...c}){/* @__PURE__ */
|
|
2
|
+
return r(e,{control:a,name:t,rules:n,"data-cy":l,"data-testid":i,children:({value:e,onChange:a,onBlur:t,ref:n,error:m})=>/* @__PURE__ */r(o,{value:d,checked:e===d,onChange:()=>a(d),onBlur:t,ref:n,error:m,"data-cy":l??"controlled-radio","data-testid":i??"controlled-radio",...c})})}a.displayName="ControlledRadio";export{a as ControlledRadio};
|
package/dist/index25.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index20.cjs"),r=require("./index16.cjs");function o({control:o,name:l,rules:n,"data-cy":a,"data-testid":d,...c}){return e.jsx(t.FormField,{control:o,name:l,rules:n,"data-cy":a,"data-testid":d,children:({value:t,onChange:o,onBlur:l,ref:n})=>e.jsx(r.Toggle,{checked:!!t,onChange:e=>o(e.target.checked),onBlur:l,ref:n,"data-cy":a??"controlled-toggle","data-testid":d??"controlled-toggle",...c})})}o.displayName="ControlledToggle",exports.ControlledToggle=o;
|
package/dist/index25.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
2
|
-
return
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{FormField as t}from"./index20.js";import{Toggle as o}from"./index16.js";function r({control:r,name:a,rules:n,"data-cy":d,"data-testid":l,...c}){/* @__PURE__ */
|
|
2
|
+
return e(t,{control:r,name:a,rules:n,"data-cy":d,"data-testid":l,children:({value:t,onChange:r,onBlur:a,ref:n})=>/* @__PURE__ */e(o,{checked:!!t,onChange:e=>r(e.target.checked),onBlur:a,ref:n,"data-cy":d??"controlled-toggle","data-testid":l??"controlled-toggle",...c})})}r.displayName="ControlledToggle";export{r as ControlledToggle};
|
package/dist/index26.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index20.cjs"),t=require("./index9.cjs");function n({control:n,name:o,rules:u,"data-cy":a,"data-testid":i,...l}){return e.jsx(r.FormField,{control:n,name:o,rules:u,"data-cy":a,"data-testid":i,children:({value:r,onChange:n,onBlur:o,ref:u,error:c})=>e.jsx(t.NumericInput,{value:r??"",onChange:e=>n(e.target.value),onBlur:o,ref:u,error:c,"data-cy":a??"controlled-numeric-input","data-testid":i??"controlled-numeric-input",...l})})}n.displayName="ControlledNumericInput",exports.ControlledNumericInput=n;
|
package/dist/index26.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{FormField as e}from"./
|
|
2
|
-
return r(e,{control:
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{FormField as e}from"./index20.js";import{NumericInput as t}from"./index9.js";function n({control:n,name:o,rules:a,"data-cy":i,"data-testid":l,...d}){/* @__PURE__ */
|
|
2
|
+
return r(e,{control:n,name:o,rules:a,"data-cy":i,"data-testid":l,children:({value:e,onChange:n,onBlur:o,ref:a,error:u})=>/* @__PURE__ */r(t,{value:e??"",onChange:r=>n(r.target.value),onBlur:o,ref:a,error:u,"data-cy":i??"controlled-numeric-input","data-testid":l??"controlled-numeric-input",...d})})}n.displayName="ControlledNumericInput";export{n as ControlledNumericInput};
|
package/dist/index27.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index20.cjs"),t=require("./index10.cjs");function n({control:n,name:a,rules:l,"data-cy":o,"data-testid":u,...i}){return e.jsx(r.FormField,{control:n,name:a,rules:l,"data-cy":o,"data-testid":u,children:({value:r,onChange:n,onBlur:a,ref:l,error:c})=>e.jsx(t.AlphanumericInput,{value:r??"",onChange:e=>n(e.target.value),onBlur:a,ref:l,error:c,"data-cy":o??"controlled-alphanumeric-input","data-testid":u??"controlled-alphanumeric-input",...i})})}n.displayName="ControlledAlphanumericInput",exports.ControlledAlphanumericInput=n;
|
package/dist/index27.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
2
|
-
return e
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{FormField as e}from"./index20.js";import{AlphanumericInput as t}from"./index10.js";function a({control:a,name:n,rules:o,"data-cy":l,"data-testid":i,...d}){/* @__PURE__ */
|
|
2
|
+
return r(e,{control:a,name:n,rules:o,"data-cy":l,"data-testid":i,children:({value:e,onChange:a,onBlur:n,ref:o,error:u})=>/* @__PURE__ */r(t,{value:e??"",onChange:r=>a(r.target.value),onBlur:n,ref:o,error:u,"data-cy":l??"controlled-alphanumeric-input","data-testid":i??"controlled-alphanumeric-input",...d})})}a.displayName="ControlledAlphanumericInput";export{a as ControlledAlphanumericInput};
|
package/dist/index28.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index20.cjs"),t=require("./index14.cjs");function n({control:n,name:o,rules:a,"data-cy":l,"data-testid":d,...u}){return e.jsx(r.FormField,{control:n,name:o,rules:a,"data-cy":l,"data-testid":d,children:({value:r,onChange:n,onBlur:o,ref:a,error:i})=>e.jsx(t.PhoneInput,{value:r??"",onChange:e=>n(e),onBlur:o,ref:a,error:i,"data-cy":l??"controlled-phone-input","data-testid":d??"controlled-phone-input",...u})})}n.displayName="ControlledPhoneInput",exports.ControlledPhoneInput=n;
|
package/dist/index28.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
2
|
-
return
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{FormField as r}from"./index20.js";import{PhoneInput as t}from"./index14.js";function o({control:o,name:n,rules:a,"data-cy":d,"data-testid":l,...i}){/* @__PURE__ */
|
|
2
|
+
return e(r,{control:o,name:n,rules:a,"data-cy":d,"data-testid":l,children:({value:r,onChange:o,onBlur:n,ref:a,error:u})=>/* @__PURE__ */e(t,{value:r??"",onChange:e=>o(e),onBlur:n,ref:a,error:u,"data-cy":d??"controlled-phone-input","data-testid":l??"controlled-phone-input",...i})})}o.displayName="ControlledPhoneInput";export{o as ControlledPhoneInput};
|
package/dist/index29.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index20.cjs"),r=require("./index15.cjs");function n({control:n,name:o,rules:a,"data-cy":d,"data-testid":l,...i}){return e.jsx(t.FormField,{control:n,name:o,rules:a,"data-cy":d,"data-testid":l,children:({value:t,onChange:n,error:o})=>e.jsx(r.OTPInput,{value:t??"",onChange:e=>n(e),error:o,"data-cy":d??"controlled-otp-input","data-testid":l??"controlled-otp-input",...i})})}n.displayName="ControlledOTPInput",exports.ControlledOTPInput=n;
|
package/dist/index29.js
CHANGED
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
2
|
-
return
|
|
3
|
-
/* @__PURE__ */e(a,{label:h,placeholder:m,fullWidth:p,hasValue:!!t,error:c,helperText:g,required:b,disabled:f,"data-cy":v??"controlled-select-trigger","data-testid":x??"controlled-select-trigger",children:/* @__PURE__ */e(d,{})}),
|
|
4
|
-
/* @__PURE__ */e(o,{"data-cy":v?`${v}-content`:"controlled-select-content",children:u.map(l=>/* @__PURE__ */e(n,{value:l.value,"data-cy":`select-item-${l.value}`,children:l.label},l.value))})]})})}i.displayName="ControlledSelect";export{i as ControlledSelect};
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{FormField as r}from"./index20.js";import{OTPInput as e}from"./index15.js";function o({control:o,name:a,rules:n,"data-cy":d,"data-testid":i,...l}){/* @__PURE__ */
|
|
2
|
+
return t(r,{control:o,name:a,rules:n,"data-cy":d,"data-testid":i,children:({value:r,onChange:o,error:a})=>/* @__PURE__ */t(e,{value:r??"",onChange:t=>o(t),error:a,"data-cy":d??"controlled-otp-input","data-testid":i??"controlled-otp-input",...l})})}o.displayName="ControlledOTPInput";export{o as ControlledOTPInput};
|
package/dist/index3.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("./index54.cjs"),s=require("./index58.cjs"),n=t.forwardRef(({variant:t="main-orange",fullWidth:n=!1,icon:r,iconPosition:a="left",className:l,children:c,disabled:d,"data-testid":o,"data-cy":u,...f},x)=>{const h=i.cn(s.baseStyles,s.variantStyles[t],n&&"w-full",l);return e.jsxs("button",{ref:x,disabled:d,className:h,"data-testid":o||`button-${t}`,"data-cy":u||`button-${t}`,...f,children:[r&&"left"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r}),c,r&&"right"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r})]})});n.displayName="Button",exports.Button=n;
|
package/dist/index3.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{cn as n}from"./
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{cn as n}from"./index54.js";import{variantStyles as a,baseStyles as r}from"./index58.js";const s=i(({variant:i="main-orange",fullWidth:s=!1,icon:l,iconPosition:c="left",className:o,children:d,disabled:m,"data-testid":f,"data-cy":h,...u},p)=>{const x=n(r,a[i],s&&"w-full",o);/* @__PURE__ */
|
|
2
2
|
return t("button",{ref:p,disabled:m,className:x,"data-testid":f||`button-${i}`,"data-cy":h||`button-${i}`,...u,children:[l&&"left"===c&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l}),d,l&&"right"===c&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l})]})});s.displayName="Button";export{s as Button};
|
package/dist/index30.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("./index20.cjs"),t=require("./index13.cjs");function r({control:r,name:a,rules:d,options:c,label:n,placeholder:o,fullWidth:i=!1,required:s,disabled:u,helperText:h,"data-cy":x,"data-testid":g}){return e.jsx(l.FormField,{control:r,name:a,rules:d,"data-cy":x,"data-testid":g,children:({value:l,onChange:r,error:a})=>e.jsxs(t.Select,{value:l??"",onValueChange:r,disabled:u,children:[e.jsx(t.SelectTrigger,{label:n,placeholder:o,fullWidth:i,hasValue:!!l,error:a,helperText:h,required:s,disabled:u,"data-cy":x??"controlled-select-trigger","data-testid":g??"controlled-select-trigger",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{"data-cy":x?`${x}-content`:"controlled-select-content",children:c.map(l=>e.jsx(t.SelectItem,{value:l.value,flag:l.flag,"data-cy":`select-item-${l.value}`,children:l.label},l.value))})]})})}r.displayName="ControlledSelect",exports.ControlledSelect=r;
|
package/dist/index30.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as
|
|
2
|
-
return t
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import{jsx as e,jsxs as l}from"react/jsx-runtime";import{FormField as t}from"./index20.js";import{Select as a,SelectTrigger as r,SelectValue as d,SelectContent as o,SelectItem as n}from"./index13.js";function i({control:i,name:c,rules:s,options:u,label:h,placeholder:m,fullWidth:p=!1,required:f,disabled:g,helperText:b,"data-cy":v,"data-testid":x}){/* @__PURE__ */
|
|
2
|
+
return e(t,{control:i,name:c,rules:s,"data-cy":v,"data-testid":x,children:({value:t,onChange:i,error:c})=>/* @__PURE__ */l(a,{value:t??"",onValueChange:i,disabled:g,children:[
|
|
3
|
+
/* @__PURE__ */e(r,{label:h,placeholder:m,fullWidth:p,hasValue:!!t,error:c,helperText:b,required:f,disabled:g,"data-cy":v??"controlled-select-trigger","data-testid":x??"controlled-select-trigger",children:/* @__PURE__ */e(d,{})}),
|
|
4
|
+
/* @__PURE__ */e(o,{"data-cy":v?`${v}-content`:"controlled-select-content",children:u.map(l=>/* @__PURE__ */e(n,{value:l.value,flag:l.flag,"data-cy":`select-item-${l.value}`,children:l.label},l.value))})]})})}i.displayName="ControlledSelect";export{i as ControlledSelect};
|
package/dist/index31.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index20.cjs"),l=require("./index18.cjs");function o({control:o,name:r,rules:a,options:d,label:n,placeholder:u,fullWidth:i=!1,required:s,disabled:c,helperText:p,noResultsText:m,"data-cy":x,"data-testid":h}){return e.jsx(t.FormField,{control:o,name:r,rules:a,"data-cy":x,"data-testid":h,children:({value:t,onChange:o,error:r})=>e.jsx(l.Autocomplete,{value:t??"",onValueChange:o,options:d,label:n,placeholder:u,fullWidth:i,required:s,disabled:c,error:r,helperText:p,noResultsText:m,"data-cy":x??"controlled-autocomplete","data-testid":h??"controlled-autocomplete"})})}o.displayName="ControlledAutocomplete",exports.ControlledAutocomplete=o;
|
package/dist/index31.js
CHANGED
|
@@ -1,8 +1,2 @@
|
|
|
1
|
-
import{jsx as e
|
|
2
|
-
return e(
|
|
3
|
-
return t("div",{ref:L,className:r(c,"small"===y?d:o,p&&!m&&"cursor-pointer"),onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),onClick:()=>{p&&!m&&u&&u()},onKeyDown:e=>{!p||m||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),u?.())},role:p?"button":void 0,tabIndex:p&&!m?0:-1,"aria-current":n?"step":void 0,"aria-disabled":m,"data-cy":K,"data-testid":P,children:[
|
|
4
|
-
/* @__PURE__ */e("div",{className:r(v,T,m?h:n?A?b:w:A&&p?$:l?g:N),"data-cy":`${K}-circle`,"data-testid":`${P}-circle`,children:a}),
|
|
5
|
-
/* @__PURE__ */e("p",{className:r(x,m?C:n?M:A&&p?k:l?z:S),"data-cy":`${K}-label`,"data-testid":`${P}-label`,children:i})]})});A.displayName="StepItem";const I="(min-width: 1024px)";const K=a(({steps:a,currentStep:d,onChange:o,allowStepNavigation:c=!0,showConnector:l=!0,size:m,className:p,"data-cy":u,"data-testid":y,...f},h)=>{const v=u||"stepper",b=y||"stepper",w=function(){const[e,t]=s(()=>"undefined"==typeof window||"function"!=typeof window.matchMedia||window.matchMedia(I).matches?"large":"small");return n(()=>{if("undefined"==typeof window||"function"!=typeof window.matchMedia)return;const e=window.matchMedia(I),a=e=>t(e.matches?"large":"small");return e.addEventListener("change",a),()=>e.removeEventListener("change",a)},[]),e}(),$=m??w,g=Math.max(0,d-1),N="large"===$?"3.25rem":"2.5rem",C=a.flatMap((e,t)=>t<a.length-1?[N,"minmax(2rem, 1fr)"]:[N]).join(" "),{style:x,...M}=f;/* @__PURE__ */
|
|
6
|
-
return e("div",{ref:h,className:r(E,p),style:{...x,gridTemplateColumns:C},role:"navigation","aria-label":"Progress indicator","data-cy":v,"data-testid":b,...M,children:a.map((s,n)=>{const r=n===g,d=n<g,m=s.disabled??!1,p=c&&!m&&n!==g;/* @__PURE__ */
|
|
7
|
-
return t(i,{children:[
|
|
8
|
-
/* @__PURE__ */e(A,{stepNumber:n+1,label:s.label,isActive:r,isCompleted:d,isDisabled:m,isClickable:p,onClick:()=>((e,t)=>{c&&!t&&e!==g&&o?.(e+1)})(n,m),size:$,"data-cy":`${v}-step-${n+1}`,"data-testid":`${b}-step-${n+1}`}),n<a.length-1&&(l?/* @__PURE__ */e(L,{isCompleted:d,size:$,"data-cy":`${v}-connector-${n+1}`,"data-testid":`${b}-connector-${n+1}`}):/* @__PURE__ */e("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});K.displayName="Stepper";export{K as Stepper};
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{FormField as t}from"./index20.js";import{Autocomplete as l}from"./index18.js";function o({control:o,name:r,rules:a,options:d,label:n,placeholder:i,fullWidth:s=!1,required:u,disabled:c,helperText:p,noResultsText:m,"data-cy":h,"data-testid":x}){/* @__PURE__ */
|
|
2
|
+
return e(t,{control:o,name:r,rules:a,"data-cy":h,"data-testid":x,children:({value:t,onChange:o,error:r})=>/* @__PURE__ */e(l,{value:t??"",onValueChange:o,options:d,label:n,placeholder:i,fullWidth:s,required:u,disabled:c,error:r,helperText:p,noResultsText:m,"data-cy":h??"controlled-autocomplete","data-testid":x??"controlled-autocomplete"})})}o.displayName="ControlledAutocomplete";export{o as ControlledAutocomplete};
|
package/dist/index32.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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("./index54.cjs"),r=require("./index75.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,l=e.forwardRef(({className:e,fullWidth:a=!1,"data-cy":i,"data-testid":c,...l},d)=>{const o=i||"tabs-list",u=c||"tabs-list";return t.jsx(n.List,{ref:d,className:s.cn(r.listStyles,a&&r.listFullWidthStyles,e),"data-cy":o,"data-testid":u,"data-full-width":a,...l})});l.displayName=n.List.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":c,...l},d)=>{const o=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":o,"data-testid":u,...l})});d.displayName=n.Trigger.displayName;const o=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":c,...l},d)=>{const o=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":o,"data-testid":u,...l})});o.displayName=n.Content.displayName,exports.Tabs=c,exports.TabsContent=o,exports.TabsList=l,exports.TabsTrigger=d;
|
package/dist/index32.js
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
import{jsx as
|
|
2
|
-
return
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import*as s from"@radix-ui/react-tabs";import{cn as e}from"./index54.js";import{listFullWidthStyles as r,listStyles as i,triggerStyles as d,contentStyles as c}from"./index75.js";const o=s.Root,n=a(({className:a,fullWidth:d=!1,"data-cy":c,"data-testid":o,...n},m)=>{const l=c||"tabs-list",g=o||"tabs-list";/* @__PURE__ */
|
|
2
|
+
return t(s.List,{ref:m,className:e(i,d&&r,a),"data-cy":l,"data-testid":g,"data-full-width":d,...n})});n.displayName=s.List.displayName;const m=a(({className:a,value:r,"data-cy":i,"data-testid":c,...o},n)=>{const m=i||(r?`tabs-trigger-${r}`:"tabs-trigger"),l=c||(r?`tabs-trigger-${r}`:"tabs-trigger");/* @__PURE__ */
|
|
3
|
+
return t(s.Trigger,{ref:n,className:e(d,a),value:r,"data-cy":m,"data-testid":l,...o})});m.displayName=s.Trigger.displayName;const l=a(({className:a,value:r,"data-cy":i,"data-testid":d,...o},n)=>{const m=i||(r?`tabs-content-${r}`:"tabs-content"),l=d||(r?`tabs-content-${r}`:"tabs-content");/* @__PURE__ */
|
|
4
|
+
return t(s.Content,{ref:n,className:e(c,a),value:r,"data-cy":m,"data-testid":l,...o})});l.displayName=s.Content.displayName;export{o as Tabs,l as TabsContent,n as TabsList,m as TabsTrigger};
|
package/dist/index33.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index54.cjs"),a=require("./index76.cjs"),l=t.forwardRef(({isCompleted:t=!1,size:l="large","data-cy":n,"data-testid":r},i)=>{const c=n||"stepper-connector",o=r||"stepper-connector";return e.jsx("div",{ref:i,className:s.cn(a.connectorContainerBaseStyles,"small"===l?a.connectorContainerSmallStyles:a.connectorContainerLargeStyles),"data-cy":`${c}-container`,"data-testid":`${o}-container`,children:e.jsx("div",{className:s.cn(a.connectorLineStyles,t?a.connectorActiveStyles:a.connectorInactiveStyles),"data-cy":c,"data-testid":o})})});l.displayName="StepConnector";const n=t.forwardRef(({stepNumber:l,label:n,isActive:r,isCompleted:i,isDisabled:c,isClickable:o,onClick:d,size:p="large","data-cy":y,"data-testid":m},S)=>{const[C,u]=t.useState(!1),b=y||`stepper-step-${l}`,f=m||`stepper-step-${l}`,v=(e=>"small"===e?a.stepCircleSmallStyles:a.stepCircleLargeStyles)(p);return e.jsxs("div",{ref:S,className:s.cn(a.stepItemContainerBaseStyles,"small"===p?a.stepItemContainerSmallStyles:a.stepItemContainerLargeStyles,o&&!c&&"cursor-pointer"),onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),onClick:()=>{o&&!c&&d&&d()},onKeyDown:e=>{!o||c||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),d?.())},role:o?"button":void 0,tabIndex:o&&!c?0:-1,"aria-current":r?"step":void 0,"aria-disabled":c,"data-cy":b,"data-testid":f,children:[e.jsx("div",{className:c?s.cn(a.stepCircleBaseStyles,v,a.stepCircleDisabledStyles):r?C?s.cn(a.stepCircleBaseStyles,v,a.stepCircleSelectedHoverStyles):s.cn(a.stepCircleBaseStyles,v,a.stepCircleSelectedStyles):C&&o?s.cn(a.stepCircleBaseStyles,v,a.stepCircleHoverStyles):i?s.cn(a.stepCircleBaseStyles,v,a.stepCircleCompletedStyles):s.cn(a.stepCircleBaseStyles,v,a.stepCircleRestStyles),"data-cy":`${b}-circle`,"data-testid":`${f}-circle`,children:l}),e.jsx("p",{className:c?s.cn(a.stepLabelBaseStyles,a.stepLabelDisabledStyles):r?s.cn(a.stepLabelBaseStyles,a.stepLabelSelectedStyles):C&&o?s.cn(a.stepLabelBaseStyles,a.stepLabelHoverStyles):i?s.cn(a.stepLabelBaseStyles,a.stepLabelCompletedStyles):s.cn(a.stepLabelBaseStyles,a.stepLabelRestStyles),"data-cy":`${b}-label`,"data-testid":`${f}-label`,children:n})]})});n.displayName="StepItem";const r="(min-width: 1024px)";const i=t.forwardRef(({steps:i,currentStep:c,onChange:o,allowStepNavigation:d=!0,showConnector:p=!0,size:y,className:m,"data-cy":S,"data-testid":C,...u},b)=>{const f=S||"stepper",v=C||"stepper",h=function(){const[e,s]=t.useState(()=>"undefined"==typeof window||"function"!=typeof window.matchMedia||window.matchMedia(r).matches?"large":"small");return t.useEffect(()=>{if("undefined"==typeof window||"function"!=typeof window.matchMedia)return;const e=window.matchMedia(r),t=e=>s(e.matches?"large":"small");return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),e}(),g=y??h,x=Math.max(0,c-1),w="large"===g?"3.25rem":"2.5rem",L=i.flatMap((e,t)=>t<i.length-1?[w,"minmax(2rem, 1fr)"]:[w]).join(" "),{style:$,...j}=u;return e.jsx("div",{ref:b,className:s.cn(a.containerStyles,m),style:{...$,gridTemplateColumns:L},role:"navigation","aria-label":"Progress indicator","data-cy":f,"data-testid":v,...j,children:i.map((s,a)=>{const r=a===x,c=a<x,y=s.disabled??!1,m=d&&!y&&a!==x;return e.jsxs(t.Fragment,{children:[e.jsx(n,{stepNumber:a+1,label:s.label,isActive:r,isCompleted:c,isDisabled:y,isClickable:m,onClick:()=>((e,t)=>{d&&!t&&e!==x&&o?.(e+1)})(a,y),size:g,"data-cy":`${f}-step-${a+1}`,"data-testid":`${v}-step-${a+1}`}),a<i.length-1&&(p?e.jsx(l,{isCompleted:c,size:g,"data-cy":`${f}-connector-${a+1}`,"data-testid":`${v}-connector-${a+1}`}):e.jsx("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});i.displayName="Stepper",exports.Stepper=i;
|
package/dist/index33.js
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import{
|
|
2
|
-
return
|
|
3
|
-
|
|
4
|
-
/* @__PURE__ */
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,Fragment as i,useState as s,useEffect as n}from"react";import{cn as r}from"./index54.js";import{stepItemContainerSmallStyles as d,stepItemContainerLargeStyles as o,stepItemContainerBaseStyles as c,connectorActiveStyles as l,connectorInactiveStyles as m,connectorLineStyles as p,connectorContainerSmallStyles as u,connectorContainerLargeStyles as y,connectorContainerBaseStyles as f,stepCircleDisabledStyles as h,stepCircleBaseStyles as v,stepCircleSelectedHoverStyles as b,stepCircleSelectedStyles as w,stepCircleHoverStyles as $,stepCircleCompletedStyles as g,stepCircleRestStyles as N,stepLabelDisabledStyles as C,stepLabelBaseStyles as x,stepLabelSelectedStyles as M,stepLabelHoverStyles as k,stepLabelCompletedStyles as z,stepLabelRestStyles as S,stepCircleSmallStyles as j,stepCircleLargeStyles as D,containerStyles as E}from"./index76.js";const L=a(({isCompleted:t=!1,size:a="large","data-cy":i,"data-testid":s},n)=>{const d=i||"stepper-connector",o=s||"stepper-connector";/* @__PURE__ */
|
|
2
|
+
return e("div",{ref:n,className:r(f,"small"===a?u:y),"data-cy":`${d}-container`,"data-testid":`${o}-container`,children:/* @__PURE__ */e("div",{className:r(p,t?l:m),"data-cy":d,"data-testid":o})})});L.displayName="StepConnector";const A=a(({stepNumber:a,label:i,isActive:n,isCompleted:l,isDisabled:m,isClickable:p,onClick:u,size:y="large","data-cy":f,"data-testid":E},L)=>{const[A,I]=s(!1),K=f||`stepper-step-${a}`,P=E||`stepper-step-${a}`,T=(e=>"small"===e?j:D)(y);/* @__PURE__ */
|
|
3
|
+
return t("div",{ref:L,className:r(c,"small"===y?d:o,p&&!m&&"cursor-pointer"),onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),onClick:()=>{p&&!m&&u&&u()},onKeyDown:e=>{!p||m||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),u?.())},role:p?"button":void 0,tabIndex:p&&!m?0:-1,"aria-current":n?"step":void 0,"aria-disabled":m,"data-cy":K,"data-testid":P,children:[
|
|
4
|
+
/* @__PURE__ */e("div",{className:r(v,T,m?h:n?A?b:w:A&&p?$:l?g:N),"data-cy":`${K}-circle`,"data-testid":`${P}-circle`,children:a}),
|
|
5
|
+
/* @__PURE__ */e("p",{className:r(x,m?C:n?M:A&&p?k:l?z:S),"data-cy":`${K}-label`,"data-testid":`${P}-label`,children:i})]})});A.displayName="StepItem";const I="(min-width: 1024px)";const K=a(({steps:a,currentStep:d,onChange:o,allowStepNavigation:c=!0,showConnector:l=!0,size:m,className:p,"data-cy":u,"data-testid":y,...f},h)=>{const v=u||"stepper",b=y||"stepper",w=function(){const[e,t]=s(()=>"undefined"==typeof window||"function"!=typeof window.matchMedia||window.matchMedia(I).matches?"large":"small");return n(()=>{if("undefined"==typeof window||"function"!=typeof window.matchMedia)return;const e=window.matchMedia(I),a=e=>t(e.matches?"large":"small");return e.addEventListener("change",a),()=>e.removeEventListener("change",a)},[]),e}(),$=m??w,g=Math.max(0,d-1),N="large"===$?"3.25rem":"2.5rem",C=a.flatMap((e,t)=>t<a.length-1?[N,"minmax(2rem, 1fr)"]:[N]).join(" "),{style:x,...M}=f;/* @__PURE__ */
|
|
6
|
+
return e("div",{ref:h,className:r(E,p),style:{...x,gridTemplateColumns:C},role:"navigation","aria-label":"Progress indicator","data-cy":v,"data-testid":b,...M,children:a.map((s,n)=>{const r=n===g,d=n<g,m=s.disabled??!1,p=c&&!m&&n!==g;/* @__PURE__ */
|
|
7
|
+
return t(i,{children:[
|
|
8
|
+
/* @__PURE__ */e(A,{stepNumber:n+1,label:s.label,isActive:r,isCompleted:d,isDisabled:m,isClickable:p,onClick:()=>((e,t)=>{c&&!t&&e!==g&&o?.(e+1)})(n,m),size:$,"data-cy":`${v}-step-${n+1}`,"data-testid":`${b}-step-${n+1}`}),n<a.length-1&&(l?/* @__PURE__ */e(L,{isCompleted:d,size:$,"data-cy":`${v}-connector-${n+1}`,"data-testid":`${b}-connector-${n+1}`}):/* @__PURE__ */e("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});K.displayName="Stepper";export{K as Stepper};
|