@adam-milo/ui 1.0.56 → 1.0.57

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 (204) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index10.cjs +1 -1
  4. package/dist/index10.js +1 -1
  5. package/dist/index100.cjs +1 -1
  6. package/dist/index100.js +1 -1
  7. package/dist/index101.cjs +1 -1
  8. package/dist/index101.js +1 -1
  9. package/dist/index102.cjs +1 -1
  10. package/dist/index102.js +1 -2
  11. package/dist/index103.cjs +1 -1
  12. package/dist/index103.js +1 -1
  13. package/dist/index104.cjs +1 -1
  14. package/dist/index104.js +2 -1
  15. package/dist/index105.cjs +1 -1
  16. package/dist/index105.js +1 -1
  17. package/dist/index106.cjs +1 -1
  18. package/dist/index106.js +1 -1
  19. package/dist/index107.cjs +1 -1
  20. package/dist/index107.js +1 -1
  21. package/dist/index108.cjs +1 -0
  22. package/dist/index108.js +1 -0
  23. package/dist/index109.cjs +1 -0
  24. package/dist/index109.js +1 -0
  25. package/dist/index11.cjs +1 -1
  26. package/dist/index11.js +1 -1
  27. package/dist/index12.cjs +1 -1
  28. package/dist/index12.js +1 -1
  29. package/dist/index13.cjs +1 -1
  30. package/dist/index13.js +1 -1
  31. package/dist/index14.cjs +1 -1
  32. package/dist/index14.js +1 -1
  33. package/dist/index15.cjs +1 -1
  34. package/dist/index15.js +1 -1
  35. package/dist/index17.cjs +1 -1
  36. package/dist/index17.js +1 -1
  37. package/dist/index28.cjs +1 -1
  38. package/dist/index28.js +1 -1
  39. package/dist/index29.cjs +1 -1
  40. package/dist/index29.js +1 -1
  41. package/dist/index3.cjs +1 -1
  42. package/dist/index3.js +1 -1
  43. package/dist/index30.cjs +1 -1
  44. package/dist/index30.js +2 -4
  45. package/dist/index31.cjs +1 -1
  46. package/dist/index31.js +4 -8
  47. package/dist/index32.cjs +1 -1
  48. package/dist/index32.js +8 -4
  49. package/dist/index33.cjs +1 -1
  50. package/dist/index33.js +4 -2
  51. package/dist/index34.cjs +1 -1
  52. package/dist/index34.js +2 -5
  53. package/dist/index35.cjs +1 -1
  54. package/dist/index35.js +5 -2
  55. package/dist/index36.cjs +1 -1
  56. package/dist/index36.js +2 -10
  57. package/dist/index37.cjs +1 -1
  58. package/dist/index37.js +10 -2
  59. package/dist/index38.cjs +1 -1
  60. package/dist/index38.js +2 -2
  61. package/dist/index39.cjs +1 -1
  62. package/dist/index39.js +2 -2
  63. package/dist/index4.cjs +1 -1
  64. package/dist/index4.js +1 -1
  65. package/dist/index40.cjs +1 -1
  66. package/dist/index40.js +2 -6
  67. package/dist/index41.cjs +1 -1
  68. package/dist/index41.js +6 -3
  69. package/dist/index42.cjs +1 -1
  70. package/dist/index42.js +3 -2
  71. package/dist/index43.cjs +1 -1
  72. package/dist/index43.js +2 -2
  73. package/dist/index44.cjs +1 -1
  74. package/dist/index44.js +2 -2
  75. package/dist/index45.cjs +1 -1
  76. package/dist/index45.js +2 -2
  77. package/dist/index46.cjs +1 -1
  78. package/dist/index46.js +2 -10
  79. package/dist/index47.cjs +1 -1
  80. package/dist/index47.js +10 -11
  81. package/dist/index48.cjs +1 -1
  82. package/dist/index48.js +11 -1
  83. package/dist/index49.cjs +1 -1
  84. package/dist/index49.js +1 -1
  85. package/dist/index5.cjs +1 -1
  86. package/dist/index5.js +1 -1
  87. package/dist/index50.cjs +1 -1
  88. package/dist/index50.js +1 -1
  89. package/dist/index51.cjs +1 -1
  90. package/dist/index51.js +1 -1
  91. package/dist/index52.cjs +1 -1
  92. package/dist/index52.js +1 -1
  93. package/dist/index53.cjs +1 -1
  94. package/dist/index53.js +1 -1
  95. package/dist/index54.cjs +1 -1
  96. package/dist/index54.js +1 -15
  97. package/dist/index55.cjs +1 -1
  98. package/dist/index55.js +15 -1
  99. package/dist/index56.cjs +1 -1
  100. package/dist/index56.js +1 -1
  101. package/dist/index57.cjs +1 -1
  102. package/dist/index57.js +1 -1
  103. package/dist/index58.cjs +1 -1
  104. package/dist/index58.js +1 -1
  105. package/dist/index59.cjs +1 -1
  106. package/dist/index59.js +1 -1
  107. package/dist/index6.cjs +1 -1
  108. package/dist/index6.js +1 -1
  109. package/dist/index60.cjs +1 -1
  110. package/dist/index60.js +1 -1
  111. package/dist/index61.cjs +1 -1
  112. package/dist/index61.js +1 -1
  113. package/dist/index62.cjs +1 -1
  114. package/dist/index62.js +1 -1
  115. package/dist/index63.cjs +1 -1
  116. package/dist/index63.js +1 -1
  117. package/dist/index64.cjs +1 -1
  118. package/dist/index64.js +1 -1
  119. package/dist/index65.cjs +1 -1
  120. package/dist/index65.js +1 -1
  121. package/dist/index66.cjs +1 -1
  122. package/dist/index66.js +1 -1
  123. package/dist/index67.cjs +1 -1
  124. package/dist/index67.js +1 -1
  125. package/dist/index68.cjs +1 -1
  126. package/dist/index68.js +1 -1
  127. package/dist/index69.cjs +1 -1
  128. package/dist/index69.js +1 -1
  129. package/dist/index7.cjs +1 -1
  130. package/dist/index7.js +1 -1
  131. package/dist/index70.cjs +1 -1
  132. package/dist/index70.js +1 -1
  133. package/dist/index71.cjs +1 -1
  134. package/dist/index71.js +1 -1
  135. package/dist/index72.cjs +1 -1
  136. package/dist/index72.js +1 -1
  137. package/dist/index73.cjs +1 -1
  138. package/dist/index73.js +1 -1
  139. package/dist/index74.cjs +1 -1
  140. package/dist/index74.js +1 -1
  141. package/dist/index75.cjs +1 -1
  142. package/dist/index75.js +1 -1
  143. package/dist/index76.cjs +1 -1
  144. package/dist/index76.js +1 -1
  145. package/dist/index77.cjs +1 -1
  146. package/dist/index77.js +1 -1
  147. package/dist/index78.cjs +1 -1
  148. package/dist/index78.js +1 -1
  149. package/dist/index79.cjs +1 -1
  150. package/dist/index79.js +1 -1
  151. package/dist/index8.cjs +1 -1
  152. package/dist/index8.js +1 -1
  153. package/dist/index80.cjs +1 -1
  154. package/dist/index80.js +1 -1
  155. package/dist/index81.cjs +1 -1
  156. package/dist/index81.js +1 -1
  157. package/dist/index82.cjs +1 -1
  158. package/dist/index82.js +1 -1
  159. package/dist/index83.cjs +1 -1
  160. package/dist/index83.js +1 -1
  161. package/dist/index84.cjs +1 -1
  162. package/dist/index84.js +1 -5
  163. package/dist/index85.cjs +1 -1
  164. package/dist/index85.js +1 -1
  165. package/dist/index86.cjs +1 -1
  166. package/dist/index86.js +5 -1
  167. package/dist/index87.cjs +1 -1
  168. package/dist/index87.js +1 -1
  169. package/dist/index88.cjs +1 -1
  170. package/dist/index88.js +1 -2
  171. package/dist/index89.cjs +1 -1
  172. package/dist/index89.js +1 -1
  173. package/dist/index9.cjs +1 -1
  174. package/dist/index9.js +1 -1
  175. package/dist/index90.cjs +1 -1
  176. package/dist/index90.js +2 -1
  177. package/dist/index91.cjs +1 -1
  178. package/dist/index91.js +1 -4
  179. package/dist/index92.cjs +1 -1
  180. package/dist/index92.js +1 -1
  181. package/dist/index93.cjs +1 -1
  182. package/dist/index93.js +4 -1
  183. package/dist/index94.cjs +1 -1
  184. package/dist/index94.js +1 -1
  185. package/dist/index95.cjs +1 -1
  186. package/dist/index95.js +1 -3
  187. package/dist/index96.cjs +1 -1
  188. package/dist/index96.js +1 -1
  189. package/dist/index97.cjs +1 -1
  190. package/dist/index97.js +3 -1
  191. package/dist/index98.cjs +1 -1
  192. package/dist/index98.js +1 -1
  193. package/dist/index99.cjs +1 -1
  194. package/dist/index99.js +1 -1
  195. package/dist/src/components/navigation/top-nav/TopNav.component.d.ts +5 -0
  196. package/dist/src/components/navigation/top-nav/TopNav.component.d.ts.map +1 -0
  197. package/dist/src/components/navigation/top-nav/TopNav.styles.d.ts +9 -0
  198. package/dist/src/components/navigation/top-nav/TopNav.styles.d.ts.map +1 -0
  199. package/dist/src/components/navigation/top-nav/TopNav.types.d.ts +27 -0
  200. package/dist/src/components/navigation/top-nav/TopNav.types.d.ts.map +1 -0
  201. package/dist/src/index.d.ts +2 -0
  202. package/dist/src/index.d.ts.map +1 -1
  203. package/dist/styles.css +1 -1
  204. package/package.json +1 -1
