@adam-milo/ui 1.0.99 → 1.0.101

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.
Files changed (122) hide show
  1. package/dist/index102.cjs +1 -1
  2. package/dist/index102.js +5 -1
  3. package/dist/index103.cjs +1 -1
  4. package/dist/index103.js +1 -1
  5. package/dist/index104.cjs +1 -1
  6. package/dist/index104.js +1 -3
  7. package/dist/index105.cjs +1 -1
  8. package/dist/index105.js +3 -2
  9. package/dist/index106.cjs +1 -1
  10. package/dist/index106.js +2 -1
  11. package/dist/index107.cjs +1 -1
  12. package/dist/index107.js +1 -1
  13. package/dist/index108.cjs +1 -1
  14. package/dist/index108.js +1 -1
  15. package/dist/index109.cjs +1 -1
  16. package/dist/index109.js +1 -1
  17. package/dist/index110.cjs +1 -1
  18. package/dist/index110.js +1 -1
  19. package/dist/index111.cjs +1 -1
  20. package/dist/index111.js +1 -1
  21. package/dist/index112.cjs +1 -1
  22. package/dist/index112.js +1 -1
  23. package/dist/index113.cjs +1 -1
  24. package/dist/index113.js +1 -1
  25. package/dist/index114.cjs +1 -1
  26. package/dist/index114.js +1 -5
  27. package/dist/index115.cjs +1 -1
  28. package/dist/index115.js +1 -1
  29. package/dist/index116.cjs +1 -1
  30. package/dist/index116.js +1 -1
  31. package/dist/index117.cjs +1 -1
  32. package/dist/index117.js +1 -1
  33. package/dist/index118.cjs +1 -1
  34. package/dist/index118.js +1 -1
  35. package/dist/index120.cjs +1 -1
  36. package/dist/index120.js +1 -1
  37. package/dist/index121.cjs +1 -1
  38. package/dist/index121.js +1 -1
  39. package/dist/index15.cjs +1 -1
  40. package/dist/index15.js +2 -2
  41. package/dist/index18.cjs +1 -1
  42. package/dist/index18.js +6 -6
  43. package/dist/index20.cjs +1 -1
  44. package/dist/index20.js +2 -2
  45. package/dist/index3.cjs +1 -1
  46. package/dist/index3.js +2 -2
  47. package/dist/index30.cjs +1 -1
  48. package/dist/index30.js +4 -4
  49. package/dist/index31.cjs +1 -1
  50. package/dist/index31.js +2 -2
  51. package/dist/index32.cjs +1 -1
  52. package/dist/index32.js +2 -2
  53. package/dist/index33.cjs +1 -1
  54. package/dist/index33.js +4 -4
  55. package/dist/index37.cjs +1 -1
  56. package/dist/index37.js +4 -4
  57. package/dist/index39.cjs +1 -1
  58. package/dist/index39.js +9 -9
  59. package/dist/index4.cjs +1 -1
  60. package/dist/index4.js +2 -2
  61. package/dist/index45.cjs +1 -1
  62. package/dist/index45.js +2 -2
  63. package/dist/index5.cjs +1 -1
  64. package/dist/index5.js +2 -2
  65. package/dist/index54.cjs +1 -1
  66. package/dist/index54.js +6 -6
  67. package/dist/index55.cjs +1 -1
  68. package/dist/index55.js +6 -6
  69. package/dist/index72.cjs +1 -1
  70. package/dist/index72.js +1 -1
  71. package/dist/index77.cjs +1 -1
  72. package/dist/index77.js +1 -1
  73. package/dist/index81.cjs +1 -1
  74. package/dist/index81.js +1 -1
  75. package/dist/index84.cjs +1 -1
  76. package/dist/index84.js +1 -1
  77. package/dist/src/components/core/button/Button.component.d.ts.map +1 -1
  78. package/dist/src/components/core/icon-button/IconButton.component.d.ts.map +1 -1
  79. package/dist/src/components/core/icon-button/IconButton.types.d.ts +1 -1
  80. package/dist/src/components/core/icon-button/IconButton.types.d.ts.map +1 -1
  81. package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts.map +1 -1
  82. package/dist/src/components/core/menu-icon-button/MenuIconButton.types.d.ts +1 -1
  83. package/dist/src/components/core/menu-icon-button/MenuIconButton.types.d.ts.map +1 -1
  84. package/dist/src/components/data-display/datatable/DataTable.component.d.ts.map +1 -1
  85. package/dist/src/components/data-display/datatable/DataTable.styles.d.ts +7 -4
  86. package/dist/src/components/data-display/datatable/DataTable.styles.d.ts.map +1 -1
  87. package/dist/src/components/feedback/ai-loader/AiLoader.component.d.ts.map +1 -1
  88. package/dist/src/components/feedback/ai-loader/AiLoader.types.d.ts +1 -1
  89. package/dist/src/components/feedback/ai-loader/AiLoader.types.d.ts.map +1 -1
  90. package/dist/src/components/feedback/spinner/Spinner.component.d.ts.map +1 -1
  91. package/dist/src/components/feedback/spinner/Spinner.types.d.ts +1 -1
  92. package/dist/src/components/feedback/spinner/Spinner.types.d.ts.map +1 -1
  93. package/dist/src/components/feedback/toast/Toast.component.d.ts +1 -1
  94. package/dist/src/components/feedback/toast/Toast.component.d.ts.map +1 -1
  95. package/dist/src/components/feedback/toast/Toast.types.d.ts +1 -0
  96. package/dist/src/components/feedback/toast/Toast.types.d.ts.map +1 -1
  97. package/dist/src/components/forms/autocomplete/Autocomplete.component.d.ts.map +1 -1
  98. package/dist/src/components/forms/autocomplete/Autocomplete.types.d.ts +1 -0
  99. package/dist/src/components/forms/autocomplete/Autocomplete.types.d.ts.map +1 -1
  100. package/dist/src/components/forms/controlled/FormField.component.d.ts +1 -1
  101. package/dist/src/components/forms/controlled/FormField.component.d.ts.map +1 -1
  102. package/dist/src/components/forms/controlled/FormField.types.d.ts +1 -0
  103. package/dist/src/components/forms/controlled/FormField.types.d.ts.map +1 -1
  104. package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.component.d.ts +1 -1
  105. package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.component.d.ts.map +1 -1
  106. package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.types.d.ts +1 -0
  107. package/dist/src/components/forms/controlled/autocomplete/ControlledAutocomplete.types.d.ts.map +1 -1
  108. package/dist/src/components/forms/controlled/select/ControlledSelect.component.d.ts +1 -1
  109. package/dist/src/components/forms/controlled/select/ControlledSelect.component.d.ts.map +1 -1
  110. package/dist/src/components/forms/controlled/select/ControlledSelect.types.d.ts +1 -0
  111. package/dist/src/components/forms/controlled/select/ControlledSelect.types.d.ts.map +1 -1
  112. package/dist/src/components/forms/controlled/textarea/ControlledTextarea.component.d.ts +1 -1
  113. package/dist/src/components/forms/controlled/textarea/ControlledTextarea.component.d.ts.map +1 -1
  114. package/dist/src/components/forms/controlled/textarea/ControlledTextarea.types.d.ts +1 -0
  115. package/dist/src/components/forms/controlled/textarea/ControlledTextarea.types.d.ts.map +1 -1
  116. package/dist/src/components/forms/otp-input/OTPInput.component.d.ts.map +1 -1
  117. package/dist/src/components/forms/otp-input/OTPInput.types.d.ts +1 -0
  118. package/dist/src/components/forms/otp-input/OTPInput.types.d.ts.map +1 -1
  119. package/dist/src/components/layout/stack/Stack.component.d.ts.map +1 -1
  120. package/dist/src/components/navigation/tabs/Tabs.component.d.ts.map +1 -1
  121. package/dist/styles.css +1 -1
  122. package/package.json +1 -1
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 i,useState as l,useEffect as n,useCallback as c,useImperativeHandle as s}from"react";import{cn as o}from"./index56.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitSizeSmStyles as y,digitSizeLgStyles as g,digitBaseStyles as $,containerCenteredStyles as b,containerBaseStyles as v,wrapperFullWidthStyles as D,wrapperStyles as x}from"./index70.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}-label`,K=`${B}-error`,M=`${B}-helper`,R=L||"otp-input",V=O||"otp-input",W="sm"===q?y:g,G=i([]),[J,Q]=l(()=>A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));n(()=>{const e=A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);Q(e)},[A,a]);const S=c(e=>"numeric"===T?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[T]),U=c(e=>{Q(e);const t=e.join("");N?.(t),e.every(e=>""!==e)&&e.length===a&&w?.(t)},[N,w,a]),X=c(e=>{const t=G.current[e];t&&(t.focus(),t.select())},[]),Y=c((e,t)=>{const r=t.target.value;if(1===r.length&&S(r)){const t=[...J];t[e]=r,U(t),e<a-1&&X(e+1)}else if(r.length>1){const t=r.split("").filter(S),i=[...J];t.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),U(i);const l=i.findIndex(e=>""===e);X(-1===l?a-1:l)}},[J,a,S,U,X]),_=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),J[e]){const t=[...J];t[e]="",U(t)}else if(e>0){const t=[...J];t[e-1]="",U(t),X(e-1)}break;case"Delete":if(t.preventDefault(),J[e]){const t=[...J];t[e]="",U(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&X(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&X(e+1);break;case"Home":t.preventDefault(),X(0);break;case"End":t.preventDefault(),X(a-1);break;default:if(1===t.key.length&&S(t.key)){t.preventDefault();const r=[...J];r[e]=t.key,U(r),e<a-1&&X(e+1)}}},[J,a,S,U,X]),ee=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(S);if(0===r.length)return;const i=[...J];r.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),U(i);const l=i.findIndex(e=>""===e);X(-1===l?a-1:l)},[J,a,S,U,X]),te=c(e=>{e.target.select()},[]);return s(Z,()=>({focus:()=>{const e=J.findIndex(e=>""===e);X(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");U(e),X(0)},getValue:()=>J.join("")}),[J,a,X,U]),n(()=>{z&&!C&&X(0)},[z,C,X]),/* @__PURE__ */e("div",{className:o(x,E&&D),"data-cy":`${R}-wrapper`,"data-testid":`${V}-wrapper`,children:[k&&/* @__PURE__ */t("label",{id:H,className:o(m,j&&f,C&&u),"data-cy":`${R}-label`,"data-testid":`${V}-label`,children:k}),
2
- /* @__PURE__ */t("div",{className:o(v,P&&b),role:"group","aria-labelledby":k?H:void 0,"aria-label":k?void 0:"OTP Input","data-cy":`${R}-container`,"data-testid":`${V}-container`,children:Array.from({length:a},(e,r)=>/* @__PURE__ */t("input",{ref:e=>{G.current[r]=e},type:"text",inputMode:"numeric"===T?"numeric":"text",pattern:"numeric"===T?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:J[r]||"",onChange:e=>Y(r,e),onKeyDown:e=>_(r,e),onPaste:e=>ee(r,e),onFocus:te,disabled:C,required:F,"aria-label":`Digit ${r+1} of ${a}`,"aria-invalid":j?"true":"false","aria-describedby":j?K:I?M:void 0,className:o($,W,j&&h),"data-otp-digit":!0,"data-cy":`${R}-digit-${r}`,"data-testid":`${V}-digit-${r}`,autoComplete:"one-time-code"},r))}),j&&/* @__PURE__ */t("span",{id:K,className:d,role:"alert","data-cy":`${R}-error`,"data-testid":`${V}-error`,children:j}),I&&!j&&/* @__PURE__ */t("span",{id:M,className:p,"data-cy":`${R}-helper`,"data-testid":`${V}-helper`,children:I})]})});k.displayName="OTPInput";export{k as OTPInput};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as i,useState as l,useEffect as n,useCallback as c,useImperativeHandle as s}from"react";import{cn as o}from"./index56.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitSizeSmStyles as y,digitSizeLgStyles as g,digitBaseStyles as $,containerCenteredStyles as b,containerBaseStyles as v,wrapperFullWidthStyles as D,wrapperStyles as x}from"./index70.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,className:L,"data-cy":O,"data-testid":Z},B)=>{const H=r(),K=`${H}-label`,M=`${H}-error`,R=`${H}-helper`,V=O||"otp-input",W=Z||"otp-input",G="sm"===q?y:g,J=i([]),[Q,S]=l(()=>A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));n(()=>{const e=A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);S(e)},[A,a]);const U=c(e=>"numeric"===T?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[T]),X=c(e=>{S(e);const t=e.join("");N?.(t),e.every(e=>""!==e)&&e.length===a&&w?.(t)},[N,w,a]),Y=c(e=>{const t=J.current[e];t&&(t.focus(),t.select())},[]),_=c((e,t)=>{const r=t.target.value;if(1===r.length&&U(r)){const t=[...Q];t[e]=r,X(t),e<a-1&&Y(e+1)}else if(r.length>1){const t=r.split("").filter(U),i=[...Q];t.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),X(i);const l=i.findIndex(e=>""===e);Y(-1===l?a-1:l)}},[Q,a,U,X,Y]),ee=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),Q[e]){const t=[...Q];t[e]="",X(t)}else if(e>0){const t=[...Q];t[e-1]="",X(t),Y(e-1)}break;case"Delete":if(t.preventDefault(),Q[e]){const t=[...Q];t[e]="",X(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&Y(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&Y(e+1);break;case"Home":t.preventDefault(),Y(0);break;case"End":t.preventDefault(),Y(a-1);break;default:if(1===t.key.length&&U(t.key)){t.preventDefault();const r=[...Q];r[e]=t.key,X(r),e<a-1&&Y(e+1)}}},[Q,a,U,X,Y]),te=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(U);if(0===r.length)return;const i=[...Q];r.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),X(i);const l=i.findIndex(e=>""===e);Y(-1===l?a-1:l)},[Q,a,U,X,Y]),ae=c(e=>{e.target.select()},[]);return s(B,()=>({focus:()=>{const e=Q.findIndex(e=>""===e);Y(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");X(e),Y(0)},getValue:()=>Q.join("")}),[Q,a,Y,X]),n(()=>{z&&!C&&Y(0)},[z,C,Y]),/* @__PURE__ */e("div",{className:o(x,E&&D,L),"data-cy":`${V}-wrapper`,"data-testid":`${W}-wrapper`,children:[k&&/* @__PURE__ */t("label",{id:K,className:o(m,j&&f,C&&u),"data-cy":`${V}-label`,"data-testid":`${W}-label`,children:k}),
2
+ /* @__PURE__ */t("div",{className:o(v,P&&b),role:"group","aria-labelledby":k?K:void 0,"aria-label":k?void 0:"OTP Input","data-cy":`${V}-container`,"data-testid":`${W}-container`,children:Array.from({length:a},(e,r)=>/* @__PURE__ */t("input",{ref:e=>{J.current[r]=e},type:"text",inputMode:"numeric"===T?"numeric":"text",pattern:"numeric"===T?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:Q[r]||"",onChange:e=>_(r,e),onKeyDown:e=>ee(r,e),onPaste:e=>te(r,e),onFocus:ae,disabled:C,required:F,"aria-label":`Digit ${r+1} of ${a}`,"aria-invalid":j?"true":"false","aria-describedby":j?M:I?R:void 0,className:o($,G,j&&h),"data-otp-digit":!0,"data-cy":`${V}-digit-${r}`,"data-testid":`${W}-digit-${r}`,autoComplete:"one-time-code"},r))}),j&&/* @__PURE__ */t("span",{id:M,className:d,role:"alert","data-cy":`${V}-error`,"data-testid":`${W}-error`,children:j}),I&&!j&&/* @__PURE__ */t("span",{id:R,className:p,"data-cy":`${V}-helper`,"data-testid":`${W}-helper`,children:I})]})});k.displayName="OTPInput";export{k as OTPInput};
package/dist/index18.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("./index56.cjs"),r=require("./index75.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:h=!1,disabled:y=!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",q=v||"autocomplete",L=t.useRef(null),R=t.useRef(null),A=t.useRef([]),F=t.useRef(!1),M=n.find(e=>e.value===s),T=d&&h&&!d.includes("*")?`${d} *`:d,I=x&&$?n.filter(e=>e.label.toLowerCase().includes($.toLowerCase())):n,O=t.useCallback(()=>{y||(S(!0),g(""),j(-1))},[y]),W=t.useCallback(()=>{S(!1),g(""),j(-1)},[]),K=t.useCallback(e=>{e.disabled||(i(e.value),W())},[i,W]);t.useEffect(()=>{const e=e=>{L.current&&!L.current.contains(e.target)&&W()};return x&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[x,W]);const P=e=>{A.current[e]?.scrollIntoView?.({block:"nearest"})},V=(e,t)=>{const a=I.length;if(0===a)return-1;let r=e+t;for(;r>=0&&r<a;){if(!I[r].disabled)return r;r+=t}if(-1===e&&1===t)for(let l=0;l<a;l++)if(!I[l].disabled)return l;return-1===e?-1:e},B=x?$:M?.label??"",H=t.useCallback(e=>{L.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":`${q}-wrapper`,children:[d&&e.jsx("label",{htmlFor:`${k}-input`,className:a.cn(r.labelStyles,c&&r.labelErrorStyles,y&&r.labelDisabledStyles),"data-cy":`${E}-label`,"data-testid":`${q}-label`,children:T}),e.jsxs("div",{className:a.cn(r.triggerStyles,x&&r.triggerOpenStyles,c&&r.triggerErrorStyles,y&&r.triggerDisabledStyles),onClick:()=>{x||O(),R.current?.focus()},"data-cy":E,"data-testid":q,children:[!x&&M?.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:M.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":h?"true":void 0,"aria-describedby":c?N:u?D:void 0,disabled:y,onChange:e=>{g(e.target.value),j(-1),x||O()},onFocus:()=>{x||F.current||O()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!x)return void O();const t=V(w,1);-1!==t&&(j(t),P(t));break}case"ArrowUp":{if(e.preventDefault(),!x)return void O();const t=V(w,-1);-1!==t&&(j(t),P(t));break}case"Enter":e.preventDefault(),x&&w>=0&&I[w]&&K(I[w]);break;case"Escape":e.preventDefault(),W();break;case"Tab":x&&W()}},"data-cy":`${E}-input`,"data-testid":`${q}-input`}),e.jsx("span",{"aria-hidden":"true",className:a.cn(r.chevronStyles,x&&r.chevronOpenStyles),onMouseDown:e=>{e.preventDefault(),x?(F.current=!0,W(),R.current?.blur(),requestAnimationFrame(()=>{F.current=!1})):(O(),requestAnimationFrame(()=>R.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${E}-chevron`,"data-testid":`${q}-chevron`,children:e.jsx(l,{})})]}),x&&e.jsx("div",{className:r.dropdownStyles,"data-cy":`${E}-dropdown`,"data-testid":`${q}-dropdown`,children:e.jsx("div",{id:C,role:"listbox",className:r.listStyles,"data-cy":`${E}-list`,"data-testid":`${q}-list`,children:0===I.length?e.jsx("div",{className:r.noResultsStyles,children:b}):I.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:()=>K(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),K(t))},onMouseEnter:()=>j(l),"data-cy":`${E}-item-${t.value}`,"data-testid":`${q}-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":`${q}-error`,children:c}),u&&!c&&e.jsx("span",{id:D,className:r.helperStyles,"data-cy":`${E}-helper`,"data-testid":`${q}-helper`,children:u})]})});s.displayName="Autocomplete",exports.Autocomplete=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index56.cjs"),r=require("./index75.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:h=!1,disabled:y=!1,noResultsText:b="No results found",className:f,"data-cy":v,"data-testid":m},x)=>{const[S,$]=t.useState(!1),[g,w]=t.useState(""),[j,k]=t.useState(-1),N=t.useId(),D=`${N}-error`,C=`${N}-helper`,E=`${N}-listbox`,q=v||"autocomplete",L=m||"autocomplete",R=t.useRef(null),A=t.useRef(null),F=t.useRef([]),M=t.useRef(!1),T=n.find(e=>e.value===s),I=d&&h&&!d.includes("*")?`${d} *`:d,O=S&&g?n.filter(e=>e.label.toLowerCase().includes(g.toLowerCase())):n,W=t.useCallback(()=>{y||($(!0),w(""),k(-1))},[y]),K=t.useCallback(()=>{$(!1),w(""),k(-1)},[]),P=t.useCallback(e=>{e.disabled||(i(e.value),K())},[i,K]);t.useEffect(()=>{const e=e=>{R.current&&!R.current.contains(e.target)&&K()};return S&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[S,K]);const V=e=>{F.current[e]?.scrollIntoView?.({block:"nearest"})},B=(e,t)=>{const a=O.length;if(0===a)return-1;let r=e+t;for(;r>=0&&r<a;){if(!O[r].disabled)return r;r+=t}if(-1===e&&1===t)for(let l=0;l<a;l++)if(!O[l].disabled)return l;return-1===e?-1:e},H=S?g:T?.label??"",U=t.useCallback(e=>{R.current=e,"function"==typeof x?x(e):x&&(x.current=e)},[x]);return e.jsxs("div",{ref:U,className:a.cn(r.wrapperStyles,p&&r.wrapperFullWidthStyles,f),"data-cy":`${q}-wrapper`,"data-testid":`${L}-wrapper`,children:[d&&e.jsx("label",{htmlFor:`${N}-input`,className:a.cn(r.labelStyles,c&&r.labelErrorStyles,y&&r.labelDisabledStyles),"data-cy":`${q}-label`,"data-testid":`${L}-label`,children:I}),e.jsxs("div",{className:a.cn(r.triggerStyles,S&&r.triggerOpenStyles,c&&r.triggerErrorStyles,y&&r.triggerDisabledStyles),onClick:()=>{S||W(),A.current?.focus()},"data-cy":q,"data-testid":L,children:[!S&&T?.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:T.flag}),e.jsx("input",{ref:A,id:`${N}-input`,type:"text",role:"combobox",className:r.inputStyles,value:H,placeholder:o||d||"Select...","aria-expanded":S,"aria-haspopup":"listbox","aria-controls":S?E:void 0,"aria-autocomplete":"list","aria-activedescendant":j>=0?`${N}-option-${j}`:void 0,"aria-invalid":c?"true":"false","aria-required":h?"true":void 0,"aria-describedby":c?D:u?C:void 0,disabled:y,onChange:e=>{w(e.target.value),k(-1),S||W()},onFocus:()=>{S||M.current||W()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!S)return void W();const t=B(j,1);-1!==t&&(k(t),V(t));break}case"ArrowUp":{if(e.preventDefault(),!S)return void W();const t=B(j,-1);-1!==t&&(k(t),V(t));break}case"Enter":e.preventDefault(),S&&j>=0&&O[j]&&P(O[j]);break;case"Escape":e.preventDefault(),K();break;case"Tab":S&&K()}},"data-cy":`${q}-input`,"data-testid":`${L}-input`}),e.jsx("span",{"aria-hidden":"true",className:a.cn(r.chevronStyles,S&&r.chevronOpenStyles),onMouseDown:e=>{e.preventDefault(),S?(M.current=!0,K(),A.current?.blur(),requestAnimationFrame(()=>{M.current=!1})):(W(),requestAnimationFrame(()=>A.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${q}-chevron`,"data-testid":`${L}-chevron`,children:e.jsx(l,{})})]}),S&&e.jsx("div",{className:r.dropdownStyles,"data-cy":`${q}-dropdown`,"data-testid":`${L}-dropdown`,children:e.jsx("div",{id:E,role:"listbox",className:r.listStyles,"data-cy":`${q}-list`,"data-testid":`${L}-list`,children:0===O.length?e.jsx("div",{className:r.noResultsStyles,children:b}):O.map((t,l)=>{const i=t.value===s,n=l===j;return e.jsxs("div",{ref:e=>{F.current[l]=e},id:`${N}-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:()=>P(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),P(t))},onMouseEnter:()=>k(l),"data-cy":`${q}-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:D,className:r.errorStyles,role:"alert","data-cy":`${q}-error`,"data-testid":`${L}-error`,children:c}),u&&!c&&e.jsx("span",{id:C,className:r.helperStyles,"data-cy":`${q}-helper`,"data-testid":`${L}-helper`,children:u})]})});s.displayName="Autocomplete",exports.Autocomplete=s;
package/dist/index18.js CHANGED
@@ -1,6 +1,6 @@
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 o,useEffect as d}from"react";import{cn as l}from"./index56.js";import{flagStyles as s,inputStyles as c,dropdownStyles as u,listStyles as p,noResultsStyles as m,itemDisabledStyles as h,itemSelectedStyles as v,itemHighlightedStyles as f,itemStyles as b,errorStyles as $,helperStyles as w,labelDisabledStyles as y,labelErrorStyles as g,labelStyles as k,chevronOpenStyles as x,chevronStyles as N,triggerDisabledStyles as D,triggerErrorStyles as C,triggerOpenStyles as L,triggerStyles as E,wrapperFullWidthStyles as A,wrapperStyles as j}from"./index75.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:M,label:T,placeholder:I,error:K,helperText:V,fullWidth:W=!1,required:B=!1,disabled:P=!1,noResultsText:R="No results found","data-cy":S,"data-testid":U},z)=>{const[G,H]=r(!1),[J,O]=r(""),[Q,X]=r(-1),Y=n(),Z=`${Y}-error`,_=`${Y}-helper`,ee=`${Y}-listbox`,ae=S||"autocomplete",te=U||"autocomplete",re=i(null),ne=i(null),ie=i([]),oe=i(!1),de=M.find(e=>e.value===t),le=T&&B&&!T.includes("*")?`${T} *`:T,se=G&&J?M.filter(e=>e.label.toLowerCase().includes(J.toLowerCase())):M,ce=o(()=>{P||(H(!0),O(""),X(-1))},[P]),ue=o(()=>{H(!1),O(""),X(-1)},[]),pe=o(e=>{e.disabled||(F(e.value),ue())},[F,ue]);d(()=>{const e=e=>{re.current&&!re.current.contains(e.target)&&ue()};return G&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[G,ue]);const me=e=>{ie.current[e]?.scrollIntoView?.({block:"nearest"})},he=(e,a)=>{const t=se.length;if(0===t)return-1;let r=e+a;for(;r>=0&&r<t;){if(!se[r].disabled)return r;r+=a}if(-1===e&&1===a)for(let n=0;n<t;n++)if(!se[n].disabled)return n;return-1===e?-1:e},ve=G?J:de?.label??"",fe=o(e=>{re.current=e,"function"==typeof z?z(e):z&&(z.current=e)},[z]);/* @__PURE__ */
2
- return e("div",{ref:fe,className:l(j,W&&A),"data-cy":`${ae}-wrapper`,"data-testid":`${te}-wrapper`,children:[T&&/* @__PURE__ */a("label",{htmlFor:`${Y}-input`,className:l(k,K&&g,P&&y),"data-cy":`${ae}-label`,"data-testid":`${te}-label`,children:le}),
3
- /* @__PURE__ */e("div",{className:l(E,G&&L,K&&C,P&&D),onClick:()=>{G||ce(),ne.current?.focus()},"data-cy":ae,"data-testid":te,children:[!G&&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:ve,placeholder:I||T||"Select...","aria-expanded":G,"aria-haspopup":"listbox","aria-controls":G?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:P,onChange:e=>{O(e.target.value),X(-1),G||ce()},onFocus:()=>{G||oe.current||ce()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!G)return void ce();const a=he(Q,1);-1!==a&&(X(a),me(a));break}case"ArrowUp":{if(e.preventDefault(),!G)return void ce();const a=he(Q,-1);-1!==a&&(X(a),me(a));break}case"Enter":e.preventDefault(),G&&Q>=0&&se[Q]&&pe(se[Q]);break;case"Escape":e.preventDefault(),ue();break;case"Tab":G&&ue()}},"data-cy":`${ae}-input`,"data-testid":`${te}-input`}),
5
- /* @__PURE__ */a("span",{"aria-hidden":"true",className:l(N,G&&x),onMouseDown:e=>{e.preventDefault(),G?(oe.current=!0,ue(),ne.current?.blur(),requestAnimationFrame(()=>{oe.current=!1})):(ce(),requestAnimationFrame(()=>ne.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${ae}-chevron`,"data-testid":`${te}-chevron`,children:/* @__PURE__ */a(q,{})})]}),G&&/* @__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===se.length?/* @__PURE__ */a("div",{className:m,children:R}):se.map((r,n)=>{const i=r.value===t,o=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:l(b,o&&f,i&&!o&&v,r.disabled&&h),onClick:()=>pe(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),pe(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};
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 o,useEffect as l}from"react";import{cn as d}from"./index56.js";import{flagStyles as s,inputStyles as c,dropdownStyles as u,listStyles as p,noResultsStyles as m,itemDisabledStyles as h,itemSelectedStyles as v,itemHighlightedStyles as f,itemStyles as b,errorStyles as $,helperStyles as w,labelDisabledStyles as y,labelErrorStyles as N,labelStyles as g,chevronOpenStyles as k,chevronStyles as x,triggerDisabledStyles as D,triggerErrorStyles as C,triggerOpenStyles as L,triggerStyles as E,wrapperFullWidthStyles as A,wrapperStyles as j}from"./index75.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:M,label:T,placeholder:I,error:K,helperText:V,fullWidth:W=!1,required:B=!1,disabled:P=!1,noResultsText:R="No results found",className:S,"data-cy":U,"data-testid":z},G)=>{const[H,J]=r(!1),[O,Q]=r(""),[X,Y]=r(-1),Z=n(),_=`${Z}-error`,ee=`${Z}-helper`,ae=`${Z}-listbox`,te=U||"autocomplete",re=z||"autocomplete",ne=i(null),ie=i(null),oe=i([]),le=i(!1),de=M.find(e=>e.value===t),se=T&&B&&!T.includes("*")?`${T} *`:T,ce=H&&O?M.filter(e=>e.label.toLowerCase().includes(O.toLowerCase())):M,ue=o(()=>{P||(J(!0),Q(""),Y(-1))},[P]),pe=o(()=>{J(!1),Q(""),Y(-1)},[]),me=o(e=>{e.disabled||(F(e.value),pe())},[F,pe]);l(()=>{const e=e=>{ne.current&&!ne.current.contains(e.target)&&pe()};return H&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[H,pe]);const he=e=>{oe.current[e]?.scrollIntoView?.({block:"nearest"})},ve=(e,a)=>{const t=ce.length;if(0===t)return-1;let r=e+a;for(;r>=0&&r<t;){if(!ce[r].disabled)return r;r+=a}if(-1===e&&1===a)for(let n=0;n<t;n++)if(!ce[n].disabled)return n;return-1===e?-1:e},fe=H?O:de?.label??"",be=o(e=>{ne.current=e,"function"==typeof G?G(e):G&&(G.current=e)},[G]);/* @__PURE__ */
2
+ return e("div",{ref:be,className:d(j,W&&A,S),"data-cy":`${te}-wrapper`,"data-testid":`${re}-wrapper`,children:[T&&/* @__PURE__ */a("label",{htmlFor:`${Z}-input`,className:d(g,K&&N,P&&y),"data-cy":`${te}-label`,"data-testid":`${re}-label`,children:se}),
3
+ /* @__PURE__ */e("div",{className:d(E,H&&L,K&&C,P&&D),onClick:()=>{H||ue(),ie.current?.focus()},"data-cy":te,"data-testid":re,children:[!H&&de?.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:de.flag}),
4
+ /* @__PURE__ */a("input",{ref:ie,id:`${Z}-input`,type:"text",role:"combobox",className:c,value:fe,placeholder:I||T||"Select...","aria-expanded":H,"aria-haspopup":"listbox","aria-controls":H?ae:void 0,"aria-autocomplete":"list","aria-activedescendant":X>=0?`${Z}-option-${X}`:void 0,"aria-invalid":K?"true":"false","aria-required":B?"true":void 0,"aria-describedby":K?_:V?ee:void 0,disabled:P,onChange:e=>{Q(e.target.value),Y(-1),H||ue()},onFocus:()=>{H||le.current||ue()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!H)return void ue();const a=ve(X,1);-1!==a&&(Y(a),he(a));break}case"ArrowUp":{if(e.preventDefault(),!H)return void ue();const a=ve(X,-1);-1!==a&&(Y(a),he(a));break}case"Enter":e.preventDefault(),H&&X>=0&&ce[X]&&me(ce[X]);break;case"Escape":e.preventDefault(),pe();break;case"Tab":H&&pe()}},"data-cy":`${te}-input`,"data-testid":`${re}-input`}),
5
+ /* @__PURE__ */a("span",{"aria-hidden":"true",className:d(x,H&&k),onMouseDown:e=>{e.preventDefault(),H?(le.current=!0,pe(),ie.current?.blur(),requestAnimationFrame(()=>{le.current=!1})):(ue(),requestAnimationFrame(()=>ie.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${te}-chevron`,"data-testid":`${re}-chevron`,children:/* @__PURE__ */a(q,{})})]}),H&&/* @__PURE__ */a("div",{className:u,"data-cy":`${te}-dropdown`,"data-testid":`${re}-dropdown`,children:/* @__PURE__ */a("div",{id:ae,role:"listbox",className:p,"data-cy":`${te}-list`,"data-testid":`${re}-list`,children:0===ce.length?/* @__PURE__ */a("div",{className:m,children:R}):ce.map((r,n)=>{const i=r.value===t,o=n===X;/* @__PURE__ */
6
+ return e("div",{ref:e=>{oe.current[n]=e},id:`${Z}-option-${n}`,role:"option",tabIndex:-1,"aria-selected":i,"aria-disabled":r.disabled||void 0,className:d(b,o&&f,i&&!o&&v,r.disabled&&h),onClick:()=>me(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),me(r))},onMouseEnter:()=>Y(n),"data-cy":`${te}-item-${r.value}`,"data-testid":`${re}-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:_,className:$,role:"alert","data-cy":`${te}-error`,"data-testid":`${re}-error`,children:K}),V&&!K&&/* @__PURE__ */a("span",{id:ee,className:w,"data-cy":`${te}-helper`,"data-testid":`${re}-helper`,children:V})]})});F.displayName="Autocomplete";export{F as Autocomplete};
package/dist/index20.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index76.cjs");function o({control:o,name:t,rules:n,children:a,"data-cy":i,"data-testid":l}){const s=r.useFormContext(),d=o??s?.control;if(!d)throw new Error("FormField: `control` prop is required when not used inside a <Form> wrapper.");return e.jsx(r.Controller,{control:d,name:t,rules:n,render:({field:r,fieldState:o})=>e.jsx("div",{className:"contents","data-cy":i,"data-testid":l,children:a({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:o.error?.message,name:r.name})})})}o.displayName="FormField",exports.FormField=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index76.cjs"),n=require("./index56.cjs");function o({control:o,name:t,rules:a,children:s,className:i,"data-cy":l,"data-testid":d}){const c=r.useFormContext(),u=o??c?.control;if(!u)throw new Error("FormField: `control` prop is required when not used inside a <Form> wrapper.");return e.jsx(r.Controller,{control:u,name:t,rules:a,render:({field:r,fieldState:o})=>e.jsx("div",{className:n.cn("contents",i),"data-cy":l,"data-testid":d,children:s({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:o.error?.message,name:r.name})})})}o.displayName="FormField",exports.FormField=o;
package/dist/index20.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as e}from"react/jsx-runtime";import{useFormContext as r,Controller as n}from"./index76.js";function o({control:o,name:t,rules:a,children:i,"data-cy":d,"data-testid":l}){const s=r(),m=o??s?.control;if(!m)throw new Error("FormField: `control` prop is required when not used inside a <Form> wrapper.");/* @__PURE__ */
2
- return e(n,{control:m,name:t,rules:a,render:({field:r,fieldState:n})=>/* @__PURE__ */e("div",{className:"contents","data-cy":d,"data-testid":l,children:i({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:n.error?.message,name:r.name})})})}o.displayName="FormField";export{o as FormField};
1
+ import{jsx as e}from"react/jsx-runtime";import{useFormContext as r,Controller as o}from"./index76.js";import{cn as n}from"./index56.js";function a({control:a,name:t,rules:i,children:d,className:l,"data-cy":s,"data-testid":m}){const c=r(),u=a??c?.control;if(!u)throw new Error("FormField: `control` prop is required when not used inside a <Form> wrapper.");/* @__PURE__ */
2
+ return e(o,{control:u,name:t,rules:i,render:({field:r,fieldState:o})=>/* @__PURE__ */e("div",{className:n("contents",l),"data-cy":s,"data-testid":m,children:d({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:o.error?.message,name:r.name})})})}a.displayName="FormField";export{a as FormField};
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("./index56.cjs"),s=require("./index60.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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index56.cjs"),i=require("./index60.cjs"),n=t.forwardRef(({variant:t,fullWidth:n=!1,icon:r,iconPosition:a="left",className:l,children:c,disabled:d,"data-testid":o,"data-cy":u,...f},x)=>{const b=s.cn(t&&i.baseStyles,t&&i.variantStyles[t],n&&"w-full",l);return e.jsxs("button",{ref:x,disabled:d,className:b,"data-testid":o||(t?`button-${t}`:"button"),"data-cy":u||(t?`button-${t}`:"button"),...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"./index56.js";import{variantStyles as a,baseStyles as r}from"./index60.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
- 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};
1
+ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{cn as n}from"./index56.js";import{variantStyles as r,baseStyles as s}from"./index60.js";const a=i(({variant:i,fullWidth:a=!1,icon:l,iconPosition:o="left",className:c,children:d,disabled:m,"data-testid":f,"data-cy":u,...h},p)=>{const x=n(i&&s,i&&r[i],a&&"w-full",c);/* @__PURE__ */
2
+ return t("button",{ref:p,disabled:m,className:x,"data-testid":f||(i?`button-${i}`:"button"),"data-cy":u||(i?`button-${i}`:"button"),...h,children:[l&&"left"===o&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l}),d,l&&"right"===o&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l})]})});a.displayName="Button";export{a as Button};
package/dist/index30.cjs CHANGED
@@ -1 +1 @@
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;
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:c,options:d,label:n,placeholder:o,fullWidth:s=!1,required:i,disabled:u,helperText:h,className:x,"data-cy":g,"data-testid":m}){return e.jsx(l.FormField,{control:r,name:a,rules:c,className:x,"data-cy":g,"data-testid":m,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:s,hasValue:!!l,error:a,helperText:h,required:i,disabled:u,"data-cy":g??"controlled-select-trigger","data-testid":m??"controlled-select-trigger",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{"data-cy":g?`${g}-content`:"controlled-select-content",children:d.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 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};
1
+ import{jsx as e,jsxs as l}from"react/jsx-runtime";import{FormField as a}from"./index20.js";import{Select as t,SelectTrigger as r,SelectValue as d,SelectContent as o,SelectItem as c}from"./index13.js";function n({control:n,name:i,rules:s,options:u,label:h,placeholder:m,fullWidth:p=!1,required:f,disabled:g,helperText:b,className:v,"data-cy":x,"data-testid":y}){/* @__PURE__ */
2
+ return e(a,{control:n,name:i,rules:s,className:v,"data-cy":x,"data-testid":y,children:({value:a,onChange:n,error:i})=>/* @__PURE__ */l(t,{value:a??"",onValueChange:n,disabled:g,children:[
3
+ /* @__PURE__ */e(r,{label:h,placeholder:m,fullWidth:p,hasValue:!!a,error:i,helperText:b,required:f,disabled:g,"data-cy":x??"controlled-select-trigger","data-testid":y??"controlled-select-trigger",children:/* @__PURE__ */e(d,{})}),
4
+ /* @__PURE__ */e(o,{"data-cy":x?`${x}-content`:"controlled-select-content",children:u.map(l=>/* @__PURE__ */e(c,{value:l.value,flag:l.flag,"data-cy":`select-item-${l.value}`,children:l.label},l.value))})]})})}n.displayName="ControlledSelect";export{n 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("./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;
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:s,placeholder:n,fullWidth:u=!1,required:c,disabled:i,helperText:p,noResultsText:m,className:x,"data-cy":h,"data-testid":b}){return e.jsx(t.FormField,{control:o,name:r,rules:a,"data-cy":h,"data-testid":b,children:({value:t,onChange:o,error:r})=>e.jsx(l.Autocomplete,{value:t??"",onValueChange:o,options:d,label:s,placeholder:n,fullWidth:u,required:c,disabled:i,error:r,helperText:p,noResultsText:m,className:x,"data-cy":h??"controlled-autocomplete","data-testid":b??"controlled-autocomplete"})})}o.displayName="ControlledAutocomplete",exports.ControlledAutocomplete=o;
package/dist/index31.js CHANGED
@@ -1,2 +1,2 @@
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};
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:a,rules:r,options:d,label:n,placeholder:s,fullWidth:i=!1,required:c,disabled:u,helperText:m,noResultsText:p,className:h,"data-cy":x,"data-testid":f}){/* @__PURE__ */
2
+ return e(t,{control:o,name:a,rules:r,"data-cy":x,"data-testid":f,children:({value:t,onChange:o,error:a})=>/* @__PURE__ */e(l,{value:t??"",onValueChange:o,options:d,label:n,placeholder:s,fullWidth:i,required:c,disabled:u,error:a,helperText:m,noResultsText:p,className:h,"data-cy":x??"controlled-autocomplete","data-testid":f??"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 e=require("react/jsx-runtime"),t=require("./index20.cjs"),r=require("./index17.cjs");function a({control:a,name:o,rules:l,label:d,tooltip:i,placeholder:n,fullWidth:s=!1,required:u,disabled:c,helperText:h,autoResize:x,minRows:m,maxRows:p,rows:g,showCharCount:b,maxLength:w,validate:C,customHeader:j,customFooterActions:v,borderVariant:y,height:R,"data-cy":T,"data-testid":q}){return e.jsx(t.FormField,{control:a,name:o,rules:l,"data-cy":T,"data-testid":q,children:({value:t,onChange:a,onBlur:o,error:l})=>e.jsx(r.Textarea,{value:t??"",onChange:e=>a(e.target.value),onBlur:o,label:d,tooltip:i,placeholder:n,fullWidth:s,required:u,disabled:c,error:l,helperText:h,autoResize:x,minRows:m,maxRows:p,rows:g,showCharCount:b,maxLength:w,validate:C,customHeader:j,customFooterActions:v,borderVariant:y,height:R,"data-cy":T??"controlled-textarea","data-testid":q??"controlled-textarea"})})}a.displayName="ControlledTextarea",exports.ControlledTextarea=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index20.cjs"),a=require("./index17.cjs");function r({control:r,name:o,rules:l,label:s,tooltip:d,placeholder:i,fullWidth:n=!1,required:u,disabled:c,helperText:h,autoResize:m,minRows:x,maxRows:p,rows:g,showCharCount:b,maxLength:w,validate:C,customHeader:j,customFooterActions:v,borderVariant:y,height:R,className:T,"data-cy":q,"data-testid":f}){return e.jsx(t.FormField,{control:r,name:o,rules:l,"data-cy":q,"data-testid":f,children:({value:t,onChange:r,onBlur:o,error:l})=>e.jsx(a.Textarea,{value:t??"",onChange:e=>r(e.target.value),onBlur:o,label:s,tooltip:d,placeholder:i,fullWidth:n,required:u,disabled:c,error:l,helperText:h,className:T,autoResize:m,minRows:x,maxRows:p,rows:g,showCharCount:b,maxLength:w,validate:C,customHeader:j,customFooterActions:v,borderVariant:y,height:R,"data-cy":q??"controlled-textarea","data-testid":f??"controlled-textarea"})})}r.displayName="ControlledTextarea",exports.ControlledTextarea=r;
package/dist/index32.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as e}from"react/jsx-runtime";import{FormField as t}from"./index20.js";import{Textarea as o}from"./index17.js";function a({control:a,name:r,rules:l,label:d,tooltip:i,placeholder:n,fullWidth:s=!1,required:u,disabled:m,helperText:h,autoResize:c,minRows:x,maxRows:p,rows:w,showCharCount:g,maxLength:C,validate:b,customHeader:f,customFooterActions:R,borderVariant:v,height:y,"data-cy":j,"data-testid":T}){/* @__PURE__ */
2
- return e(t,{control:a,name:r,rules:l,"data-cy":j,"data-testid":T,children:({value:t,onChange:a,onBlur:r,error:l})=>/* @__PURE__ */e(o,{value:t??"",onChange:e=>a(e.target.value),onBlur:r,label:d,tooltip:i,placeholder:n,fullWidth:s,required:u,disabled:m,error:l,helperText:h,autoResize:c,minRows:x,maxRows:p,rows:w,showCharCount:g,maxLength:C,validate:b,customHeader:f,customFooterActions:R,borderVariant:v,height:y,"data-cy":j??"controlled-textarea","data-testid":T??"controlled-textarea"})})}a.displayName="ControlledTextarea";export{a as ControlledTextarea};
1
+ import{jsx as e}from"react/jsx-runtime";import{FormField as t}from"./index20.js";import{Textarea as a}from"./index17.js";function o({control:o,name:r,rules:l,label:d,tooltip:i,placeholder:s,fullWidth:n=!1,required:m,disabled:u,helperText:c,autoResize:h,minRows:x,maxRows:p,rows:w,showCharCount:g,maxLength:C,validate:b,customHeader:f,customFooterActions:R,borderVariant:v,height:y,className:j,"data-cy":N,"data-testid":T}){/* @__PURE__ */
2
+ return e(t,{control:o,name:r,rules:l,"data-cy":N,"data-testid":T,children:({value:t,onChange:o,onBlur:r,error:l})=>/* @__PURE__ */e(a,{value:t??"",onChange:e=>o(e.target.value),onBlur:r,label:d,tooltip:i,placeholder:s,fullWidth:n,required:m,disabled:u,error:l,helperText:c,className:j,autoResize:h,minRows:x,maxRows:p,rows:w,showCharCount:g,maxLength:C,validate:b,customHeader:f,customFooterActions:R,borderVariant:v,height:y,"data-cy":N??"controlled-textarea","data-testid":T??"controlled-textarea"})})}o.displayName="ControlledTextarea";export{o as ControlledTextarea};
package/dist/index33.cjs CHANGED
@@ -1 +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("./index56.cjs"),r=require("./index77.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 l=i(a),n=l.Root,c=e.forwardRef(({className:e,fullWidth:a=!1,variant:i="default","data-cy":n,"data-testid":c,...o},d)=>{const b=n||"tabs-list",u=c||"tabs-list";return t.jsx(l.List,{ref:d,className:s.cn("table"===i?r.listTableStyles:"mobile"===i?r.listMobileStyles:r.listStyles,a&&r.listFullWidthStyles,e),"data-cy":b,"data-testid":u,"data-full-width":a,"data-variant":i,...o})});c.displayName=l.List.displayName;const o=e.forwardRef(({className:e,value:a,variant:i="default","data-cy":n,"data-testid":c,...o},d)=>{const b=n||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(l.Trigger,{ref:d,className:s.cn("table"===i?r.triggerTableStyles:"mobile"===i?r.triggerMobileStyles:r.triggerStyles,e),value:a,"data-cy":b,"data-testid":u,...o})});o.displayName=l.Trigger.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":n,...c},o)=>{const d=i||(a?`tabs-content-${a}`:"tabs-content"),b=n||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(l.Content,{ref:o,className:s.cn(r.contentStyles,e),value:a,"data-cy":d,"data-testid":b,...c})});d.displayName=l.Content.displayName,exports.Tabs=n,exports.TabsContent=d,exports.TabsList=c,exports.TabsTrigger=o;
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"),r=require("./index56.cjs"),s=require("./index77.cjs");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const r=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,r.get?r:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)}const n=i(a),l=n.Root,c=e.forwardRef(({className:a,fullWidth:i=!1,variant:l="default","data-cy":c,"data-testid":o,...d},u)=>{const b=c||"tabs-list",f=o||"tabs-list",g=e.useRef(null),[y,m]=e.useState({left:0,width:0}),[p,v]=e.useState(!1),S=e.useCallback(()=>{const t=g.current;if(!t)return;const e=t.querySelector('[data-state="active"]');if(!e)return;const a=t.getBoundingClientRect(),r=e.getBoundingClientRect();m({left:r.left-a.left+t.scrollLeft,width:r.width}),v(!0)},[]);e.useEffect(()=>{const t=g.current;if(!t)return;S();const e=new MutationObserver(S);return e.observe(t,{attributes:!0,subtree:!0,attributeFilter:["data-state"]}),()=>e.disconnect()},[S]);const x="default"===l&&p;return t.jsxs(n.List,{ref:t=>{g.current=t,"function"==typeof u?u(t):u&&(u.current=t)},className:r.cn("relative","table"===l?s.listTableStyles:"mobile"===l?s.listMobileStyles:s.listStyles,i&&s.listFullWidthStyles,a),"data-cy":b,"data-testid":f,"data-full-width":i,"data-variant":l,...d,children:[d.children,x&&t.jsx("span",{className:"absolute bottom-0 h-[4px] bg-[var(--color-clickable)] rounded-t-sm transition-all duration-300 ease-in-out pointer-events-none",style:{left:y.left,width:y.width},"aria-hidden":"true"})]})});c.displayName=n.List.displayName;const o=e.forwardRef(({className:e,value:a,variant:i="default","data-cy":l,"data-testid":c,...o},d)=>{const u=l||(a?`tabs-trigger-${a}`:"tabs-trigger"),b=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(n.Trigger,{ref:d,className:r.cn("table"===i?s.triggerTableStyles:"mobile"===i?s.triggerMobileStyles:s.triggerStyles,e),value:a,"data-cy":u,"data-testid":b,...o})});o.displayName=n.Trigger.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":l,...c},o)=>{const d=i||(a?`tabs-content-${a}`:"tabs-content"),u=l||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(n.Content,{ref:o,className:r.cn(s.contentStyles,e),value:a,"data-cy":d,"data-testid":u,...c})});d.displayName=n.Content.displayName,exports.Tabs=l,exports.TabsContent=d,exports.TabsList=c,exports.TabsTrigger=o;
package/dist/index33.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import*as e from"@radix-ui/react-tabs";import{cn as s}from"./index56.js";import{listFullWidthStyles as r,listTableStyles as i,listMobileStyles as d,listStyles as l,triggerTableStyles as n,triggerMobileStyles as o,triggerStyles as c,contentStyles as m}from"./index77.js";const b=e.Root,u=a(({className:a,fullWidth:n=!1,variant:o="default","data-cy":c,"data-testid":m,...b},u)=>{const f=c||"tabs-list",g=m||"tabs-list";/* @__PURE__ */
2
- return t(e.List,{ref:u,className:s("table"===o?i:"mobile"===o?d:l,n&&r,a),"data-cy":f,"data-testid":g,"data-full-width":n,"data-variant":o,...b})});u.displayName=e.List.displayName;const f=a(({className:a,value:r,variant:i="default","data-cy":d,"data-testid":l,...m},b)=>{const u=d||(r?`tabs-trigger-${r}`:"tabs-trigger"),f=l||(r?`tabs-trigger-${r}`:"tabs-trigger");/* @__PURE__ */
3
- return t(e.Trigger,{ref:b,className:s("table"===i?n:"mobile"===i?o:c,a),value:r,"data-cy":u,"data-testid":f,...m})});f.displayName=e.Trigger.displayName;const g=a(({className:a,value:r,"data-cy":i,"data-testid":d,...l},n)=>{const o=i||(r?`tabs-content-${r}`:"tabs-content"),c=d||(r?`tabs-content-${r}`:"tabs-content");/* @__PURE__ */
4
- return t(e.Content,{ref:n,className:s(m,a),value:r,"data-cy":o,"data-testid":c,...l})});g.displayName=e.Content.displayName;export{b as Tabs,g as TabsContent,u as TabsList,f as TabsTrigger};
1
+ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,useRef as r,useState as s,useCallback as i,useEffect as n}from"react";import*as l from"@radix-ui/react-tabs";import{cn as o}from"./index56.js";import{listFullWidthStyles as d,listTableStyles as c,listMobileStyles as u,listStyles as m,triggerTableStyles as f,triggerMobileStyles as b,triggerStyles as g,contentStyles as p}from"./index77.js";const y=l.Root,v=a(({className:a,fullWidth:f=!1,variant:b="default","data-cy":g,"data-testid":p,...y},v)=>{const N=g||"tabs-list",h=p||"tabs-list",w=r(null),[x,C]=s({left:0,width:0}),[$,j]=s(!1),L=i(()=>{const t=w.current;if(!t)return;const e=t.querySelector('[data-state="active"]');if(!e)return;const a=t.getBoundingClientRect(),r=e.getBoundingClientRect();C({left:r.left-a.left+t.scrollLeft,width:r.width}),j(!0)},[]);n(()=>{const t=w.current;if(!t)return;L();const e=new MutationObserver(L);return e.observe(t,{attributes:!0,subtree:!0,attributeFilter:["data-state"]}),()=>e.disconnect()},[L]);const R="default"===b&&$;/* @__PURE__ */
2
+ return e(l.List,{ref:t=>{w.current=t,"function"==typeof v?v(t):v&&(v.current=t)},className:o("relative","table"===b?c:"mobile"===b?u:m,f&&d,a),"data-cy":N,"data-testid":h,"data-full-width":f,"data-variant":b,...y,children:[y.children,R&&/* @__PURE__ */t("span",{className:"absolute bottom-0 h-[4px] bg-[var(--color-clickable)] rounded-t-sm transition-all duration-300 ease-in-out pointer-events-none",style:{left:x.left,width:x.width},"aria-hidden":"true"})]})});v.displayName=l.List.displayName;const N=a(({className:e,value:a,variant:r="default","data-cy":s,"data-testid":i,...n},d)=>{const c=s||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=i||(a?`tabs-trigger-${a}`:"tabs-trigger");/* @__PURE__ */
3
+ return t(l.Trigger,{ref:d,className:o("table"===r?f:"mobile"===r?b:g,e),value:a,"data-cy":c,"data-testid":u,...n})});N.displayName=l.Trigger.displayName;const h=a(({className:e,value:a,"data-cy":r,"data-testid":s,...i},n)=>{const d=r||(a?`tabs-content-${a}`:"tabs-content"),c=s||(a?`tabs-content-${a}`:"tabs-content");/* @__PURE__ */
4
+ return t(l.Content,{ref:n,className:o(p,e),value:a,"data-cy":d,"data-testid":c,...i})});h.displayName=l.Content.displayName;export{y as Tabs,h as TabsContent,v as TabsList,N as TabsTrigger};
package/dist/index37.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),s=require("./index81.cjs"),a=require("./index56.cjs"),i=require("./index82.cjs"),o=require("@adam-milo/icons"),n=e.createContext(null);exports.ToastProvider=function({children:r,duration:c=5e3,position:l="top-right",swipeDirection:d="right",label:u="Notifications","data-cy":x,"data-testid":p}){const[m,y]=e.useState([]),h=e.useId(),j=e.useCallback(t=>{const e=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;y(s=>[...s,{...t,id:e}])},[]),S=e.useCallback(t=>{y(e=>e.filter(e=>e.id!==t))},[]),v=e.useMemo(()=>({toast:j}),[j]);return t.jsx(n.Provider,{value:v,children:t.jsxs(s.Provider,{duration:c,swipeDirection:d,children:[r,m.map(n=>t.jsxs(s.Root,{duration:n.duration??c,onOpenChange:t=>{t||S(n.id)},className:a.cn(i.toastRootStyles,i.toastVariantStyles[n.variant??"default"]),"data-cy":"toast","data-testid":"toast",children:[t.jsxs("div",{className:i.toastContentStyles,children:[n.title&&t.jsx(s.Title,{className:i.toastTitleStyles,"data-cy":"toast-title","data-testid":"toast-title",children:n.title}),t.jsx(s.Description,{className:i.toastDescriptionStyles,"data-cy":"toast-description","data-testid":"toast-description",children:n.description}),n.action&&(e.isValidElement(n.action)?t.jsx(s.Action,{className:i.toastActionStyles,altText:n.actionAltText??"Action",asChild:!0,children:n.action}):t.jsx(s.Action,{className:i.toastActionStyles,altText:n.actionAltText??"Action",children:t.jsx("button",{type:"button",children:n.action})}))]}),t.jsx(s.Close,{className:i.toastCloseStyles,"aria-label":"Close","data-cy":"toast-close","data-testid":"toast-close",children:t.jsx(o.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]},n.id)),t.jsx(s.Viewport,{id:h,className:a.cn(i.toastViewportStyles,i.toastViewportPositionStyles[l]),"aria-label":u,"data-cy":x??"toast-viewport","data-testid":p??"toast-viewport"})]})})},exports.useToast=function(){const t=e.useContext(n);if(!t)throw new Error("useToast must be used within a ToastProvider");return t};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),s=require("./index81.cjs"),a=require("./index56.cjs"),i=require("./index82.cjs"),o=require("@adam-milo/icons"),n=e.createContext(null);exports.ToastProvider=function({children:r,duration:c=5e3,position:l="top-right",swipeDirection:d="right",label:u="Notifications",className:x,"data-cy":p,"data-testid":m}){const[y,h]=e.useState([]),j=e.useId(),S=e.useCallback(t=>{const e=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;h(s=>[...s,{...t,id:e}])},[]),v=e.useCallback(t=>{h(e=>e.filter(e=>e.id!==t))},[]),w=e.useMemo(()=>({toast:S}),[S]);return t.jsx(n.Provider,{value:w,children:t.jsxs(s.Provider,{duration:c,swipeDirection:d,children:[r,y.map(n=>t.jsxs(s.Root,{duration:n.duration??c,onOpenChange:t=>{t||v(n.id)},className:a.cn(i.toastRootStyles,i.toastVariantStyles[n.variant??"default"]),"data-cy":"toast","data-testid":"toast",children:[t.jsxs("div",{className:i.toastContentStyles,children:[n.title&&t.jsx(s.Title,{className:i.toastTitleStyles,"data-cy":"toast-title","data-testid":"toast-title",children:n.title}),t.jsx(s.Description,{className:i.toastDescriptionStyles,"data-cy":"toast-description","data-testid":"toast-description",children:n.description}),n.action&&(e.isValidElement(n.action)?t.jsx(s.Action,{className:i.toastActionStyles,altText:n.actionAltText??"Action",asChild:!0,children:n.action}):t.jsx(s.Action,{className:i.toastActionStyles,altText:n.actionAltText??"Action",children:t.jsx("button",{type:"button",children:n.action})}))]}),t.jsx(s.Close,{className:i.toastCloseStyles,"aria-label":"Close","data-cy":"toast-close","data-testid":"toast-close",children:t.jsx(o.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]},n.id)),t.jsx(s.Viewport,{id:j,className:a.cn(i.toastViewportStyles,i.toastViewportPositionStyles[l],x),"aria-label":u,"data-cy":p??"toast-viewport","data-testid":m??"toast-viewport"})]})})},exports.useToast=function(){const t=e.useContext(n);if(!t)throw new Error("useToast must be used within a ToastProvider");return t};
package/dist/index37.js CHANGED
@@ -1,6 +1,6 @@
1
- import{jsx as t,jsxs as a}from"react/jsx-runtime";import{useState as i,useId as o,useCallback as e,useMemo as s,isValidElement as r,useContext as n,createContext as c}from"react";import{Provider as d,Root as l,Title as m,Description as p,Action as h,Close as u,Viewport as f}from"./index81.js";import{cn as x}from"./index56.js";import{toastContentStyles as N,toastTitleStyles as v,toastDescriptionStyles as w,toastActionStyles as y,toastCloseStyles as b,toastVariantStyles as T,toastRootStyles as g,toastViewportPositionStyles as j,toastViewportStyles as A}from"./index82.js";import{Icon as C}from"@adam-milo/icons";const D=c(null);function P({children:n,duration:c=5e3,position:P="top-right",swipeDirection:$="right",label:z="Notifications","data-cy":E,"data-testid":I}){const[M,O]=i([]),R=o(),S=e(t=>{const a=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;O(i=>[...i,{...t,id:a}])},[]),k=e(t=>{O(a=>a.filter(a=>a.id!==t))},[]),q=s(()=>({toast:S}),[S]);/* @__PURE__ */
2
- return t(D.Provider,{value:q,children:/* @__PURE__ */a(d,{duration:c,swipeDirection:$,children:[n,M.map(i=>/* @__PURE__ */a(l,{duration:i.duration??c,onOpenChange:t=>{t||k(i.id)},className:x(g,T[i.variant??"default"]),"data-cy":"toast","data-testid":"toast",children:[
3
- /* @__PURE__ */a("div",{className:N,children:[i.title&&/* @__PURE__ */t(m,{className:v,"data-cy":"toast-title","data-testid":"toast-title",children:i.title}),
1
+ import{jsx as t,jsxs as a}from"react/jsx-runtime";import{useState as i,useId as e,useCallback as o,useMemo as s,isValidElement as r,useContext as n,createContext as c}from"react";import{Provider as d,Root as l,Title as m,Description as p,Action as h,Close as u,Viewport as f}from"./index81.js";import{cn as N}from"./index56.js";import{toastContentStyles as x,toastTitleStyles as v,toastDescriptionStyles as w,toastActionStyles as y,toastCloseStyles as b,toastVariantStyles as T,toastRootStyles as g,toastViewportPositionStyles as j,toastViewportStyles as A}from"./index82.js";import{Icon as C}from"@adam-milo/icons";const D=c(null);function P({children:n,duration:c=5e3,position:P="top-right",swipeDirection:$="right",label:z="Notifications",className:E,"data-cy":I,"data-testid":M}){const[O,R]=i([]),S=e(),k=o(t=>{const a=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;R(i=>[...i,{...t,id:a}])},[]),q=o(t=>{R(a=>a.filter(a=>a.id!==t))},[]),B=s(()=>({toast:k}),[k]);/* @__PURE__ */
2
+ return t(D.Provider,{value:B,children:/* @__PURE__ */a(d,{duration:c,swipeDirection:$,children:[n,O.map(i=>/* @__PURE__ */a(l,{duration:i.duration??c,onOpenChange:t=>{t||q(i.id)},className:N(g,T[i.variant??"default"]),"data-cy":"toast","data-testid":"toast",children:[
3
+ /* @__PURE__ */a("div",{className:x,children:[i.title&&/* @__PURE__ */t(m,{className:v,"data-cy":"toast-title","data-testid":"toast-title",children:i.title}),
4
4
  /* @__PURE__ */t(p,{className:w,"data-cy":"toast-description","data-testid":"toast-description",children:i.description}),i.action&&(r(i.action)?/* @__PURE__ */t(h,{className:y,altText:i.actionAltText??"Action",asChild:!0,children:i.action}):/* @__PURE__ */t(h,{className:y,altText:i.actionAltText??"Action",children:/* @__PURE__ */t("button",{type:"button",children:i.action})}))]}),
5
5
  /* @__PURE__ */t(u,{className:b,"aria-label":"Close","data-cy":"toast-close","data-testid":"toast-close",children:/* @__PURE__ */t(C,{name:"Cross2Icon",size:"sm",decorative:!0})})]},i.id)),
6
- /* @__PURE__ */t(f,{id:R,className:x(A,j[P]),"aria-label":z,"data-cy":E??"toast-viewport","data-testid":I??"toast-viewport"})]})})}function $(){const t=n(D);if(!t)throw new Error("useToast must be used within a ToastProvider");return t}export{P as ToastProvider,$ as useToast};
6
+ /* @__PURE__ */t(f,{id:S,className:N(A,j[P],E),"aria-label":z,"data-cy":I??"toast-viewport","data-testid":M??"toast-viewport"})]})})}function $(){const t=n(D);if(!t)throw new Error("useToast must be used within a ToastProvider");return t}export{P as ToastProvider,$ as useToast};
package/dist/index39.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("@adam-milo/icons"),s=require("./index56.cjs"),r=require("./index11.cjs"),d=require("./index84.cjs"),l=["60%","75%","45%","55%","70%","50%"],c=t.forwardRef(({columns:c,data:n,striped:i=!1,hoverable:o=!1,headerLeft:h,headerRight:y,borderBreak:x=!1,onLoadMore:m,isLoadingMore:$=!1,hasMore:S=!1,loadingIndicator:p,skeletonRows:b=3,maxHeight:j,emptyStateText:k,selectable:u=!1,rowKey:g="id",selectedRows:f,onSelectionChange:N,footerBar:B,className:v,"data-cy":w,"data-testid":C,...E},L)=>{const R=w||"datatable",T=C||"datatable",q=h||y,I=t.useRef(null),M=t.useRef(null),[F,H]=t.useState(!1);t.useEffect(()=>{const e=M.current;if(!e||!j)return;const t=()=>H(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[j]);const D=f??new Set,O=n.map(e=>String(e[g]??"")),A=u&&n.length>0&&O.every(e=>D.has(e)),K=u&&n.length>0&&O.some(e=>D.has(e)),P=t.useCallback(()=>{if(N)if(A){const e=new Set(D);O.forEach(t=>e.delete(t)),N(e)}else{const e=new Set(D);O.forEach(t=>e.add(t)),N(e)}},[A,O,D,N]),W=t.useCallback(e=>{if(!N)return;const t=new Set(D);t.has(e)?t.delete(e):t.add(e),N(t)},[D,N]),z=u?c.length+1:c.length,G=t.useCallback(e=>{const[t]=e;t.isIntersecting&&S&&!$&&m&&m()},[S,$,m]);t.useEffect(()=>{const e=I.current;if(!e||!m)return;const t=new IntersectionObserver(G,{root:j?M.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[G,m,j]);const J=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:L,className:s.cn(d.tableBaseStyles,v),"data-cy":R,"data-testid":T,...E,children:[e.jsx("thead",{className:s.cn(d.theadStyles,x&&d.theadBorderBreakStyles,j&&d.stickyTheadStyles,j&&F&&"!bg-white"),"data-cy":`${R}-head`,"data-testid":`${T}-head`,children:e.jsxs("tr",{children:[u&&e.jsx("th",{className:s.cn(d.checkboxCellStyles,x&&d.thBorderBreakStyles),"data-cy":`${R}-header-checkbox`,"data-testid":`${T}-header-checkbox`,children:e.jsx("label",{className:d.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:A,indeterminate:K&&!A,onChange:P,"aria-label":"Select all rows","data-cy":`${R}-select-all`,"data-testid":`${T}-select-all`})})}),c.map(t=>e.jsx("th",{className:s.cn(d.thStyles,x&&d.thBorderBreakStyles),"data-cy":`${R}-header-${t.key}`,"data-testid":`${T}-header-${t.key}`,children:t.header},t.key))]})}),e.jsxs("tbody",{"data-cy":`${R}-body`,"data-testid":`${T}-body`,children:[0!==n.length||$?n.map((t,a)=>e.jsxs("tr",{className:s.cn(d.trStripedStyles,x&&d.trBorderBreakStyles,o&&d.trHoverableStyles,i&&!x&&d.trStripedEvenStyles),"data-cy":`${R}-row-${a}`,"data-testid":`${T}-row-${a}`,children:[u&&e.jsx("td",{className:s.cn(d.checkboxCellStyles,x&&d.tdBorderBreakStyles),"data-cy":`${R}-cell-${a}-checkbox`,"data-testid":`${T}-cell-${a}-checkbox`,children:e.jsx("label",{className:d.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:D.has(String(t[g]??"")),onChange:()=>W(String(t[g]??"")),"aria-label":`Select row ${a+1}`,"data-cy":`${R}-select-${a}`,"data-testid":`${T}-select-${a}`})})}),c.map(r=>e.jsx("td",{className:s.cn(d.tdStyles,x&&d.tdBorderBreakStyles),"data-cy":`${R}-cell-${a}-${r.key}`,"data-testid":`${T}-cell-${a}-${r.key}`,children:r.render?r.render(t[r.key],t,a):String(t[r.key]??"")},r.key))]},a)):e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:"p-0","data-cy":`${R}-empty`,"data-testid":`${T}-empty`,children:e.jsxs("div",{className:d.emptyStateWrapperStyles,children:[e.jsx("div",{className:d.emptyStateIconStyles,"data-cy":`${R}-empty-icon`,"data-testid":`${T}-empty-icon`,children:e.jsx(a.CustomEmptyBoxIcon,{width:"100%",height:"100%"})}),k&&e.jsx("p",{className:d.emptyStateTextStyles,"data-cy":`${R}-empty-text`,"data-testid":`${T}-empty-text`,children:k})]})})}),$&&(p?e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:d.loadingRowStyles,"data-cy":`${R}-loading`,"data-testid":`${T}-loading`,children:p})}):Array.from({length:b}).map((t,a)=>e.jsx("tr",{className:s.cn(d.trStripedStyles,x&&d.trBorderBreakStyles),"data-cy":`${R}-skeleton-${a}`,"data-testid":`${T}-skeleton-${a}`,children:c.map((t,r)=>e.jsx("td",{className:s.cn(d.tdStyles,x&&d.tdBorderBreakStyles),children:e.jsx("div",{className:d.skeletonCellStyles,style:{width:l[(a+r)%l.length]}})},t.key))},`skeleton-${a}`)))]})]}),m&&e.jsx("div",{ref:I,className:"h-4","data-cy":`${R}-sentinel`,"data-testid":`${T}-sentinel`,"aria-hidden":"true"})]}),Q=e.jsxs("div",{className:s.cn(d.wrapperStyles,x&&"overflow-hidden rounded-2xl"),"data-cy":`${R}-wrapper`,"data-testid":`${T}-wrapper`,children:[q&&e.jsxs("div",{className:d.headerBarStyles,"data-cy":`${R}-header-bar`,"data-testid":`${T}-header-bar`,children:[e.jsx("div",{"data-cy":`${R}-header-left`,"data-testid":`${T}-header-left`,children:h}),e.jsx("div",{"data-cy":`${R}-header-right`,"data-testid":`${T}-header-right`,children:y})]}),j?e.jsx("div",{ref:M,className:d.scrollContainerStyles,style:{maxHeight:j},children:J}):J]}),U=B?e.jsx("div",{className:d.footerBarStyles,"data-cy":`${R}-footer-bar`,"data-testid":`${T}-footer-bar`,children:B}):null;return x?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:d.wrapperBorderBreakStyles,children:Q}),U]}):e.jsxs(e.Fragment,{children:[Q,U]})});c.displayName="DataTable",exports.DataTable=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@adam-milo/icons"),s=require("./index56.cjs"),r=require("./index11.cjs"),d=require("./index84.cjs"),l=["60%","75%","45%","55%","70%","50%"],c=t.forwardRef(({columns:c,data:n,striped:i=!1,hoverable:o=!1,headerLeft:h,headerRight:y,borderBreak:x=!1,onLoadMore:S,isLoadingMore:m=!1,hasMore:$=!1,loadingIndicator:p,skeletonRows:k=3,maxHeight:b,emptyStateText:j,selectable:u=!1,rowKey:g="id",selectedRows:B,onSelectionChange:f,footerBar:N,className:v,"data-cy":w,"data-testid":C,...E},L)=>{const R=w||"datatable",T=C||"datatable",q=h||y,I=t.useRef(null),M=t.useRef(null),[F,H]=t.useState(!1);t.useEffect(()=>{const e=M.current;if(!e||!b)return;const t=()=>H(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[b]);const D=B??new Set,O=n.map(e=>String(e[g]??"")),A=u&&n.length>0&&O.every(e=>D.has(e)),K=u&&n.length>0&&O.some(e=>D.has(e)),P=t.useCallback(()=>{if(f)if(A){const e=new Set(D);O.forEach(t=>e.delete(t)),f(e)}else{const e=new Set(D);O.forEach(t=>e.add(t)),f(e)}},[A,O,D,f]),W=t.useCallback(e=>{if(!f)return;const t=new Set(D);t.has(e)?t.delete(e):t.add(e),f(t)},[D,f]),z=u?c.length+1:c.length,G=t.useCallback(e=>{const[t]=e;t.isIntersecting&&$&&!m&&S&&S()},[$,m,S]);t.useEffect(()=>{const e=I.current;if(!e||!S)return;const t=new IntersectionObserver(G,{root:b?M.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[G,S,b]);const J=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:L,className:s.cn(d.tableBaseStyles,v),"data-cy":R,"data-testid":T,...E,children:[e.jsx("thead",{className:s.cn(d.theadStyles,x&&d.theadBorderBreakStyles,b&&d.stickyTheadStyles,b&&F&&d.stickyTheadScrolledStyles),"data-cy":`${R}-head`,"data-testid":`${T}-head`,children:e.jsxs("tr",{children:[u&&e.jsx("th",{className:s.cn(d.checkboxCellStyles,x&&d.thBorderBreakStyles),"data-cy":`${R}-header-checkbox`,"data-testid":`${T}-header-checkbox`,children:e.jsx("label",{className:d.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:A,indeterminate:K&&!A,onChange:P,"aria-label":"Select all rows","data-cy":`${R}-select-all`,"data-testid":`${T}-select-all`})})}),c.map(t=>e.jsx("th",{className:s.cn(d.thStyles,x&&d.thBorderBreakStyles),"data-cy":`${R}-header-${t.key}`,"data-testid":`${T}-header-${t.key}`,children:t.header},t.key))]})}),e.jsxs("tbody",{"data-cy":`${R}-body`,"data-testid":`${T}-body`,children:[0!==n.length||m?n.map((t,a)=>e.jsxs("tr",{className:s.cn(d.trStripedStyles,x&&d.trBorderBreakStyles,o&&d.trHoverableStyles,i&&!x&&d.trStripedEvenStyles),"data-cy":`${R}-row-${a}`,"data-testid":`${T}-row-${a}`,children:[u&&e.jsx("td",{className:s.cn(d.checkboxCellStyles,x&&d.tdBorderBreakStyles),"data-cy":`${R}-cell-${a}-checkbox`,"data-testid":`${T}-cell-${a}-checkbox`,children:e.jsx("label",{className:d.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:D.has(String(t[g]??"")),onChange:()=>W(String(t[g]??"")),"aria-label":`Select row ${a+1}`,"data-cy":`${R}-select-${a}`,"data-testid":`${T}-select-${a}`})})}),c.map(r=>e.jsx("td",{className:s.cn(d.tdStyles,x&&d.tdBorderBreakStyles),"data-cy":`${R}-cell-${a}-${r.key}`,"data-testid":`${T}-cell-${a}-${r.key}`,children:r.render?r.render(t[r.key],t,a):String(t[r.key]??"")},r.key))]},a)):e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:"p-0","data-cy":`${R}-empty`,"data-testid":`${T}-empty`,children:e.jsxs("div",{className:d.emptyStateWrapperStyles,children:[e.jsx("div",{className:d.emptyStateIconStyles,"data-cy":`${R}-empty-icon`,"data-testid":`${T}-empty-icon`,children:e.jsx(a.CustomEmptyBoxIcon,{width:"100%",height:"100%"})}),j&&e.jsx("p",{className:d.emptyStateTextStyles,"data-cy":`${R}-empty-text`,"data-testid":`${T}-empty-text`,children:j})]})})}),m&&(p?e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:d.loadingRowStyles,"data-cy":`${R}-loading`,"data-testid":`${T}-loading`,children:p})}):Array.from({length:k}).map((t,a)=>e.jsxs("tr",{className:s.cn(d.trStripedStyles,x&&d.trBorderBreakStyles),"data-cy":`${R}-skeleton-${a}`,"data-testid":`${T}-skeleton-${a}`,children:[u&&e.jsx("td",{className:s.cn(d.checkboxCellStyles,x&&d.tdBorderBreakStyles),children:e.jsx("div",{className:d.checkboxLabelStyles,children:e.jsx("div",{className:"w-4 h-4 rounded-[4px] bg-[rgba(229,229,234,0.4)]"})})}),c.map((t,r)=>e.jsx("td",{className:s.cn(d.tdStyles,x&&d.tdBorderBreakStyles),children:e.jsx("div",{className:d.skeletonCellStyles,style:{width:l[(a+r)%l.length]}})},t.key))]},`skeleton-${a}`)))]})]}),S&&e.jsx("div",{ref:I,className:"h-4","data-cy":`${R}-sentinel`,"data-testid":`${T}-sentinel`,"aria-hidden":"true"})]}),Q=e.jsxs("div",{className:s.cn(d.wrapperStyles,x&&($?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),"data-cy":`${R}-wrapper`,"data-testid":`${T}-wrapper`,children:[q&&e.jsxs("div",{className:d.headerBarStyles,"data-cy":`${R}-header-bar`,"data-testid":`${T}-header-bar`,children:[e.jsx("div",{"data-cy":`${R}-header-left`,"data-testid":`${T}-header-left`,children:h}),e.jsx("div",{"data-cy":`${R}-header-right`,"data-testid":`${T}-header-right`,children:y})]}),b?e.jsx("div",{ref:M,className:d.scrollContainerStyles,style:{maxHeight:b},children:J}):J]}),U=N?e.jsx("div",{className:d.footerBarStyles,"data-cy":`${R}-footer-bar`,"data-testid":`${T}-footer-bar`,children:N}):null;return x?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.cn(d.wrapperBorderBreakStyles,$?d.wrapperBorderBreakFlatBottomStyles:d.wrapperBorderBreakRoundedStyles),children:Q}),U]}):e.jsxs(e.Fragment,{children:[Q,U]})});c.displayName="DataTable",exports.DataTable=c;
package/dist/index39.js CHANGED
@@ -1,9 +1,9 @@
1
- import{jsxs as e,Fragment as a,jsx as t}from"react/jsx-runtime";import{forwardRef as d,useRef as r,useState as l,useEffect as c,useCallback as s}from"react";import{CustomEmptyBoxIcon as i}from"@adam-milo/icons";import{cn as n}from"./index56.js";import{Checkbox as o}from"./index11.js";import{checkboxLabelStyles as h,emptyStateWrapperStyles as m,emptyStateIconStyles as $,emptyStateTextStyles as y,loadingRowStyles as p,skeletonCellStyles as g,headerBarStyles as b,scrollContainerStyles as N,wrapperBorderBreakStyles as f,thBorderBreakStyles as k,checkboxCellStyles as v,thStyles as w,stickyTheadStyles as u,theadBorderBreakStyles as x,theadStyles as S,tdBorderBreakStyles as L,tdStyles as j,trStripedEvenStyles as E,trHoverableStyles as M,trBorderBreakStyles as C,trStripedStyles as I,tableBaseStyles as R,footerBarStyles as T,wrapperStyles as B}from"./index84.js";const H=["60%","75%","45%","55%","70%","50%"],A=d(({columns:d,data:A,striped:D=!1,hoverable:K=!1,headerLeft:O,headerRight:q,borderBreak:z=!1,onLoadMore:F,isLoadingMore:G=!1,hasMore:J=!1,loadingIndicator:P,skeletonRows:Q=3,maxHeight:U,emptyStateText:V,selectable:W=!1,rowKey:X="id",selectedRows:Y,onSelectionChange:Z,footerBar:_,className:ee,"data-cy":ae,"data-testid":te,...de},re)=>{const le=ae||"datatable",ce=te||"datatable",se=O||q,ie=r(null),ne=r(null),[oe,he]=l(!1);c(()=>{const e=ne.current;if(!e||!U)return;const a=()=>he(e.scrollTop>0);return e.addEventListener("scroll",a,{passive:!0}),()=>e.removeEventListener("scroll",a)},[U]);const me=Y??/* @__PURE__ */new Set,$e=A.map(e=>String(e[X]??"")),ye=W&&A.length>0&&$e.every(e=>me.has(e)),pe=W&&A.length>0&&$e.some(e=>me.has(e)),ge=s(()=>{if(Z)if(ye){const e=new Set(me);$e.forEach(a=>e.delete(a)),Z(e)}else{const e=new Set(me);$e.forEach(a=>e.add(a)),Z(e)}},[ye,$e,me,Z]),be=s(e=>{if(!Z)return;const a=new Set(me);a.has(e)?a.delete(e):a.add(e),Z(a)},[me,Z]),Ne=W?d.length+1:d.length,fe=s(e=>{const[a]=e;a.isIntersecting&&J&&!G&&F&&F()},[J,G,F]);c(()=>{const e=ie.current;if(!e||!F)return;const a=new IntersectionObserver(fe,{root:U?ne.current:null,rootMargin:"0px",threshold:.1});return a.observe(e),()=>a.disconnect()},[fe,F,U]);const ke=/* @__PURE__ */e(a,{children:[
2
- /* @__PURE__ */e("table",{ref:re,className:n(R,ee),"data-cy":le,"data-testid":ce,...de,children:[
3
- /* @__PURE__ */t("thead",{className:n(S,z&&x,U&&u,U&&oe&&"!bg-white"),"data-cy":`${le}-head`,"data-testid":`${ce}-head`,children:/* @__PURE__ */e("tr",{children:[W&&/* @__PURE__ */t("th",{className:n(v,z&&k),"data-cy":`${le}-header-checkbox`,"data-testid":`${ce}-header-checkbox`,children:/* @__PURE__ */t("label",{className:h,children:/* @__PURE__ */t(o,{checked:ye,indeterminate:pe&&!ye,onChange:ge,"aria-label":"Select all rows","data-cy":`${le}-select-all`,"data-testid":`${ce}-select-all`})})}),d.map(e=>/* @__PURE__ */t("th",{className:n(w,z&&k),"data-cy":`${le}-header-${e.key}`,"data-testid":`${ce}-header-${e.key}`,children:e.header},e.key))]})}),
4
- /* @__PURE__ */e("tbody",{"data-cy":`${le}-body`,"data-testid":`${ce}-body`,children:[0!==A.length||G?A.map((a,r)=>/* @__PURE__ */e("tr",{className:n(I,z&&C,K&&M,D&&!z&&E),"data-cy":`${le}-row-${r}`,"data-testid":`${ce}-row-${r}`,children:[W&&/* @__PURE__ */t("td",{className:n(v,z&&L),"data-cy":`${le}-cell-${r}-checkbox`,"data-testid":`${ce}-cell-${r}-checkbox`,children:/* @__PURE__ */t("label",{className:h,children:/* @__PURE__ */t(o,{checked:me.has(String(a[X]??"")),onChange:()=>be(String(a[X]??"")),"aria-label":`Select row ${r+1}`,"data-cy":`${le}-select-${r}`,"data-testid":`${ce}-select-${r}`})})}),d.map(e=>/* @__PURE__ */t("td",{className:n(j,z&&L),"data-cy":`${le}-cell-${r}-${e.key}`,"data-testid":`${ce}-cell-${r}-${e.key}`,children:e.render?e.render(a[e.key],a,r):String(a[e.key]??"")},e.key))]},r)):/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:Ne,className:"p-0","data-cy":`${le}-empty`,"data-testid":`${ce}-empty`,children:/* @__PURE__ */e("div",{className:m,children:[
5
- /* @__PURE__ */t("div",{className:$,"data-cy":`${le}-empty-icon`,"data-testid":`${ce}-empty-icon`,children:/* @__PURE__ */t(i,{width:"100%",height:"100%"})}),V&&/* @__PURE__ */t("p",{className:y,"data-cy":`${le}-empty-text`,"data-testid":`${ce}-empty-text`,children:V})]})})}),G&&(P?/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:Ne,className:p,"data-cy":`${le}-loading`,"data-testid":`${ce}-loading`,children:P})}):Array.from({length:Q}).map((e,a)=>/* @__PURE__ */t("tr",{className:n(I,z&&C),"data-cy":`${le}-skeleton-${a}`,"data-testid":`${ce}-skeleton-${a}`,children:d.map((e,d)=>/* @__PURE__ */t("td",{className:n(j,z&&L),children:/* @__PURE__ */t("div",{className:g,style:{width:H[(a+d)%H.length]}})},e.key))},`skeleton-${a}`)))]})]}),F&&/* @__PURE__ */t("div",{ref:ie,className:"h-4","data-cy":`${le}-sentinel`,"data-testid":`${ce}-sentinel`,"aria-hidden":"true"})]}),ve=/* @__PURE__ */e("div",{className:n(B,z&&"overflow-hidden rounded-2xl"),"data-cy":`${le}-wrapper`,"data-testid":`${ce}-wrapper`,children:[se&&/* @__PURE__ */e("div",{className:b,"data-cy":`${le}-header-bar`,"data-testid":`${ce}-header-bar`,children:[
6
- /* @__PURE__ */t("div",{"data-cy":`${le}-header-left`,"data-testid":`${ce}-header-left`,children:O}),
7
- /* @__PURE__ */t("div",{"data-cy":`${le}-header-right`,"data-testid":`${ce}-header-right`,children:q})]}),U?/* @__PURE__ */t("div",{ref:ne,className:N,style:{maxHeight:U},children:ke}):ke]}),we=_?/* @__PURE__ */t("div",{className:T,"data-cy":`${le}-footer-bar`,"data-testid":`${ce}-footer-bar`,children:_}):null;/* @__PURE__ */
8
- return e(a,z?{children:[
9
- /* @__PURE__ */t("div",{className:f,children:ve}),we]}:{children:[ve,we]})});A.displayName="DataTable";export{A as DataTable};
1
+ import{jsxs as e,Fragment as a,jsx as t}from"react/jsx-runtime";import{forwardRef as d,useRef as r,useState as l,useEffect as c,useCallback as s}from"react";import{CustomEmptyBoxIcon as i}from"@adam-milo/icons";import{cn as n}from"./index56.js";import{Checkbox as o}from"./index11.js";import{checkboxLabelStyles as h,emptyStateWrapperStyles as m,emptyStateIconStyles as $,emptyStateTextStyles as y,loadingRowStyles as p,skeletonCellStyles as g,headerBarStyles as N,scrollContainerStyles as b,thBorderBreakStyles as f,checkboxCellStyles as v,thStyles as k,stickyTheadScrolledStyles as u,stickyTheadStyles as w,theadBorderBreakStyles as x,theadStyles as S,tdBorderBreakStyles as L,tdStyles as j,trStripedEvenStyles as E,trHoverableStyles as M,trBorderBreakStyles as C,trStripedStyles as I,tableBaseStyles as R,footerBarStyles as T,wrapperStyles as B,wrapperBorderBreakFlatBottomStyles as H,wrapperBorderBreakRoundedStyles as A,wrapperBorderBreakStyles as D}from"./index84.js";const K=["60%","75%","45%","55%","70%","50%"],O=d(({columns:d,data:O,striped:q=!1,hoverable:z=!1,headerLeft:F,headerRight:G,borderBreak:J=!1,onLoadMore:P,isLoadingMore:Q=!1,hasMore:U=!1,loadingIndicator:V,skeletonRows:W=3,maxHeight:X,emptyStateText:Y,selectable:Z=!1,rowKey:_="id",selectedRows:ee,onSelectionChange:ae,footerBar:te,className:de,"data-cy":re,"data-testid":le,...ce},se)=>{const ie=re||"datatable",ne=le||"datatable",oe=F||G,he=r(null),me=r(null),[$e,ye]=l(!1);c(()=>{const e=me.current;if(!e||!X)return;const a=()=>ye(e.scrollTop>0);return e.addEventListener("scroll",a,{passive:!0}),()=>e.removeEventListener("scroll",a)},[X]);const pe=ee??/* @__PURE__ */new Set,ge=O.map(e=>String(e[_]??"")),Ne=Z&&O.length>0&&ge.every(e=>pe.has(e)),be=Z&&O.length>0&&ge.some(e=>pe.has(e)),fe=s(()=>{if(ae)if(Ne){const e=new Set(pe);ge.forEach(a=>e.delete(a)),ae(e)}else{const e=new Set(pe);ge.forEach(a=>e.add(a)),ae(e)}},[Ne,ge,pe,ae]),ve=s(e=>{if(!ae)return;const a=new Set(pe);a.has(e)?a.delete(e):a.add(e),ae(a)},[pe,ae]),ke=Z?d.length+1:d.length,ue=s(e=>{const[a]=e;a.isIntersecting&&U&&!Q&&P&&P()},[U,Q,P]);c(()=>{const e=he.current;if(!e||!P)return;const a=new IntersectionObserver(ue,{root:X?me.current:null,rootMargin:"0px",threshold:.1});return a.observe(e),()=>a.disconnect()},[ue,P,X]);const we=/* @__PURE__ */e(a,{children:[
2
+ /* @__PURE__ */e("table",{ref:se,className:n(R,de),"data-cy":ie,"data-testid":ne,...ce,children:[
3
+ /* @__PURE__ */t("thead",{className:n(S,J&&x,X&&w,X&&$e&&u),"data-cy":`${ie}-head`,"data-testid":`${ne}-head`,children:/* @__PURE__ */e("tr",{children:[Z&&/* @__PURE__ */t("th",{className:n(v,J&&f),"data-cy":`${ie}-header-checkbox`,"data-testid":`${ne}-header-checkbox`,children:/* @__PURE__ */t("label",{className:h,children:/* @__PURE__ */t(o,{checked:Ne,indeterminate:be&&!Ne,onChange:fe,"aria-label":"Select all rows","data-cy":`${ie}-select-all`,"data-testid":`${ne}-select-all`})})}),d.map(e=>/* @__PURE__ */t("th",{className:n(k,J&&f),"data-cy":`${ie}-header-${e.key}`,"data-testid":`${ne}-header-${e.key}`,children:e.header},e.key))]})}),
4
+ /* @__PURE__ */e("tbody",{"data-cy":`${ie}-body`,"data-testid":`${ne}-body`,children:[0!==O.length||Q?O.map((a,r)=>/* @__PURE__ */e("tr",{className:n(I,J&&C,z&&M,q&&!J&&E),"data-cy":`${ie}-row-${r}`,"data-testid":`${ne}-row-${r}`,children:[Z&&/* @__PURE__ */t("td",{className:n(v,J&&L),"data-cy":`${ie}-cell-${r}-checkbox`,"data-testid":`${ne}-cell-${r}-checkbox`,children:/* @__PURE__ */t("label",{className:h,children:/* @__PURE__ */t(o,{checked:pe.has(String(a[_]??"")),onChange:()=>ve(String(a[_]??"")),"aria-label":`Select row ${r+1}`,"data-cy":`${ie}-select-${r}`,"data-testid":`${ne}-select-${r}`})})}),d.map(e=>/* @__PURE__ */t("td",{className:n(j,J&&L),"data-cy":`${ie}-cell-${r}-${e.key}`,"data-testid":`${ne}-cell-${r}-${e.key}`,children:e.render?e.render(a[e.key],a,r):String(a[e.key]??"")},e.key))]},r)):/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:ke,className:"p-0","data-cy":`${ie}-empty`,"data-testid":`${ne}-empty`,children:/* @__PURE__ */e("div",{className:m,children:[
5
+ /* @__PURE__ */t("div",{className:$,"data-cy":`${ie}-empty-icon`,"data-testid":`${ne}-empty-icon`,children:/* @__PURE__ */t(i,{width:"100%",height:"100%"})}),Y&&/* @__PURE__ */t("p",{className:y,"data-cy":`${ie}-empty-text`,"data-testid":`${ne}-empty-text`,children:Y})]})})}),Q&&(V?/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:ke,className:p,"data-cy":`${ie}-loading`,"data-testid":`${ne}-loading`,children:V})}):Array.from({length:W}).map((a,r)=>/* @__PURE__ */e("tr",{className:n(I,J&&C),"data-cy":`${ie}-skeleton-${r}`,"data-testid":`${ne}-skeleton-${r}`,children:[Z&&/* @__PURE__ */t("td",{className:n(v,J&&L),children:/* @__PURE__ */t("div",{className:h,children:/* @__PURE__ */t("div",{className:"w-4 h-4 rounded-[4px] bg-[rgba(229,229,234,0.4)]"})})}),d.map((e,a)=>/* @__PURE__ */t("td",{className:n(j,J&&L),children:/* @__PURE__ */t("div",{className:g,style:{width:K[(r+a)%K.length]}})},e.key))]},`skeleton-${r}`)))]})]}),P&&/* @__PURE__ */t("div",{ref:he,className:"h-4","data-cy":`${ie}-sentinel`,"data-testid":`${ne}-sentinel`,"aria-hidden":"true"})]}),xe=/* @__PURE__ */e("div",{className:n(B,J&&(U?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),"data-cy":`${ie}-wrapper`,"data-testid":`${ne}-wrapper`,children:[oe&&/* @__PURE__ */e("div",{className:N,"data-cy":`${ie}-header-bar`,"data-testid":`${ne}-header-bar`,children:[
6
+ /* @__PURE__ */t("div",{"data-cy":`${ie}-header-left`,"data-testid":`${ne}-header-left`,children:F}),
7
+ /* @__PURE__ */t("div",{"data-cy":`${ie}-header-right`,"data-testid":`${ne}-header-right`,children:G})]}),X?/* @__PURE__ */t("div",{ref:me,className:b,style:{maxHeight:X},children:we}):we]}),Se=te?/* @__PURE__ */t("div",{className:T,"data-cy":`${ie}-footer-bar`,"data-testid":`${ne}-footer-bar`,children:te}):null;/* @__PURE__ */
8
+ return e(a,J?{children:[
9
+ /* @__PURE__ */t("div",{className:n(D,U?H:A),children:xe}),Se]}:{children:[xe,Se]})});O.displayName="DataTable";export{O as DataTable};
package/dist/index4.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("./index56.cjs"),i=require("@adam-milo/icons"),o=require("./index54.cjs"),n=require("./index61.cjs"),r={sm:"sm",md:"md",lg:"lg"},s={sm:"sm",md:"md",lg:"lg"},l=a.forwardRef(({size:l="md",variant:c="default",icon:d,children:u,disabled:v,loading:b=!1,iconColor:m,iconStrokeWidth:y,"aria-label":g,"data-testid":x,"data-cy":f,...w},p)=>{const[_,h]=a.useState(!1),[j,S]=a.useState(!1),q=t.cn(n.baseStyles,n.variantStyles[c],n.sizeStyles[l]),k=v||b,z=(()=>{if(!b&&!k)return"rainbow-overlay"===c?j?"var(--overlay-rainbow-50)":_?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===c?j?"var(--overlay-green-blue-15)":_?"var(--overlay-green-blue-10)":void 0:void 0})(),I=b?`${g||"Button"} - Loading`:g;return e.jsxs("button",{ref:p,type:"button",disabled:k,className:q,style:{...z&&{backgroundImage:z},...w.style},onMouseEnter:()=>!b&&h(!0),onMouseLeave:()=>h(!1),onMouseDown:()=>!b&&S(!0),onMouseUp:()=>S(!1),"aria-label":u?void 0:I,"aria-busy":b,"data-testid":x||"icon-button","data-cy":f||"icon-button",...w,children:[b?e.jsx(o.Spinner,{size:s[l],color:"teal",label:`${g||"Button"} loading`,"data-cy":"icon-button-spinner"}):m||y?e.jsx("span",{style:{...m&&{"--icon-fill":m},...y&&{"--icon-sw":y}},className:t.cn("inline-flex",m&&"[&_svg_path]:![fill:var(--icon-fill)] [&_svg_circle]:![fill:var(--icon-fill)] [&_svg_rect]:![fill:var(--icon-fill)]",y&&"[&_svg_path]:![stroke-width:var(--icon-sw)] [&_svg_circle]:![stroke-width:var(--icon-sw)] [&_svg_line]:![stroke-width:var(--icon-sw)]"),children:e.jsx(i.Icon,{name:d,size:r[l],decorative:!!u})}):e.jsx(i.Icon,{name:d,size:r[l],decorative:!!u}),u&&e.jsx("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:u})]})});l.displayName="IconButton",exports.IconButton=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index56.cjs"),i=require("@adam-milo/icons"),o=require("./index54.cjs"),n=require("./index61.cjs"),r={sm:"sm",md:"md",lg:"lg"},s={sm:"sm",md:"md",lg:"lg"},l=a.forwardRef(({size:l="md",variant:c="default",icon:d,children:u,className:v,disabled:m,loading:b=!1,iconColor:y,iconStrokeWidth:g,"aria-label":x,"data-testid":f,"data-cy":w,...p},_)=>{const[h,j]=a.useState(!1),[S,q]=a.useState(!1),k=t.cn(n.baseStyles,n.variantStyles[c],n.sizeStyles[l],v),z=m||b,I=(()=>{if(!b&&!z)return"rainbow-overlay"===c?S?"var(--overlay-rainbow-50)":h?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===c?S?"var(--overlay-green-blue-15)":h?"var(--overlay-green-blue-10)":void 0:void 0})(),M=b?`${x||"Button"} - Loading`:x;return e.jsxs("button",{ref:_,type:"button",disabled:z,className:k,style:{...I&&{backgroundImage:I},...p.style},onMouseEnter:()=>!b&&j(!0),onMouseLeave:()=>j(!1),onMouseDown:()=>!b&&q(!0),onMouseUp:()=>q(!1),"aria-label":u?void 0:M,"aria-busy":b,"data-testid":f||"icon-button","data-cy":w||"icon-button",...p,children:[b?e.jsx(o.Spinner,{size:s[l],color:"teal",label:`${x||"Button"} loading`,"data-cy":"icon-button-spinner"}):y||g?e.jsx("span",{style:{...y&&{"--icon-fill":y},...g&&{"--icon-sw":g}},className:t.cn("inline-flex",y&&"[&_svg_path]:![fill:var(--icon-fill)] [&_svg_circle]:![fill:var(--icon-fill)] [&_svg_rect]:![fill:var(--icon-fill)]",g&&"[&_svg_path]:![stroke-width:var(--icon-sw)] [&_svg_circle]:![stroke-width:var(--icon-sw)] [&_svg_line]:![stroke-width:var(--icon-sw)]"),children:e.jsx(i.Icon,{name:d,size:r[l],decorative:!!u})}):e.jsx(i.Icon,{name:d,size:r[l],decorative:!!u}),u&&e.jsx("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:u})]})});l.displayName="IconButton",exports.IconButton=l;
package/dist/index4.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsxs as o,jsx as e}from"react/jsx-runtime";import{forwardRef as a,useState as i}from"react";import{cn as t}from"./index56.js";import{Icon as r}from"@adam-milo/icons";import{Spinner as n}from"./index54.js";import{sizeStyles as l,variantStyles as s,baseStyles as c}from"./index61.js";const d={sm:"sm",md:"md",lg:"lg"},m={sm:"sm",md:"md",lg:"lg"},v=a(({size:a="md",variant:v="default",icon:u,children:b,disabled:f,loading:g=!1,iconColor:p,iconStrokeWidth:y,"aria-label":w,"data-testid":_,"data-cy":h,...x},k)=>{const[j,z]=i(!1),[M,N]=i(!1),B=t(c,s[v],l[a]),I=f||g,L=(()=>{if(!g&&!I)return"rainbow-overlay"===v?M?"var(--overlay-rainbow-50)":j?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===v?M?"var(--overlay-green-blue-15)":j?"var(--overlay-green-blue-10)":void 0:void 0})(),$=g?`${w||"Button"} - Loading`:w;/* @__PURE__ */
2
- return o("button",{ref:k,type:"button",disabled:I,className:B,style:{...L&&{backgroundImage:L},...x.style},onMouseEnter:()=>!g&&z(!0),onMouseLeave:()=>z(!1),onMouseDown:()=>!g&&N(!0),onMouseUp:()=>N(!1),"aria-label":b?void 0:$,"aria-busy":g,"data-testid":_||"icon-button","data-cy":h||"icon-button",...x,children:[g?/* @__PURE__ */e(n,{size:m[a],color:"teal",label:`${w||"Button"} loading`,"data-cy":"icon-button-spinner"}):p||y?/* @__PURE__ */e("span",{style:{...p&&{"--icon-fill":p},...y&&{"--icon-sw":y}},className:t("inline-flex",p&&"[&_svg_path]:![fill:var(--icon-fill)] [&_svg_circle]:![fill:var(--icon-fill)] [&_svg_rect]:![fill:var(--icon-fill)]",y&&"[&_svg_path]:![stroke-width:var(--icon-sw)] [&_svg_circle]:![stroke-width:var(--icon-sw)] [&_svg_line]:![stroke-width:var(--icon-sw)]"),children:/* @__PURE__ */e(r,{name:u,size:d[a],decorative:!!b})}):/* @__PURE__ */e(r,{name:u,size:d[a],decorative:!!b}),b&&/* @__PURE__ */e("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:b})]})});v.displayName="IconButton";export{v as IconButton};
1
+ import{jsxs as o,jsx as e}from"react/jsx-runtime";import{forwardRef as a,useState as i}from"react";import{cn as t}from"./index56.js";import{Icon as r}from"@adam-milo/icons";import{Spinner as n}from"./index54.js";import{sizeStyles as l,variantStyles as s,baseStyles as c}from"./index61.js";const d={sm:"sm",md:"md",lg:"lg"},m={sm:"sm",md:"md",lg:"lg"},v=a(({size:a="md",variant:v="default",icon:u,children:b,className:f,disabled:g,loading:p=!1,iconColor:y,iconStrokeWidth:w,"aria-label":_,"data-testid":h,"data-cy":x,...k},N)=>{const[j,z]=i(!1),[M,B]=i(!1),I=t(c,s[v],l[a],f),L=g||p,$=(()=>{if(!p&&!L)return"rainbow-overlay"===v?M?"var(--overlay-rainbow-50)":j?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===v?M?"var(--overlay-green-blue-15)":j?"var(--overlay-green-blue-10)":void 0:void 0})(),C=p?`${_||"Button"} - Loading`:_;/* @__PURE__ */
2
+ return o("button",{ref:N,type:"button",disabled:L,className:I,style:{...$&&{backgroundImage:$},...k.style},onMouseEnter:()=>!p&&z(!0),onMouseLeave:()=>z(!1),onMouseDown:()=>!p&&B(!0),onMouseUp:()=>B(!1),"aria-label":b?void 0:C,"aria-busy":p,"data-testid":h||"icon-button","data-cy":x||"icon-button",...k,children:[p?/* @__PURE__ */e(n,{size:m[a],color:"teal",label:`${_||"Button"} loading`,"data-cy":"icon-button-spinner"}):y||w?/* @__PURE__ */e("span",{style:{...y&&{"--icon-fill":y},...w&&{"--icon-sw":w}},className:t("inline-flex",y&&"[&_svg_path]:![fill:var(--icon-fill)] [&_svg_circle]:![fill:var(--icon-fill)] [&_svg_rect]:![fill:var(--icon-fill)]",w&&"[&_svg_path]:![stroke-width:var(--icon-sw)] [&_svg_circle]:![stroke-width:var(--icon-sw)] [&_svg_line]:![stroke-width:var(--icon-sw)]"),children:/* @__PURE__ */e(r,{name:u,size:d[a],decorative:!!b})}):/* @__PURE__ */e(r,{name:u,size:d[a],decorative:!!b}),b&&/* @__PURE__ */e("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:b})]})});v.displayName="IconButton";export{v as IconButton};
package/dist/index45.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),i=require("./index56.cjs"),t=require("./index91.cjs"),n=require("./index59.cjs"),a=s.forwardRef(({direction:a="vertical",spacing:o="4",align:d="stretch",justify:l="start",wrap:r=!1,m:g,mt:p,mb:m,ms:v,me:c,mx:R,my:S,p:h,pt:C,pb:y,ps:u,pe:x,px:k,py:f,width:w,minWidth:b,maxWidth:j,height:B,minHeight:M,maxHeight:E,className:I,style:P,children:z,"data-cy":H,"data-testid":W,...q},O)=>{const N=n.getResponsiveBase(a)??"vertical",T=H||`stack-${N}`,$=W||`stack-${N}`,A=s.useMemo(()=>n.getResponsiveClasses(a,t.directionStyles),[a]),D=s.useMemo(()=>n.getResponsiveClasses(o,t.spacingStyles),[o]),F=s.useMemo(()=>n.getResponsiveClasses(d,t.alignStyles),[d]),G=s.useMemo(()=>n.getResponsiveClasses(l,t.justifyStyles),[l]),J=s.useMemo(()=>{const e=t.marginStyles;return[...n.getResponsiveClasses(g,e.m),...n.getResponsiveClasses(p,e.mt),...n.getResponsiveClasses(m,e.mb),...n.getResponsiveClasses(v,e.ms),...n.getResponsiveClasses(c,e.me),...n.getResponsiveClasses(R,e.ms),...n.getResponsiveClasses(R,e.me),...n.getResponsiveClasses(S,e.mt),...n.getResponsiveClasses(S,e.mb)]},[g,p,m,v,c,R,S]),K=s.useMemo(()=>{const e=t.paddingStyles;return[...n.getResponsiveClasses(h,e.p),...n.getResponsiveClasses(C,e.pt),...n.getResponsiveClasses(y,e.pb),...n.getResponsiveClasses(u,e.ps),...n.getResponsiveClasses(x,e.pe),...n.getResponsiveClasses(k,e.ps),...n.getResponsiveClasses(k,e.pe),...n.getResponsiveClasses(f,e.pt),...n.getResponsiveClasses(f,e.pb)]},[h,C,y,u,x,k,f]),L=s.useMemo(()=>{const e=t.widthPresetStyles,s=t.minWidthPresetStyles,i=t.maxWidthPresetStyles,a=t.heightPresetStyles,o=t.minHeightPresetStyles,d=t.maxHeightPresetStyles;return[...n.getResponsiveSizeClasses(w,e,"w-"),...n.getResponsiveSizeClasses(b,s,"min-w-"),...n.getResponsiveSizeClasses(j,i,"max-w-"),...n.getResponsiveSizeClasses(B,a,"h-"),...n.getResponsiveSizeClasses(M,o,"min-h-"),...n.getResponsiveSizeClasses(E,d,"max-h-")]},[w,b,j,B,M,E]),Q=s.useMemo(()=>{const e=e=>"string"==typeof e&&!t.isSpacingToken(e)&&!n.isResponsiveObject(e),s={};void 0!==g&&e(g)&&(s.margin=g),void 0!==p&&e(p)&&(s.marginBlockStart=p),void 0!==m&&e(m)&&(s.marginBlockEnd=m),void 0!==v&&e(v)&&(s.marginInlineStart=v),void 0!==c&&e(c)&&(s.marginInlineEnd=c),void 0!==R&&e(R)&&(s.marginInlineStart=R,s.marginInlineEnd=R),void 0!==S&&e(S)&&(s.marginBlockStart=S,s.marginBlockEnd=S),void 0!==h&&e(h)&&(s.padding=h),void 0!==C&&e(C)&&(s.paddingBlockStart=C),void 0!==y&&e(y)&&(s.paddingBlockEnd=y),void 0!==u&&e(u)&&(s.paddingInlineStart=u),void 0!==x&&e(x)&&(s.paddingInlineEnd=x),void 0!==k&&e(k)&&(s.paddingInlineStart=k,s.paddingInlineEnd=k),void 0!==f&&e(f)&&(s.paddingBlockStart=f,s.paddingBlockEnd=f);const i=e=>"string"==typeof e&&!t.isSizePreset(e)&&!n.isResponsiveObject(e);return void 0!==w&&i(w)&&(s.width=w),void 0!==b&&i(b)&&(s.minWidth=b),void 0!==j&&i(j)&&(s.maxWidth=j),void 0!==B&&i(B)&&(s.height=B),void 0!==M&&i(M)&&(s.minHeight=M),void 0!==E&&i(E)&&(s.maxHeight=E),Object.keys(s).length?s:void 0},[g,p,m,v,c,R,S,h,C,y,u,x,k,f,w,b,j,B,M,E]),U=w??b??j?"flex min-w-0":"flex w-full min-w-0";return e.jsx("div",{ref:O,className:i.cn(U,A,D,F,G,r&&"flex-wrap",J,K,L,I),style:Q?{...Q,...P}:P,"data-cy":T,"data-testid":$,...q,children:z})});a.displayName="Stack",exports.Stack=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),i=require("./index56.cjs"),t=require("./index91.cjs"),n=require("./index59.cjs"),a=s.forwardRef(({direction:a,spacing:o,align:d,justify:l,wrap:g=!1,m:p,mt:r,mb:m,ms:v,me:c,mx:R,my:S,p:C,pt:h,pb:y,ps:u,pe:x,px:k,py:f,width:w,minWidth:b,maxWidth:j,height:B,minHeight:M,maxHeight:E,className:I,style:P,children:z,"data-cy":H,"data-testid":W,...q},O)=>{const N=n.getResponsiveBase(a)??"vertical",T=H||`stack-${N}`,$=W||`stack-${N}`,A=s.useMemo(()=>n.getResponsiveClasses(a,t.directionStyles),[a]),D=s.useMemo(()=>n.getResponsiveClasses(o,t.spacingStyles),[o]),F=s.useMemo(()=>n.getResponsiveClasses(d,t.alignStyles),[d]),G=s.useMemo(()=>n.getResponsiveClasses(l,t.justifyStyles),[l]),J=s.useMemo(()=>{const e=t.marginStyles;return[...n.getResponsiveClasses(p,e.m),...n.getResponsiveClasses(r,e.mt),...n.getResponsiveClasses(m,e.mb),...n.getResponsiveClasses(v,e.ms),...n.getResponsiveClasses(c,e.me),...n.getResponsiveClasses(R,e.ms),...n.getResponsiveClasses(R,e.me),...n.getResponsiveClasses(S,e.mt),...n.getResponsiveClasses(S,e.mb)]},[p,r,m,v,c,R,S]),K=s.useMemo(()=>{const e=t.paddingStyles;return[...n.getResponsiveClasses(C,e.p),...n.getResponsiveClasses(h,e.pt),...n.getResponsiveClasses(y,e.pb),...n.getResponsiveClasses(u,e.ps),...n.getResponsiveClasses(x,e.pe),...n.getResponsiveClasses(k,e.ps),...n.getResponsiveClasses(k,e.pe),...n.getResponsiveClasses(f,e.pt),...n.getResponsiveClasses(f,e.pb)]},[C,h,y,u,x,k,f]),L=s.useMemo(()=>{const e=t.widthPresetStyles,s=t.minWidthPresetStyles,i=t.maxWidthPresetStyles,a=t.heightPresetStyles,o=t.minHeightPresetStyles,d=t.maxHeightPresetStyles;return[...n.getResponsiveSizeClasses(w,e,"w-"),...n.getResponsiveSizeClasses(b,s,"min-w-"),...n.getResponsiveSizeClasses(j,i,"max-w-"),...n.getResponsiveSizeClasses(B,a,"h-"),...n.getResponsiveSizeClasses(M,o,"min-h-"),...n.getResponsiveSizeClasses(E,d,"max-h-")]},[w,b,j,B,M,E]),Q=s.useMemo(()=>{const e=e=>"string"==typeof e&&!t.isSpacingToken(e)&&!n.isResponsiveObject(e),s={};void 0!==p&&e(p)&&(s.margin=p),void 0!==r&&e(r)&&(s.marginBlockStart=r),void 0!==m&&e(m)&&(s.marginBlockEnd=m),void 0!==v&&e(v)&&(s.marginInlineStart=v),void 0!==c&&e(c)&&(s.marginInlineEnd=c),void 0!==R&&e(R)&&(s.marginInlineStart=R,s.marginInlineEnd=R),void 0!==S&&e(S)&&(s.marginBlockStart=S,s.marginBlockEnd=S),void 0!==C&&e(C)&&(s.padding=C),void 0!==h&&e(h)&&(s.paddingBlockStart=h),void 0!==y&&e(y)&&(s.paddingBlockEnd=y),void 0!==u&&e(u)&&(s.paddingInlineStart=u),void 0!==x&&e(x)&&(s.paddingInlineEnd=x),void 0!==k&&e(k)&&(s.paddingInlineStart=k,s.paddingInlineEnd=k),void 0!==f&&e(f)&&(s.paddingBlockStart=f,s.paddingBlockEnd=f);const i=e=>"string"==typeof e&&!t.isSizePreset(e)&&!n.isResponsiveObject(e);return void 0!==w&&i(w)&&(s.width=w),void 0!==b&&i(b)&&(s.minWidth=b),void 0!==j&&i(j)&&(s.maxWidth=j),void 0!==B&&i(B)&&(s.height=B),void 0!==M&&i(M)&&(s.minHeight=M),void 0!==E&&i(E)&&(s.maxHeight=E),Object.keys(s).length?s:void 0},[p,r,m,v,c,R,S,C,h,y,u,x,k,f,w,b,j,B,M,E]),U=a??o??d??l??g?w??b??j?"flex min-w-0":"flex w-full min-w-0":void 0;return e.jsx("div",{ref:O,className:i.cn(U,A,D,F,G,g&&"flex-wrap",J,K,L,I),style:Q?{...Q,...P}:P,"data-cy":T,"data-testid":$,...q,children:z})});a.displayName="Stack",exports.Stack=a;
package/dist/index45.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as i}from"react/jsx-runtime";import{forwardRef as t,useMemo as n}from"react";import{cn as d}from"./index56.js";import{isSpacingToken as a,isSizePreset as e,directionStyles as m,spacingStyles as r,alignStyles as o,justifyStyles as p,marginStyles as s,paddingStyles as c,widthPresetStyles as l,minWidthPresetStyles as g,maxWidthPresetStyles as v,heightPresetStyles as h,minHeightPresetStyles as x,maxHeightPresetStyles as f}from"./index91.js";import{getResponsiveBase as k,getResponsiveClasses as y,getResponsiveSizeClasses as w,isResponsiveObject as S}from"./index59.js";const u=t(({direction:t="vertical",spacing:u="4",align:B="stretch",justify:E="start",wrap:I=!1,m:b,mt:j,mb:H,ms:W,me:N,mx:$,my:O,p:q,pt:z,pb:A,ps:C,pe:D,px:F,py:G,width:J,minWidth:K,maxWidth:L,height:M,minHeight:P,maxHeight:Q,className:R,style:T,children:U,"data-cy":V,"data-testid":X,...Y},Z)=>{const _=k(t)??"vertical",ii=V||`stack-${_}`,ti=X||`stack-${_}`,ni=n(()=>y(t,m),[t]),di=n(()=>y(u,r),[u]),ai=n(()=>y(B,o),[B]),ei=n(()=>y(E,p),[E]),mi=n(()=>{const i=s;return[...y(b,i.m),...y(j,i.mt),...y(H,i.mb),...y(W,i.ms),...y(N,i.me),...y($,i.ms),...y($,i.me),...y(O,i.mt),...y(O,i.mb)]},[b,j,H,W,N,$,O]),ri=n(()=>{const i=c;return[...y(q,i.p),...y(z,i.pt),...y(A,i.pb),...y(C,i.ps),...y(D,i.pe),...y(F,i.ps),...y(F,i.pe),...y(G,i.pt),...y(G,i.pb)]},[q,z,A,C,D,F,G]),oi=n(()=>{const i=g,t=v,n=h,d=x,a=f;return[...w(J,l,"w-"),...w(K,i,"min-w-"),...w(L,t,"max-w-"),...w(M,n,"h-"),...w(P,d,"min-h-"),...w(Q,a,"max-h-")]},[J,K,L,M,P,Q]),pi=n(()=>{const i=i=>"string"==typeof i&&!a(i)&&!S(i),t={};void 0!==b&&i(b)&&(t.margin=b),void 0!==j&&i(j)&&(t.marginBlockStart=j),void 0!==H&&i(H)&&(t.marginBlockEnd=H),void 0!==W&&i(W)&&(t.marginInlineStart=W),void 0!==N&&i(N)&&(t.marginInlineEnd=N),void 0!==$&&i($)&&(t.marginInlineStart=$,t.marginInlineEnd=$),void 0!==O&&i(O)&&(t.marginBlockStart=O,t.marginBlockEnd=O),void 0!==q&&i(q)&&(t.padding=q),void 0!==z&&i(z)&&(t.paddingBlockStart=z),void 0!==A&&i(A)&&(t.paddingBlockEnd=A),void 0!==C&&i(C)&&(t.paddingInlineStart=C),void 0!==D&&i(D)&&(t.paddingInlineEnd=D),void 0!==F&&i(F)&&(t.paddingInlineStart=F,t.paddingInlineEnd=F),void 0!==G&&i(G)&&(t.paddingBlockStart=G,t.paddingBlockEnd=G);const n=i=>"string"==typeof i&&!e(i)&&!S(i);return void 0!==J&&n(J)&&(t.width=J),void 0!==K&&n(K)&&(t.minWidth=K),void 0!==L&&n(L)&&(t.maxWidth=L),void 0!==M&&n(M)&&(t.height=M),void 0!==P&&n(P)&&(t.minHeight=P),void 0!==Q&&n(Q)&&(t.maxHeight=Q),Object.keys(t).length?t:void 0},[b,j,H,W,N,$,O,q,z,A,C,D,F,G,J,K,L,M,P,Q]);/* @__PURE__ */
2
- return i("div",{ref:Z,className:d(J??K??L?"flex min-w-0":"flex w-full min-w-0",ni,di,ai,ei,I&&"flex-wrap",mi,ri,oi,R),style:pi?{...pi,...T}:T,"data-cy":ii,"data-testid":ti,...Y,children:U})});u.displayName="Stack";export{u as Stack};
1
+ import{jsx as i}from"react/jsx-runtime";import{forwardRef as t,useMemo as n}from"react";import{cn as d}from"./index56.js";import{isSpacingToken as a,isSizePreset as m,directionStyles as e,spacingStyles as o,alignStyles as r,justifyStyles as p,marginStyles as s,paddingStyles as l,widthPresetStyles as c,minWidthPresetStyles as g,maxWidthPresetStyles as v,heightPresetStyles as h,minHeightPresetStyles as x,maxHeightPresetStyles as f}from"./index91.js";import{getResponsiveBase as k,getResponsiveClasses as y,getResponsiveSizeClasses as w,isResponsiveObject as S}from"./index59.js";const u=t(({direction:t,spacing:u,align:B,justify:E,wrap:I=!1,m:b,mt:j,mb:H,ms:W,me:N,mx:$,my:O,p:q,pt:z,pb:A,ps:C,pe:D,px:F,py:G,width:J,minWidth:K,maxWidth:L,height:M,minHeight:P,maxHeight:Q,className:R,style:T,children:U,"data-cy":V,"data-testid":X,...Y},Z)=>{const _=k(t)??"vertical",ii=V||`stack-${_}`,ti=X||`stack-${_}`,ni=n(()=>y(t,e),[t]),di=n(()=>y(u,o),[u]),ai=n(()=>y(B,r),[B]),mi=n(()=>y(E,p),[E]),ei=n(()=>{const i=s;return[...y(b,i.m),...y(j,i.mt),...y(H,i.mb),...y(W,i.ms),...y(N,i.me),...y($,i.ms),...y($,i.me),...y(O,i.mt),...y(O,i.mb)]},[b,j,H,W,N,$,O]),oi=n(()=>{const i=l;return[...y(q,i.p),...y(z,i.pt),...y(A,i.pb),...y(C,i.ps),...y(D,i.pe),...y(F,i.ps),...y(F,i.pe),...y(G,i.pt),...y(G,i.pb)]},[q,z,A,C,D,F,G]),ri=n(()=>{const i=g,t=v,n=h,d=x,a=f;return[...w(J,c,"w-"),...w(K,i,"min-w-"),...w(L,t,"max-w-"),...w(M,n,"h-"),...w(P,d,"min-h-"),...w(Q,a,"max-h-")]},[J,K,L,M,P,Q]),pi=n(()=>{const i=i=>"string"==typeof i&&!a(i)&&!S(i),t={};void 0!==b&&i(b)&&(t.margin=b),void 0!==j&&i(j)&&(t.marginBlockStart=j),void 0!==H&&i(H)&&(t.marginBlockEnd=H),void 0!==W&&i(W)&&(t.marginInlineStart=W),void 0!==N&&i(N)&&(t.marginInlineEnd=N),void 0!==$&&i($)&&(t.marginInlineStart=$,t.marginInlineEnd=$),void 0!==O&&i(O)&&(t.marginBlockStart=O,t.marginBlockEnd=O),void 0!==q&&i(q)&&(t.padding=q),void 0!==z&&i(z)&&(t.paddingBlockStart=z),void 0!==A&&i(A)&&(t.paddingBlockEnd=A),void 0!==C&&i(C)&&(t.paddingInlineStart=C),void 0!==D&&i(D)&&(t.paddingInlineEnd=D),void 0!==F&&i(F)&&(t.paddingInlineStart=F,t.paddingInlineEnd=F),void 0!==G&&i(G)&&(t.paddingBlockStart=G,t.paddingBlockEnd=G);const n=i=>"string"==typeof i&&!m(i)&&!S(i);return void 0!==J&&n(J)&&(t.width=J),void 0!==K&&n(K)&&(t.minWidth=K),void 0!==L&&n(L)&&(t.maxWidth=L),void 0!==M&&n(M)&&(t.height=M),void 0!==P&&n(P)&&(t.minHeight=P),void 0!==Q&&n(Q)&&(t.maxHeight=Q),Object.keys(t).length?t:void 0},[b,j,H,W,N,$,O,q,z,A,C,D,F,G,J,K,L,M,P,Q]);/* @__PURE__ */
2
+ return i("div",{ref:Z,className:d(t??u??B??E??I?J??K??L?"flex min-w-0":"flex w-full min-w-0":void 0,ni,di,ai,mi,I&&"flex-wrap",ei,oi,ri,R),style:pi?{...pi,...T}:T,"data-cy":ii,"data-testid":ti,...Y,children:U})});u.displayName="Stack";export{u as Stack};
package/dist/index5.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index56.cjs"),i=require("@adam-milo/icons"),a=require("./index62.cjs"),n={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},r=t.forwardRef(({variant:t,selected:r=!1,initials:c,disabled:o,"aria-label":l,"data-testid":d,"data-cy":u,...y},m)=>{const b=u||`menu-icon-button-${t}`,S=d||`menu-icon-button-${t}`,p=s.cn("group","menu-icon-button-border-mask",a.baseStyles,r&&a.selectedStyles);return e.jsx("button",{ref:m,type:"button",disabled:o,className:p,"aria-label":l,"aria-pressed":r,"data-testid":S,"data-cy":b,...y,children:"user"===t&&c?e.jsx("span",{className:s.cn(a.initialsBaseStyles,!r&&a.initialsHoverStyles,r&&a.initialsSelectedStyles),"data-cy":`${b}-initials`,"data-testid":`${S}-initials`,children:c.slice(0,2).toUpperCase()}):e.jsx("span",{className:s.cn(a.iconBaseStyles,!r&&a.iconHoverStyles,r&&a.iconSelectedStyles),"data-cy":`${b}-icon`,"data-testid":`${S}-icon`,children:e.jsx(i.Icon,{name:n[t],size:"lg",color:"inherit",decorative:!0})})})});r.displayName="MenuIconButton",exports.MenuIconButton=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index56.cjs"),a=require("@adam-milo/icons"),i=require("./index62.cjs"),n={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},r=t.forwardRef(({variant:t,selected:r=!1,initials:c,className:o,disabled:l,"aria-label":d,"data-testid":u,"data-cy":m,...y},b)=>{const S=m||`menu-icon-button-${t}`,p=u||`menu-icon-button-${t}`,x=s.cn("group","menu-icon-button-border-mask",i.baseStyles,r&&i.selectedStyles,o);return e.jsx("button",{ref:b,type:"button",disabled:l,className:x,"aria-label":d,"aria-pressed":r,"data-testid":p,"data-cy":S,...y,children:"user"===t&&c?e.jsx("span",{className:s.cn(i.initialsBaseStyles,!r&&i.initialsHoverStyles,r&&i.initialsSelectedStyles),"data-cy":`${S}-initials`,"data-testid":`${p}-initials`,children:c.slice(0,2).toUpperCase()}):e.jsx("span",{className:s.cn(i.iconBaseStyles,!r&&i.iconHoverStyles,r&&i.iconSelectedStyles),"data-cy":`${S}-icon`,"data-testid":`${p}-icon`,children:e.jsx(a.Icon,{name:n[t],size:"lg",color:"inherit",decorative:!0})})})});r.displayName="MenuIconButton",exports.MenuIconButton=r;
package/dist/index5.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as a}from"./index56.js";import{Icon as i}from"@adam-milo/icons";import{selectedStyles as n,baseStyles as s,initialsSelectedStyles as o,initialsHoverStyles as r,initialsBaseStyles as c,iconSelectedStyles as d,iconHoverStyles as m,iconBaseStyles as l}from"./index62.js";const u={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},p=e(({variant:e,selected:p=!1,initials:b,disabled:f,"aria-label":y,"data-testid":$,"data-cy":g,...h},x)=>{const N=g||`menu-icon-button-${e}`,j=$||`menu-icon-button-${e}`,C=a("group","menu-icon-button-border-mask",s,p&&n);/* @__PURE__ */
2
- return t("button",{ref:x,type:"button",disabled:f,className:C,"aria-label":y,"aria-pressed":p,"data-testid":j,"data-cy":N,...h,children:/* @__PURE__ */t("span","user"===e&&b?{className:a(c,!p&&r,p&&o),"data-cy":`${N}-initials`,"data-testid":`${j}-initials`,children:b.slice(0,2).toUpperCase()}:{className:a(l,!p&&m,p&&d),"data-cy":`${N}-icon`,"data-testid":`${j}-icon`,children:/* @__PURE__ */t(i,{name:u[e],size:"lg",color:"inherit",decorative:!0})})})});p.displayName="MenuIconButton";export{p as MenuIconButton};
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as e}from"./index56.js";import{Icon as i}from"@adam-milo/icons";import{selectedStyles as s,baseStyles as n,initialsSelectedStyles as o,initialsHoverStyles as r,initialsBaseStyles as c,iconSelectedStyles as d,iconHoverStyles as m,iconBaseStyles as l}from"./index62.js";const u={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},p=a(({variant:a,selected:p=!1,initials:b,className:f,disabled:y,"aria-label":$,"data-testid":N,"data-cy":g,...h},x)=>{const j=g||`menu-icon-button-${a}`,C=N||`menu-icon-button-${a}`,I=e("group","menu-icon-button-border-mask",n,p&&s,f);/* @__PURE__ */
2
+ return t("button",{ref:x,type:"button",disabled:y,className:I,"aria-label":$,"aria-pressed":p,"data-testid":C,"data-cy":j,...h,children:/* @__PURE__ */t("span","user"===a&&b?{className:e(c,!p&&r,p&&o),"data-cy":`${j}-initials`,"data-testid":`${C}-initials`,children:b.slice(0,2).toUpperCase()}:{className:e(l,!p&&m,p&&d),"data-cy":`${j}-icon`,"data-testid":`${C}-icon`,children:/* @__PURE__ */t(i,{name:u[a],size:"lg",color:"inherit",decorative:!0})})})});p.displayName="MenuIconButton";export{p as MenuIconButton};
package/dist/index54.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),s=require("./index56.cjs"),t=require("./index99.cjs"),o=r.forwardRef(({size:o="md",color:a="action",variant:n="default",label:i="Loading","data-cy":c,"data-testid":l,...d},x)=>{const p=`spinner-grad-${r.useId().replace(/:/g,"")}`,u=c||"spinner",y=l||"spinner",g="segmented"===n,j=`url(#${p})`;return e.jsxs("div",{ref:x,className:s.cn(t.rootStyles,t.sizeStyles[o],g&&"orange"===a?"text-[var(--color-button-orange)]":t.colorStyles[a]),role:"status","aria-label":i,"data-cy":u,"data-testid":y,"data-variant":n,...d,children:[e.jsx("svg",{className:t.svgStyles,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:g?e.jsxs(e.Fragment,{children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:p,x1:"17",y1:"3",x2:"3",y2:"17",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{offset:"0%",stopColor:"var(--color-button-orange-border, #ed6827)"}),e.jsx("stop",{offset:"100%",stopColor:"var(--color-button-orange, #F27424)",stopOpacity:"0.75"})]})}),e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"orange"===a?j:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:"47 16"})]}):e.jsxs(e.Fragment,{children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"40 60"})]})}),e.jsx("span",{className:"sr-only",children:i})]})});o.displayName="Spinner",exports.Spinner=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),s=require("./index56.cjs"),t=require("./index99.cjs"),a=r.forwardRef(({size:a="md",color:o="action",variant:n="default",label:i="Loading",className:c,"data-cy":l,"data-testid":d,...x},p)=>{const u=`spinner-grad-${r.useId().replace(/:/g,"")}`,y=l||"spinner",g=d||"spinner",j="segmented"===n,h=`url(#${u})`;return e.jsxs("div",{ref:p,className:s.cn(t.rootStyles,t.sizeStyles[a],j&&"orange"===o?"text-[var(--color-button-orange)]":t.colorStyles[o],c),role:"status","aria-label":i,"data-cy":y,"data-testid":g,"data-variant":n,...x,children:[e.jsx("svg",{className:t.svgStyles,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:j?e.jsxs(e.Fragment,{children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:u,x1:"17",y1:"3",x2:"3",y2:"17",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{offset:"0%",stopColor:"var(--color-button-orange-border, #ed6827)"}),e.jsx("stop",{offset:"100%",stopColor:"var(--color-button-orange, #F27424)",stopOpacity:"0.75"})]})}),e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"orange"===o?h:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:"47 16"})]}):e.jsxs(e.Fragment,{children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),e.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"40 60"})]})}),e.jsx("span",{className:"sr-only",children:i})]})});a.displayName="Spinner",exports.Spinner=a;
package/dist/index54.js CHANGED
@@ -1,10 +1,10 @@
1
- import{jsxs as r,jsx as e,Fragment as o}from"react/jsx-runtime";import{forwardRef as t,useId as a}from"react";import{cn as n}from"./index56.js";import{svgStyles as s,colorStyles as i,sizeStyles as c,rootStyles as d}from"./index99.js";const l=t(({size:t="md",color:l="action",variant:p="default",label:m="Loading","data-cy":u,"data-testid":h,...g},y)=>{const f=`spinner-grad-${a().replace(/:/g,"")}`,x=u||"spinner",k=h||"spinner",v="segmented"===p,b=`url(#${f})`;/* @__PURE__ */
2
- return r("div",{ref:y,className:n(d,c[t],v&&"orange"===l?"text-[var(--color-button-orange)]":i[l]),role:"status","aria-label":m,"data-cy":x,"data-testid":k,"data-variant":p,...g,children:[
3
- /* @__PURE__ */e("svg",{className:s,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:/* @__PURE__ */r(o,v?{children:[
4
- /* @__PURE__ */e("defs",{children:/* @__PURE__ */r("linearGradient",{id:f,x1:"17",y1:"3",x2:"3",y2:"17",gradientUnits:"userSpaceOnUse",children:[
1
+ import{jsxs as r,jsx as e,Fragment as o}from"react/jsx-runtime";import{forwardRef as t,useId as a}from"react";import{cn as n}from"./index56.js";import{svgStyles as s,colorStyles as i,sizeStyles as c,rootStyles as l}from"./index99.js";const d=t(({size:t="md",color:d="action",variant:p="default",label:m="Loading",className:u,"data-cy":h,"data-testid":g,...y},f)=>{const x=`spinner-grad-${a().replace(/:/g,"")}`,k=h||"spinner",v=g||"spinner",b="segmented"===p,N=`url(#${x})`;/* @__PURE__ */
2
+ return r("div",{ref:f,className:n(l,c[t],b&&"orange"===d?"text-[var(--color-button-orange)]":i[d],u),role:"status","aria-label":m,"data-cy":k,"data-testid":v,"data-variant":p,...y,children:[
3
+ /* @__PURE__ */e("svg",{className:s,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,children:/* @__PURE__ */r(o,b?{children:[
4
+ /* @__PURE__ */e("defs",{children:/* @__PURE__ */r("linearGradient",{id:x,x1:"17",y1:"3",x2:"3",y2:"17",gradientUnits:"userSpaceOnUse",children:[
5
5
  /* @__PURE__ */e("stop",{offset:"0%",stopColor:"var(--color-button-orange-border, #ed6827)"}),
6
6
  /* @__PURE__ */e("stop",{offset:"100%",stopColor:"var(--color-button-orange, #F27424)",stopOpacity:"0.75"})]})}),
7
- /* @__PURE__ */e("circle",{cx:"12",cy:"12",r:"10",stroke:"orange"===l?b:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:"47 16"})]}:{children:[
7
+ /* @__PURE__ */e("circle",{cx:"12",cy:"12",r:"10",stroke:"orange"===d?N:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeDasharray:"47 16"})]}:{children:[
8
8
  /* @__PURE__ */e("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),
9
9
  /* @__PURE__ */e("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"40 60"})]})}),
10
- /* @__PURE__ */e("span",{className:"sr-only",children:m})]})});l.displayName="Spinner";export{l as Spinner};
10
+ /* @__PURE__ */e("span",{className:"sr-only",children:m})]})});d.displayName="Spinner";export{d as Spinner};
package/dist/index55.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),a=require("./index56.cjs"),i=require("./index100.cjs"),t=s.forwardRef(({size:t="md",label:r="AI is processing","data-cy":n,"data-testid":l,...o},d)=>{const c=`ai-loader-grad-${s.useId().replace(/:/g,"")}`,C=n||"ai-loader",u=l||"ai-loader";return e.jsxs("div",{ref:d,className:a.cn(i.rootStyles,i.containerStyles[t]),role:"status","aria-label":r,"data-cy":C,"data-testid":u,...o,children:[e.jsxs("svg",{className:"absolute inset-0 w-full h-full",viewBox:"0 0 124 130",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:c,x1:"0%",y1:"0%",x2:"100%",y2:"100%",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{offset:"0%",stopColor:"#8FE96D"}),e.jsx("stop",{offset:"50%",stopColor:"#41C2C4"}),e.jsx("stop",{offset:"100%",stopColor:"#329CB2"})]})}),e.jsx("g",{className:"motion-reduce:animate-none animate-[pulse_2s_ease-in-out_infinite]",children:e.jsx("path",{d:"M33.787 0C34.644 7.815 37.572 15.321 42.293 21.789C47.014 28.257 53.367 33.466 60.698 36.94C53.367 40.414 47.014 45.623 42.293 52.091C37.572 58.559 34.644 66.065 33.787 73.88C32.93 66.065 30.002 58.559 25.281 52.091C20.56 45.623 14.207 40.414 6.876 36.94C14.207 33.466 20.56 28.257 25.281 21.789C30.002 15.321 32.93 7.815 33.787 0Z",fill:`url(#${c})`,className:"origin-center"})}),e.jsx("g",{className:"motion-reduce:animate-none animate-[pulse_2s_ease-in-out_0.3s_infinite]",transform:"translate(80, 42)",children:e.jsx("path",{d:"M21.897 0C22.464 5.062 24.409 9.921 27.486 14.108C30.564 18.295 34.633 21.657 39.294 23.906C34.633 26.155 30.564 29.517 27.486 33.704C24.409 37.891 22.464 42.75 21.897 47.812C21.33 42.75 19.385 37.891 16.308 33.704C13.231 29.517 9.161 26.155 4.5 23.906C9.161 21.657 13.231 18.295 16.308 14.108C19.385 9.921 21.33 5.062 21.897 0Z",fill:`url(#${c})`,className:"origin-center"})}),e.jsx("g",{className:"motion-reduce:animate-none animate-[pulse_2s_ease-in-out_0.6s_infinite]",transform:"translate(48, 101)",children:e.jsx("path",{d:"M14.234 0C14.602 3.289 15.842 6.445 17.827 9.166C19.812 11.887 22.473 14.078 25.558 15.534C22.473 16.99 19.812 19.181 17.827 21.902C15.842 24.623 14.602 27.779 14.234 31.068C13.866 27.779 12.626 24.623 10.641 21.902C8.656 19.181 5.995 16.99 2.91 15.534C5.995 14.078 8.656 11.887 10.641 9.166C12.626 6.445 13.866 3.289 14.234 0Z",fill:`url(#${c})`,className:"origin-center"})})]}),e.jsx("span",{className:"sr-only",children:r})]})});t.displayName="AiLoader",exports.AiLoader=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),a=require("./index56.cjs"),i=require("./index100.cjs"),t=s.forwardRef(({size:t="md",label:r="AI is processing",className:n,"data-cy":l,"data-testid":o,...d},c)=>{const C=`ai-loader-grad-${s.useId().replace(/:/g,"")}`,u=l||"ai-loader",m=o||"ai-loader";return e.jsxs("div",{ref:c,className:a.cn(i.rootStyles,i.containerStyles[t],n),role:"status","aria-label":r,"data-cy":u,"data-testid":m,...d,children:[e.jsxs("svg",{className:"absolute inset-0 w-full h-full",viewBox:"0 0 124 130",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:C,x1:"0%",y1:"0%",x2:"100%",y2:"100%",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{offset:"0%",stopColor:"#8FE96D"}),e.jsx("stop",{offset:"50%",stopColor:"#41C2C4"}),e.jsx("stop",{offset:"100%",stopColor:"#329CB2"})]})}),e.jsx("g",{className:"motion-reduce:animate-none animate-[pulse_2s_ease-in-out_infinite]",children:e.jsx("path",{d:"M33.787 0C34.644 7.815 37.572 15.321 42.293 21.789C47.014 28.257 53.367 33.466 60.698 36.94C53.367 40.414 47.014 45.623 42.293 52.091C37.572 58.559 34.644 66.065 33.787 73.88C32.93 66.065 30.002 58.559 25.281 52.091C20.56 45.623 14.207 40.414 6.876 36.94C14.207 33.466 20.56 28.257 25.281 21.789C30.002 15.321 32.93 7.815 33.787 0Z",fill:`url(#${C})`,className:"origin-center"})}),e.jsx("g",{className:"motion-reduce:animate-none animate-[pulse_2s_ease-in-out_0.3s_infinite]",transform:"translate(80, 42)",children:e.jsx("path",{d:"M21.897 0C22.464 5.062 24.409 9.921 27.486 14.108C30.564 18.295 34.633 21.657 39.294 23.906C34.633 26.155 30.564 29.517 27.486 33.704C24.409 37.891 22.464 42.75 21.897 47.812C21.33 42.75 19.385 37.891 16.308 33.704C13.231 29.517 9.161 26.155 4.5 23.906C9.161 21.657 13.231 18.295 16.308 14.108C19.385 9.921 21.33 5.062 21.897 0Z",fill:`url(#${C})`,className:"origin-center"})}),e.jsx("g",{className:"motion-reduce:animate-none animate-[pulse_2s_ease-in-out_0.6s_infinite]",transform:"translate(48, 101)",children:e.jsx("path",{d:"M14.234 0C14.602 3.289 15.842 6.445 17.827 9.166C19.812 11.887 22.473 14.078 25.558 15.534C22.473 16.99 19.812 19.181 17.827 21.902C15.842 24.623 14.602 27.779 14.234 31.068C13.866 27.779 12.626 24.623 10.641 21.902C8.656 19.181 5.995 16.99 2.91 15.534C5.995 14.078 8.656 11.887 10.641 9.166C12.626 6.445 13.866 3.289 14.234 0Z",fill:`url(#${C})`,className:"origin-center"})})]}),e.jsx("span",{className:"sr-only",children:r})]})});t.displayName="AiLoader",exports.AiLoader=t;