@adam-milo/ui 1.0.103 → 1.0.104

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 (62) hide show
  1. package/dist/index17.cjs +1 -1
  2. package/dist/index17.js +3 -3
  3. package/dist/index33.cjs +1 -1
  4. package/dist/index33.js +4 -4
  5. package/dist/index36.cjs +1 -1
  6. package/dist/index36.js +4 -4
  7. package/dist/index39.cjs +1 -1
  8. package/dist/index39.js +9 -9
  9. package/dist/index4.cjs +1 -1
  10. package/dist/index4.js +2 -2
  11. package/dist/index5.cjs +1 -1
  12. package/dist/index5.js +2 -2
  13. package/dist/index61.cjs +1 -1
  14. package/dist/index61.js +1 -1
  15. package/dist/index62.cjs +1 -1
  16. package/dist/index62.js +1 -1
  17. package/dist/index63.cjs +1 -1
  18. package/dist/index63.js +1 -1
  19. package/dist/index67.cjs +1 -1
  20. package/dist/index67.js +1 -1
  21. package/dist/index68.cjs +1 -1
  22. package/dist/index68.js +1 -1
  23. package/dist/index72.cjs +1 -1
  24. package/dist/index72.js +1 -1
  25. package/dist/index73.cjs +1 -1
  26. package/dist/index73.js +2 -2
  27. package/dist/index79.cjs +1 -1
  28. package/dist/index79.js +1 -1
  29. package/dist/index8.cjs +1 -1
  30. package/dist/index8.js +3 -3
  31. package/dist/index80.cjs +1 -1
  32. package/dist/index80.js +1 -1
  33. package/dist/index81.cjs +1 -1
  34. package/dist/index81.js +1 -1
  35. package/dist/index84.cjs +1 -1
  36. package/dist/index84.js +1 -1
  37. package/dist/index86.cjs +1 -1
  38. package/dist/index86.js +1 -1
  39. package/dist/index91.cjs +1 -1
  40. package/dist/index91.js +1 -1
  41. package/dist/index96.cjs +1 -1
  42. package/dist/index96.js +1 -1
  43. package/dist/src/components/core/button/Button.styles.d.ts.map +1 -1
  44. package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts.map +1 -1
  45. package/dist/src/components/data-display/datatable/DataTable.component.d.ts.map +1 -1
  46. package/dist/src/components/data-display/datatable/DataTable.styles.d.ts +2 -0
  47. package/dist/src/components/data-display/datatable/DataTable.styles.d.ts.map +1 -1
  48. package/dist/src/components/feedback/alert/Alert.component.d.ts.map +1 -1
  49. package/dist/src/components/forms/_shared/FormTooltip.d.ts.map +1 -1
  50. package/dist/src/components/forms/password-checklist/PasswordChecklist.component.d.ts.map +1 -1
  51. package/dist/src/components/forms/textarea/Textarea.component.d.ts.map +1 -1
  52. package/dist/src/components/forms/toggle/Toggle.styles.d.ts +2 -2
  53. package/dist/src/components/forms/toggle/Toggle.styles.d.ts.map +1 -1
  54. package/dist/src/components/navigation/stepper/Stepper.styles.d.ts.map +1 -1
  55. package/dist/src/components/navigation/tabs/Tabs.component.d.ts.map +1 -1
  56. package/dist/src/components/navigation/tabs/Tabs.styles.d.ts +1 -1
  57. package/dist/src/components/navigation/tabs/Tabs.styles.d.ts.map +1 -1
  58. package/dist/src/components/navigation/top-nav/TopNav.styles.d.ts.map +1 -1
  59. package/dist/src/components/overlays/dialog/Dialog.styles.d.ts +1 -1
  60. package/dist/src/components/overlays/dialog/Dialog.styles.d.ts.map +1 -1
  61. package/dist/styles.css +1 -1
  62. package/package.json +1 -1