package/dist/index11.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as r,useId as d,useRef as t,useCallback as i}from"react";import{cn as l}from"./index48.js";import{containerStyles as c,errorMsgStyles as s,helperMsgStyles as o,inputErrorStyles as n,inputBaseStyles as p,labelDisabledStyles as m,labelStyles as h,wrapperDisabledStyles as u,wrapperStyles as $}from"./index57.js";const y=r(({label:r,error:y,helperText:b,className:N,id:f,required:x,disabled:j,checked:v,"data-cy":k,"data-testid":q,...w},F)=>{const R=d(),T=f||R,g=`${T}-error`,z=`${T}-helper`,A=k||"radio",B=q||"radio",C=t(null),D=i(e=>{C.current=e,F&&("function"==typeof F?F(e):"current"in F&&(F.current=e))},[F]),E=r&&x&&!r.includes("*")?`${r} *`:r;/* @__PURE__ */
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as r,useId as d,useRef as t,useCallback as i}from"react";import{cn as l}from"./index49.js";import{containerStyles as c,errorMsgStyles as s,helperMsgStyles as o,inputErrorStyles as n,inputBaseStyles as p,labelDisabledStyles as m,labelStyles as h,wrapperDisabledStyles as u,wrapperStyles as $}from"./index58.js";const y=r(({label:r,error:y,helperText:b,className:N,id:f,required:x,disabled:j,checked:v,"data-cy":k,"data-testid":q,...w},F)=>{const R=d(),T=f||R,g=`${T}-error`,z=`${T}-helper`,A=k||"radio",B=q||"radio",C=t(null),D=i(e=>{C.current=e,F&&("function"==typeof F?F(e):"current"in F&&(F.current=e))},[F]),E=r&&x&&!r.includes("*")?`${r} *`:r;/* @__PURE__ */
2
2
  return e("div",{className:l($,j&&u),"data-cy":`${A}-wrapper`,"data-testid":`${B}-wrapper`,children:[
3
3
  /* @__PURE__ */e("div",{className:c,children:[
4
4
  /* @__PURE__ */a("input",{ref:D,id:T,type:"radio",checked:v,className:l(p,y&&n,N),"aria-describedby":y?g:b?z:void 0,"data-cy":A,"data-testid":B,disabled:j,required:x,...w}),r&&/* @__PURE__ */a("label",{htmlFor:T,className:l(h,j&&m),"data-cy":`${A}-label`,"data-testid":`${B}-label`,children:E})]}),y&&/* @__PURE__ */a("span",{id:g,className:s,role:"alert","data-cy":`${A}-error`,"data-testid":`${B}-error`,children:y}),b&&!y&&/* @__PURE__ */a("span",{id:z,className:o,"data-cy":`${A}-helper`,"data-testid":`${B}-helper`,children:b})]})});y.displayName="Radio";export{y as Radio};
package/dist/index12.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("@radix-ui/react-select"),a=require("./index48.cjs"),s=require("./index58.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const c=l(r),i=c.Root,d=t.forwardRef(({className:r,children:l,label:i,error:d,helperText:o,fullWidth:n=!1,hasValue:p=!1,placeholder:g,id:u,"data-cy":y,"data-testid":S,disabled:h,required:m,...x},b)=>{const f=t.useId(),j=u||f,N=`${j}-label`,$=`${j}-error`,w=`${j}-helper`,v=y||"select-trigger",L=S||"select-trigger";return e.jsxs("div",{className:a.cn(s.triggerWrapperStyles,n&&s.triggerWrapperFullWidthStyles),"data-cy":`${v}-wrapper`,"data-testid":`${L}-wrapper`,children:[i&&e.jsx("label",{id:N,htmlFor:j,className:a.cn(s.triggerLabelStyles,d&&s.triggerLabelErrorStyles,h&&s.triggerLabelDisabledStyles),"data-cy":`${v}-label`,"data-testid":`${L}-label`,children:i}),e.jsxs(c.Trigger,{ref:b,id:j,className:a.cn(s.triggerButtonStyles,d&&s.triggerButtonErrorStyles,!p&&s.triggerButtonPlaceholderStyles,r),"aria-invalid":d?"true":"false","aria-describedby":d?$:o?w:void 0,"aria-labelledby":i?N:void 0,"aria-required":m?"true":void 0,"data-cy":v,"data-testid":L,disabled:h,...x,children:[e.jsx("span",{className:s.triggerValueStyles,children:p?l:e.jsx("span",{"data-cy":`${v}-placeholder`,"data-testid":`${L}-placeholder`,children:g||i})}),e.jsx(c.Icon,{className:s.triggerIconStyles,"data-cy":`${v}-icon`,"data-testid":`${L}-icon`,children: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"})})})]}),d&&e.jsx("span",{id:$,className:s.triggerErrorStyles,role:"alert","data-cy":`${v}-error`,"data-testid":`${L}-error`,children:d}),o&&!d&&e.jsx("span",{id:w,className:s.triggerHelperStyles,"data-cy":`${v}-helper`,"data-testid":`${L}-helper`,children:o})]})});d.displayName="SelectTrigger";const o=c.Value,n=t.forwardRef(({className:t,children:r,position:l="popper","data-cy":i,"data-testid":d,...o},n)=>{const p=i||"select-content",g=d||"select-content";return e.jsx(c.Portal,{children:e.jsx(c.Content,{ref:n,className:a.cn(s.contentStyles,t),position:l,sideOffset:4,"data-cy":p,"data-testid":g,...o,children:e.jsx(c.Viewport,{className:s.viewportStyles,children:r})})})});n.displayName="SelectContent";const p=t.forwardRef(({className:t,children:r,value:l,"data-cy":i,"data-testid":d,...o},n)=>{const p=i||`select-item-${l}`,g=d||`select-item-${l}`;return e.jsx(c.Item,{ref:n,className:a.cn(s.itemStyles,t),value:l,"data-cy":p,"data-testid":g,...o,children:e.jsx(c.ItemText,{children:r})})});p.displayName="SelectItem";const g=c.Group,u=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...i},d)=>{const o=r||"select-label",n=l||"select-label";return e.jsx(c.Label,{ref:d,className:a.cn(s.labelStyles,t),"data-cy":o,"data-testid":n,...i})});u.displayName="SelectLabel";const y=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...i},d)=>{const o=r||"select-separator",n=l||"select-separator";return e.jsx(c.Separator,{ref:d,className:a.cn(s.separatorStyles,t),"data-cy":o,"data-testid":n,...i})});y.displayName="SelectSeparator",exports.Select=i,exports.SelectContent=n,exports.SelectGroup=g,exports.SelectItem=p,exports.SelectLabel=u,exports.SelectSeparator=y,exports.SelectTrigger=d,exports.SelectValue=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("@radix-ui/react-select"),a=require("./index49.cjs"),s=require("./index59.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const c=l(r),i=c.Root,d=t.forwardRef(({className:r,children:l,label:i,error:d,helperText:o,fullWidth:n=!1,hasValue:p=!1,placeholder:g,id:u,"data-cy":y,"data-testid":S,disabled:h,required:m,...x},b)=>{const f=t.useId(),j=u||f,N=`${j}-label`,$=`${j}-error`,w=`${j}-helper`,v=y||"select-trigger",L=S||"select-trigger";return e.jsxs("div",{className:a.cn(s.triggerWrapperStyles,n&&s.triggerWrapperFullWidthStyles),"data-cy":`${v}-wrapper`,"data-testid":`${L}-wrapper`,children:[i&&e.jsx("label",{id:N,htmlFor:j,className:a.cn(s.triggerLabelStyles,d&&s.triggerLabelErrorStyles,h&&s.triggerLabelDisabledStyles),"data-cy":`${v}-label`,"data-testid":`${L}-label`,children:i}),e.jsxs(c.Trigger,{ref:b,id:j,className:a.cn(s.triggerButtonStyles,d&&s.triggerButtonErrorStyles,!p&&s.triggerButtonPlaceholderStyles,r),"aria-invalid":d?"true":"false","aria-describedby":d?$:o?w:void 0,"aria-labelledby":i?N:void 0,"aria-required":m?"true":void 0,"data-cy":v,"data-testid":L,disabled:h,...x,children:[e.jsx("span",{className:s.triggerValueStyles,children:p?l:e.jsx("span",{"data-cy":`${v}-placeholder`,"data-testid":`${L}-placeholder`,children:g||i})}),e.jsx(c.Icon,{className:s.triggerIconStyles,"data-cy":`${v}-icon`,"data-testid":`${L}-icon`,children: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"})})})]}),d&&e.jsx("span",{id:$,className:s.triggerErrorStyles,role:"alert","data-cy":`${v}-error`,"data-testid":`${L}-error`,children:d}),o&&!d&&e.jsx("span",{id:w,className:s.triggerHelperStyles,"data-cy":`${v}-helper`,"data-testid":`${L}-helper`,children:o})]})});d.displayName="SelectTrigger";const o=c.Value,n=t.forwardRef(({className:t,children:r,position:l="popper","data-cy":i,"data-testid":d,...o},n)=>{const p=i||"select-content",g=d||"select-content";return e.jsx(c.Portal,{children:e.jsx(c.Content,{ref:n,className:a.cn(s.contentStyles,t),position:l,sideOffset:4,"data-cy":p,"data-testid":g,...o,children:e.jsx(c.Viewport,{className:s.viewportStyles,children:r})})})});n.displayName="SelectContent";const p=t.forwardRef(({className:t,children:r,value:l,"data-cy":i,"data-testid":d,...o},n)=>{const p=i||`select-item-${l}`,g=d||`select-item-${l}`;return e.jsx(c.Item,{ref:n,className:a.cn(s.itemStyles,t),value:l,"data-cy":p,"data-testid":g,...o,children:e.jsx(c.ItemText,{children:r})})});p.displayName="SelectItem";const g=c.Group,u=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...i},d)=>{const o=r||"select-label",n=l||"select-label";return e.jsx(c.Label,{ref:d,className:a.cn(s.labelStyles,t),"data-cy":o,"data-testid":n,...i})});u.displayName="SelectLabel";const y=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...i},d)=>{const o=r||"select-separator",n=l||"select-separator";return e.jsx(c.Separator,{ref:d,className:a.cn(s.separatorStyles,t),"data-cy":o,"data-testid":n,...i})});y.displayName="SelectSeparator",exports.Select=i,exports.SelectContent=n,exports.SelectGroup=g,exports.SelectItem=p,exports.SelectLabel=u,exports.SelectSeparator=y,exports.SelectTrigger=d,exports.SelectValue=o;
package/dist/index12.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useId as r}from"react";import*as d from"@radix-ui/react-select";import{cn as l}from"./index48.js";import{viewportStyles as s,triggerValueStyles as i,triggerIconStyles as c,triggerErrorStyles as o,triggerHelperStyles as n,triggerLabelDisabledStyles as m,triggerLabelErrorStyles as p,triggerLabelStyles as h,triggerButtonPlaceholderStyles as y,triggerButtonErrorStyles as N,triggerButtonStyles as u,triggerWrapperFullWidthStyles as $,triggerWrapperStyles as b,contentStyles as f,itemStyles as g,labelStyles as v,separatorStyles as w}from"./index58.js";const x=d.Root,S=t(({className:t,children:s,label:f,error:g,helperText:v,fullWidth:w=!1,hasValue:x=!1,placeholder:S,id:L,"data-cy":j,"data-testid":k,disabled:I,required:T,...C},V)=>{const q=r(),W=L||q,B=`${W}-label`,F=`${W}-error`,G=`${W}-helper`,M=j||"select-trigger",O=k||"select-trigger";/* @__PURE__ */
1
+ import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useId as r}from"react";import*as d from"@radix-ui/react-select";import{cn as l}from"./index49.js";import{viewportStyles as s,triggerValueStyles as i,triggerIconStyles as c,triggerErrorStyles as o,triggerHelperStyles as n,triggerLabelDisabledStyles as m,triggerLabelErrorStyles as p,triggerLabelStyles as h,triggerButtonPlaceholderStyles as y,triggerButtonErrorStyles as N,triggerButtonStyles as u,triggerWrapperFullWidthStyles as $,triggerWrapperStyles as b,contentStyles as f,itemStyles as g,labelStyles as v,separatorStyles as w}from"./index59.js";const x=d.Root,S=t(({className:t,children:s,label:f,error:g,helperText:v,fullWidth:w=!1,hasValue:x=!1,placeholder:S,id:L,"data-cy":j,"data-testid":k,disabled:I,required:T,...C},V)=>{const q=r(),W=L||q,B=`${W}-label`,F=`${W}-error`,G=`${W}-helper`,M=j||"select-trigger",O=k||"select-trigger";/* @__PURE__ */
2
2
  return a("div",{className:l(b,w&&$),"data-cy":`${M}-wrapper`,"data-testid":`${O}-wrapper`,children:[f&&/* @__PURE__ */e("label",{id:B,htmlFor:W,className:l(h,g&&p,I&&m),"data-cy":`${M}-label`,"data-testid":`${O}-label`,children:f}),
3
3
  /* @__PURE__ */a(d.Trigger,{ref:V,id:W,className:l(u,g&&N,!x&&y,t),"aria-invalid":g?"true":"false","aria-describedby":g?F:v?G:void 0,"aria-labelledby":f?B:void 0,"aria-required":T?"true":void 0,"data-cy":M,"data-testid":O,disabled:I,...C,children:[
4
4
  /* @__PURE__ */e("span",{className:i,children:x?s:/* @__PURE__ */e("span",{"data-cy":`${M}-placeholder`,"data-testid":`${O}-placeholder`,children:S||f})}),
package/dist/index13.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("./index48.cjs"),r=require("@adam-milo/icons"),o=require("./index49.cjs"),s=require("./index59.cjs"),n=t.forwardRef(({label:n,error:l,helperText:i,fullWidth:d=!0,value:c="",onChange:u,countryCode:p="US",onCountryChange:y,countries:h=o.commonCountries,enableFormatting:m=!0,onValidationChange:g,disabled:x,required:f,placeholder:C,id:b,"data-cy":S,"data-testid":$,className:v,onFocus:k,onBlur:w,...D},j)=>{const[N,P]=t.useState(!1),[M,q]=t.useState(!1),[B,E]=t.useState(0),I=t.useId(),L=b||I,F=`${L}-error`,R=`${L}-helper`,T=`${L}-listbox`,A=t.useRef(null),K=t.useRef(null),V=t.useRef(null),W=S||"phone-input",U=$||"phone-input",z=h.find(e=>e.code===p)||h[0],H=o.getPhoneMask(p),O=C||H.placeholder,G=n&&f&&!n.includes("*")?`${n}*`:n;t.useEffect(()=>{const e=e=>{A.current&&!A.current.contains(e.target)&&P(!1)};return N&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[N]);const J=t.useCallback(e=>{y?.(e),P(!1),setTimeout(()=>{const e=A.current?.querySelector("input");e?.focus()},0)},[y]),Q=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),E(e=>Math.min(e+1,h.length-1));break;case"ArrowUp":e.preventDefault(),E(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),J(h[B]);break;case"Escape":e.preventDefault(),P(!1),V.current?.focus();break;case"Tab":P(!1)}},[h,B,J]),X=x?"disabled":l?"error":M||N?"focus":"idle";return e.jsxs("div",{ref:A,className:a.cn(s.wrapperStyles,d&&s.wrapperFullWidthStyles),"data-cy":`${W}-wrapper`,"data-testid":`${U}-wrapper`,children:[n&&e.jsx("label",{htmlFor:L,className:s.labelStyles,"data-cy":`${W}-label`,"data-testid":`${U}-label`,children:G}),e.jsxs("div",{className:a.cn(s.containerBaseStyles,d&&s.containerFullWidthStyles,"focus"===X&&s.containerFocusStyles,"error"===X&&s.containerErrorStyles,"disabled"===X&&s.containerDisabledStyles,"idle"===X&&s.containerIdleStyles),"data-state":X,"data-cy":`${W}-container`,"data-testid":`${U}-container`,children:[e.jsxs("button",{ref:V,type:"button",className:s.triggerStyles,onClick:()=>!x&&P(!N),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),P(!0);const t=h.findIndex(e=>e.code===p);E(-1===t?0:t)}},disabled:x,"aria-haspopup":"listbox","aria-expanded":N,"aria-controls":T,"aria-label":`Select country. Current: ${z.name}`,"data-cy":`${W}-country-trigger`,"data-testid":`${U}-country-trigger`,children:[e.jsx("span",{className:s.flagStyles,"data-cy":`${W}-flag`,"data-testid":`${U}-flag`,children:z.flag}),e.jsx(r.Icon,{name:"ChevronDownIcon",size:"sm",color:M||N?"clickable":"text",decorative:!0,"data-cy":`${W}-chevron`})]}),e.jsx("span",{className:s.dialCodeStyles,"data-cy":`${W}-dial-code`,"data-testid":`${U}-dial-code`,children:z.dialCode}),e.jsx("input",{ref:j,id:L,type:"tel",inputMode:"numeric",value:c,onChange:e=>{const t=e.target.value;if(m){const e=o.getPhoneDigits(t).slice(0,H.maxLength),a=o.formatPhoneNumber(e,p);u?.(a);const r=e.length===H.maxLength;g?.(r)}else{const e=t.replace(/[^0-9]/g,"");u?.(e);const a=e.length===H.maxLength;g?.(a)}},onFocus:e=>{q(!0),k?.(e)},onBlur:e=>{q(!1),w?.(e)},placeholder:O,disabled:x,required:f,className:a.cn(s.inputStyles,v),"aria-invalid":l?"true":"false","aria-required":f?"true":void 0,"aria-describedby":l?F:i?R:void 0,"data-cy":W,"data-testid":U,...D})]}),N&&e.jsx("div",{ref:K,id:T,role:"listbox","aria-label":"Select country",className:s.dropdownStyles,tabIndex:-1,onKeyDown:Q,"data-cy":`${W}-dropdown`,"data-testid":`${U}-dropdown`,children:h.map((t,r)=>e.jsxs("div",{role:"option","aria-selected":t.code===p,className:a.cn(s.optionBaseStyles,r===B&&s.optionHighlightedStyles,t.code===p&&s.optionSelectedStyles),onClick:()=>J(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),J(t))},onMouseEnter:()=>E(r),tabIndex:r===B?0:-1,"data-cy":`${W}-option-${t.code.toLowerCase()}`,"data-testid":`${U}-option-${t.code.toLowerCase()}`,children:[e.jsx("span",{className:s.optionFlagStyles,children:t.flag}),e.jsx("span",{className:s.optionNameStyles,children:t.name}),e.jsx("span",{className:s.optionDialCodeStyles,children:t.dialCode})]},t.code))}),l&&e.jsx("span",{id:F,className:s.errorStyles,role:"alert","data-cy":`${W}-error`,"data-testid":`${U}-error`,children:l}),i&&!l&&e.jsx("span",{id:R,className:s.helperStyles,"data-cy":`${W}-helper`,"data-testid":`${U}-helper`,children:i})]})});n.displayName="PhoneInput",exports.allCountries=o.allCountries,exports.commonCountries=o.commonCountries,exports.defaultCountries=o.defaultCountries,exports.defaultPhoneMask=o.defaultPhoneMask,exports.formatPhoneNumber=o.formatPhoneNumber,exports.getCountriesByDialCode=o.getCountriesByDialCode,exports.getCountryByCode=o.getCountryByCode,exports.getCountryByDialCode=o.getCountryByDialCode,exports.getPhoneDigits=o.getPhoneDigits,exports.getPhoneMask=o.getPhoneMask,exports.isValidPhoneLength=o.isValidPhoneLength,exports.phoneMasks=o.phoneMasks,exports.searchCountries=o.searchCountries,exports.PhoneInput=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index49.cjs"),r=require("@adam-milo/icons"),o=require("./index50.cjs"),s=require("./index60.cjs"),n=t.forwardRef(({label:n,error:l,helperText:i,fullWidth:d=!0,value:c="",onChange:u,countryCode:p="US",onCountryChange:y,countries:h=o.commonCountries,enableFormatting:m=!0,onValidationChange:g,disabled:x,required:f,placeholder:C,id:b,"data-cy":S,"data-testid":$,className:v,onFocus:k,onBlur:w,...D},j)=>{const[N,P]=t.useState(!1),[M,q]=t.useState(!1),[B,E]=t.useState(0),I=t.useId(),L=b||I,F=`${L}-error`,R=`${L}-helper`,T=`${L}-listbox`,A=t.useRef(null),K=t.useRef(null),V=t.useRef(null),W=S||"phone-input",U=$||"phone-input",z=h.find(e=>e.code===p)||h[0],H=o.getPhoneMask(p),O=C||H.placeholder,G=n&&f&&!n.includes("*")?`${n}*`:n;t.useEffect(()=>{const e=e=>{A.current&&!A.current.contains(e.target)&&P(!1)};return N&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[N]);const J=t.useCallback(e=>{y?.(e),P(!1),setTimeout(()=>{const e=A.current?.querySelector("input");e?.focus()},0)},[y]),Q=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),E(e=>Math.min(e+1,h.length-1));break;case"ArrowUp":e.preventDefault(),E(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),J(h[B]);break;case"Escape":e.preventDefault(),P(!1),V.current?.focus();break;case"Tab":P(!1)}},[h,B,J]),X=x?"disabled":l?"error":M||N?"focus":"idle";return e.jsxs("div",{ref:A,className:a.cn(s.wrapperStyles,d&&s.wrapperFullWidthStyles),"data-cy":`${W}-wrapper`,"data-testid":`${U}-wrapper`,children:[n&&e.jsx("label",{htmlFor:L,className:s.labelStyles,"data-cy":`${W}-label`,"data-testid":`${U}-label`,children:G}),e.jsxs("div",{className:a.cn(s.containerBaseStyles,d&&s.containerFullWidthStyles,"focus"===X&&s.containerFocusStyles,"error"===X&&s.containerErrorStyles,"disabled"===X&&s.containerDisabledStyles,"idle"===X&&s.containerIdleStyles),"data-state":X,"data-cy":`${W}-container`,"data-testid":`${U}-container`,children:[e.jsxs("button",{ref:V,type:"button",className:s.triggerStyles,onClick:()=>!x&&P(!N),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),P(!0);const t=h.findIndex(e=>e.code===p);E(-1===t?0:t)}},disabled:x,"aria-haspopup":"listbox","aria-expanded":N,"aria-controls":T,"aria-label":`Select country. Current: ${z.name}`,"data-cy":`${W}-country-trigger`,"data-testid":`${U}-country-trigger`,children:[e.jsx("span",{className:s.flagStyles,"data-cy":`${W}-flag`,"data-testid":`${U}-flag`,children:z.flag}),e.jsx(r.Icon,{name:"ChevronDownIcon",size:"sm",color:M||N?"clickable":"text",decorative:!0,"data-cy":`${W}-chevron`})]}),e.jsx("span",{className:s.dialCodeStyles,"data-cy":`${W}-dial-code`,"data-testid":`${U}-dial-code`,children:z.dialCode}),e.jsx("input",{ref:j,id:L,type:"tel",inputMode:"numeric",value:c,onChange:e=>{const t=e.target.value;if(m){const e=o.getPhoneDigits(t).slice(0,H.maxLength),a=o.formatPhoneNumber(e,p);u?.(a);const r=e.length===H.maxLength;g?.(r)}else{const e=t.replace(/[^0-9]/g,"");u?.(e);const a=e.length===H.maxLength;g?.(a)}},onFocus:e=>{q(!0),k?.(e)},onBlur:e=>{q(!1),w?.(e)},placeholder:O,disabled:x,required:f,className:a.cn(s.inputStyles,v),"aria-invalid":l?"true":"false","aria-required":f?"true":void 0,"aria-describedby":l?F:i?R:void 0,"data-cy":W,"data-testid":U,...D})]}),N&&e.jsx("div",{ref:K,id:T,role:"listbox","aria-label":"Select country",className:s.dropdownStyles,tabIndex:-1,onKeyDown:Q,"data-cy":`${W}-dropdown`,"data-testid":`${U}-dropdown`,children:h.map((t,r)=>e.jsxs("div",{role:"option","aria-selected":t.code===p,className:a.cn(s.optionBaseStyles,r===B&&s.optionHighlightedStyles,t.code===p&&s.optionSelectedStyles),onClick:()=>J(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),J(t))},onMouseEnter:()=>E(r),tabIndex:r===B?0:-1,"data-cy":`${W}-option-${t.code.toLowerCase()}`,"data-testid":`${U}-option-${t.code.toLowerCase()}`,children:[e.jsx("span",{className:s.optionFlagStyles,children:t.flag}),e.jsx("span",{className:s.optionNameStyles,children:t.name}),e.jsx("span",{className:s.optionDialCodeStyles,children:t.dialCode})]},t.code))}),l&&e.jsx("span",{id:F,className:s.errorStyles,role:"alert","data-cy":`${W}-error`,"data-testid":`${U}-error`,children:l}),i&&!l&&e.jsx("span",{id:R,className:s.helperStyles,"data-cy":`${W}-helper`,"data-testid":`${U}-helper`,children:i})]})});n.displayName="PhoneInput",exports.allCountries=o.allCountries,exports.commonCountries=o.commonCountries,exports.defaultCountries=o.defaultCountries,exports.defaultPhoneMask=o.defaultPhoneMask,exports.formatPhoneNumber=o.formatPhoneNumber,exports.getCountriesByDialCode=o.getCountriesByDialCode,exports.getCountryByCode=o.getCountryByCode,exports.getCountryByDialCode=o.getCountryByDialCode,exports.getPhoneDigits=o.getPhoneDigits,exports.getPhoneMask=o.getPhoneMask,exports.isValidPhoneLength=o.isValidPhoneLength,exports.phoneMasks=o.phoneMasks,exports.searchCountries=o.searchCountries,exports.PhoneInput=n;
package/dist/index13.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as n,useRef as o,useEffect as d,useCallback as l}from"react";import{cn as i}from"./index48.js";import{Icon as c}from"@adam-milo/icons";import{commonCountries as s,getPhoneMask as u,getPhoneDigits as p,formatPhoneNumber as m}from"./index49.js";import{allCountries as h,defaultCountries as y,defaultPhoneMask as f,getCountriesByDialCode as $,getCountryByCode as b,getCountryByDialCode as g,isValidPhoneLength as v,phoneMasks as x,searchCountries as w}from"./index49.js";import{labelStyles as N,triggerStyles as C,flagStyles as k,dialCodeStyles as D,dropdownStyles as E,optionFlagStyles as L,optionNameStyles as j,optionDialCodeStyles as I,optionSelectedStyles as q,optionHighlightedStyles as F,optionBaseStyles as M,errorStyles as S,helperStyles as A,inputStyles as K,containerIdleStyles as T,containerDisabledStyles as B,containerErrorStyles as U,containerFocusStyles as z,containerFullWidthStyles as P,containerBaseStyles as V,wrapperFullWidthStyles as W,wrapperStyles as G}from"./index59.js";const H=t(({label:t,error:h,helperText:y,fullWidth:f=!0,value:$="",onChange:b,countryCode:g="US",onCountryChange:v,countries:x=s,enableFormatting:w=!0,onValidationChange:H,disabled:J,required:O,placeholder:Q,id:R,"data-cy":X,"data-testid":Y,className:Z,onFocus:_,onBlur:ee,...ae},te)=>{const[re,ne]=r(!1),[oe,de]=r(!1),[le,ie]=r(0),ce=n(),se=R||ce,ue=`${se}-error`,pe=`${se}-helper`,me=`${se}-listbox`,he=o(null),ye=o(null),fe=o(null),$e=X||"phone-input",be=Y||"phone-input",ge=x.find(e=>e.code===g)||x[0],ve=u(g),xe=Q||ve.placeholder,we=t&&O&&!t.includes("*")?`${t}*`:t;d(()=>{const e=e=>{he.current&&!he.current.contains(e.target)&&ne(!1)};return re&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[re]);const Ne=l(e=>{v?.(e),ne(!1),setTimeout(()=>{const e=he.current?.querySelector("input");e?.focus()},0)},[v]),Ce=l(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),ie(e=>Math.min(e+1,x.length-1));break;case"ArrowUp":e.preventDefault(),ie(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),Ne(x[le]);break;case"Escape":e.preventDefault(),ne(!1),fe.current?.focus();break;case"Tab":ne(!1)}},[x,le,Ne]),ke=J?"disabled":h?"error":oe||re?"focus":"idle";/* @__PURE__ */
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as n,useRef as o,useEffect as d,useCallback as l}from"react";import{cn as i}from"./index49.js";import{Icon as c}from"@adam-milo/icons";import{commonCountries as s,getPhoneMask as u,getPhoneDigits as p,formatPhoneNumber as m}from"./index50.js";import{allCountries as h,defaultCountries as y,defaultPhoneMask as f,getCountriesByDialCode as $,getCountryByCode as b,getCountryByDialCode as g,isValidPhoneLength as v,phoneMasks as x,searchCountries as w}from"./index50.js";import{labelStyles as N,triggerStyles as C,flagStyles as k,dialCodeStyles as D,dropdownStyles as E,optionFlagStyles as L,optionNameStyles as j,optionDialCodeStyles as I,optionSelectedStyles as q,optionHighlightedStyles as F,optionBaseStyles as M,errorStyles as S,helperStyles as A,inputStyles as K,containerIdleStyles as T,containerDisabledStyles as B,containerErrorStyles as U,containerFocusStyles as z,containerFullWidthStyles as P,containerBaseStyles as V,wrapperFullWidthStyles as W,wrapperStyles as G}from"./index60.js";const H=t(({label:t,error:h,helperText:y,fullWidth:f=!0,value:$="",onChange:b,countryCode:g="US",onCountryChange:v,countries:x=s,enableFormatting:w=!0,onValidationChange:H,disabled:J,required:O,placeholder:Q,id:R,"data-cy":X,"data-testid":Y,className:Z,onFocus:_,onBlur:ee,...ae},te)=>{const[re,ne]=r(!1),[oe,de]=r(!1),[le,ie]=r(0),ce=n(),se=R||ce,ue=`${se}-error`,pe=`${se}-helper`,me=`${se}-listbox`,he=o(null),ye=o(null),fe=o(null),$e=X||"phone-input",be=Y||"phone-input",ge=x.find(e=>e.code===g)||x[0],ve=u(g),xe=Q||ve.placeholder,we=t&&O&&!t.includes("*")?`${t}*`:t;d(()=>{const e=e=>{he.current&&!he.current.contains(e.target)&&ne(!1)};return re&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[re]);const Ne=l(e=>{v?.(e),ne(!1),setTimeout(()=>{const e=he.current?.querySelector("input");e?.focus()},0)},[v]),Ce=l(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),ie(e=>Math.min(e+1,x.length-1));break;case"ArrowUp":e.preventDefault(),ie(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),Ne(x[le]);break;case"Escape":e.preventDefault(),ne(!1),fe.current?.focus();break;case"Tab":ne(!1)}},[x,le,Ne]),ke=J?"disabled":h?"error":oe||re?"focus":"idle";/* @__PURE__ */
2
2
  return e("div",{ref:he,className:i(G,f&&W),"data-cy":`${$e}-wrapper`,"data-testid":`${be}-wrapper`,children:[t&&/* @__PURE__ */a("label",{htmlFor:se,className:N,"data-cy":`${$e}-label`,"data-testid":`${be}-label`,children:we}),
3
3
  /* @__PURE__ */e("div",{className:i(V,f&&P,"focus"===ke&&z,"error"===ke&&U,"disabled"===ke&&B,"idle"===ke&&T),"data-state":ke,"data-cy":`${$e}-container`,"data-testid":`${be}-container`,children:[
4
4
  /* @__PURE__ */e("button",{ref:fe,type:"button",className:C,onClick:()=>!J&&ne(!re),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),ne(!0);const a=x.findIndex(e=>e.code===g);ie(-1===a?0:a)}},disabled:J,"aria-haspopup":"listbox","aria-expanded":re,"aria-controls":me,"aria-label":`Select country. Current: ${ge.name}`,"data-cy":`${$e}-country-trigger`,"data-testid":`${be}-country-trigger`,children:[
package/dist/index14.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("./index48.cjs"),r=require("./index60.cjs"),l=t.forwardRef(({length:l=4,label:s,value:i="",onChange:n,onComplete:c,error:o,helperText:d,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",size:g="lg",required:h=!1,"data-cy":m,"data-testid":$},x)=>{const S=t.useId(),k=`${S}-error`,v=`${S}-helper`,D=m||"otp-input",j=$||"otp-input",C="sm"===g?r.digitSizeSmStyles:r.digitSizeLgStyles,w=t.useRef([]),[A,I]=t.useState(()=>i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l));t.useEffect(()=>{const e=i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l);I(e)},[i,l]);const E=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),N=t.useCallback(e=>{I(e);const t=e.join("");n?.(t),e.every(e=>""!==e)&&e.length===l&&c?.(t)},[n,c,l]),q=t.useCallback(e=>{const t=w.current[e];t&&(t.focus(),t.select())},[]),z=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&E(a)){const t=[...A];t[e]=a,N(t),e<l-1&&q(e+1)}else if(a.length>1){const t=a.split("").filter(E),r=[...A];t.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),N(r);const s=r.findIndex(e=>""===e);q(-1===s?l-1:s)}},[A,l,E,N,q]),P=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),A[e]){const t=[...A];t[e]="",N(t)}else if(e>0){const t=[...A];t[e-1]="",N(t),q(e-1)}break;case"Delete":if(t.preventDefault(),A[e]){const t=[...A];t[e]="",N(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&q(e-1);break;case"ArrowRight":t.preventDefault(),e<l-1&&q(e+1);break;case"Home":t.preventDefault(),q(0);break;case"End":t.preventDefault(),q(l-1);break;default:if(1===t.key.length&&E(t.key)){t.preventDefault();const a=[...A];a[e]=t.key,N(a),e<l-1&&q(e+1)}}},[A,l,E,N,q]),T=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(E);if(0===a.length)return;const r=[...A];a.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),N(r);const s=r.findIndex(e=>""===e);q(-1===s?l-1:s)},[A,l,E,N,q]),B=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle(x,()=>({focus:()=>{const e=A.findIndex(e=>""===e);q(-1===e?l-1:e)},clear:()=>{const e=Array(l).fill("");N(e),q(0)},getValue:()=>A.join("")}),[A,l,q,N]),t.useEffect(()=>{p&&!u&&q(0)},[p,u,q]),e.jsxs("div",{className:a.cn(r.wrapperStyles,f&&r.wrapperFullWidthStyles),"data-cy":`${D}-wrapper`,"data-testid":`${j}-wrapper`,children:[s&&e.jsx("label",{className:a.cn(r.labelBaseStyles,o&&r.labelErrorStyles,u&&r.labelDisabledStyles),"data-cy":`${D}-label`,"data-testid":`${j}-label`,children:s}),e.jsx("div",{className:a.cn(r.containerBaseStyles,y&&r.containerCenteredStyles),role:"group","aria-label":s||"OTP Input","data-cy":`${D}-container`,"data-testid":`${j}-container`,children:Array.from({length:l},(t,s)=>e.jsx("input",{ref:e=>{w.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:A[s]||"",onChange:e=>z(s,e),onKeyDown:e=>P(s,e),onPaste:e=>T(s,e),onFocus:B,disabled:u,required:h,"aria-label":`Digit ${s+1} of ${l}`,"aria-invalid":o?"true":"false","aria-describedby":o?k:d?v:void 0,className:a.cn(r.digitBaseStyles,C,o&&r.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${D}-digit-${s}`,"data-testid":`${j}-digit-${s}`,autoComplete:"one-time-code"},s))}),o&&e.jsx("span",{id:k,className:r.errorStyles,role:"alert","data-cy":`${D}-error`,"data-testid":`${j}-error`,children:o}),d&&!o&&e.jsx("span",{id:v,className:r.helperStyles,"data-cy":`${D}-helper`,"data-testid":`${j}-helper`,children:d})]})});l.displayName="OTPInput",exports.OTPInput=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index49.cjs"),r=require("./index61.cjs"),l=t.forwardRef(({length:l=4,label:s,value:i="",onChange:n,onComplete:c,error:o,helperText:d,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",size:g="lg",required:h=!1,"data-cy":m,"data-testid":$},x)=>{const S=t.useId(),k=`${S}-error`,v=`${S}-helper`,D=m||"otp-input",j=$||"otp-input",C="sm"===g?r.digitSizeSmStyles:r.digitSizeLgStyles,w=t.useRef([]),[A,I]=t.useState(()=>i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l));t.useEffect(()=>{const e=i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l);I(e)},[i,l]);const E=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),N=t.useCallback(e=>{I(e);const t=e.join("");n?.(t),e.every(e=>""!==e)&&e.length===l&&c?.(t)},[n,c,l]),q=t.useCallback(e=>{const t=w.current[e];t&&(t.focus(),t.select())},[]),z=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&E(a)){const t=[...A];t[e]=a,N(t),e<l-1&&q(e+1)}else if(a.length>1){const t=a.split("").filter(E),r=[...A];t.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),N(r);const s=r.findIndex(e=>""===e);q(-1===s?l-1:s)}},[A,l,E,N,q]),P=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),A[e]){const t=[...A];t[e]="",N(t)}else if(e>0){const t=[...A];t[e-1]="",N(t),q(e-1)}break;case"Delete":if(t.preventDefault(),A[e]){const t=[...A];t[e]="",N(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&q(e-1);break;case"ArrowRight":t.preventDefault(),e<l-1&&q(e+1);break;case"Home":t.preventDefault(),q(0);break;case"End":t.preventDefault(),q(l-1);break;default:if(1===t.key.length&&E(t.key)){t.preventDefault();const a=[...A];a[e]=t.key,N(a),e<l-1&&q(e+1)}}},[A,l,E,N,q]),T=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(E);if(0===a.length)return;const r=[...A];a.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),N(r);const s=r.findIndex(e=>""===e);q(-1===s?l-1:s)},[A,l,E,N,q]),B=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle(x,()=>({focus:()=>{const e=A.findIndex(e=>""===e);q(-1===e?l-1:e)},clear:()=>{const e=Array(l).fill("");N(e),q(0)},getValue:()=>A.join("")}),[A,l,q,N]),t.useEffect(()=>{p&&!u&&q(0)},[p,u,q]),e.jsxs("div",{className:a.cn(r.wrapperStyles,f&&r.wrapperFullWidthStyles),"data-cy":`${D}-wrapper`,"data-testid":`${j}-wrapper`,children:[s&&e.jsx("label",{className:a.cn(r.labelBaseStyles,o&&r.labelErrorStyles,u&&r.labelDisabledStyles),"data-cy":`${D}-label`,"data-testid":`${j}-label`,children:s}),e.jsx("div",{className:a.cn(r.containerBaseStyles,y&&r.containerCenteredStyles),role:"group","aria-label":s||"OTP Input","data-cy":`${D}-container`,"data-testid":`${j}-container`,children:Array.from({length:l},(t,s)=>e.jsx("input",{ref:e=>{w.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:A[s]||"",onChange:e=>z(s,e),onKeyDown:e=>P(s,e),onPaste:e=>T(s,e),onFocus:B,disabled:u,required:h,"aria-label":`Digit ${s+1} of ${l}`,"aria-invalid":o?"true":"false","aria-describedby":o?k:d?v:void 0,className:a.cn(r.digitBaseStyles,C,o&&r.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${D}-digit-${s}`,"data-testid":`${j}-digit-${s}`,autoComplete:"one-time-code"},s))}),o&&e.jsx("span",{id:k,className:r.errorStyles,role:"alert","data-cy":`${D}-error`,"data-testid":`${j}-error`,children:o}),d&&!o&&e.jsx("span",{id:v,className:r.helperStyles,"data-cy":`${D}-helper`,"data-testid":`${j}-helper`,children:d})]})});l.displayName="OTPInput",exports.OTPInput=l;
package/dist/index14.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as n,useState as i,useEffect as l,useCallback as c,useImperativeHandle as s}from"react";import{cn as o}from"./index48.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitSizeSmStyles as g,digitSizeLgStyles as y,digitBaseStyles as $,containerCenteredStyles as b,containerBaseStyles as v,wrapperFullWidthStyles as D,wrapperStyles as x}from"./index60.js";const k=a(({length:a=4,label:k,value:A="",onChange:N,onComplete:w,error:j,helperText:I,disabled:C=!1,autoFocus:z=!1,fullWidth:E=!1,centered:P=!1,type:T="numeric",size:q="lg",required:F=!1,"data-cy":L,"data-testid":O},Z)=>{const B=r(),H=`${B}-error`,K=`${B}-helper`,M=L||"otp-input",R=O||"otp-input",V="sm"===q?g:y,W=n([]),[G,J]=i(()=>A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));l(()=>{const e=A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);J(e)},[A,a]);const Q=c(e=>"numeric"===T?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[T]),S=c(e=>{J(e);const t=e.join("");N?.(t),e.every(e=>""!==e)&&e.length===a&&w?.(t)},[N,w,a]),U=c(e=>{const t=W.current[e];t&&(t.focus(),t.select())},[]),X=c((e,t)=>{const r=t.target.value;if(1===r.length&&Q(r)){const t=[...G];t[e]=r,S(t),e<a-1&&U(e+1)}else if(r.length>1){const t=r.split("").filter(Q),n=[...G];t.forEach((t,r)=>{e+r<a&&(n[e+r]=t)}),S(n);const i=n.findIndex(e=>""===e);U(-1===i?a-1:i)}},[G,a,Q,S,U]),Y=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),G[e]){const t=[...G];t[e]="",S(t)}else if(e>0){const t=[...G];t[e-1]="",S(t),U(e-1)}break;case"Delete":if(t.preventDefault(),G[e]){const t=[...G];t[e]="",S(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&U(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&U(e+1);break;case"Home":t.preventDefault(),U(0);break;case"End":t.preventDefault(),U(a-1);break;default:if(1===t.key.length&&Q(t.key)){t.preventDefault();const r=[...G];r[e]=t.key,S(r),e<a-1&&U(e+1)}}},[G,a,Q,S,U]),_=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(Q);if(0===r.length)return;const n=[...G];r.forEach((t,r)=>{e+r<a&&(n[e+r]=t)}),S(n);const i=n.findIndex(e=>""===e);U(-1===i?a-1:i)},[G,a,Q,S,U]),ee=c(e=>{e.target.select()},[]);return s(Z,()=>({focus:()=>{const e=G.findIndex(e=>""===e);U(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");S(e),U(0)},getValue:()=>G.join("")}),[G,a,U,S]),l(()=>{z&&!C&&U(0)},[z,C,U]),/* @__PURE__ */e("div",{className:o(x,E&&D),"data-cy":`${M}-wrapper`,"data-testid":`${R}-wrapper`,children:[k&&/* @__PURE__ */t("label",{className:o(m,j&&f,C&&u),"data-cy":`${M}-label`,"data-testid":`${R}-label`,children:k}),
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as n,useState as i,useEffect as l,useCallback as c,useImperativeHandle as s}from"react";import{cn as o}from"./index49.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitSizeSmStyles as g,digitSizeLgStyles as y,digitBaseStyles as $,containerCenteredStyles as b,containerBaseStyles as v,wrapperFullWidthStyles as D,wrapperStyles as x}from"./index61.js";const k=a(({length:a=4,label:k,value:A="",onChange:N,onComplete:w,error:j,helperText:I,disabled:C=!1,autoFocus:z=!1,fullWidth:E=!1,centered:P=!1,type:T="numeric",size:q="lg",required:F=!1,"data-cy":L,"data-testid":O},Z)=>{const B=r(),H=`${B}-error`,K=`${B}-helper`,M=L||"otp-input",R=O||"otp-input",V="sm"===q?g:y,W=n([]),[G,J]=i(()=>A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));l(()=>{const e=A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);J(e)},[A,a]);const Q=c(e=>"numeric"===T?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[T]),S=c(e=>{J(e);const t=e.join("");N?.(t),e.every(e=>""!==e)&&e.length===a&&w?.(t)},[N,w,a]),U=c(e=>{const t=W.current[e];t&&(t.focus(),t.select())},[]),X=c((e,t)=>{const r=t.target.value;if(1===r.length&&Q(r)){const t=[...G];t[e]=r,S(t),e<a-1&&U(e+1)}else if(r.length>1){const t=r.split("").filter(Q),n=[...G];t.forEach((t,r)=>{e+r<a&&(n[e+r]=t)}),S(n);const i=n.findIndex(e=>""===e);U(-1===i?a-1:i)}},[G,a,Q,S,U]),Y=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),G[e]){const t=[...G];t[e]="",S(t)}else if(e>0){const t=[...G];t[e-1]="",S(t),U(e-1)}break;case"Delete":if(t.preventDefault(),G[e]){const t=[...G];t[e]="",S(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&U(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&U(e+1);break;case"Home":t.preventDefault(),U(0);break;case"End":t.preventDefault(),U(a-1);break;default:if(1===t.key.length&&Q(t.key)){t.preventDefault();const r=[...G];r[e]=t.key,S(r),e<a-1&&U(e+1)}}},[G,a,Q,S,U]),_=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(Q);if(0===r.length)return;const n=[...G];r.forEach((t,r)=>{e+r<a&&(n[e+r]=t)}),S(n);const i=n.findIndex(e=>""===e);U(-1===i?a-1:i)},[G,a,Q,S,U]),ee=c(e=>{e.target.select()},[]);return s(Z,()=>({focus:()=>{const e=G.findIndex(e=>""===e);U(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");S(e),U(0)},getValue:()=>G.join("")}),[G,a,U,S]),l(()=>{z&&!C&&U(0)},[z,C,U]),/* @__PURE__ */e("div",{className:o(x,E&&D),"data-cy":`${M}-wrapper`,"data-testid":`${R}-wrapper`,children:[k&&/* @__PURE__ */t("label",{className:o(m,j&&f,C&&u),"data-cy":`${M}-label`,"data-testid":`${R}-label`,children:k}),
2
2
  /* @__PURE__ */t("div",{className:o(v,P&&b),role:"group","aria-label":k||"OTP Input","data-cy":`${M}-container`,"data-testid":`${R}-container`,children:Array.from({length:a},(e,r)=>/* @__PURE__ */t("input",{ref:e=>{W.current[r]=e},type:"text",inputMode:"numeric"===T?"numeric":"text",pattern:"numeric"===T?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:G[r]||"",onChange:e=>X(r,e),onKeyDown:e=>Y(r,e),onPaste:e=>_(r,e),onFocus:ee,disabled:C,required:F,"aria-label":`Digit ${r+1} of ${a}`,"aria-invalid":j?"true":"false","aria-describedby":j?H:I?K:void 0,className:o($,V,j&&h),"data-otp-digit":!0,"data-cy":`${M}-digit-${r}`,"data-testid":`${R}-digit-${r}`,autoComplete:"one-time-code"},r))}),j&&/* @__PURE__ */t("span",{id:H,className:d,role:"alert","data-cy":`${M}-error`,"data-testid":`${R}-error`,children:j}),I&&!j&&/* @__PURE__ */t("span",{id:K,className:p,"data-cy":`${M}-helper`,"data-testid":`${R}-helper`,children:I})]})});k.displayName="OTPInput";export{k as OTPInput};
package/dist/index15.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("./index48.cjs"),s=require("./index61.cjs"),l=a.forwardRef(({label:l,labelPosition:r="end",helperText:d,size:c="md",className:n,id:i,disabled:o,checked:p,defaultChecked:y,"data-cy":u,"data-testid":b,...h},S)=>{const k=a.useId(),x=i||k,m=`${x}-helper`,$=u||"toggle",j=b||"toggle",[g,N]=a.useState(!1),f=a.useRef(null),v=a.useCallback(e=>{f.current=e,S&&("function"==typeof S?S(e):"current"in S&&(S.current=e))},[S]);return e.jsxs("div",{className:t.cn(s.wrapperStyles,o&&s.wrapperDisabledStyles),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("label",{className:t.cn(s.labelContainerStyles,o&&"cursor-not-allowed","start"===r&&s.labelContainerReversedStyles),htmlFor:x,onMouseEnter:()=>{o||N(!0)},onMouseLeave:()=>{N(!1)},children:[l&&"start"===r&&e.jsx("span",{className:s.labelTextStyles,"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:l}),e.jsx("input",{ref:v,id:x,type:"checkbox",role:"switch",checked:p,defaultChecked:y,className:t.cn(s.inputSrOnlyStyles,n),"aria-describedby":d?m:void 0,"data-cy":$,"data-testid":j,disabled:o,...h}),e.jsx("span",{className:t.cn(s.trackBaseStyles,s.trackSizeMap[c],g&&!o&&s.trackHoverStyles,g&&!o&&s.trackHoverCheckedStyles),"data-cy":`${$}-track`,"data-testid":`${j}-track`,"aria-hidden":"true",children:e.jsx("span",{className:t.cn(s.knobBaseStyles,s.knobSizeMap[c],g&&!o&&s.knobHoverShadowStyles),"data-cy":`${$}-knob`,"data-testid":`${j}-knob`})}),l&&"end"===r&&e.jsx("span",{className:s.labelTextStyles,"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:l})]}),d&&e.jsx("span",{id:m,className:s.helperStyles,"data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:d})]})});l.displayName="Toggle",exports.Toggle=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index49.cjs"),s=require("./index62.cjs"),l=a.forwardRef(({label:l,labelPosition:r="end",helperText:d,size:c="md",className:n,id:i,disabled:o,checked:p,defaultChecked:y,"data-cy":u,"data-testid":b,...h},S)=>{const k=a.useId(),x=i||k,m=`${x}-helper`,$=u||"toggle",j=b||"toggle",[g,N]=a.useState(!1),f=a.useRef(null),v=a.useCallback(e=>{f.current=e,S&&("function"==typeof S?S(e):"current"in S&&(S.current=e))},[S]);return e.jsxs("div",{className:t.cn(s.wrapperStyles,o&&s.wrapperDisabledStyles),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("label",{className:t.cn(s.labelContainerStyles,o&&"cursor-not-allowed","start"===r&&s.labelContainerReversedStyles),htmlFor:x,onMouseEnter:()=>{o||N(!0)},onMouseLeave:()=>{N(!1)},children:[l&&"start"===r&&e.jsx("span",{className:s.labelTextStyles,"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:l}),e.jsx("input",{ref:v,id:x,type:"checkbox",role:"switch",checked:p,defaultChecked:y,className:t.cn(s.inputSrOnlyStyles,n),"aria-describedby":d?m:void 0,"data-cy":$,"data-testid":j,disabled:o,...h}),e.jsx("span",{className:t.cn(s.trackBaseStyles,s.trackSizeMap[c],g&&!o&&s.trackHoverStyles,g&&!o&&s.trackHoverCheckedStyles),"data-cy":`${$}-track`,"data-testid":`${j}-track`,"aria-hidden":"true",children:e.jsx("span",{className:t.cn(s.knobBaseStyles,s.knobSizeMap[c],g&&!o&&s.knobHoverShadowStyles),"data-cy":`${$}-knob`,"data-testid":`${j}-knob`})}),l&&"end"===r&&e.jsx("span",{className:s.labelTextStyles,"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:l})]}),d&&e.jsx("span",{id:m,className:s.helperStyles,"data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:d})]})});l.displayName="Toggle",exports.Toggle=l;
package/dist/index15.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useId as d,useState as r,useRef as s,useCallback as l}from"react";import{cn as c}from"./index48.js";import{labelTextStyles as i,helperStyles as n,inputSrOnlyStyles as o,knobHoverShadowStyles as p,knobSizeMap as m,knobBaseStyles as h,trackHoverCheckedStyles as b,trackHoverStyles as u,trackSizeMap as $,trackBaseStyles as y,labelContainerReversedStyles as N,labelContainerStyles as f,wrapperDisabledStyles as k,wrapperStyles as g}from"./index61.js";const x=t(({label:t,labelPosition:x="end",helperText:w,size:j="md",className:v,id:C,disabled:M,checked:T,defaultChecked:z,"data-cy":E,"data-testid":F,...L},P)=>{const q=d(),A=C||q,B=`${A}-helper`,D=E||"toggle",G=F||"toggle",[H,I]=r(!1),J=s(null),K=l(e=>{J.current=e,P&&("function"==typeof P?P(e):"current"in P&&(P.current=e))},[P]);/* @__PURE__ */
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useId as d,useState as r,useRef as s,useCallback as l}from"react";import{cn as c}from"./index49.js";import{labelTextStyles as i,helperStyles as n,inputSrOnlyStyles as o,knobHoverShadowStyles as p,knobSizeMap as m,knobBaseStyles as h,trackHoverCheckedStyles as b,trackHoverStyles as u,trackSizeMap as $,trackBaseStyles as y,labelContainerReversedStyles as N,labelContainerStyles as f,wrapperDisabledStyles as k,wrapperStyles as g}from"./index62.js";const x=t(({label:t,labelPosition:x="end",helperText:w,size:j="md",className:v,id:C,disabled:M,checked:T,defaultChecked:z,"data-cy":E,"data-testid":F,...L},P)=>{const q=d(),A=C||q,B=`${A}-helper`,D=E||"toggle",G=F||"toggle",[H,I]=r(!1),J=s(null),K=l(e=>{J.current=e,P&&("function"==typeof P?P(e):"current"in P&&(P.current=e))},[P]);/* @__PURE__ */
2
2
  return e("div",{className:c(g,M&&k),"data-cy":`${D}-wrapper`,"data-testid":`${G}-wrapper`,children:[
3
3
  /* @__PURE__ */e("label",{className:c(f,M&&"cursor-not-allowed","start"===x&&N),htmlFor:A,onMouseEnter:()=>{M||I(!0)},onMouseLeave:()=>{I(!1)},children:[t&&"start"===x&&/* @__PURE__ */a("span",{className:i,"data-cy":`${D}-label`,"data-testid":`${G}-label`,children:t}),
4
4
  /* @__PURE__ */a("input",{ref:K,id:A,type:"checkbox",role:"switch",checked:T,defaultChecked:z,className:c(o,v),"aria-describedby":w?B:void 0,"data-cy":D,"data-testid":G,disabled:M,...L}),
package/dist/index17.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index62.cjs");function t({control:t,name:n,rules:a,children:o,"data-cy":l,"data-testid":s}){return e.jsx(r.Controller,{control:t,name:n,rules:a,render:({field:r,fieldState:t})=>e.jsx("div",{className:"contents","data-cy":l,"data-testid":s,children:o({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:t.error?.message,name:r.name})})})}t.displayName="FormField",exports.FormField=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index63.cjs");function t({control:t,name:n,rules:a,children:o,"data-cy":l,"data-testid":s}){return e.jsx(r.Controller,{control:t,name:n,rules:a,render:({field:r,fieldState:t})=>e.jsx("div",{className:"contents","data-cy":l,"data-testid":s,children:o({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:t.error?.message,name:r.name})})})}t.displayName="FormField",exports.FormField=t;
package/dist/index17.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as e}from"react/jsx-runtime";import{Controller as r}from"./index62.js";function a({control:a,name:n,rules:t,children:o,"data-cy":d,"data-testid":l}){/* @__PURE__ */
1
+ import{jsx as e}from"react/jsx-runtime";import{Controller as r}from"./index63.js";function a({control:a,name:n,rules:t,children:o,"data-cy":d,"data-testid":l}){/* @__PURE__ */
2
2
  return e(r,{control:a,name:n,rules:t,render:({field:r,fieldState:a})=>/* @__PURE__ */e("div",{className:"contents","data-cy":d,"data-testid":l,children:o({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:a.error?.message,name:r.name})})})}a.displayName="FormField";export{a as FormField};
package/dist/index28.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("./index48.cjs"),r=require("./index63.cjs");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)}const n=i(a),c=n.Root,l=e.forwardRef(({className:e,fullWidth:a=!1,"data-cy":i,"data-testid":c,...l},d)=>{const o=i||"tabs-list",u=c||"tabs-list";return t.jsx(n.List,{ref:d,className:s.cn(r.listStyles,a&&r.listFullWidthStyles,e),"data-cy":o,"data-testid":u,"data-full-width":a,...l})});l.displayName=n.List.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":c,...l},d)=>{const o=i||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(n.Trigger,{ref:d,className:s.cn(r.triggerStyles,e),value:a,"data-cy":o,"data-testid":u,...l})});d.displayName=n.Trigger.displayName;const o=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":c,...l},d)=>{const o=i||(a?`tabs-content-${a}`:"tabs-content"),u=c||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(n.Content,{ref:d,className:s.cn(r.contentStyles,e),value:a,"data-cy":o,"data-testid":u,...l})});o.displayName=n.Content.displayName,exports.Tabs=c,exports.TabsContent=o,exports.TabsList=l,exports.TabsTrigger=d;
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("./index49.cjs"),r=require("./index64.cjs");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)}const n=i(a),c=n.Root,l=e.forwardRef(({className:e,fullWidth:a=!1,"data-cy":i,"data-testid":c,...l},d)=>{const o=i||"tabs-list",u=c||"tabs-list";return t.jsx(n.List,{ref:d,className:s.cn(r.listStyles,a&&r.listFullWidthStyles,e),"data-cy":o,"data-testid":u,"data-full-width":a,...l})});l.displayName=n.List.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":c,...l},d)=>{const o=i||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(n.Trigger,{ref:d,className:s.cn(r.triggerStyles,e),value:a,"data-cy":o,"data-testid":u,...l})});d.displayName=n.Trigger.displayName;const o=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":c,...l},d)=>{const o=i||(a?`tabs-content-${a}`:"tabs-content"),u=c||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(n.Content,{ref:d,className:s.cn(r.contentStyles,e),value:a,"data-cy":o,"data-testid":u,...l})});o.displayName=n.Content.displayName,exports.Tabs=c,exports.TabsContent=o,exports.TabsList=l,exports.TabsTrigger=d;
package/dist/index28.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import*as s from"@radix-ui/react-tabs";import{cn as e}from"./index48.js";import{listFullWidthStyles as r,listStyles as i,triggerStyles as d,contentStyles as c}from"./index63.js";const o=s.Root,n=a(({className:a,fullWidth:d=!1,"data-cy":c,"data-testid":o,...n},m)=>{const l=c||"tabs-list",g=o||"tabs-list";/* @__PURE__ */
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import*as s from"@radix-ui/react-tabs";import{cn as e}from"./index49.js";import{listFullWidthStyles as r,listStyles as i,triggerStyles as d,contentStyles as c}from"./index64.js";const o=s.Root,n=a(({className:a,fullWidth:d=!1,"data-cy":c,"data-testid":o,...n},m)=>{const l=c||"tabs-list",g=o||"tabs-list";/* @__PURE__ */
2
2
  return t(s.List,{ref:m,className:e(i,d&&r,a),"data-cy":l,"data-testid":g,"data-full-width":d,...n})});n.displayName=s.List.displayName;const m=a(({className:a,value:r,"data-cy":i,"data-testid":c,...o},n)=>{const m=i||(r?`tabs-trigger-${r}`:"tabs-trigger"),l=c||(r?`tabs-trigger-${r}`:"tabs-trigger");/* @__PURE__ */
3
3
  return t(s.Trigger,{ref:n,className:e(d,a),value:r,"data-cy":m,"data-testid":l,...o})});m.displayName=s.Trigger.displayName;const l=a(({className:a,value:r,"data-cy":i,"data-testid":d,...o},n)=>{const m=i||(r?`tabs-content-${r}`:"tabs-content"),l=d||(r?`tabs-content-${r}`:"tabs-content");/* @__PURE__ */
4
4
  return t(s.Content,{ref:n,className:e(c,a),value:r,"data-cy":m,"data-testid":l,...o})});l.displayName=s.Content.displayName;export{o as Tabs,l as TabsContent,n as TabsList,m as TabsTrigger};
package/dist/index29.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("./index48.cjs"),a=require("./index64.cjs"),l=t.forwardRef(({isCompleted:t=!1,"data-cy":l,"data-testid":c},r)=>{const i=l||"stepper-connector",n=c||"stepper-connector";return e.jsx("div",{ref:r,className:s.cn(a.connectorContainerStyles),"data-cy":`${i}-container`,"data-testid":`${n}-container`,children:e.jsx("div",{className:s.cn(a.connectorLineStyles,t?a.connectorActiveStyles:a.connectorInactiveStyles),"data-cy":i,"data-testid":n})})});l.displayName="StepConnector";const c=t.forwardRef(({stepNumber:l,label:c,isActive:r,isCompleted:i,isDisabled:n,isClickable:d,onClick:o,"data-cy":p,"data-testid":y},S)=>{const[b,C]=t.useState(!1),m=p||`stepper-step-${l}`,u=y||`stepper-step-${l}`;return e.jsxs("div",{ref:S,className:s.cn(a.stepItemContainerStyles,d&&!n&&"cursor-pointer"),onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),onClick:()=>{d&&!n&&o&&o()},onKeyDown:e=>{!d||n||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),o?.())},role:d?"button":void 0,tabIndex:d&&!n?0:-1,"aria-current":r?"step":void 0,"aria-disabled":n,"data-cy":m,"data-testid":u,children:[e.jsx("div",{className:n?s.cn(a.stepCircleBaseStyles,a.stepCircleDisabledStyles):r?b?s.cn(a.stepCircleBaseStyles,a.stepCircleSelectedHoverStyles):s.cn(a.stepCircleBaseStyles,a.stepCircleSelectedStyles):b&&d?s.cn(a.stepCircleBaseStyles,a.stepCircleHoverStyles):i?s.cn(a.stepCircleBaseStyles,a.stepCircleCompletedStyles):s.cn(a.stepCircleBaseStyles,a.stepCircleRestStyles),"data-cy":`${m}-circle`,"data-testid":`${u}-circle`,children:l}),e.jsx("p",{className:n?s.cn(a.stepLabelBaseStyles,a.stepLabelDisabledStyles):r?s.cn(a.stepLabelBaseStyles,a.stepLabelSelectedStyles):b&&d?s.cn(a.stepLabelBaseStyles,a.stepLabelHoverStyles):i?s.cn(a.stepLabelBaseStyles,a.stepLabelCompletedStyles):s.cn(a.stepLabelBaseStyles,a.stepLabelRestStyles),"data-cy":`${m}-label`,"data-testid":`${u}-label`,children:c})]})});c.displayName="StepItem";const r=t.forwardRef(({steps:r,currentStep:i,onChange:n,allowStepNavigation:d=!0,showConnector:o=!0,className:p,"data-cy":y,"data-testid":S,...b},C)=>{const m=y||"stepper",u=S||"stepper",v=Math.max(0,i-1);return e.jsx("div",{ref:C,className:s.cn(a.containerStyles,p),role:"navigation","aria-label":"Progress indicator","data-cy":m,"data-testid":u,...b,children:r.map((s,a)=>{const i=a===v,p=a<v,y=s.disabled??!1,S=d&&!y&&a!==v;return e.jsxs(t.Fragment,{children:[e.jsx(c,{stepNumber:a+1,label:s.label,isActive:i,isCompleted:p,isDisabled:y,isClickable:S,onClick:()=>((e,t)=>{d&&!t&&e!==v&&n?.(e+1)})(a,y),"data-cy":`${m}-step-${a+1}`,"data-testid":`${u}-step-${a+1}`}),a<r.length-1&&(o?e.jsx(l,{isCompleted:p,"data-cy":`${m}-connector-${a+1}`,"data-testid":`${u}-connector-${a+1}`}):e.jsx("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});r.displayName="Stepper",exports.Stepper=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index49.cjs"),a=require("./index65.cjs"),l=t.forwardRef(({isCompleted:t=!1,"data-cy":l,"data-testid":c},r)=>{const i=l||"stepper-connector",n=c||"stepper-connector";return e.jsx("div",{ref:r,className:s.cn(a.connectorContainerStyles),"data-cy":`${i}-container`,"data-testid":`${n}-container`,children:e.jsx("div",{className:s.cn(a.connectorLineStyles,t?a.connectorActiveStyles:a.connectorInactiveStyles),"data-cy":i,"data-testid":n})})});l.displayName="StepConnector";const c=t.forwardRef(({stepNumber:l,label:c,isActive:r,isCompleted:i,isDisabled:n,isClickable:d,onClick:o,"data-cy":p,"data-testid":y},S)=>{const[b,C]=t.useState(!1),m=p||`stepper-step-${l}`,u=y||`stepper-step-${l}`;return e.jsxs("div",{ref:S,className:s.cn(a.stepItemContainerStyles,d&&!n&&"cursor-pointer"),onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),onClick:()=>{d&&!n&&o&&o()},onKeyDown:e=>{!d||n||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),o?.())},role:d?"button":void 0,tabIndex:d&&!n?0:-1,"aria-current":r?"step":void 0,"aria-disabled":n,"data-cy":m,"data-testid":u,children:[e.jsx("div",{className:n?s.cn(a.stepCircleBaseStyles,a.stepCircleDisabledStyles):r?b?s.cn(a.stepCircleBaseStyles,a.stepCircleSelectedHoverStyles):s.cn(a.stepCircleBaseStyles,a.stepCircleSelectedStyles):b&&d?s.cn(a.stepCircleBaseStyles,a.stepCircleHoverStyles):i?s.cn(a.stepCircleBaseStyles,a.stepCircleCompletedStyles):s.cn(a.stepCircleBaseStyles,a.stepCircleRestStyles),"data-cy":`${m}-circle`,"data-testid":`${u}-circle`,children:l}),e.jsx("p",{className:n?s.cn(a.stepLabelBaseStyles,a.stepLabelDisabledStyles):r?s.cn(a.stepLabelBaseStyles,a.stepLabelSelectedStyles):b&&d?s.cn(a.stepLabelBaseStyles,a.stepLabelHoverStyles):i?s.cn(a.stepLabelBaseStyles,a.stepLabelCompletedStyles):s.cn(a.stepLabelBaseStyles,a.stepLabelRestStyles),"data-cy":`${m}-label`,"data-testid":`${u}-label`,children:c})]})});c.displayName="StepItem";const r=t.forwardRef(({steps:r,currentStep:i,onChange:n,allowStepNavigation:d=!0,showConnector:o=!0,className:p,"data-cy":y,"data-testid":S,...b},C)=>{const m=y||"stepper",u=S||"stepper",v=Math.max(0,i-1);return e.jsx("div",{ref:C,className:s.cn(a.containerStyles,p),role:"navigation","aria-label":"Progress indicator","data-cy":m,"data-testid":u,...b,children:r.map((s,a)=>{const i=a===v,p=a<v,y=s.disabled??!1,S=d&&!y&&a!==v;return e.jsxs(t.Fragment,{children:[e.jsx(c,{stepNumber:a+1,label:s.label,isActive:i,isCompleted:p,isDisabled:y,isClickable:S,onClick:()=>((e,t)=>{d&&!t&&e!==v&&n?.(e+1)})(a,y),"data-cy":`${m}-step-${a+1}`,"data-testid":`${u}-step-${a+1}`}),a<r.length-1&&(o?e.jsx(l,{isCompleted:p,"data-cy":`${m}-connector-${a+1}`,"data-testid":`${u}-connector-${a+1}`}):e.jsx("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});r.displayName="Stepper",exports.Stepper=r;
package/dist/index29.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,Fragment as s,useState as i}from"react";import{cn as r}from"./index48.js";import{stepItemContainerStyles as d,connectorActiveStyles as c,connectorInactiveStyles as n,connectorLineStyles as o,connectorContainerStyles as l,stepCircleDisabledStyles as p,stepCircleBaseStyles as m,stepCircleSelectedHoverStyles as y,stepCircleSelectedStyles as b,stepCircleHoverStyles as $,stepCircleCompletedStyles as u,stepCircleRestStyles as v,stepLabelDisabledStyles as N,stepLabelBaseStyles as C,stepLabelSelectedStyles as h,stepLabelHoverStyles as f,stepLabelCompletedStyles as k,stepLabelRestStyles as x,containerStyles as g}from"./index64.js";const S=a(({isCompleted:t=!1,"data-cy":a,"data-testid":s},i)=>{const d=a||"stepper-connector",p=s||"stepper-connector";/* @__PURE__ */
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,Fragment as s,useState as i}from"react";import{cn as r}from"./index49.js";import{stepItemContainerStyles as d,connectorActiveStyles as c,connectorInactiveStyles as n,connectorLineStyles as o,connectorContainerStyles as l,stepCircleDisabledStyles as p,stepCircleBaseStyles as m,stepCircleSelectedHoverStyles as y,stepCircleSelectedStyles as b,stepCircleHoverStyles as $,stepCircleCompletedStyles as u,stepCircleRestStyles as v,stepLabelDisabledStyles as N,stepLabelBaseStyles as C,stepLabelSelectedStyles as h,stepLabelHoverStyles as f,stepLabelCompletedStyles as k,stepLabelRestStyles as x,containerStyles as g}from"./index65.js";const S=a(({isCompleted:t=!1,"data-cy":a,"data-testid":s},i)=>{const d=a||"stepper-connector",p=s||"stepper-connector";/* @__PURE__ */
2
2
  return e("div",{ref:i,className:r(l),"data-cy":`${d}-container`,"data-testid":`${p}-container`,children:/* @__PURE__ */e("div",{className:r(o,t?c:n),"data-cy":d,"data-testid":p})})});S.displayName="StepConnector";const D=a(({stepNumber:a,label:s,isActive:c,isCompleted:n,isDisabled:o,isClickable:l,onClick:g,"data-cy":S,"data-testid":D},j)=>{const[w,M]=i(!1),A=S||`stepper-step-${a}`,E=D||`stepper-step-${a}`;/* @__PURE__ */
3
3
  return t("div",{ref:j,className:r(d,l&&!o&&"cursor-pointer"),onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1),onClick:()=>{l&&!o&&g&&g()},onKeyDown:e=>{!l||o||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g?.())},role:l?"button":void 0,tabIndex:l&&!o?0:-1,"aria-current":c?"step":void 0,"aria-disabled":o,"data-cy":A,"data-testid":E,children:[
4
4
  /* @__PURE__ */e("div",{className:r(m,o?p:c?w?y:b:w&&l?$:n?u:v),"data-cy":`${A}-circle`,"data-testid":`${E}-circle`,children:a}),
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("./index48.cjs"),s=require("./index51.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"),i=require("./index49.cjs"),s=require("./index52.cjs"),n=t.forwardRef(({variant:t="main-orange",fullWidth:n=!1,icon:r,iconPosition:a="left",className:l,children:c,disabled:d,"data-testid":o,"data-cy":u,...f},x)=>{const h=i.cn(s.baseStyles,s.variantStyles[t],n&&"w-full",l);return e.jsxs("button",{ref:x,disabled:d,className:h,"data-testid":o||`button-${t}`,"data-cy":u||`button-${t}`,...f,children:[r&&"left"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r}),c,r&&"right"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r})]})});n.displayName="Button",exports.Button=n;
package/dist/index3.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{cn as n}from"./index48.js";import{variantStyles as a,baseStyles as r}from"./index51.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__ */
1
+ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{cn as n}from"./index49.js";import{variantStyles as a,baseStyles as r}from"./index52.js";const s=i(({variant:i="main-orange",fullWidth:s=!1,icon:l,iconPosition:c="left",className:o,children:d,disabled:m,"data-testid":f,"data-cy":h,...u},p)=>{const x=n(r,a[i],s&&"w-full",o);/* @__PURE__ */
2
2
  return t("button",{ref:p,disabled:m,className:x,"data-testid":f||`button-${i}`,"data-cy":h||`button-${i}`,...u,children:[l&&"left"===c&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l}),d,l&&"right"===c&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l})]})});s.displayName="Button";export{s as Button};
package/dist/index30.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("./index48.cjs"),s=require("./index65.cjs"),r=e.forwardRef(({variant:e="info",title:r,icon:i,className:d,children:c,"data-cy":l,"data-testid":n,...o},m)=>{const u=l||`alert-${e}`,y=n||`alert-${e}`;return t.jsxs("div",{ref:m,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:a.cn(s.alertRootStyles,s.alertVariantMap[e],d),"data-cy":u,"data-testid":y,...o,children:[i&&t.jsx("div",{className:s.alertIconStyles,"data-cy":`${u}-icon`,"data-testid":`${y}-icon`,children:i}),t.jsxs("div",{className:s.alertContentStyles,"data-cy":`${u}-content`,"data-testid":`${y}-content`,children:[r&&t.jsx("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${u}-title`,"data-testid":`${y}-title`,children:r}),t.jsx("div",{"data-cy":`${u}-message`,"data-testid":`${y}-message`,children:c})]})]})});r.displayName="Alert",exports.Alert=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index49.cjs"),i=require("./index66.cjs"),n=t.forwardRef(({items:t,activeItemId:n,"data-testid":r,"data-cy":s,...c},d)=>{const l=s||"top-nav",o=r||"top-nav",m=e=>{e.onClick&&e.onClick()};return e.jsx("nav",{ref:d,className:i.navStyles,"aria-label":"Main navigation","data-testid":o,"data-cy":l,...c,children:e.jsx("div",{className:a.cn(i.menuWrapperStyles),"data-testid":`${o}-menu`,"data-cy":`${l}-menu`,children:t.map(t=>{const r=n===t.id,s=`${o}-item-${t.id}`,c=`${l}-item-${t.id}`;return t.href?e.jsx("a",{href:t.href,className:a.cn(i.menuItemBaseStyles,r&&i.menuItemActiveStyles),"aria-current":r?"page":void 0,"data-testid":s,"data-cy":c,onClick:e=>{t.onClick&&(e.preventDefault(),m(t))},children:t.label},t.id):e.jsx("button",{type:"button",className:a.cn(i.menuItemBaseStyles,r&&i.menuItemActiveStyles),"aria-current":r?"page":void 0,"data-testid":s,"data-cy":c,onClick:()=>m(t),children:t.label},t.id)})})})});n.displayName="TopNav",exports.TopNav=n;
package/dist/index30.js CHANGED
@@ -1,4 +1,2 @@
1
- import{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as i}from"./index48.js";import{alertIconStyles as d,alertContentStyles as s,alertVariantMap as r,alertRootStyles as c}from"./index65.js";const n=e(({variant:e="info",title:n,icon:l,className:o,children:m,"data-cy":$,"data-testid":f,...h},y)=>{const p=$||`alert-${e}`,v=f||`alert-${e}`;/* @__PURE__ */
2
- return t("div",{ref:y,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:i(c,r[e],o),"data-cy":p,"data-testid":v,...h,children:[l&&/* @__PURE__ */a("div",{className:d,"data-cy":`${p}-icon`,"data-testid":`${v}-icon`,children:l}),
3
- /* @__PURE__ */t("div",{className:s,"data-cy":`${p}-content`,"data-testid":`${v}-content`,children:[n&&/* @__PURE__ */a("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${p}-title`,"data-testid":`${v}-title`,children:n}),
4
- /* @__PURE__ */a("div",{"data-cy":`${p}-message`,"data-testid":`${v}-message`,children:m})]})]})});n.displayName="Alert";export{n as Alert};
1
+ import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as e}from"./index49.js";import{navStyles as i,menuItemActiveStyles as r,menuItemBaseStyles as d,menuWrapperStyles as n}from"./index66.js";const c=t(({items:t,activeItemId:c,"data-testid":o,"data-cy":l,...m},s)=>{const p=l||"top-nav",u=o||"top-nav",v=a=>{a.onClick&&a.onClick()};/* @__PURE__ */
2
+ return a("nav",{ref:s,className:i,"aria-label":"Main navigation","data-testid":u,"data-cy":p,...m,children:/* @__PURE__ */a("div",{className:e(n),"data-testid":`${u}-menu`,"data-cy":`${p}-menu`,children:t.map(t=>{const i=c===t.id,n=`${u}-item-${t.id}`,o=`${p}-item-${t.id}`;return t.href?/* @__PURE__ */a("a",{href:t.href,className:e(d,i&&r),"aria-current":i?"page":void 0,"data-testid":n,"data-cy":o,onClick:a=>{t.onClick&&(a.preventDefault(),v(t))},children:t.label},t.id):/* @__PURE__ */a("button",{type:"button",className:e(d,i&&r),"aria-current":i?"page":void 0,"data-testid":n,"data-cy":o,onClick:()=>v(t),children:t.label},t.id)})})})});c.displayName="TopNav";export{c as TopNav};
package/dist/index31.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("./index48.cjs"),r=require("./index66.cjs"),d=t.forwardRef(({variant:t="default",className:d,children:s,"data-cy":c,"data-testid":o,...i},n)=>{const l=c||`card-${t}`,y=o||`card-${t}`;return a.jsx("div",{ref:n,className:e.cn(r.cardRootStyles,r.cardVariantMap[t],d),"data-cy":l,"data-testid":y,...i,children:s})});d.displayName="Card";const s=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-header",n=s||"card-header";return a.jsx("div",{ref:o,className:e.cn(r.cardHeaderStyles,t),"data-cy":i,"data-testid":n,...c})});s.displayName="CardHeader";const c=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-title",n=s||"card-title";return a.jsx("h3",{ref:o,className:e.cn(r.cardTitleStyles,t),"data-cy":i,"data-testid":n,...c})});c.displayName="CardTitle";const o=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-description",n=s||"card-description";return a.jsx("p",{ref:o,className:e.cn(r.cardDescriptionStyles,t),"data-cy":i,"data-testid":n,...c})});o.displayName="CardDescription";const i=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-content",n=s||"card-content";return a.jsx("div",{ref:o,className:e.cn(r.cardContentStyles,t),"data-cy":i,"data-testid":n,...c})});i.displayName="CardContent";const n=t.forwardRef(({className:t,align:d="start","data-cy":s,"data-testid":c,...o},i)=>{const n=s||"card-footer",l=c||"card-footer";return a.jsx("div",{ref:i,className:e.cn(r.cardFooterBaseStyles,r.cardFooterAlignMap[d],t),"data-cy":n,"data-testid":l,"data-footer-align":d,...o})});n.displayName="CardFooter",exports.Card=d,exports.CardContent=i,exports.CardDescription=o,exports.CardFooter=n,exports.CardHeader=s,exports.CardTitle=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("./index49.cjs"),s=require("./index67.cjs"),r=e.forwardRef(({variant:e="info",title:r,icon:i,className:d,children:c,"data-cy":l,"data-testid":n,...o},m)=>{const u=l||`alert-${e}`,y=n||`alert-${e}`;return t.jsxs("div",{ref:m,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:a.cn(s.alertRootStyles,s.alertVariantMap[e],d),"data-cy":u,"data-testid":y,...o,children:[i&&t.jsx("div",{className:s.alertIconStyles,"data-cy":`${u}-icon`,"data-testid":`${y}-icon`,children:i}),t.jsxs("div",{className:s.alertContentStyles,"data-cy":`${u}-content`,"data-testid":`${y}-content`,children:[r&&t.jsx("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${u}-title`,"data-testid":`${y}-title`,children:r}),t.jsx("div",{"data-cy":`${u}-message`,"data-testid":`${y}-message`,children:c})]})]})});r.displayName="Alert",exports.Alert=r;
package/dist/index31.js CHANGED
@@ -1,8 +1,4 @@
1
- import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as d}from"./index48.js";import{cardVariantMap as e,cardRootStyles as r,cardHeaderStyles as s,cardTitleStyles as c,cardDescriptionStyles as i,cardContentStyles as n,cardFooterAlignMap as o,cardFooterBaseStyles as m}from"./index66.js";const l=t(({variant:t="default",className:s,children:c,"data-cy":i,"data-testid":n,...o},m)=>{const l=i||`card-${t}`,y=n||`card-${t}`;/* @__PURE__ */
2
- return a("div",{ref:m,className:d(r,e[t],s),"data-cy":l,"data-testid":y,...o,children:c})});l.displayName="Card";const y=t(({className:t,"data-cy":e,"data-testid":r,...c},i)=>{const n=e||"card-header",o=r||"card-header";/* @__PURE__ */
3
- return a("div",{ref:i,className:d(s,t),"data-cy":n,"data-testid":o,...c})});y.displayName="CardHeader";const N=t(({className:t,"data-cy":e,"data-testid":r,...s},i)=>{const n=e||"card-title",o=r||"card-title";
4
- /* @__PURE__ */
5
- return a("h3",{ref:i,className:d(c,t),"data-cy":n,"data-testid":o,...s})});N.displayName="CardTitle";const p=t(({className:t,"data-cy":e,"data-testid":r,...s},c)=>{const n=e||"card-description",o=r||"card-description";/* @__PURE__ */
6
- return a("p",{ref:c,className:d(i,t),"data-cy":n,"data-testid":o,...s})});p.displayName="CardDescription";const f=t(({className:t,"data-cy":e,"data-testid":r,...s},c)=>{const i=e||"card-content",o=r||"card-content";/* @__PURE__ */
7
- return a("div",{ref:c,className:d(n,t),"data-cy":i,"data-testid":o,...s})});f.displayName="CardContent";const u=t(({className:t,align:e="start","data-cy":r,"data-testid":s,...c},i)=>{const n=r||"card-footer",l=s||"card-footer";/* @__PURE__ */
8
- return a("div",{ref:i,className:d(m,o[e],t),"data-cy":n,"data-testid":l,"data-footer-align":e,...c})});u.displayName="CardFooter";export{l as Card,f as CardContent,p as CardDescription,u as CardFooter,y as CardHeader,N as CardTitle};
1
+ import{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as i}from"./index49.js";import{alertIconStyles as d,alertContentStyles as s,alertVariantMap as r,alertRootStyles as c}from"./index67.js";const n=e(({variant:e="info",title:n,icon:l,className:o,children:m,"data-cy":$,"data-testid":f,...h},y)=>{const p=$||`alert-${e}`,v=f||`alert-${e}`;/* @__PURE__ */
2
+ return t("div",{ref:y,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:i(c,r[e],o),"data-cy":p,"data-testid":v,...h,children:[l&&/* @__PURE__ */a("div",{className:d,"data-cy":`${p}-icon`,"data-testid":`${v}-icon`,children:l}),
3
+ /* @__PURE__ */t("div",{className:s,"data-cy":`${p}-content`,"data-testid":`${v}-content`,children:[n&&/* @__PURE__ */a("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${p}-title`,"data-testid":`${v}-title`,children:n}),
4
+ /* @__PURE__ */a("div",{"data-cy":`${p}-message`,"data-testid":`${v}-message`,children:m})]})]})});n.displayName="Alert";export{n as Alert};
package/dist/index32.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("./index48.cjs"),d=require("./index67.cjs"),s=a.forwardRef(({columns:a,data:s,striped:r=!1,hoverable:l=!1,className:c,"data-cy":i,"data-testid":y,...n},h)=>{const $=i||"datatable",p=y||"datatable";return e.jsx("div",{className:d.wrapperStyles,"data-cy":`${$}-wrapper`,"data-testid":`${p}-wrapper`,children:e.jsxs("table",{ref:h,className:t.cn(d.tableBaseStyles,c),"data-cy":$,"data-testid":p,...n,children:[e.jsx("thead",{className:d.theadStyles,"data-cy":`${$}-head`,"data-testid":`${p}-head`,children:e.jsx("tr",{children:a.map(a=>e.jsx("th",{className:d.thStyles,"data-cy":`${$}-header-${a.key}`,"data-testid":`${p}-header-${a.key}`,children:a.header},a.key))})}),e.jsx("tbody",{"data-cy":`${$}-body`,"data-testid":`${p}-body`,children:0===s.length?e.jsx("tr",{children:e.jsx("td",{colSpan:a.length,className:d.emptyCellStyles,"data-cy":`${$}-empty`,"data-testid":`${p}-empty`,children:"No data available"})}):s.map((s,c)=>e.jsx("tr",{className:t.cn(d.trStripedStyles,l&&d.trHoverableStyles,r&&d.trStripedEvenStyles),"data-cy":`${$}-row-${c}`,"data-testid":`${p}-row-${c}`,children:a.map(a=>e.jsx("td",{className:d.tdStyles,"data-cy":`${$}-cell-${c}-${a.key}`,"data-testid":`${p}-cell-${c}-${a.key}`,children:String(s[a.key]??"")},a.key))},c))})]})})});s.displayName="DataTable",exports.DataTable=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("./index49.cjs"),r=require("./index68.cjs"),d=t.forwardRef(({variant:t="default",className:d,children:s,"data-cy":c,"data-testid":o,...i},n)=>{const l=c||`card-${t}`,y=o||`card-${t}`;return a.jsx("div",{ref:n,className:e.cn(r.cardRootStyles,r.cardVariantMap[t],d),"data-cy":l,"data-testid":y,...i,children:s})});d.displayName="Card";const s=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-header",n=s||"card-header";return a.jsx("div",{ref:o,className:e.cn(r.cardHeaderStyles,t),"data-cy":i,"data-testid":n,...c})});s.displayName="CardHeader";const c=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-title",n=s||"card-title";return a.jsx("h3",{ref:o,className:e.cn(r.cardTitleStyles,t),"data-cy":i,"data-testid":n,...c})});c.displayName="CardTitle";const o=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-description",n=s||"card-description";return a.jsx("p",{ref:o,className:e.cn(r.cardDescriptionStyles,t),"data-cy":i,"data-testid":n,...c})});o.displayName="CardDescription";const i=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-content",n=s||"card-content";return a.jsx("div",{ref:o,className:e.cn(r.cardContentStyles,t),"data-cy":i,"data-testid":n,...c})});i.displayName="CardContent";const n=t.forwardRef(({className:t,align:d="start","data-cy":s,"data-testid":c,...o},i)=>{const n=s||"card-footer",l=c||"card-footer";return a.jsx("div",{ref:i,className:e.cn(r.cardFooterBaseStyles,r.cardFooterAlignMap[d],t),"data-cy":n,"data-testid":l,"data-footer-align":d,...o})});n.displayName="CardFooter",exports.Card=d,exports.CardContent=i,exports.CardDescription=o,exports.CardFooter=n,exports.CardHeader=s,exports.CardTitle=c;
package/dist/index32.js CHANGED
@@ -1,4 +1,8 @@
1
- import{jsx as a,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as d}from"./index48.js";import{wrapperStyles as r,theadStyles as c,thStyles as l,emptyCellStyles as s,tdStyles as i,trStripedEvenStyles as m,trHoverableStyles as y,trStripedStyles as $,tableBaseStyles as n}from"./index67.js";const h=e(({columns:e,data:h,striped:o=!1,hoverable:p=!1,className:N,"data-cy":b,"data-testid":k,...f},w)=>{const x=b||"datatable",g=k||"datatable";/* @__PURE__ */
2
- return a("div",{className:r,"data-cy":`${x}-wrapper`,"data-testid":`${g}-wrapper`,children:/* @__PURE__ */t("table",{ref:w,className:d(n,N),"data-cy":x,"data-testid":g,...f,children:[
3
- /* @__PURE__ */a("thead",{className:c,"data-cy":`${x}-head`,"data-testid":`${g}-head`,children:/* @__PURE__ */a("tr",{children:e.map(t=>/* @__PURE__ */a("th",{className:l,"data-cy":`${x}-header-${t.key}`,"data-testid":`${g}-header-${t.key}`,children:t.header},t.key))})}),
4
- /* @__PURE__ */a("tbody",{"data-cy":`${x}-body`,"data-testid":`${g}-body`,children:0===h.length?/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:e.length,className:s,"data-cy":`${x}-empty`,"data-testid":`${g}-empty`,children:"No data available"})}):h.map((t,r)=>/* @__PURE__ */a("tr",{className:d($,p&&y,o&&m),"data-cy":`${x}-row-${r}`,"data-testid":`${g}-row-${r}`,children:e.map(e=>/* @__PURE__ */a("td",{className:i,"data-cy":`${x}-cell-${r}-${e.key}`,"data-testid":`${g}-cell-${r}-${e.key}`,children:String(t[e.key]??"")},e.key))},r))})]})})});h.displayName="DataTable";export{h as DataTable};
1
+ import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as d}from"./index49.js";import{cardVariantMap as e,cardRootStyles as r,cardHeaderStyles as s,cardTitleStyles as c,cardDescriptionStyles as i,cardContentStyles as n,cardFooterAlignMap as o,cardFooterBaseStyles as m}from"./index68.js";const l=t(({variant:t="default",className:s,children:c,"data-cy":i,"data-testid":n,...o},m)=>{const l=i||`card-${t}`,y=n||`card-${t}`;/* @__PURE__ */
2
+ return a("div",{ref:m,className:d(r,e[t],s),"data-cy":l,"data-testid":y,...o,children:c})});l.displayName="Card";const y=t(({className:t,"data-cy":e,"data-testid":r,...c},i)=>{const n=e||"card-header",o=r||"card-header";/* @__PURE__ */
3
+ return a("div",{ref:i,className:d(s,t),"data-cy":n,"data-testid":o,...c})});y.displayName="CardHeader";const N=t(({className:t,"data-cy":e,"data-testid":r,...s},i)=>{const n=e||"card-title",o=r||"card-title";
4
+ /* @__PURE__ */
5
+ return a("h3",{ref:i,className:d(c,t),"data-cy":n,"data-testid":o,...s})});N.displayName="CardTitle";const p=t(({className:t,"data-cy":e,"data-testid":r,...s},c)=>{const n=e||"card-description",o=r||"card-description";/* @__PURE__ */
6
+ return a("p",{ref:c,className:d(i,t),"data-cy":n,"data-testid":o,...s})});p.displayName="CardDescription";const f=t(({className:t,"data-cy":e,"data-testid":r,...s},c)=>{const i=e||"card-content",o=r||"card-content";/* @__PURE__ */
7
+ return a("div",{ref:c,className:d(n,t),"data-cy":i,"data-testid":o,...s})});f.displayName="CardContent";const u=t(({className:t,align:e="start","data-cy":r,"data-testid":s,...c},i)=>{const n=r||"card-footer",l=s||"card-footer";/* @__PURE__ */
8
+ return a("div",{ref:i,className:d(m,o[e],t),"data-cy":n,"data-testid":l,"data-footer-align":e,...c})});u.displayName="CardFooter";export{l as Card,f as CardContent,p as CardDescription,u as CardFooter,y as CardHeader,N as CardTitle};
package/dist/index33.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),r=require("./index48.cjs"),i=require("./index68.cjs"),t=a.forwardRef(({variant:a="primary",selected:t=!1,disabled:s=!1,className:c,children:d,"data-testid":n,"data-cy":l,...o},p)=>{const h=i.chipVariantMap[a],u=r.cn(i.chipBaseStyles,t?h.selected:h.base,!t&&!s&&h.hover,s&&"opacity-40 cursor-not-allowed pointer-events-none",c);return e.jsx("div",{ref:p,className:u,"data-testid":n||`chip-${a}`,"data-cy":l||`chip-${a}`,"aria-selected":t,"aria-disabled":s,"aria-label":"string"==typeof d?d:void 0,...o,children:e.jsx("span",{children:d})})});t.displayName="Chip",exports.Chip=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index49.cjs"),d=require("./index69.cjs"),s=a.forwardRef(({columns:a,data:s,striped:r=!1,hoverable:l=!1,className:c,"data-cy":i,"data-testid":y,...n},h)=>{const $=i||"datatable",p=y||"datatable";return e.jsx("div",{className:d.wrapperStyles,"data-cy":`${$}-wrapper`,"data-testid":`${p}-wrapper`,children:e.jsxs("table",{ref:h,className:t.cn(d.tableBaseStyles,c),"data-cy":$,"data-testid":p,...n,children:[e.jsx("thead",{className:d.theadStyles,"data-cy":`${$}-head`,"data-testid":`${p}-head`,children:e.jsx("tr",{children:a.map(a=>e.jsx("th",{className:d.thStyles,"data-cy":`${$}-header-${a.key}`,"data-testid":`${p}-header-${a.key}`,children:a.header},a.key))})}),e.jsx("tbody",{"data-cy":`${$}-body`,"data-testid":`${p}-body`,children:0===s.length?e.jsx("tr",{children:e.jsx("td",{colSpan:a.length,className:d.emptyCellStyles,"data-cy":`${$}-empty`,"data-testid":`${p}-empty`,children:"No data available"})}):s.map((s,c)=>e.jsx("tr",{className:t.cn(d.trStripedStyles,l&&d.trHoverableStyles,r&&d.trStripedEvenStyles),"data-cy":`${$}-row-${c}`,"data-testid":`${p}-row-${c}`,children:a.map(a=>e.jsx("td",{className:d.tdStyles,"data-cy":`${$}-cell-${c}-${a.key}`,"data-testid":`${p}-cell-${c}-${a.key}`,children:String(s[a.key]??"")},a.key))},c))})]})})});s.displayName="DataTable",exports.DataTable=s;
package/dist/index33.js CHANGED
@@ -1,2 +1,4 @@
1
- import{jsx as e}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as r}from"./index48.js";import{chipVariantMap as t,chipBaseStyles as i}from"./index68.js";const d=a(({variant:a="primary",selected:d=!1,disabled:s=!1,className:o,children:c,"data-testid":n,"data-cy":l,...p},m)=>{const h=t[a],f=r(i,d?h.selected:h.base,!d&&!s&&h.hover,s&&"opacity-40 cursor-not-allowed pointer-events-none",o);/* @__PURE__ */
2
- return e("div",{ref:m,className:f,"data-testid":n||`chip-${a}`,"data-cy":l||`chip-${a}`,"aria-selected":d,"aria-disabled":s,"aria-label":"string"==typeof c?c:void 0,...p,children:/* @__PURE__ */e("span",{children:c})})});d.displayName="Chip";export{d as Chip};
1
+ import{jsx as a,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as d}from"./index49.js";import{wrapperStyles as r,theadStyles as c,thStyles as l,emptyCellStyles as s,tdStyles as i,trStripedEvenStyles as m,trHoverableStyles as y,trStripedStyles as $,tableBaseStyles as n}from"./index69.js";const h=e(({columns:e,data:h,striped:o=!1,hoverable:p=!1,className:N,"data-cy":b,"data-testid":k,...f},w)=>{const x=b||"datatable",g=k||"datatable";/* @__PURE__ */
2
+ return a("div",{className:r,"data-cy":`${x}-wrapper`,"data-testid":`${g}-wrapper`,children:/* @__PURE__ */t("table",{ref:w,className:d(n,N),"data-cy":x,"data-testid":g,...f,children:[
3
+ /* @__PURE__ */a("thead",{className:c,"data-cy":`${x}-head`,"data-testid":`${g}-head`,children:/* @__PURE__ */a("tr",{children:e.map(t=>/* @__PURE__ */a("th",{className:l,"data-cy":`${x}-header-${t.key}`,"data-testid":`${g}-header-${t.key}`,children:t.header},t.key))})}),
4
+ /* @__PURE__ */a("tbody",{"data-cy":`${x}-body`,"data-testid":`${g}-body`,children:0===h.length?/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:e.length,className:s,"data-cy":`${x}-empty`,"data-testid":`${g}-empty`,children:"No data available"})}):h.map((t,r)=>/* @__PURE__ */a("tr",{className:d($,p&&y,o&&m),"data-cy":`${x}-row-${r}`,"data-testid":`${g}-row-${r}`,children:e.map(e=>/* @__PURE__ */a("td",{className:i,"data-cy":`${x}-cell-${r}-${e.key}`,"data-testid":`${g}-cell-${r}-${e.key}`,children:String(t[e.key]??"")},e.key))},r))})]})})});h.displayName="DataTable";export{h as DataTable};
package/dist/index34.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index48.cjs"),a=require("./index33.cjs"),n=require("./index69.cjs"),i=require("./index70.cjs"),l=require("@adam-milo/icons"),s=(e,r,a,n,i)=>{const[l,s]=t.useState(e.length),o=t.useCallback(()=>{if(void 0!==i)return void s(Math.min(i,e.length));const t=r.current;if(!t)return;const l=t.clientWidth,o=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,u=window.getComputedStyle(t),c=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const n=parseFloat(a[1]);switch(a[2]||"px"){case"px":return n;case"rem":return n*t;case"em":return n*r;default:return.5*t}})(u.gap,o,parseFloat(u.fontSize)||16),d=3.75*o;for(let r=0;r<e.length;r++){const t=e[r],i=a.current[r];i&&n.current.set(t.value,i.offsetWidth)}const p=((e,t,r,a,n)=>{let i=0,l=0;for(let s=0;s<e.length;s++){const o=e[s],u=t.get(o.value)||0;if(0===u){l++;break}const c=i+(s>0?a:0)+u;if(s<e.length-1){if(c+a+n>r&&l>0)break}else if(c>r&&l>0)break;i=c,l++}return Math.max(1,l)})(e,n.current,l,c,d);s(p)},[e,i,r,a,n]),u=((e,r)=>{const a=t.useRef(null);return t.useEffect(()=>()=>{a.current&&clearTimeout(a.current)},[]),t.useCallback((...t)=>{a.current&&clearTimeout(a.current),a.current=setTimeout(()=>e(...t),r)},[e,r])})(o,100);t.useEffect(()=>{a.current.length>e.length&&(a.current=a.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(n.current.forEach((e,r)=>{t.has(r)||n.current.delete(r)}),void 0===i){e.some(e=>!n.current.has(e.value))?s(e.length):setTimeout(o,0)}},[e,i,o,a,n]),t.useEffect(()=>{const e=r.current;if(!e)return;const t=new ResizeObserver(()=>{u()});return t.observe(e),setTimeout(o,0),()=>{t.disconnect()}},[o,u,r]);const c=e.slice(0,l),d=e.slice(l);return{visibleCount:l,visibleItems:c,hiddenItems:d,hasOverflow:d.length>0}},o=t.forwardRef(({items:o,selectedValue:u,onSelectionChange:c,removable:d=!1,onRemove:p,variant:h="primary",disabled:v=!1,maxVisible:m,className:f,"data-testid":g,"data-cy":b,...y},w)=>{const x=(o&&Array.isArray(o)?o:[]).filter(e=>null!=e&&"object"==typeof e),k=t.useRef(null),C=t.useRef([]),E=t.useRef(new Map),j=t.useRef(null),[S,N]=t.useState(!1),[$,D]=t.useState(!1),R=t.useRef([]),{visibleItems:I,hiddenItems:q,hasOverflow:M}=s(x,k,C,E,m),A=t.useCallback((e,t,r)=>{if(!v&&!t&&c){c(u===e?null:e,r)}},[v,u,c]),P=t.useCallback((e,t)=>{e.stopPropagation(),v||p&&p(t,e)},[v,p]),T=t.useCallback((e,t,r)=>{v||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),A(t,r,e))},[v,A]),z=t.useCallback(e=>{e.stopPropagation(),D(e=>!e),N(!1)},[]),L=t.useCallback((e,t)=>{switch(e.key){case"ArrowDown":e.preventDefault(),t<q.length-1&&R.current[t+1]?.focus();break;case"ArrowUp":e.preventDefault(),t>0&&R.current[t-1]?.focus();break;case"Home":e.preventDefault(),R.current[0]?.focus();break;case"End":e.preventDefault(),R.current[q.length-1]?.focus()}},[q.length]),O=t.useRef(null),W=t.useRef(null);return t.useEffect(()=>{O.current=e=>{j.current&&!j.current.contains(e.target)&&D(!1)},W.current=e=>{"Escape"===e.key&&D(!1)}}),t.useEffect(()=>{if(!$)return;const e=e=>O.current?.(e),t=e=>W.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[$]),t.useEffect(()=>{if("development"===process.env.NODE_ENV&&x.length>0){const e=x.map(e=>e.value),t=new Set(e);e.length!==t.size&&i.devWarn("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[x]),t.useEffect(()=>{R.current.length>q.length&&(R.current=R.current.slice(0,q.length))},[q]),o&&Array.isArray(o)?e.jsxs("div",{ref:w,className:r.cn(n.rootStyles,v&&"opacity-40 pointer-events-none",f),role:"group","aria-label":"Chip group","data-testid":g||"chip-group","data-cy":b||"chip-group",...y,children:[M&&e.jsxs("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[q.length," additional ",1===q.length?"chip":"chips"," hidden"]}),e.jsxs("div",{ref:k,className:n.containerStyles,children:[I.map(t=>{const r=u===t.value,i=t.variant||h,s=v||t.disabled||!1,o=x.findIndex(e=>e.value===t.value);return e.jsx("div",{ref:e=>{C.current[o]=e||null},className:n.itemWrapperStyles,"data-cy":`chip-group-item-wrapper-${t.value}`,"data-testid":`chip-group-item-wrapper-${t.value}`,children:e.jsxs("div",{className:n.itemButtonStyles,onClick:e=>A(t.value,s,e),onKeyDown:e=>T(e,t.value,s),tabIndex:s?-1:0,role:"button","aria-pressed":r?"true":"false","aria-disabled":s?"true":"false","data-cy":`chip-group-item-${t.value}`,"data-testid":`chip-group-item-${t.value}`,children:[e.jsx(a.Chip,{variant:i,selected:r,disabled:s,className:!d||v||s?void 0:"pe-6","data-cy":`chip-${t.value}`,"data-testid":`chip-${t.value}`,children:t.label}),d&&!v&&!s&&e.jsx("button",{className:n.removeButtonStyles,onClick:e=>P(e,t.value),"aria-label":`Remove ${t.label}`,"data-cy":`chip-remove-${t.value}`,"data-testid":`chip-remove-${t.value}`,type:"button",children:e.jsx(l.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},t.value)}),M&&e.jsxs("div",{ref:j,className:n.overflowButtonStyles,role:"button",tabIndex:0,"aria-expanded":$?"true":"false","aria-haspopup":"menu","aria-label":`Show ${q.length} more ${1===q.length?"chip":"chips"}`,onMouseEnter:()=>!$&&N(!0),onMouseLeave:()=>N(!1),onClick:z,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),D(!$),N(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[e.jsxs(a.Chip,{variant:h,className:n.overflowChipClassMap[h],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",q.length]}),S&&!$&&e.jsx("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:q.map(t=>e.jsx("div",{className:n.tooltipItemStyles,"data-cy":`chip-group-tooltip-item-${t.value}`,"data-testid":`chip-group-tooltip-item-${t.value}`,children:t.label},t.value))}),$&&e.jsx("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:q.map((t,a)=>e.jsx("div",{ref:e=>{R.current[a]=e||null},className:r.cn("chip-group-dropdown-item",t.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:t.disabled?-1:0,"aria-disabled":t.disabled?"true":"false",onClick:e=>{e.stopPropagation(),t.disabled||(A(t.value,!1,e),D(!1))},onKeyDown:e=>{L(e,a),"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),t.disabled||(A(t.value,!1,e),D(!1)))},"data-cy":`chip-group-dropdown-item-${t.value}`,"data-testid":`chip-group-dropdown-item-${t.value}`,children:t.label},t.value))})]})]})]}):null});o.displayName="ChipGroup",exports.ChipGroup=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),r=require("./index49.cjs"),i=require("./index70.cjs"),t=a.forwardRef(({variant:a="primary",selected:t=!1,disabled:s=!1,className:c,children:d,"data-testid":n,"data-cy":l,...o},p)=>{const h=i.chipVariantMap[a],u=r.cn(i.chipBaseStyles,t?h.selected:h.base,!t&&!s&&h.hover,s&&"opacity-40 cursor-not-allowed pointer-events-none",c);return e.jsx("div",{ref:p,className:u,"data-testid":n||`chip-${a}`,"data-cy":l||`chip-${a}`,"aria-selected":t,"aria-disabled":s,"aria-label":"string"==typeof d?d:void 0,...o,children:e.jsx("span",{children:d})})});t.displayName="Chip",exports.Chip=t;
package/dist/index34.js CHANGED
@@ -1,5 +1,2 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useRef as a,useState as n,useCallback as i,useEffect as o}from"react";import{cn as l}from"./index48.js";import{Chip as c}from"./index33.js";import{containerStyles as s,itemWrapperStyles as u,itemButtonStyles as d,removeButtonStyles as p,overflowButtonStyles as m,overflowChipClassMap as h,tooltipItemStyles as v,rootStyles as g}from"./index69.js";import{devWarn as f}from"./index70.js";import{Icon as b}from"@adam-milo/icons";const y=(e,t,r,l,c)=>{const[s,u]=n(e.length),d=i(()=>{if(void 0!==c)return void u(Math.min(c,e.length));const a=t.current;if(!a)return;const n=a.clientWidth,i=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,o=window.getComputedStyle(a),s=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const n=parseFloat(a[1]);switch(a[2]||"px"){case"px":return n;case"rem":return n*t;case"em":return n*r;default:return.5*t}})(o.gap,i,parseFloat(o.fontSize)||16),d=3.75*i;for(let t=0;t<e.length;t++){const a=e[t],n=r.current[t];n&&l.current.set(a.value,n.offsetWidth)}const p=((e,t,r,a,n)=>{let i=0,o=0;for(let l=0;l<e.length;l++){const c=e[l],s=t.get(c.value)||0;if(0===s){o++;break}const u=i+(l>0?a:0)+s;if(l<e.length-1){if(u+a+n>r&&o>0)break}else if(u>r&&o>0)break;i=u,o++}return Math.max(1,o)})(e,l.current,n,s,d);u(p)},[e,c,t,r,l]),p=((e,t)=>{const r=a(null);return o(()=>()=>{r.current&&clearTimeout(r.current)},[]),i((...a)=>{r.current&&clearTimeout(r.current),r.current=setTimeout(()=>e(...a),t)},[e,t])})(d,100);o(()=>{r.current.length>e.length&&(r.current=r.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(l.current.forEach((e,r)=>{t.has(r)||l.current.delete(r)}),void 0===c){e.some(e=>!l.current.has(e.value))?u(e.length):setTimeout(d,0)}},[e,c,d,r,l]),o(()=>{const e=t.current;if(!e)return;const r=new ResizeObserver(()=>{p()});return r.observe(e),setTimeout(d,0),()=>{r.disconnect()}},[d,p,t]);const m=e.slice(0,s),h=e.slice(s);return{visibleCount:s,visibleItems:m,hiddenItems:h,hasOverflow:h.length>0}},w=r(({items:r,selectedValue:w,onSelectionChange:k,removable:N=!1,onRemove:x,variant:E="primary",disabled:$=!1,maxVisible:D,className:C,"data-testid":I,"data-cy":S,...j},A)=>{const z=(r&&Array.isArray(r)?r:[]).filter(e=>null!=e&&"object"==typeof e),L=a(null),M=a([]),P=a(/* @__PURE__ */new Map),T=a(null),[O,F]=n(!1),[K,R]=n(!1),V=a([]),{visibleItems:G,hiddenItems:W,hasOverflow:q}=y(z,L,M,P,D),H=i((e,t,r)=>{if(!$&&!t&&k){k(w===e?null:e,r)}},[$,w,k]),U=i((e,t)=>{e.stopPropagation(),$||x&&x(t,e)},[$,x]),_=i((e,t,r)=>{$||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),H(t,r,e))},[$,H]),B=i(e=>{e.stopPropagation(),R(e=>!e),F(!1)},[]),J=i((e,t)=>{switch(e.key){case"ArrowDown":e.preventDefault(),t<W.length-1&&V.current[t+1]?.focus();break;case"ArrowUp":e.preventDefault(),t>0&&V.current[t-1]?.focus();break;case"Home":e.preventDefault(),V.current[0]?.focus();break;case"End":e.preventDefault(),V.current[W.length-1]?.focus()}},[W.length]),Q=a(null),X=a(null);return o(()=>{Q.current=e=>{T.current&&!T.current.contains(e.target)&&R(!1)},X.current=e=>{"Escape"===e.key&&R(!1)}}),o(()=>{if(!K)return;const e=e=>Q.current?.(e),t=e=>X.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[K]),o(()=>{if("development"===process.env.NODE_ENV&&z.length>0){const e=z.map(e=>e.value),t=new Set(e);e.length!==t.size&&f("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[z]),o(()=>{V.current.length>W.length&&(V.current=V.current.slice(0,W.length))},[W]),r&&Array.isArray(r)?/* @__PURE__ */e("div",{ref:A,className:l(g,$&&"opacity-40 pointer-events-none",C),role:"group","aria-label":"Chip group","data-testid":I||"chip-group","data-cy":S||"chip-group",...j,children:[q&&/* @__PURE__ */e("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[W.length," additional ",1===W.length?"chip":"chips"," hidden"]}),
2
- /* @__PURE__ */e("div",{ref:L,className:s,children:[G.map(r=>{const a=w===r.value,n=r.variant||E,i=$||r.disabled||!1,o=z.findIndex(e=>e.value===r.value);/* @__PURE__ */
3
- return t("div",{ref:e=>{M.current[o]=e||null},className:u,"data-cy":`chip-group-item-wrapper-${r.value}`,"data-testid":`chip-group-item-wrapper-${r.value}`,children:/* @__PURE__ */e("div",{className:d,onClick:e=>H(r.value,i,e),onKeyDown:e=>_(e,r.value,i),tabIndex:i?-1:0,role:"button","aria-pressed":a?"true":"false","aria-disabled":i?"true":"false","data-cy":`chip-group-item-${r.value}`,"data-testid":`chip-group-item-${r.value}`,children:[
4
- /* @__PURE__ */t(c,{variant:n,selected:a,disabled:i,className:!N||$||i?void 0:"pe-6","data-cy":`chip-${r.value}`,"data-testid":`chip-${r.value}`,children:r.label}),N&&!$&&!i&&/* @__PURE__ */t("button",{className:p,onClick:e=>U(e,r.value),"aria-label":`Remove ${r.label}`,"data-cy":`chip-remove-${r.value}`,"data-testid":`chip-remove-${r.value}`,type:"button",children:/* @__PURE__ */t(b,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},r.value)}),q&&/* @__PURE__ */e("div",{ref:T,className:m,role:"button",tabIndex:0,"aria-expanded":K?"true":"false","aria-haspopup":"menu","aria-label":`Show ${W.length} more ${1===W.length?"chip":"chips"}`,onMouseEnter:()=>!K&&F(!0),onMouseLeave:()=>F(!1),onClick:B,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),R(!K),F(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[
5
- /* @__PURE__ */e(c,{variant:E,className:h[E],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",W.length]}),O&&!K&&/* @__PURE__ */t("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:W.map(e=>/* @__PURE__ */t("div",{className:v,"data-cy":`chip-group-tooltip-item-${e.value}`,"data-testid":`chip-group-tooltip-item-${e.value}`,children:e.label},e.value))}),K&&/* @__PURE__ */t("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:W.map((e,r)=>/* @__PURE__ */t("div",{ref:e=>{V.current[r]=e||null},className:l("chip-group-dropdown-item",e.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled?"true":"false",onClick:t=>{t.stopPropagation(),e.disabled||(H(e.value,!1,t),R(!1))},onKeyDown:t=>{J(t,r),"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),e.disabled||(H(e.value,!1,t),R(!1)))},"data-cy":`chip-group-dropdown-item-${e.value}`,"data-testid":`chip-group-dropdown-item-${e.value}`,children:e.label},e.value))})]})]})]}):null});w.displayName="ChipGroup";export{w as ChipGroup};
1
+ import{jsx as e}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as r}from"./index49.js";import{chipVariantMap as t,chipBaseStyles as i}from"./index70.js";const d=a(({variant:a="primary",selected:d=!1,disabled:s=!1,className:o,children:c,"data-testid":n,"data-cy":l,...p},m)=>{const h=t[a],f=r(i,d?h.selected:h.base,!d&&!s&&h.hover,s&&"opacity-40 cursor-not-allowed pointer-events-none",o);/* @__PURE__ */
2
+ return e("div",{ref:m,className:f,"data-testid":n||`chip-${a}`,"data-cy":l||`chip-${a}`,"aria-selected":d,"aria-disabled":s,"aria-label":"string"==typeof c?c:void 0,...p,children:/* @__PURE__ */e("span",{children:c})})});d.displayName="Chip";export{d as Chip};
package/dist/index35.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("./index48.cjs"),r=require("./index71.cjs"),d=t.forwardRef(({selected:t=!1,onSelect:d,className:s,children:c,"data-cy":l,"data-testid":n,onClick:i,...o},u)=>{const y=l||"badge",b=n||"badge",g=()=>{d&&d()};return e.jsx("div",{ref:u,className:a.cn(r.badgeBaseStyles,t?r.badgeSelectedStyles:r.badgeDefaultStyles,s),"data-cy":y,"data-testid":b,"data-selected":t,onClick:e=>{g(),i&&i(e)},role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g())},"aria-pressed":t,...o,children:c})});d.displayName="Badge",exports.Badge=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index49.cjs"),a=require("./index34.cjs"),n=require("./index71.cjs"),i=require("./index72.cjs"),l=require("@adam-milo/icons"),s=(e,r,a,n,i)=>{const[l,s]=t.useState(e.length),o=t.useCallback(()=>{if(void 0!==i)return void s(Math.min(i,e.length));const t=r.current;if(!t)return;const l=t.clientWidth,o=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,u=window.getComputedStyle(t),c=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const n=parseFloat(a[1]);switch(a[2]||"px"){case"px":return n;case"rem":return n*t;case"em":return n*r;default:return.5*t}})(u.gap,o,parseFloat(u.fontSize)||16),d=3.75*o;for(let r=0;r<e.length;r++){const t=e[r],i=a.current[r];i&&n.current.set(t.value,i.offsetWidth)}const p=((e,t,r,a,n)=>{let i=0,l=0;for(let s=0;s<e.length;s++){const o=e[s],u=t.get(o.value)||0;if(0===u){l++;break}const c=i+(s>0?a:0)+u;if(s<e.length-1){if(c+a+n>r&&l>0)break}else if(c>r&&l>0)break;i=c,l++}return Math.max(1,l)})(e,n.current,l,c,d);s(p)},[e,i,r,a,n]),u=((e,r)=>{const a=t.useRef(null);return t.useEffect(()=>()=>{a.current&&clearTimeout(a.current)},[]),t.useCallback((...t)=>{a.current&&clearTimeout(a.current),a.current=setTimeout(()=>e(...t),r)},[e,r])})(o,100);t.useEffect(()=>{a.current.length>e.length&&(a.current=a.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(n.current.forEach((e,r)=>{t.has(r)||n.current.delete(r)}),void 0===i){e.some(e=>!n.current.has(e.value))?s(e.length):setTimeout(o,0)}},[e,i,o,a,n]),t.useEffect(()=>{const e=r.current;if(!e)return;const t=new ResizeObserver(()=>{u()});return t.observe(e),setTimeout(o,0),()=>{t.disconnect()}},[o,u,r]);const c=e.slice(0,l),d=e.slice(l);return{visibleCount:l,visibleItems:c,hiddenItems:d,hasOverflow:d.length>0}},o=t.forwardRef(({items:o,selectedValue:u,onSelectionChange:c,removable:d=!1,onRemove:p,variant:h="primary",disabled:v=!1,maxVisible:m,className:f,"data-testid":g,"data-cy":b,...y},w)=>{const x=(o&&Array.isArray(o)?o:[]).filter(e=>null!=e&&"object"==typeof e),k=t.useRef(null),C=t.useRef([]),E=t.useRef(new Map),j=t.useRef(null),[S,N]=t.useState(!1),[$,D]=t.useState(!1),R=t.useRef([]),{visibleItems:I,hiddenItems:q,hasOverflow:M}=s(x,k,C,E,m),A=t.useCallback((e,t,r)=>{if(!v&&!t&&c){c(u===e?null:e,r)}},[v,u,c]),P=t.useCallback((e,t)=>{e.stopPropagation(),v||p&&p(t,e)},[v,p]),T=t.useCallback((e,t,r)=>{v||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),A(t,r,e))},[v,A]),z=t.useCallback(e=>{e.stopPropagation(),D(e=>!e),N(!1)},[]),L=t.useCallback((e,t)=>{switch(e.key){case"ArrowDown":e.preventDefault(),t<q.length-1&&R.current[t+1]?.focus();break;case"ArrowUp":e.preventDefault(),t>0&&R.current[t-1]?.focus();break;case"Home":e.preventDefault(),R.current[0]?.focus();break;case"End":e.preventDefault(),R.current[q.length-1]?.focus()}},[q.length]),O=t.useRef(null),W=t.useRef(null);return t.useEffect(()=>{O.current=e=>{j.current&&!j.current.contains(e.target)&&D(!1)},W.current=e=>{"Escape"===e.key&&D(!1)}}),t.useEffect(()=>{if(!$)return;const e=e=>O.current?.(e),t=e=>W.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[$]),t.useEffect(()=>{if("development"===process.env.NODE_ENV&&x.length>0){const e=x.map(e=>e.value),t=new Set(e);e.length!==t.size&&i.devWarn("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[x]),t.useEffect(()=>{R.current.length>q.length&&(R.current=R.current.slice(0,q.length))},[q]),o&&Array.isArray(o)?e.jsxs("div",{ref:w,className:r.cn(n.rootStyles,v&&"opacity-40 pointer-events-none",f),role:"group","aria-label":"Chip group","data-testid":g||"chip-group","data-cy":b||"chip-group",...y,children:[M&&e.jsxs("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[q.length," additional ",1===q.length?"chip":"chips"," hidden"]}),e.jsxs("div",{ref:k,className:n.containerStyles,children:[I.map(t=>{const r=u===t.value,i=t.variant||h,s=v||t.disabled||!1,o=x.findIndex(e=>e.value===t.value);return e.jsx("div",{ref:e=>{C.current[o]=e||null},className:n.itemWrapperStyles,"data-cy":`chip-group-item-wrapper-${t.value}`,"data-testid":`chip-group-item-wrapper-${t.value}`,children:e.jsxs("div",{className:n.itemButtonStyles,onClick:e=>A(t.value,s,e),onKeyDown:e=>T(e,t.value,s),tabIndex:s?-1:0,role:"button","aria-pressed":r?"true":"false","aria-disabled":s?"true":"false","data-cy":`chip-group-item-${t.value}`,"data-testid":`chip-group-item-${t.value}`,children:[e.jsx(a.Chip,{variant:i,selected:r,disabled:s,className:!d||v||s?void 0:"pe-6","data-cy":`chip-${t.value}`,"data-testid":`chip-${t.value}`,children:t.label}),d&&!v&&!s&&e.jsx("button",{className:n.removeButtonStyles,onClick:e=>P(e,t.value),"aria-label":`Remove ${t.label}`,"data-cy":`chip-remove-${t.value}`,"data-testid":`chip-remove-${t.value}`,type:"button",children:e.jsx(l.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},t.value)}),M&&e.jsxs("div",{ref:j,className:n.overflowButtonStyles,role:"button",tabIndex:0,"aria-expanded":$?"true":"false","aria-haspopup":"menu","aria-label":`Show ${q.length} more ${1===q.length?"chip":"chips"}`,onMouseEnter:()=>!$&&N(!0),onMouseLeave:()=>N(!1),onClick:z,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),D(!$),N(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[e.jsxs(a.Chip,{variant:h,className:n.overflowChipClassMap[h],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",q.length]}),S&&!$&&e.jsx("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:q.map(t=>e.jsx("div",{className:n.tooltipItemStyles,"data-cy":`chip-group-tooltip-item-${t.value}`,"data-testid":`chip-group-tooltip-item-${t.value}`,children:t.label},t.value))}),$&&e.jsx("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:q.map((t,a)=>e.jsx("div",{ref:e=>{R.current[a]=e||null},className:r.cn("chip-group-dropdown-item",t.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:t.disabled?-1:0,"aria-disabled":t.disabled?"true":"false",onClick:e=>{e.stopPropagation(),t.disabled||(A(t.value,!1,e),D(!1))},onKeyDown:e=>{L(e,a),"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),t.disabled||(A(t.value,!1,e),D(!1)))},"data-cy":`chip-group-dropdown-item-${t.value}`,"data-testid":`chip-group-dropdown-item-${t.value}`,children:t.label},t.value))})]})]})]}):null});o.displayName="ChipGroup",exports.ChipGroup=o;
package/dist/index35.js CHANGED
@@ -1,2 +1,5 @@
1
- import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as a}from"./index48.js";import{badgeSelectedStyles as r,badgeDefaultStyles as d,badgeBaseStyles as o}from"./index71.js";const n=t(({selected:t=!1,onSelect:n,className:i,children:s,"data-cy":c,"data-testid":l,onClick:m,...p},f)=>{const y=c||"badge",x=l||"badge",b=()=>{n&&n()};/* @__PURE__ */
2
- return e("div",{ref:f,className:a(o,t?r:d,i),"data-cy":y,"data-testid":x,"data-selected":t,onClick:e=>{b(),m&&m(e)},role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),b())},"aria-pressed":t,...p,children:s})});n.displayName="Badge";export{n as Badge};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useRef as a,useState as n,useCallback as i,useEffect as o}from"react";import{cn as l}from"./index49.js";import{Chip as c}from"./index34.js";import{containerStyles as s,itemWrapperStyles as u,itemButtonStyles as d,removeButtonStyles as p,overflowButtonStyles as m,overflowChipClassMap as h,tooltipItemStyles as v,rootStyles as g}from"./index71.js";import{devWarn as f}from"./index72.js";import{Icon as b}from"@adam-milo/icons";const y=(e,t,r,l,c)=>{const[s,u]=n(e.length),d=i(()=>{if(void 0!==c)return void u(Math.min(c,e.length));const a=t.current;if(!a)return;const n=a.clientWidth,i=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,o=window.getComputedStyle(a),s=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const n=parseFloat(a[1]);switch(a[2]||"px"){case"px":return n;case"rem":return n*t;case"em":return n*r;default:return.5*t}})(o.gap,i,parseFloat(o.fontSize)||16),d=3.75*i;for(let t=0;t<e.length;t++){const a=e[t],n=r.current[t];n&&l.current.set(a.value,n.offsetWidth)}const p=((e,t,r,a,n)=>{let i=0,o=0;for(let l=0;l<e.length;l++){const c=e[l],s=t.get(c.value)||0;if(0===s){o++;break}const u=i+(l>0?a:0)+s;if(l<e.length-1){if(u+a+n>r&&o>0)break}else if(u>r&&o>0)break;i=u,o++}return Math.max(1,o)})(e,l.current,n,s,d);u(p)},[e,c,t,r,l]),p=((e,t)=>{const r=a(null);return o(()=>()=>{r.current&&clearTimeout(r.current)},[]),i((...a)=>{r.current&&clearTimeout(r.current),r.current=setTimeout(()=>e(...a),t)},[e,t])})(d,100);o(()=>{r.current.length>e.length&&(r.current=r.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(l.current.forEach((e,r)=>{t.has(r)||l.current.delete(r)}),void 0===c){e.some(e=>!l.current.has(e.value))?u(e.length):setTimeout(d,0)}},[e,c,d,r,l]),o(()=>{const e=t.current;if(!e)return;const r=new ResizeObserver(()=>{p()});return r.observe(e),setTimeout(d,0),()=>{r.disconnect()}},[d,p,t]);const m=e.slice(0,s),h=e.slice(s);return{visibleCount:s,visibleItems:m,hiddenItems:h,hasOverflow:h.length>0}},w=r(({items:r,selectedValue:w,onSelectionChange:k,removable:N=!1,onRemove:x,variant:E="primary",disabled:$=!1,maxVisible:D,className:C,"data-testid":I,"data-cy":S,...j},A)=>{const z=(r&&Array.isArray(r)?r:[]).filter(e=>null!=e&&"object"==typeof e),L=a(null),M=a([]),P=a(/* @__PURE__ */new Map),T=a(null),[O,F]=n(!1),[K,R]=n(!1),V=a([]),{visibleItems:G,hiddenItems:W,hasOverflow:q}=y(z,L,M,P,D),H=i((e,t,r)=>{if(!$&&!t&&k){k(w===e?null:e,r)}},[$,w,k]),U=i((e,t)=>{e.stopPropagation(),$||x&&x(t,e)},[$,x]),_=i((e,t,r)=>{$||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),H(t,r,e))},[$,H]),B=i(e=>{e.stopPropagation(),R(e=>!e),F(!1)},[]),J=i((e,t)=>{switch(e.key){case"ArrowDown":e.preventDefault(),t<W.length-1&&V.current[t+1]?.focus();break;case"ArrowUp":e.preventDefault(),t>0&&V.current[t-1]?.focus();break;case"Home":e.preventDefault(),V.current[0]?.focus();break;case"End":e.preventDefault(),V.current[W.length-1]?.focus()}},[W.length]),Q=a(null),X=a(null);return o(()=>{Q.current=e=>{T.current&&!T.current.contains(e.target)&&R(!1)},X.current=e=>{"Escape"===e.key&&R(!1)}}),o(()=>{if(!K)return;const e=e=>Q.current?.(e),t=e=>X.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[K]),o(()=>{if("development"===process.env.NODE_ENV&&z.length>0){const e=z.map(e=>e.value),t=new Set(e);e.length!==t.size&&f("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[z]),o(()=>{V.current.length>W.length&&(V.current=V.current.slice(0,W.length))},[W]),r&&Array.isArray(r)?/* @__PURE__ */e("div",{ref:A,className:l(g,$&&"opacity-40 pointer-events-none",C),role:"group","aria-label":"Chip group","data-testid":I||"chip-group","data-cy":S||"chip-group",...j,children:[q&&/* @__PURE__ */e("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[W.length," additional ",1===W.length?"chip":"chips"," hidden"]}),
2
+ /* @__PURE__ */e("div",{ref:L,className:s,children:[G.map(r=>{const a=w===r.value,n=r.variant||E,i=$||r.disabled||!1,o=z.findIndex(e=>e.value===r.value);/* @__PURE__ */
3
+ return t("div",{ref:e=>{M.current[o]=e||null},className:u,"data-cy":`chip-group-item-wrapper-${r.value}`,"data-testid":`chip-group-item-wrapper-${r.value}`,children:/* @__PURE__ */e("div",{className:d,onClick:e=>H(r.value,i,e),onKeyDown:e=>_(e,r.value,i),tabIndex:i?-1:0,role:"button","aria-pressed":a?"true":"false","aria-disabled":i?"true":"false","data-cy":`chip-group-item-${r.value}`,"data-testid":`chip-group-item-${r.value}`,children:[
4
+ /* @__PURE__ */t(c,{variant:n,selected:a,disabled:i,className:!N||$||i?void 0:"pe-6","data-cy":`chip-${r.value}`,"data-testid":`chip-${r.value}`,children:r.label}),N&&!$&&!i&&/* @__PURE__ */t("button",{className:p,onClick:e=>U(e,r.value),"aria-label":`Remove ${r.label}`,"data-cy":`chip-remove-${r.value}`,"data-testid":`chip-remove-${r.value}`,type:"button",children:/* @__PURE__ */t(b,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},r.value)}),q&&/* @__PURE__ */e("div",{ref:T,className:m,role:"button",tabIndex:0,"aria-expanded":K?"true":"false","aria-haspopup":"menu","aria-label":`Show ${W.length} more ${1===W.length?"chip":"chips"}`,onMouseEnter:()=>!K&&F(!0),onMouseLeave:()=>F(!1),onClick:B,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),R(!K),F(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[
5
+ /* @__PURE__ */e(c,{variant:E,className:h[E],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",W.length]}),O&&!K&&/* @__PURE__ */t("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:W.map(e=>/* @__PURE__ */t("div",{className:v,"data-cy":`chip-group-tooltip-item-${e.value}`,"data-testid":`chip-group-tooltip-item-${e.value}`,children:e.label},e.value))}),K&&/* @__PURE__ */t("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:W.map((e,r)=>/* @__PURE__ */t("div",{ref:e=>{V.current[r]=e||null},className:l("chip-group-dropdown-item",e.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled?"true":"false",onClick:t=>{t.stopPropagation(),e.disabled||(H(e.value,!1,t),R(!1))},onKeyDown:t=>{J(t,r),"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),e.disabled||(H(e.value,!1,t),R(!1)))},"data-cy":`chip-group-dropdown-item-${e.value}`,"data-testid":`chip-group-dropdown-item-${e.value}`,children:e.label},e.value))})]})]})]}):null});w.displayName="ChipGroup";export{w as ChipGroup};
package/dist/index36.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("@radix-ui/react-dialog"),o=require("./index48.cjs"),s=require("./index72.cjs"),i=require("@adam-milo/icons");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const a in e)if("default"!==a){const o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:()=>e[a]})}return t.default=e,Object.freeze(t)}const l=r(a),d=l.Root,n=l.Trigger,c=l.Portal,y=l.Close,g=t.forwardRef(({className:t,"data-cy":a,"data-testid":r,...d},n)=>{const c=a||"dialog-close-button",y=r||"dialog-close-button";return e.jsx(l.Close,{ref:n,className:o.cn(s.closeButtonStyles,t),"data-cy":c,"data-testid":y,"aria-label":"Close dialog",...d,children:e.jsx(i.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})});g.displayName="DialogCloseButton";const p=({children:t,variant:a="default",className:i,"data-cy":r,"data-testid":l,...d})=>{const n=r||"dialog-icon",c=l||"dialog-icon";return e.jsx("div",{className:o.cn(s.iconRootStyles,s.iconVariantColor[a],i),"data-cy":n,"data-testid":c,"aria-hidden":"true",...d,children:t})};p.displayName="DialogIcon";const f=t.forwardRef(({className:t,variant:a="default","data-cy":i,"data-testid":r,...d},n)=>{const c=i||"dialog-overlay",y=r||"dialog-overlay";return e.jsx(l.Overlay,{ref:n,className:o.cn(s.overlayRootStyles,s.overlayBgStyles[a],t),"data-cy":c,"data-testid":y,...d})});f.displayName=l.Overlay.displayName;const u=t.forwardRef(({className:t,children:a,contentVariant:i="default",overlayVariant:r="default",fullWidthOnMobile:d=!1,topOffsetOnMobile:n=!1,contentPadding:y,style:g,"aria-describedby":p,"data-cy":u,"data-testid":m,...x},N)=>{const v=u||"dialog-content",b=m||"dialog-content",j=d||"verify"===i,D="verify"===i||d&&n;return e.jsxs(c,{children:[!D&&e.jsx(f,{variant:r}),e.jsx("div",{className:o.cn(s.contentWrapperStyles,j&&s.contentWrapperVerifyMobileStyles,D&&s.contentWrapperTopOffsetMobileStyles),children:e.jsx(l.Content,{ref:N,className:o.cn(s.contentStyles,"verify"===i&&s.contentVariantVerifyStyles,D&&s.contentTopOffsetMobileStyles,t),style:y||g?{...g,...y&&{padding:y}}:void 0,"aria-describedby":p??void 0,"data-cy":v,"data-testid":b,"data-content-variant":i,...x,children:a})})]})});u.displayName=l.Content.displayName;const m=({centered:t=!1,className:a,"data-cy":i,"data-testid":r,...l})=>{const d=i||"dialog-header",n=r||"dialog-header";return e.jsx("div",{className:o.cn(s.headerStyles,t&&s.headerCenteredStyles,a),"data-cy":d,"data-testid":n,...l})};m.displayName="DialogHeader";const x=({className:t,"data-cy":a,"data-testid":i,...r})=>{const l=a||"dialog-footer",d=i||"dialog-footer";return e.jsx("div",{className:o.cn(s.footerStyles,t),"data-cy":l,"data-testid":d,...r})};x.displayName="DialogFooter";const N=t.forwardRef(({className:t,"data-cy":a,"data-testid":i,...r},d)=>{const n=a||"dialog-title",c=i||"dialog-title";return e.jsx(l.Title,{ref:d,className:o.cn(s.titleStyles,t),"data-cy":n,"data-testid":c,...r})});N.displayName=l.Title.displayName;const v=t.forwardRef(({className:t,"data-cy":a,"data-testid":i,...r},d)=>{const n=a||"dialog-description",c=i||"dialog-description";return e.jsx(l.Description,{ref:d,className:o.cn(s.descriptionStyles,t),"data-cy":n,"data-testid":c,...r})});v.displayName=l.Description.displayName,exports.Dialog=d,exports.DialogClose=y,exports.DialogCloseButton=g,exports.DialogContent=u,exports.DialogDescription=v,exports.DialogFooter=x,exports.DialogHeader=m,exports.DialogIcon=p,exports.DialogOverlay=f,exports.DialogPortal=c,exports.DialogTitle=N,exports.DialogTrigger=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index49.cjs"),r=require("./index73.cjs"),d=t.forwardRef(({selected:t=!1,onSelect:d,className:s,children:c,"data-cy":l,"data-testid":n,onClick:i,...o},u)=>{const y=l||"badge",b=n||"badge",g=()=>{d&&d()};return e.jsx("div",{ref:u,className:a.cn(r.badgeBaseStyles,t?r.badgeSelectedStyles:r.badgeDefaultStyles,s),"data-cy":y,"data-testid":b,"data-selected":t,onClick:e=>{g(),i&&i(e)},role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g())},"aria-pressed":t,...o,children:c})});d.displayName="Badge",exports.Badge=d;