package/dist/index17.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index57.cjs"),t=require("./index73.cjs"),s=require("./index58.cjs"),o=require("./index74.cjs"),d=require("./index66.cjs"),l=require("./index60.cjs"),i=require("./index75.cjs"),n=r.forwardRef(({label:n,tooltip:c,error:u,helperText:x,fullWidth:v=!1,autoResize:h=!1,minRows:g=3,maxRows:m,showCharCount:p=!1,maxLength:y,validate:f=s.defaultValidation,onValidationChange:b,customHeader:w,customFooterActions:j,borderVariant:S,height:$,className:N,id:q,onChange:C,onBlur:M,required:R,value:E,"data-cy":B,"data-testid":I,...T},F)=>{const[L,V]=r.useState(),[_,H]=r.useState(!1),[P,k]=r.useState(!1),[z,A]=r.useState(0),G=r.useRef(!1),O=r.useRef(null),W=d.useMergedRef(F,O),D=r.useId(),J=q||D,K=`${J}-error`,Q=`${J}-helper`,U=B||"textarea",X=I||"textarea",Y=n&&R&&!n.includes("*")?`${n} *`:n,Z=l.useResponsiveValue($),ee=void 0!==Z,re=r.useCallback(()=>{const e=O.current;if(!e||!h)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=a*g+t+s,d=m?a*m+t+s:1/0,l=Math.min(Math.max(e.scrollHeight,o),d);e.style.height=`${l}px`},[h,g,m]);r.useEffect(()=>{re()},[E,re]);const ae=r.useMemo(()=>i.debounce(e=>{if(f&&G.current){const r=f(e);V(r),b?.(!r)}else null===f&&G.current&&(V(void 0),b?.(!0))},300),[f,b]),te=r.useRef(ae);r.useEffect(()=>{te.current=ae},[ae]),r.useEffect(()=>()=>{te.current.cancel()},[]),r.useEffect(()=>{A((E||"").length)},[E]);const se=e=>{const r=e.target.value;A(r.length),C?.(e),h&&re(),G.current&&ae(r)},oe=e=>{H(!0),T.onFocus?.(e)},de=e=>{if(H(!1),G.current=!0,f){const r=f(e.target.value);V(r),b?.(!r)}M?.(e)},le=()=>k(!0),ie=()=>k(!1),ne=u||L,ce=T.disabled?"disabled":ne?"error":_?"focus":P?"hover":"idle",ue=y&&z>y,xe=p||x&&!ne,ve=(()=>{if(!S)return"";if("green-accent"===S){return`relative ${_||P?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),he="green-accent"===S?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:_||P?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,N),"data-cy":`${U}-wrapper`,"data-testid":`${X}-wrapper`,children:[w?e.jsx("div",{className:"w-full","data-cy":`${U}-custom-header`,children:w}):(n||c)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:J,className:o.labelStyles,"data-cy":`${U}-label`,"data-testid":`${X}-label`,children:Y}),c&&e.jsx(t.FormTooltip,{content:c,triggerClassName:o.tooltipTriggerStyles,contentClassName:o.tooltipContentStyles,dataCyPrefix:U,dataTestIdPrefix:X})]}),j?e.jsxs("div",{className:a.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!ne&&ve,ne&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:ne?void 0:he,onMouseEnter:le,onMouseLeave:ie,children:[e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",E?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,required:R,maxLength:y,rows:ee?void 0:g,...T}),j]}):"green-accent"===S?e.jsx("div",{className:a.cn("w-full rounded-[var(--radius-md)] transition-all duration-200",!ne&&"p-[1px]",ne&&"border border-[var(--color-error)] bg-[var(--color-card)]",!ne&&ve),style:ne?void 0:he,onMouseEnter:le,onMouseLeave:ie,"data-cy":`${U}-gradient-wrapper`,"data-testid":`${X}-gradient-wrapper`,children:e.jsx("div",{className:ne?o.errorBorderInnerStyles:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaInsideGradientStyles,!h&&"overflow-y-auto textarea-scrollbar"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,required:R,maxLength:y,rows:ee||h?void 0:g,...T})})}):e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaBaseStyles,ne&&o.textareaErrorStyles,!h&&"overflow-y-auto textarea-scrollbar",ve),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,onMouseEnter:le,onMouseLeave:ie,required:R,maxLength:y,rows:ee||h?void 0:g,...T}),ne&&e.jsx("span",{id:K,className:o.errorStyles,role:"alert","data-cy":`${U}-error`,"data-testid":`${X}-error`,children:ne}),!j&&xe&&e.jsxs("div",{className:o.footerStyles,children:[x&&!ne&&e.jsx("span",{id:Q,className:o.helperStyles,"data-cy":`${U}-helper`,"data-testid":`${X}-helper`,children:x}),p&&e.jsxs("span",{className:a.cn(o.charCountStyles,ue&&o.charCountExceededStyles),"data-cy":`${U}-char-count`,"data-testid":`${X}-char-count`,children:[z,y&&` / ${y}`]})]})]})});n.displayName="Textarea",exports.Textarea=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index57.cjs"),t=require("./index73.cjs"),s=require("./index58.cjs"),o=require("./index74.cjs"),d=require("./index66.cjs"),l=require("./index60.cjs"),i=require("./index75.cjs"),n=r.forwardRef(({label:n,tooltip:c,error:u,helperText:x,fullWidth:v=!1,autoResize:h=!1,minRows:g=3,maxRows:m,showCharCount:p=!1,maxLength:y,validate:f=s.defaultValidation,onValidationChange:b,customHeader:w,customFooterActions:j,borderVariant:S,height:$,className:N,id:q,onChange:C,onBlur:M,required:R,value:E,"data-cy":B,"data-testid":I,...T},F)=>{const[L,V]=r.useState(),[_,H]=r.useState(!1),[P,k]=r.useState(!1),[z,A]=r.useState(0),G=r.useRef(!1),O=r.useRef(null),W=d.useMergedRef(F,O),D=r.useId(),J=q||D,K=`${J}-error`,Q=`${J}-helper`,U=B||"textarea",X=I||"textarea",Y=n&&R&&!n.includes("*")?`${n} *`:n,Z=l.useResponsiveValue($),ee=void 0!==Z,re=r.useCallback(()=>{const e=O.current;if(!e||!h)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=a*g+t+s,d=m?a*m+t+s:1/0,l=Math.min(Math.max(e.scrollHeight,o),d);e.style.height=`${l}px`},[h,g,m]);r.useEffect(()=>{re()},[E,re]);const ae=r.useMemo(()=>i.debounce(e=>{if(f&&G.current){const r=f(e);V(r),b?.(!r)}else null===f&&G.current&&(V(void 0),b?.(!0))},300),[f,b]),te=r.useRef(ae);r.useEffect(()=>{te.current=ae},[ae]),r.useEffect(()=>()=>{te.current.cancel()},[]),r.useEffect(()=>{A((E||"").length)},[E]);const se=e=>{const r=e.target.value;A(r.length),C?.(e),h&&re(),G.current&&ae(r)},oe=e=>{H(!0),T.onFocus?.(e)},de=e=>{if(H(!1),G.current=!0,f){const r=f(e.target.value);V(r),b?.(!r)}M?.(e)},le=()=>k(!0),ie=()=>k(!1),ne=u||L,ce=T.disabled?"disabled":ne?"error":_?"focus":P?"hover":"idle",ue=y&&z>y,xe=p||x&&!ne,ve=(()=>{if(!S)return"";if("green-accent"===S){return`relative ${_||P?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),he="green-accent"===S?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:_||P?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,N),"data-cy":`${U}-wrapper`,"data-testid":`${X}-wrapper`,children:[w?e.jsx("div",{className:"w-full","data-cy":`${U}-custom-header`,children:w}):(n||c)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:J,className:o.labelStyles,"data-cy":`${U}-label`,"data-testid":`${X}-label`,children:Y}),c&&e.jsx(t.FormTooltip,{content:c,triggerClassName:o.tooltipTriggerStyles,contentClassName:o.tooltipContentStyles,dataCyPrefix:U,dataTestIdPrefix:X})]}),j?e.jsxs("div",{className:a.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!ne&&ve,ne&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:ne?void 0:he,onMouseEnter:le,onMouseLeave:ie,children:[e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",E?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,required:R,maxLength:y,rows:ee?void 0:g,...T}),j]}):"green-accent"===S?e.jsx("div",{className:a.cn("w-full rounded-[var(--radius-md)] transition-all duration-200",!ne&&"p-[1px]",ne&&"border border-[var(--color-error)] bg-[var(--color-card)]",!ne&&ve),style:ne?void 0:he,onMouseEnter:le,onMouseLeave:ie,"data-cy":`${U}-gradient-wrapper`,"data-testid":`${X}-gradient-wrapper`,children:e.jsx("div",{className:ne?o.errorBorderInnerStyles:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaInsideGradientStyles,!h&&"overflow-y-auto textarea-scrollbar"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,required:R,maxLength:y,rows:ee||h?void 0:g,...T})})}):e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaBaseStyles,ne&&o.textareaErrorStyles,!h&&"overflow-y-auto textarea-scrollbar",ve),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,onMouseEnter:le,onMouseLeave:ie,required:R,maxLength:y,rows:ee||h?void 0:g,...T}),ne&&e.jsx("span",{id:K,className:o.errorStyles,role:"alert","data-cy":`${U}-error`,"data-testid":`${X}-error`,children:ne}),!j&&xe&&e.jsxs("div",{className:o.footerStyles,children:[x&&!ne&&e.jsx("span",{id:Q,className:o.helperStyles,"data-cy":`${U}-helper`,"data-testid":`${X}-helper`,children:x}),p&&e.jsxs("span",{"aria-live":"polite","aria-atomic":"true",className:a.cn(o.charCountStyles,ue&&o.charCountExceededStyles),"data-cy":`${U}-char-count`,"data-testid":`${X}-char-count`,children:[z,y&&` / ${y}`]})]})]})});n.displayName="Textarea",exports.Textarea=n;
package/dist/index17.js CHANGED
@@ -1,3 +1,3 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useState as t,useRef as o,useId as d,useCallback as i,useEffect as n,useMemo as s}from"react";import{cn as l}from"./index57.js";import{FormTooltip as c}from"./index73.js";import{defaultValidation as u}from"./index58.js";import{labelRowStyles as m,labelStyles as v,tooltipContentStyles as h,tooltipTriggerStyles as p,errorBorderInnerStyles as x,gradientBorderInnerStyles as g,errorStyles as f,footerStyles as b,helperStyles as y,textareaInsideGradientStyles as w,textareaErrorStyles as $,textareaBaseStyles as N,charCountExceededStyles as C,charCountStyles as j,wrapperStyles as M}from"./index74.js";import{useMergedRef as q}from"./index66.js";import{useResponsiveValue as L}from"./index60.js";import{debounce as F}from"./index75.js";const B=a(({label:a,tooltip:B,error:I,helperText:T,fullWidth:_=!1,autoResize:E=!1,minRows:H=3,maxRows:R,showCharCount:z=!1,maxLength:P,validate:V=u,onValidationChange:k,customHeader:A,customFooterActions:S,borderVariant:W,height:D,className:G,id:J,onChange:K,onBlur:O,required:Q,value:U,"data-cy":X,"data-testid":Y,...Z},ee)=>{const[re,ae]=t(),[te,oe]=t(!1),[de,ie]=t(!1),[ne,se]=t(0),le=o(!1),ce=o(null),ue=q(ee,ce),me=d(),ve=J||me,he=`${ve}-error`,pe=`${ve}-helper`,xe=X||"textarea",ge=Y||"textarea",fe=a&&Q&&!a.includes("*")?`${a} *`:a,be=L(D),ye=void 0!==be,we=i(()=>{const e=ce.current;if(!e||!E)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,o=parseInt(r.paddingBottom)||0,d=a*H+t+o,i=R?a*R+t+o:1/0,n=Math.min(Math.max(e.scrollHeight,d),i);e.style.height=`${n}px`},[E,H,R]);n(()=>{we()},[U,we]);const $e=s(()=>F(e=>{if(V&&le.current){const r=V(e);ae(r),k?.(!r)}else null===V&&le.current&&(ae(void 0),k?.(!0))},300),[V,k]),Ne=o($e);n(()=>{Ne.current=$e},[$e]),n(()=>()=>{Ne.current.cancel()},[]),n(()=>{se((U||"").length)},[U]);const Ce=e=>{const r=e.target.value;se(r.length),K?.(e),E&&we(),le.current&&$e(r)},je=e=>{oe(!0),Z.onFocus?.(e)},Me=e=>{if(oe(!1),le.current=!0,V){const r=V(e.target.value);ae(r),k?.(!r)}O?.(e)},qe=()=>ie(!0),Le=()=>ie(!1),Fe=I||re,Be=Z.disabled?"disabled":Fe?"error":te?"focus":de?"hover":"idle",Ie=P&&ne>P,Te=z||T&&!Fe,_e=(()=>{if(!W)return"";if("green-accent"===W){return`relative ${te||de?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),Ee="green-accent"===W?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:te||de?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
2
- return e("div",{className:l(M,G),"data-cy":`${xe}-wrapper`,"data-testid":`${ge}-wrapper`,children:[A?/* @__PURE__ */r("div",{className:"w-full","data-cy":`${xe}-custom-header`,children:A}):(a||B)&&/* @__PURE__ */e("div",{className:m,children:[a&&/* @__PURE__ */r("label",{htmlFor:ve,className:v,"data-cy":`${xe}-label`,"data-testid":`${ge}-label`,children:fe}),B&&/* @__PURE__ */r(c,{content:B,triggerClassName:p,contentClassName:h,dataCyPrefix:xe,dataTestIdPrefix:ge})]}),S?/* @__PURE__ */e("div",{className:l("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!Fe&&_e,Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Fe?void 0:Ee,onMouseEnter:qe,onMouseLeave:Le,children:[
3
- /* @__PURE__ */r("textarea",{ref:ue,id:ve,value:U,className:l("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",U?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:T?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":Be,onChange:Ce,onFocus:je,onBlur:Me,required:Q,maxLength:P,rows:ye?void 0:H,...Z}),S]}):"green-accent"===W?/* @__PURE__ */r("div",{className:l("w-full rounded-[var(--radius-md)] transition-all duration-200",!Fe&&"p-[1px]",Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]",!Fe&&_e),style:Fe?void 0:Ee,onMouseEnter:qe,onMouseLeave:Le,"data-cy":`${xe}-gradient-wrapper`,"data-testid":`${ge}-gradient-wrapper`,children:/* @__PURE__ */r("div",{className:Fe?x:g,children:/* @__PURE__ */r("textarea",{ref:ue,id:ve,value:U,className:l(w,!E&&"overflow-y-auto textarea-scrollbar"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:T?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":Be,onChange:Ce,onFocus:je,onBlur:Me,required:Q,maxLength:P,rows:ye||E?void 0:H,...Z})})}):/* @__PURE__ */r("textarea",{ref:ue,id:ve,value:U,className:l(N,Fe&&$,!E&&"overflow-y-auto textarea-scrollbar",_e),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:T?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":Be,onChange:Ce,onFocus:je,onBlur:Me,onMouseEnter:qe,onMouseLeave:Le,required:Q,maxLength:P,rows:ye||E?void 0:H,...Z}),Fe&&/* @__PURE__ */r("span",{id:he,className:f,role:"alert","data-cy":`${xe}-error`,"data-testid":`${ge}-error`,children:Fe}),!S&&Te&&/* @__PURE__ */e("div",{className:b,children:[T&&!Fe&&/* @__PURE__ */r("span",{id:pe,className:y,"data-cy":`${xe}-helper`,"data-testid":`${ge}-helper`,children:T}),z&&/* @__PURE__ */e("span",{className:l(j,Ie&&C),"data-cy":`${xe}-char-count`,"data-testid":`${ge}-char-count`,children:[ne,P&&` / ${P}`]})]})]})});B.displayName="Textarea";export{B as Textarea};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useState as t,useRef as o,useId as d,useCallback as i,useEffect as n,useMemo as l}from"react";import{cn as s}from"./index57.js";import{FormTooltip as c}from"./index73.js";import{defaultValidation as u}from"./index58.js";import{labelRowStyles as m,labelStyles as v,tooltipContentStyles as h,tooltipTriggerStyles as p,errorBorderInnerStyles as x,gradientBorderInnerStyles as g,errorStyles as f,footerStyles as b,helperStyles as y,textareaInsideGradientStyles as w,textareaErrorStyles as $,textareaBaseStyles as N,charCountExceededStyles as C,charCountStyles as j,wrapperStyles as M}from"./index74.js";import{useMergedRef as q}from"./index66.js";import{useResponsiveValue as L}from"./index60.js";import{debounce as F}from"./index75.js";const B=a(({label:a,tooltip:B,error:I,helperText:T,fullWidth:_=!1,autoResize:E=!1,minRows:H=3,maxRows:R,showCharCount:z=!1,maxLength:P,validate:V=u,onValidationChange:k,customHeader:A,customFooterActions:S,borderVariant:W,height:D,className:G,id:J,onChange:K,onBlur:O,required:Q,value:U,"data-cy":X,"data-testid":Y,...Z},ee)=>{const[re,ae]=t(),[te,oe]=t(!1),[de,ie]=t(!1),[ne,le]=t(0),se=o(!1),ce=o(null),ue=q(ee,ce),me=d(),ve=J||me,he=`${ve}-error`,pe=`${ve}-helper`,xe=X||"textarea",ge=Y||"textarea",fe=a&&Q&&!a.includes("*")?`${a} *`:a,be=L(D),ye=void 0!==be,we=i(()=>{const e=ce.current;if(!e||!E)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,o=parseInt(r.paddingBottom)||0,d=a*H+t+o,i=R?a*R+t+o:1/0,n=Math.min(Math.max(e.scrollHeight,d),i);e.style.height=`${n}px`},[E,H,R]);n(()=>{we()},[U,we]);const $e=l(()=>F(e=>{if(V&&se.current){const r=V(e);ae(r),k?.(!r)}else null===V&&se.current&&(ae(void 0),k?.(!0))},300),[V,k]),Ne=o($e);n(()=>{Ne.current=$e},[$e]),n(()=>()=>{Ne.current.cancel()},[]),n(()=>{le((U||"").length)},[U]);const Ce=e=>{const r=e.target.value;le(r.length),K?.(e),E&&we(),se.current&&$e(r)},je=e=>{oe(!0),Z.onFocus?.(e)},Me=e=>{if(oe(!1),se.current=!0,V){const r=V(e.target.value);ae(r),k?.(!r)}O?.(e)},qe=()=>ie(!0),Le=()=>ie(!1),Fe=I||re,Be=Z.disabled?"disabled":Fe?"error":te?"focus":de?"hover":"idle",Ie=P&&ne>P,Te=z||T&&!Fe,_e=(()=>{if(!W)return"";if("green-accent"===W){return`relative ${te||de?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),Ee="green-accent"===W?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:te||de?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
2
+ return e("div",{className:s(M,G),"data-cy":`${xe}-wrapper`,"data-testid":`${ge}-wrapper`,children:[A?/* @__PURE__ */r("div",{className:"w-full","data-cy":`${xe}-custom-header`,children:A}):(a||B)&&/* @__PURE__ */e("div",{className:m,children:[a&&/* @__PURE__ */r("label",{htmlFor:ve,className:v,"data-cy":`${xe}-label`,"data-testid":`${ge}-label`,children:fe}),B&&/* @__PURE__ */r(c,{content:B,triggerClassName:p,contentClassName:h,dataCyPrefix:xe,dataTestIdPrefix:ge})]}),S?/* @__PURE__ */e("div",{className:s("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!Fe&&_e,Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Fe?void 0:Ee,onMouseEnter:qe,onMouseLeave:Le,children:[
3
+ /* @__PURE__ */r("textarea",{ref:ue,id:ve,value:U,className:s("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",U?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:T?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":Be,onChange:Ce,onFocus:je,onBlur:Me,required:Q,maxLength:P,rows:ye?void 0:H,...Z}),S]}):"green-accent"===W?/* @__PURE__ */r("div",{className:s("w-full rounded-[var(--radius-md)] transition-all duration-200",!Fe&&"p-[1px]",Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]",!Fe&&_e),style:Fe?void 0:Ee,onMouseEnter:qe,onMouseLeave:Le,"data-cy":`${xe}-gradient-wrapper`,"data-testid":`${ge}-gradient-wrapper`,children:/* @__PURE__ */r("div",{className:Fe?x:g,children:/* @__PURE__ */r("textarea",{ref:ue,id:ve,value:U,className:s(w,!E&&"overflow-y-auto textarea-scrollbar"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:T?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":Be,onChange:Ce,onFocus:je,onBlur:Me,required:Q,maxLength:P,rows:ye||E?void 0:H,...Z})})}):/* @__PURE__ */r("textarea",{ref:ue,id:ve,value:U,className:s(N,Fe&&$,!E&&"overflow-y-auto textarea-scrollbar",_e),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:T?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":Be,onChange:Ce,onFocus:je,onBlur:Me,onMouseEnter:qe,onMouseLeave:Le,required:Q,maxLength:P,rows:ye||E?void 0:H,...Z}),Fe&&/* @__PURE__ */r("span",{id:he,className:f,role:"alert","data-cy":`${xe}-error`,"data-testid":`${ge}-error`,children:Fe}),!S&&Te&&/* @__PURE__ */e("div",{className:b,children:[T&&!Fe&&/* @__PURE__ */r("span",{id:pe,className:y,"data-cy":`${xe}-helper`,"data-testid":`${ge}-helper`,children:T}),z&&/* @__PURE__ */e("span",{"aria-live":"polite","aria-atomic":"true",className:s(j,Ie&&C),"data-cy":`${xe}-char-count`,"data-testid":`${ge}-char-count`,children:[ne,P&&` / ${P}`]})]})]})});B.displayName="Textarea";export{B as Textarea};
package/dist/index33.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("@radix-ui/react-tabs"),r=require("./index57.cjs"),s=require("./index79.cjs");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const r=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,r.get?r:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)}const n=i(a),l=n.Root,c=e.forwardRef(({className:a,fullWidth:i=!1,variant:l="default","data-cy":c,"data-testid":o,...d},u)=>{const b=c||"tabs-list",f=o||"tabs-list",g=e.useRef(null),[y,m]=e.useState({left:0,width:0}),[p,v]=e.useState(!1),S=e.useCallback(()=>{const t=g.current;if(!t)return;const e=t.querySelector('[data-state="active"]');if(!e)return;const a=t.getBoundingClientRect(),r=e.getBoundingClientRect();m({left:r.left-a.left+t.scrollLeft,width:r.width}),v(!0)},[]);e.useEffect(()=>{const t=g.current;if(!t)return;S();const e=new MutationObserver(S);return e.observe(t,{attributes:!0,subtree:!0,attributeFilter:["data-state"]}),()=>e.disconnect()},[S]);const x="default"===l&&p;return t.jsxs(n.List,{ref:t=>{g.current=t,"function"==typeof u?u(t):u&&(u.current=t)},className:r.cn("relative","table"===l?s.listTableStyles:"mobile"===l?s.listMobileStyles:s.listStyles,i&&s.listFullWidthStyles,a),"data-cy":b,"data-testid":f,"data-full-width":i,"data-variant":l,...d,children:[d.children,x&&t.jsx("span",{className:"absolute bottom-0 h-[4px] bg-[var(--color-clickable)] rounded-t-sm transition-all duration-300 ease-in-out pointer-events-none",style:{left:y.left,width:y.width},"aria-hidden":"true"})]})});c.displayName=n.List.displayName;const o=e.forwardRef(({className:e,value:a,variant:i="default","data-cy":l,"data-testid":c,...o},d)=>{const u=l||(a?`tabs-trigger-${a}`:"tabs-trigger"),b=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(n.Trigger,{ref:d,className:r.cn("table"===i?s.triggerTableStyles:"mobile"===i?s.triggerMobileStyles:s.triggerStyles,e),value:a,"data-cy":u,"data-testid":b,...o})});o.displayName=n.Trigger.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":l,...c},o)=>{const d=i||(a?`tabs-content-${a}`:"tabs-content"),u=l||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(n.Content,{ref:o,className:r.cn(s.contentStyles,e),value:a,"data-cy":d,"data-testid":u,...c})});d.displayName=n.Content.displayName,exports.Tabs=l,exports.TabsContent=d,exports.TabsList=c,exports.TabsTrigger=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("@radix-ui/react-tabs"),r=require("./index57.cjs"),s=require("./index79.cjs");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const r=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,r.get?r:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)}const n=i(a),l=n.Root,c=e.forwardRef(({className:a,fullWidth:i=!1,variant:l="default","data-cy":c,"data-testid":o,...d},u)=>{const b=c||"tabs-list",f=o||"tabs-list",g=e.useRef(null),[y,m]=e.useState({left:0,width:0}),[p,v]=e.useState(!1),x=e.useCallback(()=>{const t=g.current;if(!t)return;const e=t.querySelector('[data-state="active"]');if(!e)return;const a=t.getBoundingClientRect(),r=e.getBoundingClientRect();m({left:r.left-a.left+t.scrollLeft,width:r.width}),v(!0)},[]);e.useEffect(()=>{const t=g.current;if(!t)return;x();const e=new MutationObserver(x);return e.observe(t,{attributes:!0,subtree:!0,attributeFilter:["data-state"]}),()=>e.disconnect()},[x]);const S="default"===l&&p;return t.jsxs(n.List,{ref:t=>{g.current=t,"function"==typeof u?u(t):u&&(u.current=t)},className:r.cn("relative","table"===l?s.listTableStyles:"mobile"===l?s.listMobileStyles:s.listStyles,i&&s.listFullWidthStyles,a),"data-cy":b,"data-testid":f,"data-full-width":i,"data-variant":l,...d,children:[d.children,S&&t.jsx("span",{className:"absolute bottom-0 h-[4px] bg-[var(--color-clickable)] rounded-t-sm transition-all duration-300 ease-in-out pointer-events-none",style:{left:y.left,width:y.width},"aria-hidden":"true"})]})});c.displayName=n.List.displayName;const o=e.forwardRef(({className:e,value:a,variant:i="default","data-cy":l,"data-testid":c,...o},d)=>{const u=l||(a?`tabs-trigger-${a}`:"tabs-trigger"),b=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(n.Trigger,{ref:d,className:r.cn("table"===i?s.triggerTableStyles:"mobile"===i?s.triggerMobileStyles:s.triggerStyles,e),value:a,"data-cy":u,"data-testid":b,...o})});o.displayName=n.Trigger.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":l,...c},o)=>{const d=i||(a?`tabs-content-${a}`:"tabs-content"),u=l||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(n.Content,{ref:o,tabIndex:-1,className:r.cn(s.contentStyles,e),value:a,"data-cy":d,"data-testid":u,...c})});d.displayName=n.Content.displayName,exports.Tabs=l,exports.TabsContent=d,exports.TabsList=c,exports.TabsTrigger=o;
package/dist/index33.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,useRef as r,useState as s,useCallback as i,useEffect as n}from"react";import*as l from"@radix-ui/react-tabs";import{cn as o}from"./index57.js";import{listFullWidthStyles as d,listTableStyles as c,listMobileStyles as u,listStyles as m,triggerTableStyles as f,triggerMobileStyles as b,triggerStyles as g,contentStyles as p}from"./index79.js";const y=l.Root,v=a(({className:a,fullWidth:f=!1,variant:b="default","data-cy":g,"data-testid":p,...y},v)=>{const N=g||"tabs-list",h=p||"tabs-list",w=r(null),[x,C]=s({left:0,width:0}),[$,j]=s(!1),L=i(()=>{const t=w.current;if(!t)return;const e=t.querySelector('[data-state="active"]');if(!e)return;const a=t.getBoundingClientRect(),r=e.getBoundingClientRect();C({left:r.left-a.left+t.scrollLeft,width:r.width}),j(!0)},[]);n(()=>{const t=w.current;if(!t)return;L();const e=new MutationObserver(L);return e.observe(t,{attributes:!0,subtree:!0,attributeFilter:["data-state"]}),()=>e.disconnect()},[L]);const R="default"===b&&$;/* @__PURE__ */
2
- return e(l.List,{ref:t=>{w.current=t,"function"==typeof v?v(t):v&&(v.current=t)},className:o("relative","table"===b?c:"mobile"===b?u:m,f&&d,a),"data-cy":N,"data-testid":h,"data-full-width":f,"data-variant":b,...y,children:[y.children,R&&/* @__PURE__ */t("span",{className:"absolute bottom-0 h-[4px] bg-[var(--color-clickable)] rounded-t-sm transition-all duration-300 ease-in-out pointer-events-none",style:{left:x.left,width:x.width},"aria-hidden":"true"})]})});v.displayName=l.List.displayName;const N=a(({className:e,value:a,variant:r="default","data-cy":s,"data-testid":i,...n},d)=>{const c=s||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=i||(a?`tabs-trigger-${a}`:"tabs-trigger");/* @__PURE__ */
3
- return t(l.Trigger,{ref:d,className:o("table"===r?f:"mobile"===r?b:g,e),value:a,"data-cy":c,"data-testid":u,...n})});N.displayName=l.Trigger.displayName;const h=a(({className:e,value:a,"data-cy":r,"data-testid":s,...i},n)=>{const d=r||(a?`tabs-content-${a}`:"tabs-content"),c=s||(a?`tabs-content-${a}`:"tabs-content");/* @__PURE__ */
4
- return t(l.Content,{ref:n,className:o(p,e),value:a,"data-cy":d,"data-testid":c,...i})});h.displayName=l.Content.displayName;export{y as Tabs,h as TabsContent,v as TabsList,N as TabsTrigger};
1
+ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,useRef as r,useState as s,useCallback as i,useEffect as n}from"react";import*as l from"@radix-ui/react-tabs";import{cn as o}from"./index57.js";import{listFullWidthStyles as d,listTableStyles as c,listMobileStyles as u,listStyles as m,triggerTableStyles as b,triggerMobileStyles as f,triggerStyles as g,contentStyles as p}from"./index79.js";const y=l.Root,v=a(({className:a,fullWidth:b=!1,variant:f="default","data-cy":g,"data-testid":p,...y},v)=>{const N=g||"tabs-list",h=p||"tabs-list",w=r(null),[x,C]=s({left:0,width:0}),[$,j]=s(!1),L=i(()=>{const t=w.current;if(!t)return;const e=t.querySelector('[data-state="active"]');if(!e)return;const a=t.getBoundingClientRect(),r=e.getBoundingClientRect();C({left:r.left-a.left+t.scrollLeft,width:r.width}),j(!0)},[]);n(()=>{const t=w.current;if(!t)return;L();const e=new MutationObserver(L);return e.observe(t,{attributes:!0,subtree:!0,attributeFilter:["data-state"]}),()=>e.disconnect()},[L]);const R="default"===f&&$;/* @__PURE__ */
2
+ return e(l.List,{ref:t=>{w.current=t,"function"==typeof v?v(t):v&&(v.current=t)},className:o("relative","table"===f?c:"mobile"===f?u:m,b&&d,a),"data-cy":N,"data-testid":h,"data-full-width":b,"data-variant":f,...y,children:[y.children,R&&/* @__PURE__ */t("span",{className:"absolute bottom-0 h-[4px] bg-[var(--color-clickable)] rounded-t-sm transition-all duration-300 ease-in-out pointer-events-none",style:{left:x.left,width:x.width},"aria-hidden":"true"})]})});v.displayName=l.List.displayName;const N=a(({className:e,value:a,variant:r="default","data-cy":s,"data-testid":i,...n},d)=>{const c=s||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=i||(a?`tabs-trigger-${a}`:"tabs-trigger");/* @__PURE__ */
3
+ return t(l.Trigger,{ref:d,className:o("table"===r?b:"mobile"===r?f:g,e),value:a,"data-cy":c,"data-testid":u,...n})});N.displayName=l.Trigger.displayName;const h=a(({className:e,value:a,"data-cy":r,"data-testid":s,...i},n)=>{const d=r||(a?`tabs-content-${a}`:"tabs-content"),c=s||(a?`tabs-content-${a}`:"tabs-content");/* @__PURE__ */
4
+ return t(l.Content,{ref:n,tabIndex:-1,className:o(p,e),value:a,"data-cy":d,"data-testid":c,...i})});h.displayName=l.Content.displayName;export{y as Tabs,h as TabsContent,v as TabsList,N as TabsTrigger};
package/dist/index36.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("./index57.cjs"),s=require("./index82.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 t=require("react/jsx-runtime"),e=require("react"),a=require("./index57.cjs"),s=require("./index82.cjs"),r=e.forwardRef(({variant:e="info",title:r,icon:i,className:d,children:c,"data-cy":l,"data-testid":n,...o},u)=>{const m=l||`alert-${e}`,y=n||`alert-${e}`;return t.jsxs("div",{ref:u,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:a.cn(s.alertRootStyles,s.alertVariantMap[e],d),"data-cy":m,"data-testid":y,...o,children:[i&&t.jsx("div",{"aria-hidden":"true",className:s.alertIconStyles,"data-cy":`${m}-icon`,"data-testid":`${y}-icon`,children:i}),t.jsxs("div",{className:s.alertContentStyles,"data-cy":`${m}-content`,"data-testid":`${y}-content`,children:[r&&t.jsx("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${m}-title`,"data-testid":`${y}-title`,children:r}),t.jsx("div",{"data-cy":`${m}-message`,"data-testid":`${y}-message`,children:c})]})]})});r.displayName="Alert",exports.Alert=r;
package/dist/index36.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as i}from"./index57.js";import{alertIconStyles as d,alertContentStyles as s,alertVariantMap as r,alertRootStyles as c}from"./index82.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{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as i}from"./index57.js";import{alertIconStyles as d,alertContentStyles as r,alertVariantMap as s,alertRootStyles as c}from"./index82.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}`,u=f||`alert-${e}`;/* @__PURE__ */
2
+ return t("div",{ref:y,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:i(c,s[e],o),"data-cy":p,"data-testid":u,...h,children:[l&&/* @__PURE__ */a("div",{"aria-hidden":"true",className:d,"data-cy":`${p}-icon`,"data-testid":`${u}-icon`,children:l}),
3
+ /* @__PURE__ */t("div",{className:r,"data-cy":`${p}-content`,"data-testid":`${u}-content`,children:[n&&/* @__PURE__ */a("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${p}-title`,"data-testid":`${u}-title`,children:n}),
4
+ /* @__PURE__ */a("div",{"data-cy":`${p}-message`,"data-testid":`${u}-message`,children:m})]})]})});n.displayName="Alert";export{n as Alert};
package/dist/index39.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@adam-milo/icons"),s=require("./index57.cjs"),r=require("./index11.cjs"),d=require("./index86.cjs"),l=["60%","75%","45%","55%","70%","50%"],c=t.forwardRef(({columns:c,data:n,striped:i=!1,hoverable:o=!1,headerLeft:h,headerRight:y,borderBreak:x=!1,onLoadMore:S,isLoadingMore:m=!1,hasMore:$=!1,loadingIndicator:k,skeletonRows:p=3,maxHeight:b,emptyStateText:j,selectable:u=!1,rowKey:g="id",selectedRows:B,onSelectionChange:f,onRowClick:N,footerBar:v,className:w,"data-cy":C,"data-testid":R,...E},L)=>{const T=C||"datatable",q=R||"datatable",I=h||y,M=t.useRef(null),F=t.useRef(null),[H,D]=t.useState(!1);t.useEffect(()=>{const e=F.current;if(!e||!b)return;const t=()=>D(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[b]);const O=B??new Set,A=n.map(e=>String(e[g]??"")),K=u&&n.length>0&&A.every(e=>O.has(e)),P=u&&n.length>0&&A.some(e=>O.has(e)),W=t.useCallback(()=>{if(f)if(K){const e=new Set(O);A.forEach(t=>e.delete(t)),f(e)}else{const e=new Set(O);A.forEach(t=>e.add(t)),f(e)}},[K,A,O,f]),z=t.useCallback(e=>{if(!f)return;const t=new Set(O);t.has(e)?t.delete(e):t.add(e),f(t)},[O,f]),G=u?c.length+1:c.length,J=t.useCallback(e=>{const[t]=e;t.isIntersecting&&$&&!m&&S&&S()},[$,m,S]);t.useEffect(()=>{const e=M.current;if(!e||!S)return;const t=new IntersectionObserver(J,{root:b?F.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[J,S,b]);const Q=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:L,className:s.cn(d.tableBaseStyles,w),"data-cy":T,"data-testid":q,...E,children:[e.jsx("thead",{className:s.cn(d.theadStyles,x&&d.theadBorderBreakStyles,b&&d.stickyTheadStyles,b&&H&&d.stickyTheadScrolledStyles),"data-cy":`${T}-head`,"data-testid":`${q}-head`,children:e.jsxs("tr",{children:[u&&e.jsx("th",{className:s.cn(d.checkboxCellStyles,x&&d.thBorderBreakStyles),"data-cy":`${T}-header-checkbox`,"data-testid":`${q}-header-checkbox`,children:e.jsx("label",{className:d.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:K,indeterminate:P&&!K,onChange:W,"aria-label":"Select all rows","data-cy":`${T}-select-all`,"data-testid":`${q}-select-all`})})}),c.map(t=>e.jsx("th",{className:s.cn(d.thStyles,x&&d.thBorderBreakStyles),"data-cy":`${T}-header-${t.key}`,"data-testid":`${q}-header-${t.key}`,children:t.header},t.key))]})}),e.jsxs("tbody",{"data-cy":`${T}-body`,"data-testid":`${q}-body`,children:[0!==n.length||m?n.map((t,a)=>e.jsxs("tr",{className:s.cn(d.trStripedStyles,x&&d.trBorderBreakStyles,o&&d.trHoverableStyles,i&&!x&&d.trStripedEvenStyles,N&&"cursor-pointer"),onClick:N?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||N(t,a)}:void 0,"data-cy":`${T}-row-${a}`,"data-testid":`${q}-row-${a}`,children:[u&&e.jsx("td",{className:s.cn(d.checkboxCellStyles,x&&d.tdBorderBreakStyles),"data-cy":`${T}-cell-${a}-checkbox`,"data-testid":`${q}-cell-${a}-checkbox`,children:e.jsx("label",{className:d.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:O.has(String(t[g]??"")),onChange:()=>z(String(t[g]??"")),"aria-label":`Select row ${a+1}`,"data-cy":`${T}-select-${a}`,"data-testid":`${q}-select-${a}`})})}),c.map(r=>e.jsx("td",{className:s.cn(d.tdStyles,x&&d.tdBorderBreakStyles),"data-cy":`${T}-cell-${a}-${r.key}`,"data-testid":`${q}-cell-${a}-${r.key}`,children:r.render?r.render(t[r.key],t,a):String(t[r.key]??"")},r.key))]},a)):e.jsx("tr",{children:e.jsx("td",{colSpan:G,className:"p-0","data-cy":`${T}-empty`,"data-testid":`${q}-empty`,children:e.jsxs("div",{className:d.emptyStateWrapperStyles,children:[e.jsx("div",{className:d.emptyStateIconStyles,"data-cy":`${T}-empty-icon`,"data-testid":`${q}-empty-icon`,children:e.jsx(a.CustomEmptyBoxIcon,{width:"100%",height:"100%"})}),j&&e.jsx("p",{className:d.emptyStateTextStyles,"data-cy":`${T}-empty-text`,"data-testid":`${q}-empty-text`,children:j})]})})}),m&&(k?e.jsx("tr",{children:e.jsx("td",{colSpan:G,className:d.loadingRowStyles,"data-cy":`${T}-loading`,"data-testid":`${q}-loading`,children:k})}):Array.from({length:p}).map((t,a)=>e.jsxs("tr",{className:s.cn(d.trStripedStyles,x&&d.trBorderBreakStyles),"data-cy":`${T}-skeleton-${a}`,"data-testid":`${q}-skeleton-${a}`,children:[u&&e.jsx("td",{className:s.cn(d.checkboxCellStyles,x&&d.tdBorderBreakStyles),children:e.jsx("div",{className:d.checkboxLabelStyles,children:e.jsx("div",{className:"w-4 h-4 rounded-[4px] bg-[rgba(229,229,234,0.4)]"})})}),c.map((t,r)=>e.jsx("td",{className:s.cn(d.tdStyles,x&&d.tdBorderBreakStyles),children:e.jsx("div",{className:d.skeletonCellStyles,style:{width:l[(a+r)%l.length]}})},t.key))]},`skeleton-${a}`)))]})]}),S&&e.jsx("div",{ref:M,className:"h-4","data-cy":`${T}-sentinel`,"data-testid":`${q}-sentinel`,"aria-hidden":"true"})]}),U=e.jsxs("div",{className:s.cn(d.wrapperStyles,x&&($?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),"data-cy":`${T}-wrapper`,"data-testid":`${q}-wrapper`,children:[I&&e.jsxs("div",{className:d.headerBarStyles,"data-cy":`${T}-header-bar`,"data-testid":`${q}-header-bar`,children:[e.jsx("div",{"data-cy":`${T}-header-left`,"data-testid":`${q}-header-left`,children:h}),e.jsx("div",{"data-cy":`${T}-header-right`,"data-testid":`${q}-header-right`,children:y})]}),b?e.jsx("div",{ref:F,className:d.scrollContainerStyles,style:{maxHeight:b},children:Q}):Q]}),V=v?e.jsx("div",{className:d.footerBarStyles,"data-cy":`${T}-footer-bar`,"data-testid":`${q}-footer-bar`,children:v}):null;return x?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.cn(d.wrapperBorderBreakStyles,$?d.wrapperBorderBreakFlatBottomStyles:d.wrapperBorderBreakRoundedStyles),children:U}),V]}):e.jsxs(e.Fragment,{children:[U,V]})});c.displayName="DataTable",exports.DataTable=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@adam-milo/icons"),s=require("./index57.cjs"),r=require("./index11.cjs"),l=require("./index86.cjs"),d=["60%","75%","45%","55%","70%","50%"],c=t.forwardRef(({columns:c,data:n,striped:o=!1,hoverable:i=!1,headerLeft:h,headerRight:y,borderBreak:x=!1,onLoadMore:S,isLoadingMore:m=!1,hasMore:b=!1,loadingIndicator:$,skeletonRows:k=3,maxHeight:p,emptyStateText:u,selectable:j=!1,rowKey:g="id",selectedRows:B,onSelectionChange:f,onRowClick:v,footerBar:w,className:N,"data-cy":C,"data-testid":E,...R},I)=>{const L=C||"datatable",T=E||"datatable",q=h||y,F=t.useRef(null),M=t.useRef(null),[D,H]=t.useState(!1);t.useEffect(()=>{const e=M.current;if(!e||!p)return;const t=()=>H(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[p]);const K=B??new Set,O=n.map(e=>String(e[g]??"")),A=j&&n.length>0&&O.every(e=>K.has(e)),P=j&&n.length>0&&O.some(e=>K.has(e)),W=t.useCallback(()=>{if(f)if(A){const e=new Set(K);O.forEach(t=>e.delete(t)),f(e)}else{const e=new Set(K);O.forEach(t=>e.add(t)),f(e)}},[A,O,K,f]),z=t.useCallback(e=>{if(!f)return;const t=new Set(K);t.has(e)?t.delete(e):t.add(e),f(t)},[K,f]),G=j?c.length+1:c.length,J=t.useCallback(e=>{const[t]=e;t.isIntersecting&&b&&!m&&S&&S()},[b,m,S]);t.useEffect(()=>{const e=F.current;if(!e||!S)return;const t=new IntersectionObserver(J,{root:p?M.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[J,S,p]);const Q=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:I,className:s.cn(l.tableBaseStyles,N),"aria-busy":m||void 0,"data-cy":L,"data-testid":T,...R,children:[e.jsx("thead",{className:s.cn(l.theadStyles,x&&l.theadBorderBreakStyles,p&&l.stickyTheadStyles,p&&D&&l.stickyTheadScrolledStyles),"data-cy":`${L}-head`,"data-testid":`${T}-head`,children:e.jsxs("tr",{children:[j&&e.jsx("th",{scope:"col",className:s.cn(l.checkboxCellStyles,x&&l.thBorderBreakStyles),"data-cy":`${L}-header-checkbox`,"data-testid":`${T}-header-checkbox`,children:e.jsx("label",{className:l.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:A,indeterminate:P&&!A,onChange:W,"aria-label":"Select all rows","data-cy":`${L}-select-all`,"data-testid":`${T}-select-all`})})}),c.map(t=>e.jsx("th",{scope:"col",className:s.cn(l.thStyles,x&&l.thBorderBreakStyles),"data-cy":`${L}-header-${t.key}`,"data-testid":`${T}-header-${t.key}`,children:t.header},t.key))]})}),e.jsxs("tbody",{"data-cy":`${L}-body`,"data-testid":`${T}-body`,children:[0!==n.length||m?n.map((t,a)=>e.jsxs("tr",{className:s.cn(l.trStripedStyles,x&&l.trBorderBreakStyles,i&&l.trHoverableStyles,o&&!x&&l.trStripedEvenStyles,v&&l.trClickableStyles,v&&x&&l.trClickableBorderBreakFocusStyles),tabIndex:v?0:void 0,style:v?{outline:"none",boxShadow:"none"}:void 0,onClick:v?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||v(t,a)}:void 0,onKeyDown:v?e=>{if("Enter"===e.key||" "===e.key){e.preventDefault();if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;v(t,a)}}:void 0,"data-cy":`${L}-row-${a}`,"data-testid":`${T}-row-${a}`,children:[j&&e.jsx("td",{className:s.cn(l.checkboxCellStyles,x&&l.tdBorderBreakStyles),"data-cy":`${L}-cell-${a}-checkbox`,"data-testid":`${T}-cell-${a}-checkbox`,children:e.jsx("label",{className:l.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:K.has(String(t[g]??"")),onChange:()=>z(String(t[g]??"")),"aria-label":`Select row ${a+1}`,"data-cy":`${L}-select-${a}`,"data-testid":`${T}-select-${a}`})})}),c.map(r=>e.jsx("td",{className:s.cn(l.tdStyles,x&&l.tdBorderBreakStyles),"data-cy":`${L}-cell-${a}-${r.key}`,"data-testid":`${T}-cell-${a}-${r.key}`,children:r.render?r.render(t[r.key],t,a):String(t[r.key]??"")},r.key))]},a)):e.jsx("tr",{children:e.jsx("td",{colSpan:G,className:"p-0","data-cy":`${L}-empty`,"data-testid":`${T}-empty`,children:e.jsxs("div",{className:l.emptyStateWrapperStyles,children:[e.jsx("div",{className:l.emptyStateIconStyles,"aria-hidden":"true","data-cy":`${L}-empty-icon`,"data-testid":`${T}-empty-icon`,children:e.jsx(a.CustomEmptyBoxIcon,{width:"100%",height:"100%"})}),u&&e.jsx("p",{className:l.emptyStateTextStyles,"data-cy":`${L}-empty-text`,"data-testid":`${T}-empty-text`,children:u})]})})}),m&&($?e.jsx("tr",{children:e.jsx("td",{colSpan:G,className:l.loadingRowStyles,"data-cy":`${L}-loading`,"data-testid":`${T}-loading`,children:$})}):Array.from({length:k}).map((t,a)=>e.jsxs("tr",{className:s.cn(l.trStripedStyles,x&&l.trBorderBreakStyles),"data-cy":`${L}-skeleton-${a}`,"data-testid":`${T}-skeleton-${a}`,children:[j&&e.jsx("td",{className:s.cn(l.checkboxCellStyles,x&&l.tdBorderBreakStyles),children:e.jsx("div",{className:l.checkboxLabelStyles,children:e.jsx("div",{className:"w-4 h-4 rounded-[4px] bg-[rgba(229,229,234,0.4)]"})})}),c.map((t,r)=>e.jsx("td",{className:s.cn(l.tdStyles,x&&l.tdBorderBreakStyles),children:e.jsx("div",{className:l.skeletonCellStyles,style:{width:d[(a+r)%d.length]}})},t.key))]},`skeleton-${a}`)))]})]}),S&&e.jsx("div",{ref:F,className:"h-4","data-cy":`${L}-sentinel`,"data-testid":`${T}-sentinel`,"aria-hidden":"true"})]}),U=e.jsxs("div",{className:s.cn(l.wrapperStyles,x&&(b?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${L}-wrapper`,"data-testid":`${T}-wrapper`,children:[q&&e.jsxs("div",{className:l.headerBarStyles,"data-cy":`${L}-header-bar`,"data-testid":`${T}-header-bar`,children:[e.jsx("div",{"data-cy":`${L}-header-left`,"data-testid":`${T}-header-left`,children:h}),e.jsx("div",{"data-cy":`${L}-header-right`,"data-testid":`${T}-header-right`,children:y})]}),p?e.jsx("div",{ref:M,className:l.scrollContainerStyles,tabIndex:-1,style:{maxHeight:p,outline:"none"},children:Q}):Q]}),V=w?e.jsx("div",{className:l.footerBarStyles,"data-cy":`${L}-footer-bar`,"data-testid":`${T}-footer-bar`,children:w}):null;return x?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.cn(l.wrapperBorderBreakStyles,b?l.wrapperBorderBreakFlatBottomStyles:l.wrapperBorderBreakRoundedStyles),children:U}),V]}):e.jsxs(e.Fragment,{children:[U,V]})});c.displayName="DataTable",exports.DataTable=c;
package/dist/index39.js CHANGED
@@ -1,9 +1,9 @@
1
- import{jsxs as e,Fragment as a,jsx as t}from"react/jsx-runtime";import{forwardRef as d,useRef as r,useState as l,useEffect as c,useCallback as s}from"react";import{CustomEmptyBoxIcon as i}from"@adam-milo/icons";import{cn as n}from"./index57.js";import{Checkbox as o}from"./index11.js";import{checkboxLabelStyles as h,emptyStateWrapperStyles as m,emptyStateIconStyles as $,emptyStateTextStyles as y,loadingRowStyles as p,skeletonCellStyles as b,headerBarStyles as g,scrollContainerStyles as N,thBorderBreakStyles as f,checkboxCellStyles as v,thStyles as k,stickyTheadScrolledStyles as u,stickyTheadStyles as w,theadBorderBreakStyles as x,theadStyles as S,tdBorderBreakStyles as C,tdStyles as L,trStripedEvenStyles as j,trHoverableStyles as E,trBorderBreakStyles as M,trStripedStyles as R,tableBaseStyles as I,footerBarStyles as T,wrapperStyles as B,wrapperBorderBreakFlatBottomStyles as H,wrapperBorderBreakRoundedStyles as A,wrapperBorderBreakStyles as D}from"./index86.js";const K=["60%","75%","45%","55%","70%","50%"],O=d(({columns:d,data:O,striped:q=!1,hoverable:z=!1,headerLeft:F,headerRight:G,borderBreak:J=!1,onLoadMore:P,isLoadingMore:Q=!1,hasMore:U=!1,loadingIndicator:V,skeletonRows:W=3,maxHeight:X,emptyStateText:Y,selectable:Z=!1,rowKey:_="id",selectedRows:ee,onSelectionChange:ae,onRowClick:te,footerBar:de,className:re,"data-cy":le,"data-testid":ce,...se},ie)=>{const ne=le||"datatable",oe=ce||"datatable",he=F||G,me=r(null),$e=r(null),[ye,pe]=l(!1);c(()=>{const e=$e.current;if(!e||!X)return;const a=()=>pe(e.scrollTop>0);return e.addEventListener("scroll",a,{passive:!0}),()=>e.removeEventListener("scroll",a)},[X]);const be=ee??/* @__PURE__ */new Set,ge=O.map(e=>String(e[_]??"")),Ne=Z&&O.length>0&&ge.every(e=>be.has(e)),fe=Z&&O.length>0&&ge.some(e=>be.has(e)),ve=s(()=>{if(ae)if(Ne){const e=new Set(be);ge.forEach(a=>e.delete(a)),ae(e)}else{const e=new Set(be);ge.forEach(a=>e.add(a)),ae(e)}},[Ne,ge,be,ae]),ke=s(e=>{if(!ae)return;const a=new Set(be);a.has(e)?a.delete(e):a.add(e),ae(a)},[be,ae]),ue=Z?d.length+1:d.length,we=s(e=>{const[a]=e;a.isIntersecting&&U&&!Q&&P&&P()},[U,Q,P]);c(()=>{const e=me.current;if(!e||!P)return;const a=new IntersectionObserver(we,{root:X?$e.current:null,rootMargin:"0px",threshold:.1});return a.observe(e),()=>a.disconnect()},[we,P,X]);const xe=/* @__PURE__ */e(a,{children:[
2
- /* @__PURE__ */e("table",{ref:ie,className:n(I,re),"data-cy":ne,"data-testid":oe,...se,children:[
3
- /* @__PURE__ */t("thead",{className:n(S,J&&x,X&&w,X&&ye&&u),"data-cy":`${ne}-head`,"data-testid":`${oe}-head`,children:/* @__PURE__ */e("tr",{children:[Z&&/* @__PURE__ */t("th",{className:n(v,J&&f),"data-cy":`${ne}-header-checkbox`,"data-testid":`${oe}-header-checkbox`,children:/* @__PURE__ */t("label",{className:h,children:/* @__PURE__ */t(o,{checked:Ne,indeterminate:fe&&!Ne,onChange:ve,"aria-label":"Select all rows","data-cy":`${ne}-select-all`,"data-testid":`${oe}-select-all`})})}),d.map(e=>/* @__PURE__ */t("th",{className:n(k,J&&f),"data-cy":`${ne}-header-${e.key}`,"data-testid":`${oe}-header-${e.key}`,children:e.header},e.key))]})}),
4
- /* @__PURE__ */e("tbody",{"data-cy":`${ne}-body`,"data-testid":`${oe}-body`,children:[0!==O.length||Q?O.map((a,r)=>/* @__PURE__ */e("tr",{className:n(R,J&&M,z&&E,q&&!J&&j,te&&"cursor-pointer"),onClick:te?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||te(a,r)}:void 0,"data-cy":`${ne}-row-${r}`,"data-testid":`${oe}-row-${r}`,children:[Z&&/* @__PURE__ */t("td",{className:n(v,J&&C),"data-cy":`${ne}-cell-${r}-checkbox`,"data-testid":`${oe}-cell-${r}-checkbox`,children:/* @__PURE__ */t("label",{className:h,children:/* @__PURE__ */t(o,{checked:be.has(String(a[_]??"")),onChange:()=>ke(String(a[_]??"")),"aria-label":`Select row ${r+1}`,"data-cy":`${ne}-select-${r}`,"data-testid":`${oe}-select-${r}`})})}),d.map(e=>/* @__PURE__ */t("td",{className:n(L,J&&C),"data-cy":`${ne}-cell-${r}-${e.key}`,"data-testid":`${oe}-cell-${r}-${e.key}`,children:e.render?e.render(a[e.key],a,r):String(a[e.key]??"")},e.key))]},r)):/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:ue,className:"p-0","data-cy":`${ne}-empty`,"data-testid":`${oe}-empty`,children:/* @__PURE__ */e("div",{className:m,children:[
5
- /* @__PURE__ */t("div",{className:$,"data-cy":`${ne}-empty-icon`,"data-testid":`${oe}-empty-icon`,children:/* @__PURE__ */t(i,{width:"100%",height:"100%"})}),Y&&/* @__PURE__ */t("p",{className:y,"data-cy":`${ne}-empty-text`,"data-testid":`${oe}-empty-text`,children:Y})]})})}),Q&&(V?/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:ue,className:p,"data-cy":`${ne}-loading`,"data-testid":`${oe}-loading`,children:V})}):Array.from({length:W}).map((a,r)=>/* @__PURE__ */e("tr",{className:n(R,J&&M),"data-cy":`${ne}-skeleton-${r}`,"data-testid":`${oe}-skeleton-${r}`,children:[Z&&/* @__PURE__ */t("td",{className:n(v,J&&C),children:/* @__PURE__ */t("div",{className:h,children:/* @__PURE__ */t("div",{className:"w-4 h-4 rounded-[4px] bg-[rgba(229,229,234,0.4)]"})})}),d.map((e,a)=>/* @__PURE__ */t("td",{className:n(L,J&&C),children:/* @__PURE__ */t("div",{className:b,style:{width:K[(r+a)%K.length]}})},e.key))]},`skeleton-${r}`)))]})]}),P&&/* @__PURE__ */t("div",{ref:me,className:"h-4","data-cy":`${ne}-sentinel`,"data-testid":`${oe}-sentinel`,"aria-hidden":"true"})]}),Se=/* @__PURE__ */e("div",{className:n(B,J&&(U?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),"data-cy":`${ne}-wrapper`,"data-testid":`${oe}-wrapper`,children:[he&&/* @__PURE__ */e("div",{className:g,"data-cy":`${ne}-header-bar`,"data-testid":`${oe}-header-bar`,children:[
6
- /* @__PURE__ */t("div",{"data-cy":`${ne}-header-left`,"data-testid":`${oe}-header-left`,children:F}),
7
- /* @__PURE__ */t("div",{"data-cy":`${ne}-header-right`,"data-testid":`${oe}-header-right`,children:G})]}),X?/* @__PURE__ */t("div",{ref:$e,className:N,style:{maxHeight:X},children:xe}):xe]}),Ce=de?/* @__PURE__ */t("div",{className:T,"data-cy":`${ne}-footer-bar`,"data-testid":`${oe}-footer-bar`,children:de}):null;/* @__PURE__ */
8
- return e(a,J?{children:[
9
- /* @__PURE__ */t("div",{className:n(D,U?H:A),children:Se}),Ce]}:{children:[Se,Ce]})});O.displayName="DataTable";export{O as DataTable};
1
+ import{jsxs as e,Fragment as a,jsx as t}from"react/jsx-runtime";import{forwardRef as d,useRef as r,useState as l,useEffect as c,useCallback as n}from"react";import{CustomEmptyBoxIcon as s}from"@adam-milo/icons";import{cn as i}from"./index57.js";import{Checkbox as o}from"./index11.js";import{checkboxLabelStyles as h,emptyStateWrapperStyles as m,emptyStateIconStyles as $,emptyStateTextStyles as y,loadingRowStyles as p,skeletonCellStyles as b,headerBarStyles as g,scrollContainerStyles as u,thBorderBreakStyles as v,checkboxCellStyles as f,thStyles as N,stickyTheadScrolledStyles as k,stickyTheadStyles as x,theadBorderBreakStyles as w,theadStyles as S,tdBorderBreakStyles as I,tdStyles as C,trClickableBorderBreakFocusStyles as E,trClickableStyles as L,trStripedEvenStyles as j,trHoverableStyles as M,trBorderBreakStyles as R,trStripedStyles as D,tableBaseStyles as T,footerBarStyles as B,wrapperStyles as H,wrapperBorderBreakFlatBottomStyles as K,wrapperBorderBreakRoundedStyles as A,wrapperBorderBreakStyles as O}from"./index86.js";const q=["60%","75%","45%","55%","70%","50%"],z=d(({columns:d,data:z,striped:F=!1,hoverable:G=!1,headerLeft:J,headerRight:P,borderBreak:Q=!1,onLoadMore:U,isLoadingMore:V=!1,hasMore:W=!1,loadingIndicator:X,skeletonRows:Y=3,maxHeight:Z,emptyStateText:_,selectable:ee=!1,rowKey:ae="id",selectedRows:te,onSelectionChange:de,onRowClick:re,footerBar:le,className:ce,"data-cy":ne,"data-testid":se,...ie},oe)=>{const he=ne||"datatable",me=se||"datatable",$e=J||P,ye=r(null),pe=r(null),[be,ge]=l(!1);c(()=>{const e=pe.current;if(!e||!Z)return;const a=()=>ge(e.scrollTop>0);return e.addEventListener("scroll",a,{passive:!0}),()=>e.removeEventListener("scroll",a)},[Z]);const ue=te??/* @__PURE__ */new Set,ve=z.map(e=>String(e[ae]??"")),fe=ee&&z.length>0&&ve.every(e=>ue.has(e)),Ne=ee&&z.length>0&&ve.some(e=>ue.has(e)),ke=n(()=>{if(de)if(fe){const e=new Set(ue);ve.forEach(a=>e.delete(a)),de(e)}else{const e=new Set(ue);ve.forEach(a=>e.add(a)),de(e)}},[fe,ve,ue,de]),xe=n(e=>{if(!de)return;const a=new Set(ue);a.has(e)?a.delete(e):a.add(e),de(a)},[ue,de]),we=ee?d.length+1:d.length,Se=n(e=>{const[a]=e;a.isIntersecting&&W&&!V&&U&&U()},[W,V,U]);c(()=>{const e=ye.current;if(!e||!U)return;const a=new IntersectionObserver(Se,{root:Z?pe.current:null,rootMargin:"0px",threshold:.1});return a.observe(e),()=>a.disconnect()},[Se,U,Z]);const Ie=/* @__PURE__ */e(a,{children:[
2
+ /* @__PURE__ */e("table",{ref:oe,className:i(T,ce),"aria-busy":V||void 0,"data-cy":he,"data-testid":me,...ie,children:[
3
+ /* @__PURE__ */t("thead",{className:i(S,Q&&w,Z&&x,Z&&be&&k),"data-cy":`${he}-head`,"data-testid":`${me}-head`,children:/* @__PURE__ */e("tr",{children:[ee&&/* @__PURE__ */t("th",{scope:"col",className:i(f,Q&&v),"data-cy":`${he}-header-checkbox`,"data-testid":`${me}-header-checkbox`,children:/* @__PURE__ */t("label",{className:h,children:/* @__PURE__ */t(o,{checked:fe,indeterminate:Ne&&!fe,onChange:ke,"aria-label":"Select all rows","data-cy":`${he}-select-all`,"data-testid":`${me}-select-all`})})}),d.map(e=>/* @__PURE__ */t("th",{scope:"col",className:i(N,Q&&v),"data-cy":`${he}-header-${e.key}`,"data-testid":`${me}-header-${e.key}`,children:e.header},e.key))]})}),
4
+ /* @__PURE__ */e("tbody",{"data-cy":`${he}-body`,"data-testid":`${me}-body`,children:[0!==z.length||V?z.map((a,r)=>/* @__PURE__ */e("tr",{className:i(D,Q&&R,G&&M,F&&!Q&&j,re&&L,re&&Q&&E),tabIndex:re?0:void 0,style:re?{outline:"none",boxShadow:"none"}:void 0,onClick:re?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||re(a,r)}:void 0,onKeyDown:re?e=>{if("Enter"===e.key||" "===e.key){e.preventDefault();if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;re(a,r)}}:void 0,"data-cy":`${he}-row-${r}`,"data-testid":`${me}-row-${r}`,children:[ee&&/* @__PURE__ */t("td",{className:i(f,Q&&I),"data-cy":`${he}-cell-${r}-checkbox`,"data-testid":`${me}-cell-${r}-checkbox`,children:/* @__PURE__ */t("label",{className:h,children:/* @__PURE__ */t(o,{checked:ue.has(String(a[ae]??"")),onChange:()=>xe(String(a[ae]??"")),"aria-label":`Select row ${r+1}`,"data-cy":`${he}-select-${r}`,"data-testid":`${me}-select-${r}`})})}),d.map(e=>/* @__PURE__ */t("td",{className:i(C,Q&&I),"data-cy":`${he}-cell-${r}-${e.key}`,"data-testid":`${me}-cell-${r}-${e.key}`,children:e.render?e.render(a[e.key],a,r):String(a[e.key]??"")},e.key))]},r)):/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:we,className:"p-0","data-cy":`${he}-empty`,"data-testid":`${me}-empty`,children:/* @__PURE__ */e("div",{className:m,children:[
5
+ /* @__PURE__ */t("div",{className:$,"aria-hidden":"true","data-cy":`${he}-empty-icon`,"data-testid":`${me}-empty-icon`,children:/* @__PURE__ */t(s,{width:"100%",height:"100%"})}),_&&/* @__PURE__ */t("p",{className:y,"data-cy":`${he}-empty-text`,"data-testid":`${me}-empty-text`,children:_})]})})}),V&&(X?/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("td",{colSpan:we,className:p,"data-cy":`${he}-loading`,"data-testid":`${me}-loading`,children:X})}):Array.from({length:Y}).map((a,r)=>/* @__PURE__ */e("tr",{className:i(D,Q&&R),"data-cy":`${he}-skeleton-${r}`,"data-testid":`${me}-skeleton-${r}`,children:[ee&&/* @__PURE__ */t("td",{className:i(f,Q&&I),children:/* @__PURE__ */t("div",{className:h,children:/* @__PURE__ */t("div",{className:"w-4 h-4 rounded-[4px] bg-[rgba(229,229,234,0.4)]"})})}),d.map((e,a)=>/* @__PURE__ */t("td",{className:i(C,Q&&I),children:/* @__PURE__ */t("div",{className:b,style:{width:q[(r+a)%q.length]}})},e.key))]},`skeleton-${r}`)))]})]}),U&&/* @__PURE__ */t("div",{ref:ye,className:"h-4","data-cy":`${he}-sentinel`,"data-testid":`${me}-sentinel`,"aria-hidden":"true"})]}),Ce=/* @__PURE__ */e("div",{className:i(H,Q&&(W?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${he}-wrapper`,"data-testid":`${me}-wrapper`,children:[$e&&/* @__PURE__ */e("div",{className:g,"data-cy":`${he}-header-bar`,"data-testid":`${me}-header-bar`,children:[
6
+ /* @__PURE__ */t("div",{"data-cy":`${he}-header-left`,"data-testid":`${me}-header-left`,children:J}),
7
+ /* @__PURE__ */t("div",{"data-cy":`${he}-header-right`,"data-testid":`${me}-header-right`,children:P})]}),Z?/* @__PURE__ */t("div",{ref:pe,className:u,tabIndex:-1,style:{maxHeight:Z,outline:"none"},children:Ie}):Ie]}),Ee=le?/* @__PURE__ */t("div",{className:B,"data-cy":`${he}-footer-bar`,"data-testid":`${me}-footer-bar`,children:le}):null;/* @__PURE__ */
8
+ return e(a,Q?{children:[
9
+ /* @__PURE__ */t("div",{className:i(O,W?K:A),children:Ce}),Ee]}:{children:[Ce,Ee]})});z.displayName="DataTable";export{z as DataTable};
package/dist/index4.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index57.cjs"),i=require("@adam-milo/icons"),o=require("./index55.cjs"),n=require("./index62.cjs"),r={sm:"sm",md:"md",lg:"lg"},s={sm:"sm",md:"md",lg:"lg"},l=a.forwardRef(({size:l="md",variant:c="default",icon:d,children:u,className:v,disabled:m,loading:b=!1,iconColor:y,iconStrokeWidth:g,"aria-label":x,"data-testid":f,"data-cy":w,...p},_)=>{const[h,j]=a.useState(!1),[S,q]=a.useState(!1),k=t.cn(n.baseStyles,n.variantStyles[c],n.sizeStyles[l],v),z=m||b,I=(()=>{if(!b&&!z)return"rainbow-overlay"===c?S?"var(--overlay-rainbow-50)":h?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===c?S?"var(--overlay-green-blue-15)":h?"var(--overlay-green-blue-10)":void 0:void 0})(),M=b?`${x||"Button"} - Loading`:x;return e.jsxs("button",{ref:_,type:"button",disabled:z,className:k,style:{...I&&{backgroundImage:I},...p.style},onMouseEnter:()=>!b&&j(!0),onMouseLeave:()=>j(!1),onMouseDown:()=>!b&&q(!0),onMouseUp:()=>q(!1),"aria-label":u?void 0:M,"aria-busy":b,"data-testid":f||"icon-button","data-cy":w||"icon-button",...p,children:[b?e.jsx(o.Spinner,{size:s[l],color:"teal",label:`${x||"Button"} loading`,"data-cy":"icon-button-spinner"}):y||g?e.jsx("span",{style:{...y&&{"--icon-fill":y},...g&&{"--icon-sw":g}},className:t.cn("inline-flex",y&&"[&_svg_path]:![fill:var(--icon-fill)] [&_svg_circle]:![fill:var(--icon-fill)] [&_svg_rect]:![fill:var(--icon-fill)]",g&&"[&_svg_path]:![stroke-width:var(--icon-sw)] [&_svg_circle]:![stroke-width:var(--icon-sw)] [&_svg_line]:![stroke-width:var(--icon-sw)]"),children:e.jsx(i.Icon,{name:d,size:r[l],decorative:!!u})}):e.jsx(i.Icon,{name:d,size:r[l],decorative:!!u}),u&&e.jsx("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:u})]})});l.displayName="IconButton",exports.IconButton=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index57.cjs"),o=require("@adam-milo/icons"),i=require("./index55.cjs"),n=require("./index62.cjs"),r={sm:"sm",md:"md",lg:"lg"},s={sm:"sm",md:"md",lg:"lg"},l=a.forwardRef(({size:l="md",variant:c="default",icon:d,children:u,className:v,disabled:m,loading:b=!1,iconColor:y,iconStrokeWidth:g,"aria-label":x,"data-testid":f,"data-cy":w,...p},_)=>{const[h,j]=a.useState(!1),[S,q]=a.useState(!1),k=t.cn(n.baseStyles,n.variantStyles[c],n.sizeStyles[l],v),z=m||b,B=(()=>{if(!b&&!z)return"rainbow-overlay"===c?S?"var(--overlay-rainbow-50)":h?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===c?S?"var(--overlay-green-blue-15)":h?"var(--overlay-green-blue-10)":void 0:void 0})(),I=b?`${x||"Button"} - Loading`:x||"Button";return e.jsxs("button",{ref:_,type:"button",disabled:z,className:k,style:{...B&&{backgroundImage:B},...p.style},onMouseEnter:()=>!b&&j(!0),onMouseLeave:()=>j(!1),onMouseDown:()=>!b&&q(!0),onMouseUp:()=>q(!1),"aria-label":u?void 0:I,"aria-busy":b,"data-testid":f||"icon-button","data-cy":w||"icon-button",...p,children:[b?e.jsx(i.Spinner,{size:s[l],color:"teal",label:`${x||"Button"} loading`,"data-cy":"icon-button-spinner"}):y||g?e.jsx("span",{style:{...y&&{"--icon-fill":y},...g&&{"--icon-sw":g}},className:t.cn("inline-flex",y&&"[&_svg_path]:![fill:var(--icon-fill)] [&_svg_circle]:![fill:var(--icon-fill)] [&_svg_rect]:![fill:var(--icon-fill)]",g&&"[&_svg_path]:![stroke-width:var(--icon-sw)] [&_svg_circle]:![stroke-width:var(--icon-sw)] [&_svg_line]:![stroke-width:var(--icon-sw)]"),children:e.jsx(o.Icon,{name:d,size:r[l],decorative:!!u})}):e.jsx(o.Icon,{name:d,size:r[l],decorative:!!u}),u&&e.jsx("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:u})]})});l.displayName="IconButton",exports.IconButton=l;
package/dist/index4.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsxs as o,jsx as e}from"react/jsx-runtime";import{forwardRef as a,useState as i}from"react";import{cn as t}from"./index57.js";import{Icon as r}from"@adam-milo/icons";import{Spinner as n}from"./index55.js";import{sizeStyles as l,variantStyles as s,baseStyles as c}from"./index62.js";const d={sm:"sm",md:"md",lg:"lg"},m={sm:"sm",md:"md",lg:"lg"},v=a(({size:a="md",variant:v="default",icon:u,children:b,className:f,disabled:g,loading:p=!1,iconColor:y,iconStrokeWidth:w,"aria-label":_,"data-testid":h,"data-cy":x,...k},N)=>{const[j,z]=i(!1),[M,B]=i(!1),I=t(c,s[v],l[a],f),L=g||p,$=(()=>{if(!p&&!L)return"rainbow-overlay"===v?M?"var(--overlay-rainbow-50)":j?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===v?M?"var(--overlay-green-blue-15)":j?"var(--overlay-green-blue-10)":void 0:void 0})(),C=p?`${_||"Button"} - Loading`:_;/* @__PURE__ */
2
- return o("button",{ref:N,type:"button",disabled:L,className:I,style:{...$&&{backgroundImage:$},...k.style},onMouseEnter:()=>!p&&z(!0),onMouseLeave:()=>z(!1),onMouseDown:()=>!p&&B(!0),onMouseUp:()=>B(!1),"aria-label":b?void 0:C,"aria-busy":p,"data-testid":h||"icon-button","data-cy":x||"icon-button",...k,children:[p?/* @__PURE__ */e(n,{size:m[a],color:"teal",label:`${_||"Button"} loading`,"data-cy":"icon-button-spinner"}):y||w?/* @__PURE__ */e("span",{style:{...y&&{"--icon-fill":y},...w&&{"--icon-sw":w}},className:t("inline-flex",y&&"[&_svg_path]:![fill:var(--icon-fill)] [&_svg_circle]:![fill:var(--icon-fill)] [&_svg_rect]:![fill:var(--icon-fill)]",w&&"[&_svg_path]:![stroke-width:var(--icon-sw)] [&_svg_circle]:![stroke-width:var(--icon-sw)] [&_svg_line]:![stroke-width:var(--icon-sw)]"),children:/* @__PURE__ */e(r,{name:u,size:d[a],decorative:!!b})}):/* @__PURE__ */e(r,{name:u,size:d[a],decorative:!!b}),b&&/* @__PURE__ */e("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:b})]})});v.displayName="IconButton";export{v as IconButton};
1
+ import{jsxs as o,jsx as e}from"react/jsx-runtime";import{forwardRef as a,useState as i}from"react";import{cn as t}from"./index57.js";import{Icon as r}from"@adam-milo/icons";import{Spinner as n}from"./index55.js";import{sizeStyles as l,variantStyles as s,baseStyles as c}from"./index62.js";const d={sm:"sm",md:"md",lg:"lg"},m={sm:"sm",md:"md",lg:"lg"},v=a(({size:a="md",variant:v="default",icon:u,children:b,className:f,disabled:g,loading:p=!1,iconColor:y,iconStrokeWidth:w,"aria-label":_,"data-testid":h,"data-cy":x,...k},N)=>{const[j,z]=i(!1),[B,M]=i(!1),I=t(c,s[v],l[a],f),L=g||p,$=(()=>{if(!p&&!L)return"rainbow-overlay"===v?B?"var(--overlay-rainbow-50)":j?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===v?B?"var(--overlay-green-blue-15)":j?"var(--overlay-green-blue-10)":void 0:void 0})(),C=p?`${_||"Button"} - Loading`:_||"Button";/* @__PURE__ */
2
+ return o("button",{ref:N,type:"button",disabled:L,className:I,style:{...$&&{backgroundImage:$},...k.style},onMouseEnter:()=>!p&&z(!0),onMouseLeave:()=>z(!1),onMouseDown:()=>!p&&M(!0),onMouseUp:()=>M(!1),"aria-label":b?void 0:C,"aria-busy":p,"data-testid":h||"icon-button","data-cy":x||"icon-button",...k,children:[p?/* @__PURE__ */e(n,{size:m[a],color:"teal",label:`${_||"Button"} loading`,"data-cy":"icon-button-spinner"}):y||w?/* @__PURE__ */e("span",{style:{...y&&{"--icon-fill":y},...w&&{"--icon-sw":w}},className:t("inline-flex",y&&"[&_svg_path]:![fill:var(--icon-fill)] [&_svg_circle]:![fill:var(--icon-fill)] [&_svg_rect]:![fill:var(--icon-fill)]",w&&"[&_svg_path]:![stroke-width:var(--icon-sw)] [&_svg_circle]:![stroke-width:var(--icon-sw)] [&_svg_line]:![stroke-width:var(--icon-sw)]"),children:/* @__PURE__ */e(r,{name:u,size:d[a],decorative:!!b})}):/* @__PURE__ */e(r,{name:u,size:d[a],decorative:!!b}),b&&/* @__PURE__ */e("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:b})]})});v.displayName="IconButton";export{v as IconButton};
package/dist/index5.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index57.cjs"),a=require("@adam-milo/icons"),i=require("./index63.cjs"),n={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},r=t.forwardRef(({variant:t,selected:r=!1,initials:c,className:o,disabled:l,"aria-label":d,"data-testid":u,"data-cy":m,...y},b)=>{const S=m||`menu-icon-button-${t}`,p=u||`menu-icon-button-${t}`,x=s.cn("group","menu-icon-button-border-mask",i.baseStyles,r&&i.selectedStyles,o);return e.jsx("button",{ref:b,type:"button",disabled:l,className:x,"aria-label":d,"aria-pressed":r,"data-testid":p,"data-cy":S,...y,children:"user"===t&&c?e.jsx("span",{className:s.cn(i.initialsBaseStyles,!r&&i.initialsHoverStyles,r&&i.initialsSelectedStyles),"data-cy":`${S}-initials`,"data-testid":`${p}-initials`,children:c.slice(0,2).toUpperCase()}):e.jsx("span",{className:s.cn(i.iconBaseStyles,!r&&i.iconHoverStyles,r&&i.iconSelectedStyles),"data-cy":`${S}-icon`,"data-testid":`${p}-icon`,children:e.jsx(a.Icon,{name:n[t],size:"lg",color:"inherit",decorative:!0})})})});r.displayName="MenuIconButton",exports.MenuIconButton=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index57.cjs"),i=require("@adam-milo/icons"),a=require("./index63.cjs"),n={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},r={settings:"Settings",user:"User menu"},c=t.forwardRef(({variant:t,selected:c=!1,initials:o,className:l,disabled:d,"aria-label":u,"data-testid":m,"data-cy":y,...S},b)=>{const p=y||`menu-icon-button-${t}`,x=m||`menu-icon-button-${t}`,g=s.cn("group","menu-icon-button-border-mask",a.baseStyles,c&&a.selectedStyles,l);return e.jsx("button",{ref:b,type:"button",disabled:d,className:g,"aria-label":u||r[t],"aria-pressed":c,"data-testid":x,"data-cy":p,...S,children:"user"===t&&o?e.jsx("span",{className:s.cn(a.initialsBaseStyles,!c&&a.initialsHoverStyles,c&&a.initialsSelectedStyles),"data-cy":`${p}-initials`,"data-testid":`${x}-initials`,children:o.slice(0,2).toUpperCase()}):e.jsx("span",{className:s.cn(a.iconBaseStyles,!c&&a.iconHoverStyles,c&&a.iconSelectedStyles),"data-cy":`${p}-icon`,"data-testid":`${x}-icon`,children:e.jsx(i.Icon,{name:n[t],size:"lg",color:"inherit",decorative:!0})})})});c.displayName="MenuIconButton",exports.MenuIconButton=c;
package/dist/index5.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as e}from"./index57.js";import{Icon as i}from"@adam-milo/icons";import{selectedStyles as s,baseStyles as n,initialsSelectedStyles as o,initialsHoverStyles as r,initialsBaseStyles as c,iconSelectedStyles as d,iconHoverStyles as m,iconBaseStyles as l}from"./index63.js";const u={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},p=a(({variant:a,selected:p=!1,initials:b,className:f,disabled:y,"aria-label":$,"data-testid":N,"data-cy":g,...h},x)=>{const j=g||`menu-icon-button-${a}`,C=N||`menu-icon-button-${a}`,I=e("group","menu-icon-button-border-mask",n,p&&s,f);/* @__PURE__ */
2
- return t("button",{ref:x,type:"button",disabled:y,className:I,"aria-label":$,"aria-pressed":p,"data-testid":C,"data-cy":j,...h,children:/* @__PURE__ */t("span","user"===a&&b?{className:e(c,!p&&r,p&&o),"data-cy":`${j}-initials`,"data-testid":`${C}-initials`,children:b.slice(0,2).toUpperCase()}:{className:e(l,!p&&m,p&&d),"data-cy":`${j}-icon`,"data-testid":`${C}-icon`,children:/* @__PURE__ */t(i,{name:u[a],size:"lg",color:"inherit",decorative:!0})})})});p.displayName="MenuIconButton";export{p as MenuIconButton};
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as a}from"./index57.js";import{Icon as i}from"@adam-milo/icons";import{selectedStyles as s,baseStyles as n,initialsSelectedStyles as o,initialsHoverStyles as r,initialsBaseStyles as c,iconSelectedStyles as d,iconHoverStyles as m,iconBaseStyles as l}from"./index63.js";const u={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},p={settings:"Settings",user:"User menu"},b=e(({variant:e,selected:b=!1,initials:f,className:g,disabled:y,"aria-label":$,"data-testid":N,"data-cy":h,...x},j)=>{const C=h||`menu-icon-button-${e}`,I=N||`menu-icon-button-${e}`,M=a("group","menu-icon-button-border-mask",n,b&&s,g);/* @__PURE__ */
2
+ return t("button",{ref:j,type:"button",disabled:y,className:M,"aria-label":$||p[e],"aria-pressed":b,"data-testid":I,"data-cy":C,...x,children:/* @__PURE__ */t("span","user"===e&&f?{className:a(c,!b&&r,b&&o),"data-cy":`${C}-initials`,"data-testid":`${I}-initials`,children:f.slice(0,2).toUpperCase()}:{className:a(l,!b&&m,b&&d),"data-cy":`${C}-icon`,"data-testid":`${I}-icon`,children:/* @__PURE__ */t(i,{name:u[e],size:"lg",color:"inherit",decorative:!0})})})});b.displayName="MenuIconButton";export{b as MenuIconButton};
package/dist/index61.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-lg leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","focus-visible:outline-2 focus-visible:outline-offset-2","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),e={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","focus-visible:outline-[var(--color-button-orange)]","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","focus-visible:outline-[var(--color-button-blue)]","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","focus-visible:outline-[var(--color-button-orange-border)]","hover:enabled:bg-[var(--color-overlay-orange-15)]","active:enabled:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","focus-visible:outline-[var(--color-button-blue)]","hover:enabled:bg-[var(--color-overlay-blue-15)]","active:enabled:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","focus-visible:outline-[var(--color-button-blue)]","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","focus-visible:outline-[var(--color-button-orange-border)]","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" ")};exports.baseStyles=o,exports.variantStyles=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-lg leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","btn-focus-orange","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","btn-focus-blue","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","btn-focus-orange-border","hover:enabled:bg-[var(--color-overlay-orange-15)]","active:enabled:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","btn-focus-blue","hover:enabled:bg-[var(--color-overlay-blue-15)]","active:enabled:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","btn-focus-blue","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","btn-focus-orange-border","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" ")};exports.baseStyles=e,exports.variantStyles=o;
package/dist/index61.js CHANGED
@@ -1 +1 @@
1
- const o=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-lg leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","focus-visible:outline-2 focus-visible:outline-offset-2","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),e={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","focus-visible:outline-[var(--color-button-orange)]","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","focus-visible:outline-[var(--color-button-blue)]","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","focus-visible:outline-[var(--color-button-orange-border)]","hover:enabled:bg-[var(--color-overlay-orange-15)]","active:enabled:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","focus-visible:outline-[var(--color-button-blue)]","hover:enabled:bg-[var(--color-overlay-blue-15)]","active:enabled:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","focus-visible:outline-[var(--color-button-blue)]","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","focus-visible:outline-[var(--color-button-orange-border)]","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" ")};export{o as baseStyles,e as variantStyles};
1
+ const e=["inline-flex items-center justify-center self-stretch","h-[var(--button-height)]","py-[var(--button-padding-y)] px-[var(--button-padding-x)]","gap-[var(--button-gap)]","font-bold text-lg leading-none","text-center whitespace-nowrap","border-none rounded-xl","transition-all duration-200 ease-in-out","cursor-pointer select-none","touch-action-manipulation","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"main-orange":["relative overflow-hidden","bg-[var(--color-button-orange)] text-[var(--color-card)]","border-none","btn-focus-orange","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-orange)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"main-blue":["relative overflow-hidden","bg-[var(--color-button-blue)] text-[var(--color-card)]","border-none","btn-focus-blue","hover:enabled:bg-gradient-to-r hover:enabled:from-[rgba(25,26,57,0.1)] hover:enabled:to-[rgba(25,26,57,0.1)]","hover:enabled:[background-color:var(--color-button-blue)]","disabled:bg-[var(--color-icon-secondary)] disabled:text-[var(--color-card)]","btn-active-ellipse-dark"].join(" "),"secondary-orange":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-orange-border)]","border border-solid border-[var(--color-button-orange-border)]","btn-focus-orange-border","hover:enabled:bg-[var(--color-overlay-orange-15)]","active:enabled:bg-[var(--color-overlay-orange-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-orange"].join(" "),"secondary-blue":["relative overflow-hidden","bg-[var(--color-card)] text-[var(--color-button-blue)]","border border-solid border-[var(--color-button-blue)]","btn-focus-blue","hover:enabled:bg-[var(--color-overlay-blue-15)]","active:enabled:bg-[var(--color-overlay-blue-15)]","disabled:bg-[var(--color-card)] disabled:text-[var(--color-icon-secondary)] disabled:border-[var(--color-border)]","btn-active-ellipse-blue"].join(" "),link:["bg-transparent text-[var(--color-button-blue)]","border-none","h-auto py-0 px-0","font-normal","btn-focus-blue","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" "),"no-stroke":["bg-transparent text-[var(--color-button-orange-border)]","border-none","h-auto py-0 px-0","btn-focus-orange-border","hover:enabled:underline hover:enabled:decoration-skip-ink-none","disabled:bg-transparent disabled:text-[var(--color-system-text)]"].join(" ")};export{e as baseStyles,o as variantStyles};
package/dist/index62.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["m-0 font-inherit","inline-flex items-center justify-center","gap-2 flex-shrink-0","text-[var(--color-text)]","rounded-[0.75rem]","cursor-pointer select-none touch-manipulation","transition-all duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-text)]","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"rainbow-overlay":["border-none","disabled:bg-[var(--color-bg-secondary)]"].join(" "),"outlined-green":["border border-solid border-[var(--color-green-accent)]","bg-transparent","hover:bg-[var(--color-bg-secondary)]","active:bg-[var(--color-overlay-black-10)]","disabled:bg-[var(--color-bg-secondary)] disabled:border-[var(--color-border)]"].join(" "),default:["border-none bg-transparent","hover:bg-[var(--color-bg-secondary)]","active:bg-[var(--color-bg-secondary)]","disabled:opacity-40"].join(" ")};exports.baseStyles=e,exports.sizeStyles={sm:"p-1.5 text-sm max-md:min-w-11 max-md:min-h-11",md:"p-2 text-base",lg:"p-3 text-lg w-[2.5rem] h-[2.5rem]"},exports.variantStyles=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["m-0 font-inherit","inline-flex items-center justify-center","gap-2 flex-shrink-0","text-[var(--color-text)]","rounded-[0.75rem]","cursor-pointer select-none touch-manipulation","transition-all duration-200 ease-in-out","btn-focus-text","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),r={"rainbow-overlay":["border-none","disabled:bg-[var(--color-bg-secondary)]"].join(" "),"outlined-green":["border border-solid border-[var(--color-green-accent)]","bg-transparent","hover:bg-[var(--color-bg-secondary)]","active:bg-[var(--color-overlay-black-10)]","disabled:bg-[var(--color-bg-secondary)] disabled:border-[var(--color-border)]"].join(" "),default:["border-none bg-transparent","hover:bg-[var(--color-bg-secondary)]","active:bg-[var(--color-bg-secondary)]","disabled:opacity-40"].join(" ")};exports.baseStyles=e,exports.sizeStyles={sm:"p-1.5 text-sm max-md:min-w-11 max-md:min-h-11",md:"p-2 text-base",lg:"p-3 text-lg w-[2.5rem] h-[2.5rem]"},exports.variantStyles=r;
package/dist/index62.js CHANGED
@@ -1 +1 @@
1
- const e=["m-0 font-inherit","inline-flex items-center justify-center","gap-2 flex-shrink-0","text-[var(--color-text)]","rounded-[0.75rem]","cursor-pointer select-none touch-manipulation","transition-all duration-200 ease-in-out","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-text)]","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),o={"rainbow-overlay":["border-none","disabled:bg-[var(--color-bg-secondary)]"].join(" "),"outlined-green":["border border-solid border-[var(--color-green-accent)]","bg-transparent","hover:bg-[var(--color-bg-secondary)]","active:bg-[var(--color-overlay-black-10)]","disabled:bg-[var(--color-bg-secondary)] disabled:border-[var(--color-border)]"].join(" "),default:["border-none bg-transparent","hover:bg-[var(--color-bg-secondary)]","active:bg-[var(--color-bg-secondary)]","disabled:opacity-40"].join(" ")},r={sm:"p-1.5 text-sm max-md:min-w-11 max-md:min-h-11",md:"p-2 text-base",lg:"p-3 text-lg w-[2.5rem] h-[2.5rem]"};export{e as baseStyles,r as sizeStyles,o as variantStyles};
1
+ const e=["m-0 font-inherit","inline-flex items-center justify-center","gap-2 flex-shrink-0","text-[var(--color-text)]","rounded-[0.75rem]","cursor-pointer select-none touch-manipulation","transition-all duration-200 ease-in-out","btn-focus-text","disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),r={"rainbow-overlay":["border-none","disabled:bg-[var(--color-bg-secondary)]"].join(" "),"outlined-green":["border border-solid border-[var(--color-green-accent)]","bg-transparent","hover:bg-[var(--color-bg-secondary)]","active:bg-[var(--color-overlay-black-10)]","disabled:bg-[var(--color-bg-secondary)] disabled:border-[var(--color-border)]"].join(" "),default:["border-none bg-transparent","hover:bg-[var(--color-bg-secondary)]","active:bg-[var(--color-bg-secondary)]","disabled:opacity-40"].join(" ")},o={sm:"p-1.5 text-sm max-md:min-w-11 max-md:min-h-11",md:"p-2 text-base",lg:"p-3 text-lg w-[2.5rem] h-[2.5rem]"};export{e as baseStyles,o as sizeStyles,r as variantStyles};
package/dist/index63.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["m-0 p-0 font-inherit","flex items-center justify-center","w-[2.5rem] h-[2.5rem] lg:w-[3.125rem] lg:h-[3.125rem] flex-shrink-0","[--menu-icon-button-radius:1.25rem] lg:[--menu-icon-button-radius:2rem]","rounded-[var(--menu-icon-button-radius)]","gap-[0.625rem]","bg-[rgba(255,255,255,0.43)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.06)]","cursor-pointer select-none touch-manipulation","transition-[background-color,box-shadow] duration-200 ease-in-out","hover:enabled:bg-[rgba(50,156,178,0.24)] hover:enabled:backdrop-blur-[60px] hover:enabled:shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]","active:enabled:scale-95","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-40"].join(" "),t=["bg-[rgba(50,156,178,0.24)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]"].join(" "),o=["relative z-10","flex items-center justify-center","w-[1.25rem] h-[1.25rem]","text-[var(--color-text)]","transition-colors duration-200 ease-in-out","[&_path]:[stroke-width:2.5]"].join(" "),r=["relative z-10","font-bold text-lg leading-none text-center","text-[var(--color-text)]","transition-colors duration-200 ease-in-out"].join(" ");exports.baseStyles=e,exports.iconBaseStyles=o,exports.iconHoverStyles="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",exports.iconSelectedStyles="text-[var(--Path-Colors-Black-01,#191A39)]",exports.initialsBaseStyles=r,exports.initialsHoverStyles="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",exports.initialsSelectedStyles="text-[var(--Path-Colors-Black-01,#191A39)]",exports.selectedStyles=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["m-0 p-0 font-inherit","flex items-center justify-center","w-[2.5rem] h-[2.5rem] lg:w-[3.125rem] lg:h-[3.125rem] flex-shrink-0","[--menu-icon-button-radius:1.25rem] lg:[--menu-icon-button-radius:2rem]","rounded-[var(--menu-icon-button-radius)]","gap-[0.625rem]","bg-[rgba(255,255,255,0.43)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.06)]","cursor-pointer select-none touch-manipulation","transition-[background-color,box-shadow] duration-200 ease-in-out","hover:enabled:bg-[rgba(50,156,178,0.24)] hover:enabled:backdrop-blur-[60px] hover:enabled:shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]","active:enabled:scale-95","btn-focus-clickable","disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-40"].join(" "),t=["bg-[rgba(50,156,178,0.24)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]"].join(" "),o=["relative z-10","flex items-center justify-center","w-[1.25rem] h-[1.25rem]","text-[var(--color-text)]","transition-colors duration-200 ease-in-out","[&_path]:[stroke-width:2.5]"].join(" "),r=["relative z-10","font-bold text-lg leading-none text-center","text-[var(--color-text)]","transition-colors duration-200 ease-in-out"].join(" ");exports.baseStyles=e,exports.iconBaseStyles=o,exports.iconHoverStyles="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",exports.iconSelectedStyles="text-[var(--Path-Colors-Black-01,#191A39)]",exports.initialsBaseStyles=r,exports.initialsHoverStyles="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",exports.initialsSelectedStyles="text-[var(--Path-Colors-Black-01,#191A39)]",exports.selectedStyles=t;
package/dist/index63.js CHANGED
@@ -1 +1 @@
1
- const e=["m-0 p-0 font-inherit","flex items-center justify-center","w-[2.5rem] h-[2.5rem] lg:w-[3.125rem] lg:h-[3.125rem] flex-shrink-0","[--menu-icon-button-radius:1.25rem] lg:[--menu-icon-button-radius:2rem]","rounded-[var(--menu-icon-button-radius)]","gap-[0.625rem]","bg-[rgba(255,255,255,0.43)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.06)]","cursor-pointer select-none touch-manipulation","transition-[background-color,box-shadow] duration-200 ease-in-out","hover:enabled:bg-[rgba(50,156,178,0.24)] hover:enabled:backdrop-blur-[60px] hover:enabled:shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]","active:enabled:scale-95","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-40"].join(" "),o=["bg-[rgba(50,156,178,0.24)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]"].join(" "),r=["relative z-10","flex items-center justify-center","w-[1.25rem] h-[1.25rem]","text-[var(--color-text)]","transition-colors duration-200 ease-in-out","[&_path]:[stroke-width:2.5]"].join(" "),t="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",a="text-[var(--Path-Colors-Black-01,#191A39)]",n=["relative z-10","font-bold text-lg leading-none text-center","text-[var(--color-text)]","transition-colors duration-200 ease-in-out"].join(" "),i="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",l="text-[var(--Path-Colors-Black-01,#191A39)]";export{e as baseStyles,r as iconBaseStyles,t as iconHoverStyles,a as iconSelectedStyles,n as initialsBaseStyles,i as initialsHoverStyles,l as initialsSelectedStyles,o as selectedStyles};
1
+ const e=["m-0 p-0 font-inherit","flex items-center justify-center","w-[2.5rem] h-[2.5rem] lg:w-[3.125rem] lg:h-[3.125rem] flex-shrink-0","[--menu-icon-button-radius:1.25rem] lg:[--menu-icon-button-radius:2rem]","rounded-[var(--menu-icon-button-radius)]","gap-[0.625rem]","bg-[rgba(255,255,255,0.43)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.06)]","cursor-pointer select-none touch-manipulation","transition-[background-color,box-shadow] duration-200 ease-in-out","hover:enabled:bg-[rgba(50,156,178,0.24)] hover:enabled:backdrop-blur-[60px] hover:enabled:shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]","active:enabled:scale-95","btn-focus-clickable","disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-40"].join(" "),r=["bg-[rgba(50,156,178,0.24)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]"].join(" "),o=["relative z-10","flex items-center justify-center","w-[1.25rem] h-[1.25rem]","text-[var(--color-text)]","transition-colors duration-200 ease-in-out","[&_path]:[stroke-width:2.5]"].join(" "),t="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",a="text-[var(--Path-Colors-Black-01,#191A39)]",n=["relative z-10","font-bold text-lg leading-none text-center","text-[var(--color-text)]","transition-colors duration-200 ease-in-out"].join(" "),i="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",l="text-[var(--Path-Colors-Black-01,#191A39)]";export{e as baseStyles,o as iconBaseStyles,t as iconHoverStyles,a as iconSelectedStyles,n as initialsBaseStyles,i as initialsHoverStyles,l as initialsSelectedStyles,r as selectedStyles};
package/dist/index67.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["appearance-none w-4 h-4 m-0","border border-[var(--color-icon-secondary)] rounded-[4px]","bg-[var(--color-card)] cursor-pointer relative flex-shrink-0","transition-all duration-150","hover:enabled:bg-[var(--color-bg)]","focus-visible:outline-2 focus-visible:outline-[#2F9DB2] focus-visible:outline-offset-2","checked:bg-[#2F9DB2] checked:border-[#2F9DB2]","disabled:border-[var(--color-border)] disabled:bg-[var(--color-bg-secondary)] disabled:cursor-not-allowed","disabled:checked:bg-[#2F9DB2] disabled:checked:border-[#2F9DB2]"].join(" ");exports.containerStyles="flex items-center gap-2",exports.errorMsgStyles="block text-[var(--color-error)] text-xs leading-snug ms-6",exports.helperMsgStyles="block text-[var(--color-system-text)] text-xs leading-snug ms-6",exports.inputBaseStyles=e,exports.inputErrorStyles="border-[var(--color-error)] checked:bg-[var(--color-error)] checked:border-[var(--color-error)]",exports.labelDisabledStyles="cursor-not-allowed",exports.labelStyles="text-[var(--color-text)] text-base leading-relaxed cursor-pointer select-none",exports.wrapperDisabledStyles="opacity-50 cursor-not-allowed",exports.wrapperStyles="flex flex-col gap-1.5";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["appearance-none w-4 h-4 m-0","border border-[var(--color-icon-secondary)] rounded-[4px]","bg-[var(--color-card)] cursor-pointer relative flex-shrink-0","transition-all duration-150","hover:enabled:bg-[var(--color-bg)]","checkbox-input-focus","checked:bg-[#2F9DB2] checked:border-[#2F9DB2]","disabled:border-[var(--color-border)] disabled:bg-[var(--color-bg-secondary)] disabled:cursor-not-allowed","disabled:checked:bg-[#2F9DB2] disabled:checked:border-[#2F9DB2]"].join(" ");exports.containerStyles="flex items-center gap-2",exports.errorMsgStyles="block text-[var(--color-error)] text-xs leading-snug ms-6",exports.helperMsgStyles="block text-[var(--color-system-text)] text-xs leading-snug ms-6",exports.inputBaseStyles=e,exports.inputErrorStyles="border-[var(--color-error)] checked:bg-[var(--color-error)] checked:border-[var(--color-error)]",exports.labelDisabledStyles="cursor-not-allowed",exports.labelStyles="text-[var(--color-text)] text-base leading-relaxed cursor-pointer select-none",exports.wrapperDisabledStyles="opacity-50 cursor-not-allowed",exports.wrapperStyles="flex flex-col gap-1.5";
package/dist/index67.js CHANGED
@@ -1 +1 @@
1
- const e="flex flex-col gap-1.5",r="opacity-50 cursor-not-allowed",o="flex items-center gap-2",l=["appearance-none w-4 h-4 m-0","border border-[var(--color-icon-secondary)] rounded-[4px]","bg-[var(--color-card)] cursor-pointer relative flex-shrink-0","transition-all duration-150","hover:enabled:bg-[var(--color-bg)]","focus-visible:outline-2 focus-visible:outline-[#2F9DB2] focus-visible:outline-offset-2","checked:bg-[#2F9DB2] checked:border-[#2F9DB2]","disabled:border-[var(--color-border)] disabled:bg-[var(--color-bg-secondary)] disabled:cursor-not-allowed","disabled:checked:bg-[#2F9DB2] disabled:checked:border-[#2F9DB2]"].join(" "),c="border-[var(--color-error)] checked:bg-[var(--color-error)] checked:border-[var(--color-error)]",a="text-[var(--color-text)] text-base leading-relaxed cursor-pointer select-none",d="cursor-not-allowed",t="block text-[var(--color-error)] text-xs leading-snug ms-6",s="block text-[var(--color-system-text)] text-xs leading-snug ms-6";export{o as containerStyles,t as errorMsgStyles,s as helperMsgStyles,l as inputBaseStyles,c as inputErrorStyles,d as labelDisabledStyles,a as labelStyles,r as wrapperDisabledStyles,e as wrapperStyles};
1
+ const r="flex flex-col gap-1.5",e="opacity-50 cursor-not-allowed",o="flex items-center gap-2",c=["appearance-none w-4 h-4 m-0","border border-[var(--color-icon-secondary)] rounded-[4px]","bg-[var(--color-card)] cursor-pointer relative flex-shrink-0","transition-all duration-150","hover:enabled:bg-[var(--color-bg)]","checkbox-input-focus","checked:bg-[#2F9DB2] checked:border-[#2F9DB2]","disabled:border-[var(--color-border)] disabled:bg-[var(--color-bg-secondary)] disabled:cursor-not-allowed","disabled:checked:bg-[#2F9DB2] disabled:checked:border-[#2F9DB2]"].join(" "),a="border-[var(--color-error)] checked:bg-[var(--color-error)] checked:border-[var(--color-error)]",d="text-[var(--color-text)] text-base leading-relaxed cursor-pointer select-none",l="cursor-not-allowed",t="block text-[var(--color-error)] text-xs leading-snug ms-6",n="block text-[var(--color-system-text)] text-xs leading-snug ms-6";export{o as containerStyles,t as errorMsgStyles,n as helperMsgStyles,c as inputBaseStyles,a as inputErrorStyles,l as labelDisabledStyles,d as labelStyles,e as wrapperDisabledStyles,r as wrapperStyles};
package/dist/index68.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["appearance-none w-5 h-5","border border-[var(--color-icon-secondary)] rounded-full","bg-transparent cursor-pointer flex-shrink-0 relative","transition-all duration-200","hover:enabled:border-[var(--color-action)]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","checked:border-[var(--color-action)]","disabled:border-[var(--color-border)] disabled:bg-transparent disabled:cursor-not-allowed","disabled:checked:border-[var(--color-action)]","radio-indicator"].join(" ");exports.containerStyles="inline-flex items-center gap-2 relative",exports.errorMsgStyles="text-[var(--color-error)] text-base leading-relaxed ms-7",exports.helperMsgStyles="text-[var(--color-system-text)] text-base leading-relaxed ms-7",exports.inputBaseStyles=e,exports.inputErrorStyles="border-[var(--color-error)] checked:border-[var(--color-error)]",exports.labelDisabledStyles="text-[var(--color-system-text)] cursor-not-allowed",exports.labelStyles="text-[var(--color-text)] text-base font-normal leading-relaxed cursor-pointer select-none",exports.wrapperDisabledStyles="opacity-50 cursor-not-allowed",exports.wrapperStyles="inline-flex flex-col gap-2";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["appearance-none w-5 h-5","border border-[var(--color-icon-secondary)] rounded-full","bg-transparent cursor-pointer flex-shrink-0 relative","transition-all duration-200","hover:enabled:border-[var(--color-action)]","radio-input-focus","checked:border-[var(--color-action)]","disabled:border-[var(--color-border)] disabled:bg-transparent disabled:cursor-not-allowed","disabled:checked:border-[var(--color-action)]","radio-indicator"].join(" ");exports.containerStyles="inline-flex items-center gap-2 relative",exports.errorMsgStyles="text-[var(--color-error)] text-base leading-relaxed ms-7",exports.helperMsgStyles="text-[var(--color-system-text)] text-base leading-relaxed ms-7",exports.inputBaseStyles=e,exports.inputErrorStyles="border-[var(--color-error)] checked:border-[var(--color-error)]",exports.labelDisabledStyles="text-[var(--color-system-text)] cursor-not-allowed",exports.labelStyles="text-[var(--color-text)] text-base font-normal leading-relaxed cursor-pointer select-none",exports.wrapperDisabledStyles="opacity-50 cursor-not-allowed",exports.wrapperStyles="inline-flex flex-col gap-2";
package/dist/index68.js CHANGED
@@ -1 +1 @@
1
- const e="inline-flex flex-col gap-2",r="opacity-50 cursor-not-allowed",o="inline-flex items-center gap-2 relative",a=["appearance-none w-5 h-5","border border-[var(--color-icon-secondary)] rounded-full","bg-transparent cursor-pointer flex-shrink-0 relative","transition-all duration-200","hover:enabled:border-[var(--color-action)]","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2","checked:border-[var(--color-action)]","disabled:border-[var(--color-border)] disabled:bg-transparent disabled:cursor-not-allowed","disabled:checked:border-[var(--color-action)]","radio-indicator"].join(" "),l="border-[var(--color-error)] checked:border-[var(--color-error)]",t="text-[var(--color-text)] text-base font-normal leading-relaxed cursor-pointer select-none",n="text-[var(--color-system-text)] cursor-not-allowed",c="text-[var(--color-error)] text-base leading-relaxed ms-7",i="text-[var(--color-system-text)] text-base leading-relaxed ms-7";export{o as containerStyles,c as errorMsgStyles,i as helperMsgStyles,a as inputBaseStyles,l as inputErrorStyles,n as labelDisabledStyles,t as labelStyles,r as wrapperDisabledStyles,e as wrapperStyles};
1
+ const r="inline-flex flex-col gap-2",e="opacity-50 cursor-not-allowed",o="inline-flex items-center gap-2 relative",a=["appearance-none w-5 h-5","border border-[var(--color-icon-secondary)] rounded-full","bg-transparent cursor-pointer flex-shrink-0 relative","transition-all duration-200","hover:enabled:border-[var(--color-action)]","radio-input-focus","checked:border-[var(--color-action)]","disabled:border-[var(--color-border)] disabled:bg-transparent disabled:cursor-not-allowed","disabled:checked:border-[var(--color-action)]","radio-indicator"].join(" "),t="border-[var(--color-error)] checked:border-[var(--color-error)]",l="text-[var(--color-text)] text-base font-normal leading-relaxed cursor-pointer select-none",n="text-[var(--color-system-text)] cursor-not-allowed",d="text-[var(--color-error)] text-base leading-relaxed ms-7",c="text-[var(--color-system-text)] text-base leading-relaxed ms-7";export{o as containerStyles,d as errorMsgStyles,c as helperMsgStyles,a as inputBaseStyles,t as inputErrorStyles,n as labelDisabledStyles,l as labelStyles,e as wrapperDisabledStyles,r as wrapperStyles};
package/dist/index72.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.helperStyles="text-xs font-normal leading-snug text-[var(--color-system-text)] ms-0",exports.inputSrOnlyStyles="peer absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0 [clip:rect(0,0,0,0)] focus-visible:outline-none",exports.knobBaseStyles="rounded-full bg-[var(--color-card)] transition-shadow duration-200",exports.knobHoverShadowStyles="shadow-[0_0.125rem_0.25rem_0_var(--shadow-color-knob)]",exports.knobSizeMap={sm:"w-4 h-4",md:"w-[1.125rem] h-[1.125rem]",lg:"w-5 h-5"},exports.labelContainerReversedStyles="flex-row-reverse",exports.labelContainerStyles="inline-flex items-center gap-2 cursor-pointer min-h-11 max-sm:min-h-11",exports.labelTextStyles="text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]",exports.trackBaseStyles="relative flex items-center shrink-0 rounded-2xl bg-[var(--color-icon-secondary)] transition-[background-color,background-image] duration-200 ease-in-out peer-checked:bg-[var(--color-clickable)] peer-checked:justify-end peer-disabled:bg-[var(--color-border)] peer-disabled:bg-none peer-disabled:peer-checked:bg-[var(--color-icon-secondary)] peer-focus-visible:outline-2 peer-focus-visible:outline-[var(--color-clickable)] peer-focus-visible:outline-offset-2",exports.trackHoverCheckedStyles="peer-checked:bg-[linear-gradient(90deg,var(--overlay-dark-40)_0%,var(--overlay-dark-40)_100%),linear-gradient(90deg,var(--color-clickable)_0%,var(--color-clickable)_100%)]",exports.trackHoverStyles="bg-[linear-gradient(90deg,var(--overlay-dark-24)_0%,var(--overlay-dark-24)_100%),linear-gradient(90deg,var(--color-icon-secondary)_0%,var(--color-icon-secondary)_100%)]",exports.trackSizeMap={sm:"w-9 h-[1.125rem] p-px",md:"w-11 h-[1.375rem] p-0.5",lg:"w-[3.25rem] h-[1.625rem] p-[0.1875rem]"},exports.wrapperDisabledStyles="opacity-50 cursor-not-allowed",exports.wrapperStyles="inline-flex flex-col gap-1.5";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.helperStyles="text-xs font-normal leading-snug text-[var(--color-system-text)] ms-0",exports.inputSrOnlyStyles="peer toggle-input-peer absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0 [clip:rect(0,0,0,0)] focus-visible:outline-none",exports.knobBaseStyles="rounded-full bg-[var(--color-card)] transition-shadow duration-200",exports.knobHoverShadowStyles="shadow-[0_0.125rem_0.25rem_0_var(--shadow-color-knob)]",exports.knobSizeMap={sm:"w-4 h-4",md:"w-[1.125rem] h-[1.125rem]",lg:"w-5 h-5"},exports.labelContainerReversedStyles="flex-row-reverse",exports.labelContainerStyles="inline-flex items-center gap-2 cursor-pointer min-h-11 max-sm:min-h-11",exports.labelTextStyles="text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]",exports.trackBaseStyles="toggle-track-peer relative flex items-center shrink-0 rounded-2xl bg-[var(--color-icon-secondary)] transition-[background-color,background-image] duration-200 ease-in-out peer-checked:bg-[var(--color-clickable)] peer-checked:justify-end peer-disabled:bg-[var(--color-border)] peer-disabled:bg-none peer-disabled:peer-checked:bg-[var(--color-icon-secondary)]",exports.trackHoverCheckedStyles="peer-checked:bg-[linear-gradient(90deg,var(--overlay-dark-40)_0%,var(--overlay-dark-40)_100%),linear-gradient(90deg,var(--color-clickable)_0%,var(--color-clickable)_100%)]",exports.trackHoverStyles="bg-[linear-gradient(90deg,var(--overlay-dark-24)_0%,var(--overlay-dark-24)_100%),linear-gradient(90deg,var(--color-icon-secondary)_0%,var(--color-icon-secondary)_100%)]",exports.trackSizeMap={sm:"w-9 h-[1.125rem] p-px",md:"w-11 h-[1.375rem] p-0.5",lg:"w-[3.25rem] h-[1.625rem] p-[0.1875rem]"},exports.wrapperDisabledStyles="opacity-50 cursor-not-allowed",exports.wrapperStyles="inline-flex flex-col gap-1.5";
package/dist/index72.js CHANGED
@@ -1 +1 @@
1
- const e={sm:"w-9 h-[1.125rem] p-px",md:"w-11 h-[1.375rem] p-0.5",lg:"w-[3.25rem] h-[1.625rem] p-[0.1875rem]"},r={sm:"w-4 h-4",md:"w-[1.125rem] h-[1.125rem]",lg:"w-5 h-5"},o="inline-flex flex-col gap-1.5",a="opacity-50 cursor-not-allowed",l="inline-flex items-center gap-2 cursor-pointer min-h-11 max-sm:min-h-11",n="flex-row-reverse",i="text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]",c="peer absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0 [clip:rect(0,0,0,0)] focus-visible:outline-none",t="relative flex items-center shrink-0 rounded-2xl bg-[var(--color-icon-secondary)] transition-[background-color,background-image] duration-200 ease-in-out peer-checked:bg-[var(--color-clickable)] peer-checked:justify-end peer-disabled:bg-[var(--color-border)] peer-disabled:bg-none peer-disabled:peer-checked:bg-[var(--color-icon-secondary)] peer-focus-visible:outline-2 peer-focus-visible:outline-[var(--color-clickable)] peer-focus-visible:outline-offset-2",d="bg-[linear-gradient(90deg,var(--overlay-dark-24)_0%,var(--overlay-dark-24)_100%),linear-gradient(90deg,var(--color-icon-secondary)_0%,var(--color-icon-secondary)_100%)]",s="peer-checked:bg-[linear-gradient(90deg,var(--overlay-dark-40)_0%,var(--overlay-dark-40)_100%),linear-gradient(90deg,var(--color-clickable)_0%,var(--color-clickable)_100%)]",v="rounded-full bg-[var(--color-card)] transition-shadow duration-200",g="shadow-[0_0.125rem_0.25rem_0_var(--shadow-color-knob)]",m="text-xs font-normal leading-snug text-[var(--color-system-text)] ms-0";export{m as helperStyles,c as inputSrOnlyStyles,v as knobBaseStyles,g as knobHoverShadowStyles,r as knobSizeMap,n as labelContainerReversedStyles,l as labelContainerStyles,i as labelTextStyles,t as trackBaseStyles,s as trackHoverCheckedStyles,d as trackHoverStyles,e as trackSizeMap,a as wrapperDisabledStyles,o as wrapperStyles};
1
+ const e={sm:"w-9 h-[1.125rem] p-px",md:"w-11 h-[1.375rem] p-0.5",lg:"w-[3.25rem] h-[1.625rem] p-[0.1875rem]"},r={sm:"w-4 h-4",md:"w-[1.125rem] h-[1.125rem]",lg:"w-5 h-5"},o="inline-flex flex-col gap-1.5",a="opacity-50 cursor-not-allowed",l="inline-flex items-center gap-2 cursor-pointer min-h-11 max-sm:min-h-11",n="flex-row-reverse",c="text-sm font-normal leading-snug text-[var(--color-text)] select-none disabled:text-[var(--color-system-text)]",t="peer toggle-input-peer absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0 [clip:rect(0,0,0,0)] focus-visible:outline-none",d="toggle-track-peer relative flex items-center shrink-0 rounded-2xl bg-[var(--color-icon-secondary)] transition-[background-color,background-image] duration-200 ease-in-out peer-checked:bg-[var(--color-clickable)] peer-checked:justify-end peer-disabled:bg-[var(--color-border)] peer-disabled:bg-none peer-disabled:peer-checked:bg-[var(--color-icon-secondary)]",i="bg-[linear-gradient(90deg,var(--overlay-dark-24)_0%,var(--overlay-dark-24)_100%),linear-gradient(90deg,var(--color-icon-secondary)_0%,var(--color-icon-secondary)_100%)]",s="peer-checked:bg-[linear-gradient(90deg,var(--overlay-dark-40)_0%,var(--overlay-dark-40)_100%),linear-gradient(90deg,var(--color-clickable)_0%,var(--color-clickable)_100%)]",g="rounded-full bg-[var(--color-card)] transition-shadow duration-200",m="shadow-[0_0.125rem_0.25rem_0_var(--shadow-color-knob)]",p="text-xs font-normal leading-snug text-[var(--color-system-text)] ms-0";export{p as helperStyles,t as inputSrOnlyStyles,g as knobBaseStyles,m as knobHoverShadowStyles,r as knobSizeMap,n as labelContainerReversedStyles,l as labelContainerStyles,c as labelTextStyles,d as trackBaseStyles,s as trackHoverCheckedStyles,i as trackHoverStyles,e as trackSizeMap,a as wrapperDisabledStyles,o as wrapperStyles};
package/dist/index73.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("./index105.cjs");exports.FormTooltip=function({content:n,triggerClassName:o,contentClassName:s,dataCyPrefix:c,dataTestIdPrefix:i}){const[a,l]=t.useState(!1),u=t.useRef(!1),d=t.useRef(!1),x=t.useRef(null),f=t.useRef(null),m=t.useCallback(e=>{d.current||!e&&u.current||l(e)},[]),p=t.useCallback(()=>{d.current=!0,x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{d.current=!1},300)},[]),g=t.useCallback(()=>{l(e=>{const t=!e;return u.current=t,t})},[]);return t.useEffect(()=>{if(!a||!u.current)return;const e=e=>{f.current?.contains(e.target)||(u.current=!1,d.current=!1,l(!1))};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[a]),t.useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]),e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{open:a,onOpenChange:m,children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{ref:f,type:"button",tabIndex:-1,className:o,"aria-label":"More information",onPointerDown:p,onClick:g,"data-cy":`${c}-tooltip-trigger`,"data-testid":`${i}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(r.Portal,{children:e.jsxs(r.Content,{className:s,side:"top",sideOffset:4,"data-cy":`${c}-tooltip-content`,"data-testid":`${i}-tooltip-content`,children:[n,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index105.cjs");exports.FormTooltip=function({content:n,triggerClassName:o,contentClassName:s,dataCyPrefix:c,dataTestIdPrefix:i}){const[a,l]=t.useState(!1),u=t.useRef(!1),d=t.useRef(!1),x=t.useRef(null),f=t.useRef(null),m=t.useCallback(e=>{d.current||!e&&u.current||l(e)},[]),p=t.useCallback(()=>{d.current=!0,x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{d.current=!1},300)},[]),g=t.useCallback(()=>{l(e=>{const t=!e;return u.current=t,t})},[]);return t.useEffect(()=>{if(!a||!u.current)return;const e=e=>{f.current?.contains(e.target)||(u.current=!1,d.current=!1,l(!1))};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[a]),t.useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]),e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{open:a,onOpenChange:m,children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{ref:f,type:"button",className:o,"aria-label":"More information",onPointerDown:p,onClick:g,"data-cy":`${c}-tooltip-trigger`,"data-testid":`${i}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(r.Portal,{children:e.jsxs(r.Content,{className:s,side:"top",sideOffset:4,"data-cy":`${c}-tooltip-content`,"data-testid":`${i}-tooltip-content`,children:[n,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})};
package/dist/index73.js CHANGED
@@ -1,5 +1,5 @@
1
- import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useState as e,useRef as n,useCallback as o,useEffect as c}from"react";import{Provider as i,Root as a,Trigger as l,Portal as s,Content as u,Arrow as d}from"./index105.js";function m({content:m,triggerClassName:p,contentClassName:f,dataCyPrefix:h,dataTestIdPrefix:g}){const[x,w]=e(!1),C=n(!1),y=n(!1),k=n(null),v=n(null),N=o(t=>{y.current||!t&&C.current||w(t)},[]),b=o(()=>{y.current=!0,k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{y.current=!1},300)},[]),T=o(()=>{w(t=>{const r=!t;return C.current=r,r})},[]);return c(()=>{if(!x||!C.current)return;const t=t=>{v.current?.contains(t.target)||(C.current=!1,y.current=!1,w(!1))};return document.addEventListener("pointerdown",t),()=>document.removeEventListener("pointerdown",t)},[x]),c(()=>()=>{k.current&&clearTimeout(k.current)},[]),/* @__PURE__ */t(i,{delayDuration:200,children:/* @__PURE__ */r(a,{open:x,onOpenChange:N,children:[
2
- /* @__PURE__ */t(l,{asChild:!0,children:/* @__PURE__ */t("button",{ref:v,type:"button",tabIndex:-1,className:p,"aria-label":"More information",onPointerDown:b,onClick:T,"data-cy":`${h}-tooltip-trigger`,"data-testid":`${g}-tooltip-trigger`,children:/* @__PURE__ */r("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
1
+ import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useState as e,useRef as n,useCallback as o,useEffect as c}from"react";import{Provider as i,Root as a,Trigger as l,Portal as s,Content as u,Arrow as d}from"./index105.js";function m({content:m,triggerClassName:p,contentClassName:f,dataCyPrefix:h,dataTestIdPrefix:g}){const[w,x]=e(!1),C=n(!1),y=n(!1),k=n(null),v=n(null),N=o(t=>{y.current||!t&&C.current||x(t)},[]),T=o(()=>{y.current=!0,k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{y.current=!1},300)},[]),$=o(()=>{x(t=>{const r=!t;return C.current=r,r})},[]);return c(()=>{if(!w||!C.current)return;const t=t=>{v.current?.contains(t.target)||(C.current=!1,y.current=!1,x(!1))};return document.addEventListener("pointerdown",t),()=>document.removeEventListener("pointerdown",t)},[w]),c(()=>()=>{k.current&&clearTimeout(k.current)},[]),/* @__PURE__ */t(i,{delayDuration:200,children:/* @__PURE__ */r(a,{open:w,onOpenChange:N,children:[
2
+ /* @__PURE__ */t(l,{asChild:!0,children:/* @__PURE__ */t("button",{ref:v,type:"button",className:p,"aria-label":"More information",onPointerDown:T,onClick:$,"data-cy":`${h}-tooltip-trigger`,"data-testid":`${g}-tooltip-trigger`,children:/* @__PURE__ */r("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
3
3
  /* @__PURE__ */t("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),
4
4
  /* @__PURE__ */t("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),
5
5
  /* @__PURE__ */t("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),
package/dist/index79.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-0 border-b border-transparent h-full","max-sm:w-full max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),t=["inline-flex items-center p-0 gap-0 rounded-lg bg-[rgba(255,255,255,0.43)] border border-white","max-sm:w-full max-sm:justify-start max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),o=["inline-flex items-center p-1 gap-1 rounded-[0.75rem] bg-[var(--color-bg-secondary,#F3F3F5)] border border-[var(--Grey-Grey-01,#F7F9FB)]","w-full justify-start overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"].join(" "),r=["flex items-center justify-center whitespace-nowrap h-[5.3125rem] py-3 px-4 gap-2.5 min-[1320px]:w-[14.79rem]","text-[1.375rem] font-bold tracking-[0.0825rem] text-[#8C8C9C]","border-0 bg-transparent cursor-pointer select-none -mb-px","[border-bottom-width:4px] [border-bottom-style:solid] [border-bottom-color:transparent]","transition-[color,transform] duration-300 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:text-[var(--color-clickable)] data-[state=active]:[border-bottom-color:transparent]","hover:text-[var(--color-clickable)]"].join(" "),a=["inline-flex items-center justify-center whitespace-nowrap w-[9.78rem] h-[3.375rem] rounded-lg text-[1.25rem] font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow,transform] duration-500 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-[rgba(255,255,255,0.85)] data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)] data-[state=active]:scale-[1.02]","hover:bg-[rgba(255,255,255,0.5)] [&:hover]:data-[state=active]:bg-[rgba(255,255,255,0.85)]"].join(" "),i=["inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-[0.5rem] py-2 px-3 text-sm font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow,transform] duration-300 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-white data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)] data-[state=active]:scale-[1.02]","hover:bg-[rgba(255,255,255,0.7)] [&:hover]:data-[state=active]:bg-white"].join(" ");exports.contentStyles="mt-2 focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded",exports.listFullWidthStyles="w-full [&>button]:flex-1 [&>button]:min-w-0 [&>button]:basis-0",exports.listMobileStyles=o,exports.listStyles=e,exports.listTableStyles=t,exports.triggerMobileStyles=i,exports.triggerStyles=r,exports.triggerTableStyles=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-0 border-b border-transparent h-full","max-sm:w-full max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),t=["inline-flex items-center p-0 gap-0 rounded-lg bg-[rgba(255,255,255,0.43)] border border-white","max-sm:w-full max-sm:justify-start max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),r=["inline-flex items-center p-1 gap-1 rounded-[0.75rem] bg-[var(--color-bg-secondary,#F3F3F5)] border border-[var(--Grey-Grey-01,#F7F9FB)]","w-full justify-start overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"].join(" "),o=["flex items-center justify-center whitespace-nowrap h-[5.3125rem] py-3 px-4 gap-2.5 min-[1320px]:w-[14.79rem]","text-[1.375rem] font-bold tracking-[0.0825rem] text-[#8C8C9C]","border-0 bg-transparent cursor-pointer select-none -mb-px","[border-bottom-width:4px] [border-bottom-style:solid] [border-bottom-color:transparent]","transition-[color,transform] duration-300 ease-in-out","tabs-trigger-focus focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:text-[var(--color-clickable)] data-[state=active]:[border-bottom-color:transparent]","hover:text-[var(--color-clickable)]"].join(" "),a=["inline-flex items-center justify-center whitespace-nowrap w-[9.78rem] h-[3.375rem] rounded-lg text-[1.25rem] font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow,transform] duration-500 ease-in-out","tabs-trigger-focus focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-[rgba(255,255,255,0.85)] data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)] data-[state=active]:scale-[1.02]","hover:bg-[rgba(255,255,255,0.5)] [&:hover]:data-[state=active]:bg-[rgba(255,255,255,0.85)]"].join(" "),s=["inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-[0.5rem] py-2 px-3 text-sm font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow,transform] duration-300 ease-in-out","tabs-trigger-focus focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-white data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)] data-[state=active]:scale-[1.02]","hover:bg-[rgba(255,255,255,0.7)] [&:hover]:data-[state=active]:bg-white"].join(" ");exports.contentStyles="mt-2",exports.listFullWidthStyles="w-full [&>button]:flex-1 [&>button]:min-w-0 [&>button]:basis-0",exports.listMobileStyles=r,exports.listStyles=e,exports.listTableStyles=t,exports.triggerMobileStyles=s,exports.triggerStyles=o,exports.triggerTableStyles=a;
package/dist/index79.js CHANGED
@@ -1 +1 @@
1
- const e=["flex items-center gap-0 border-b border-transparent h-full","max-sm:w-full max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),t=["inline-flex items-center p-0 gap-0 rounded-lg bg-[rgba(255,255,255,0.43)] border border-white","max-sm:w-full max-sm:justify-start max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),o=["inline-flex items-center p-1 gap-1 rounded-[0.75rem] bg-[var(--color-bg-secondary,#F3F3F5)] border border-[var(--Grey-Grey-01,#F7F9FB)]","w-full justify-start overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"].join(" "),r="w-full [&>button]:flex-1 [&>button]:min-w-0 [&>button]:basis-0",a=["flex items-center justify-center whitespace-nowrap h-[5.3125rem] py-3 px-4 gap-2.5 min-[1320px]:w-[14.79rem]","text-[1.375rem] font-bold tracking-[0.0825rem] text-[#8C8C9C]","border-0 bg-transparent cursor-pointer select-none -mb-px","[border-bottom-width:4px] [border-bottom-style:solid] [border-bottom-color:transparent]","transition-[color,transform] duration-300 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:text-[var(--color-clickable)] data-[state=active]:[border-bottom-color:transparent]","hover:text-[var(--color-clickable)]"].join(" "),i=["inline-flex items-center justify-center whitespace-nowrap w-[9.78rem] h-[3.375rem] rounded-lg text-[1.25rem] font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow,transform] duration-500 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-[rgba(255,255,255,0.85)] data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)] data-[state=active]:scale-[1.02]","hover:bg-[rgba(255,255,255,0.5)] [&:hover]:data-[state=active]:bg-[rgba(255,255,255,0.85)]"].join(" "),l=["inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-[0.5rem] py-2 px-3 text-sm font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow,transform] duration-300 ease-in-out","focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-white data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)] data-[state=active]:scale-[1.02]","hover:bg-[rgba(255,255,255,0.7)] [&:hover]:data-[state=active]:bg-white"].join(" "),s="mt-2 focus-visible:outline-2 focus-visible:outline-[var(--color-clickable)] focus-visible:outline-offset-2 focus-visible:rounded";export{s as contentStyles,r as listFullWidthStyles,o as listMobileStyles,e as listStyles,t as listTableStyles,l as triggerMobileStyles,a as triggerStyles,i as triggerTableStyles};
1
+ const e=["flex items-center gap-0 border-b border-transparent h-full","max-sm:w-full max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),t=["inline-flex items-center p-0 gap-0 rounded-lg bg-[rgba(255,255,255,0.43)] border border-white","max-sm:w-full max-sm:justify-start max-sm:overflow-x-auto max-sm:[scrollbar-width:none] max-sm:[&::-webkit-scrollbar]:hidden"].join(" "),r=["inline-flex items-center p-1 gap-1 rounded-[0.75rem] bg-[var(--color-bg-secondary,#F3F3F5)] border border-[var(--Grey-Grey-01,#F7F9FB)]","w-full justify-start overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"].join(" "),o="w-full [&>button]:flex-1 [&>button]:min-w-0 [&>button]:basis-0",a=["flex items-center justify-center whitespace-nowrap h-[5.3125rem] py-3 px-4 gap-2.5 min-[1320px]:w-[14.79rem]","text-[1.375rem] font-bold tracking-[0.0825rem] text-[#8C8C9C]","border-0 bg-transparent cursor-pointer select-none -mb-px","[border-bottom-width:4px] [border-bottom-style:solid] [border-bottom-color:transparent]","transition-[color,transform] duration-300 ease-in-out","tabs-trigger-focus focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:text-[var(--color-clickable)] data-[state=active]:[border-bottom-color:transparent]","hover:text-[var(--color-clickable)]"].join(" "),n=["inline-flex items-center justify-center whitespace-nowrap w-[9.78rem] h-[3.375rem] rounded-lg text-[1.25rem] font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow,transform] duration-500 ease-in-out","tabs-trigger-focus focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-[rgba(255,255,255,0.85)] data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)] data-[state=active]:scale-[1.02]","hover:bg-[rgba(255,255,255,0.5)] [&:hover]:data-[state=active]:bg-[rgba(255,255,255,0.85)]"].join(" "),s=["inline-flex flex-1 items-center justify-center whitespace-nowrap rounded-[0.5rem] py-2 px-3 text-sm font-semibold","border-none bg-transparent text-[var(--color-clickable)] cursor-pointer select-none","transition-[background-color,color,box-shadow,transform] duration-300 ease-in-out","tabs-trigger-focus focus-visible:z-10","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","data-[state=active]:bg-white data-[state=active]:text-[var(--color-clickable)] data-[state=active]:shadow-[0_4px_16px_0_rgba(0,0,0,0.05)] data-[state=active]:scale-[1.02]","hover:bg-[rgba(255,255,255,0.7)] [&:hover]:data-[state=active]:bg-white"].join(" "),i="mt-2";export{i as contentStyles,o as listFullWidthStyles,r as listMobileStyles,e as listStyles,t as listTableStyles,s as triggerMobileStyles,a as triggerStyles,n as triggerTableStyles};
package/dist/index8.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),t=require("./index57.cjs"),a=require("./index65.cjs"),r=[{key:"hasUppercase",label:"One capital letter (A-Z)",validate:e=>/[A-Z]/.test(e)},{key:"hasLowercase",label:"One lowercase letter (a-z)",validate:e=>/[a-z]/.test(e)},{key:"hasNumber",label:"One number (0-9)",validate:e=>/\d/.test(e)},{key:"hasSymbol",label:"One symbol (!@#$%^&* etc.)",validate:e=>/[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(e)},{key:"hasMinLength",label:"Min 9 characters",validate:e=>e.length>=9}],l={hasUppercase:e=>/[A-Z]/.test(e),hasLowercase:e=>/[a-z]/.test(e),hasNumber:e=>/\d/.test(e),hasSymbol:e=>/[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(e),hasMinLength:e=>e.length>=9},i=Object.fromEntries(r.map(e=>[e.key,e.label]));const n=({className:s})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:8,height:6,viewBox:"0 0 8 6",fill:"none","aria-hidden":!0,className:t.cn("shrink-0",s),children:e.jsx("path",{d:"M7 1L3 5L1 3",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})}),c=({className:s})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:6,height:6,viewBox:"0 0 6 6",fill:"none","aria-hidden":!0,className:t.cn("shrink-0",s),children:e.jsx("circle",{cx:"3",cy:"3",r:"3",fill:"currentColor"})});function o({item:s}){return e.jsxs("div",{className:t.cn(a.itemStyles,s.met?a.itemMetStyles:a.itemUnmetStyles),"data-cy":`password-checklist-item-${s.key}`,"data-testid":`password-checklist-item-${s.key}`,children:[s.met?e.jsx(n,{}):e.jsx(c,{}),e.jsx("span",{children:s.label})]})}const d=s.forwardRef(({password:s,rules:l,labels:i={},columnGap:n,rowGap:c,columns:d=2,className:m="","data-cy":h="password-checklist","data-testid":p="password-checklist"},y)=>{const u=function(e,s){return s.map(s=>({key:s.key,label:s.label,met:s.validate(e)}))}(s,l??r.map(e=>({...e,label:i[e.key]??e.label}))),w=void 0!==n||void 0!==c?{columnGap:"number"==typeof n?`${n}px`:n??"var(--spacing-8)",rowGap:"number"==typeof c?`${c}px`:c??"var(--spacing-1)"}:void 0;return e.jsx("div",{ref:y,className:t.cn(2===d?a.containerStyles:a.containerSingleColumnStyles,m),style:w,"data-cy":h,"data-testid":p,role:"list","aria-label":"Password requirements",children:u.map(s=>e.jsx(o,{item:s},s.key))})});d.displayName="PasswordChecklist",exports.DEFAULT_PASSWORD_LABELS=i,exports.DEFAULT_PASSWORD_RULES=r,exports.PASSWORD_MIN_LENGTH=9,exports.PASSWORD_RULES=l,exports.PasswordChecklist=d,exports.isPasswordValid=function(e,s){return(s??r).every(s=>s.validate(e))};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),t=require("./index57.cjs"),a=require("./index65.cjs"),r=[{key:"hasUppercase",label:"One capital letter (A-Z)",validate:e=>/[A-Z]/.test(e)},{key:"hasLowercase",label:"One lowercase letter (a-z)",validate:e=>/[a-z]/.test(e)},{key:"hasNumber",label:"One number (0-9)",validate:e=>/\d/.test(e)},{key:"hasSymbol",label:"One symbol (!@#$%^&* etc.)",validate:e=>/[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(e)},{key:"hasMinLength",label:"Min 9 characters",validate:e=>e.length>=9}],l={hasUppercase:e=>/[A-Z]/.test(e),hasLowercase:e=>/[a-z]/.test(e),hasNumber:e=>/\d/.test(e),hasSymbol:e=>/[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(e),hasMinLength:e=>e.length>=9},i=Object.fromEntries(r.map(e=>[e.key,e.label]));const n=({className:s})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:8,height:6,viewBox:"0 0 8 6",fill:"none","aria-hidden":!0,className:t.cn("shrink-0",s),children:e.jsx("path",{d:"M7 1L3 5L1 3",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})}),o=({className:s})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:6,height:6,viewBox:"0 0 6 6",fill:"none","aria-hidden":!0,className:t.cn("shrink-0",s),children:e.jsx("circle",{cx:"3",cy:"3",r:"3",fill:"currentColor"})});function c({item:s}){return e.jsxs("div",{role:"listitem",className:t.cn(a.itemStyles,s.met?a.itemMetStyles:a.itemUnmetStyles),"data-cy":`password-checklist-item-${s.key}`,"data-testid":`password-checklist-item-${s.key}`,children:[s.met?e.jsx(n,{}):e.jsx(o,{}),e.jsx("span",{children:s.label})]})}const d=s.forwardRef(({password:s,rules:l,labels:i={},columnGap:n,rowGap:o,columns:d=2,className:m="","data-cy":h="password-checklist","data-testid":p="password-checklist"},y)=>{const u=function(e,s){return s.map(s=>({key:s.key,label:s.label,met:s.validate(e)}))}(s,l??r.map(e=>({...e,label:i[e.key]??e.label}))),w=void 0!==n||void 0!==o?{columnGap:"number"==typeof n?`${n}px`:n??"var(--spacing-8)",rowGap:"number"==typeof o?`${o}px`:o??"var(--spacing-1)"}:void 0;return e.jsx("div",{ref:y,className:t.cn(2===d?a.containerStyles:a.containerSingleColumnStyles,m),style:w,"data-cy":h,"data-testid":p,role:"list","aria-label":"Password requirements",children:u.map(s=>e.jsx(c,{item:s},s.key))})});d.displayName="PasswordChecklist",exports.DEFAULT_PASSWORD_LABELS=i,exports.DEFAULT_PASSWORD_RULES=r,exports.PASSWORD_MIN_LENGTH=9,exports.PASSWORD_RULES=l,exports.PasswordChecklist=d,exports.isPasswordValid=function(e,s){return(s??r).every(s=>s.validate(e))};