@adam-milo/ui 1.0.17 → 1.0.19

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 (43) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +43 -39
  3. package/dist/index10.cjs +1 -1
  4. package/dist/index10.js +59 -109
  5. package/dist/index11.cjs +1 -1
  6. package/dist/index11.js +109 -82
  7. package/dist/index12.cjs +1 -1
  8. package/dist/index12.js +81 -31
  9. package/dist/index13.cjs +1 -1
  10. package/dist/index13.js +33 -106
  11. package/dist/index14.cjs +1 -1
  12. package/dist/index14.js +333 -33
  13. package/dist/index15.cjs +1 -1
  14. package/dist/index15.js +113 -9
  15. package/dist/index16.cjs +1 -0
  16. package/dist/index16.js +43 -0
  17. package/dist/index17.cjs +1 -0
  18. package/dist/index17.js +11 -0
  19. package/dist/index2.cjs +1 -1
  20. package/dist/index2.js +1 -1
  21. package/dist/index3.cjs +1 -1
  22. package/dist/index3.js +1 -1
  23. package/dist/index4.cjs +1 -1
  24. package/dist/index4.js +1 -1
  25. package/dist/index5.cjs +1 -1
  26. package/dist/index5.js +1 -1
  27. package/dist/index6.cjs +1 -1
  28. package/dist/index6.js +1 -1
  29. package/dist/index7.cjs +1 -1
  30. package/dist/index7.js +43 -38
  31. package/dist/index8.cjs +1 -1
  32. package/dist/index8.js +81 -53
  33. package/dist/index9.cjs +1 -1
  34. package/dist/index9.js +52 -60
  35. package/dist/src/components/data-display/chip-group/ChipGroup.component.d.ts +72 -0
  36. package/dist/src/components/data-display/chip-group/ChipGroup.component.d.ts.map +1 -0
  37. package/dist/src/components/forms/checkbox/Checkbox.component.d.ts.map +1 -1
  38. package/dist/src/components/forms/radio/Radio.component.d.ts +100 -0
  39. package/dist/src/components/forms/radio/Radio.component.d.ts.map +1 -0
  40. package/dist/src/index.d.ts +4 -0
  41. package/dist/src/index.d.ts.map +1 -1
  42. package/dist/style.css +1 -1
  43. package/package.json +1 -1
package/dist/index15.js CHANGED
@@ -1,11 +1,115 @@
1
- function t(...n) {
2
- return n.filter(Boolean).join(" ");
3
- }
4
- let e = 0;
5
- function r(n = "id") {
6
- return e += 1, `${n}-${e}`;
7
- }
1
+ import { jsxs as m, jsx as n } from "react/jsx-runtime";
2
+ import { forwardRef as c } from "react";
3
+ import * as a from "@radix-ui/react-dialog";
4
+ import { cn as r } from "./index17.js";
5
+ /* empty css */
6
+ const x = a.Root, O = a.Trigger, p = a.Portal, P = a.Close, g = c(({ className: t, "data-cy": i, "data-testid": o, ...e }, d) => {
7
+ const l = i || "dialog-overlay", s = o || "dialog-overlay";
8
+ return /* @__PURE__ */ n(
9
+ a.Overlay,
10
+ {
11
+ ref: d,
12
+ className: r("dialog-overlay", t),
13
+ "data-cy": l,
14
+ "data-testid": s,
15
+ ...e
16
+ }
17
+ );
18
+ });
19
+ g.displayName = a.Overlay.displayName;
20
+ const D = c(({ className: t, children: i, "data-cy": o, "data-testid": e, ...d }, l) => {
21
+ const s = o || "dialog-content", y = e || "dialog-content";
22
+ return /* @__PURE__ */ m(p, { children: [
23
+ /* @__PURE__ */ n(g, {}),
24
+ /* @__PURE__ */ n(
25
+ a.Content,
26
+ {
27
+ ref: l,
28
+ className: r("dialog-content", t),
29
+ "data-cy": s,
30
+ "data-testid": y,
31
+ ...d,
32
+ children: i
33
+ }
34
+ )
35
+ ] });
36
+ });
37
+ D.displayName = a.Content.displayName;
38
+ const f = ({
39
+ className: t,
40
+ "data-cy": i,
41
+ "data-testid": o,
42
+ ...e
43
+ }) => {
44
+ const d = i || "dialog-header", l = o || "dialog-header";
45
+ return /* @__PURE__ */ n(
46
+ "div",
47
+ {
48
+ className: r("dialog-header", t),
49
+ "data-cy": d,
50
+ "data-testid": l,
51
+ ...e
52
+ }
53
+ );
54
+ };
55
+ f.displayName = "DialogHeader";
56
+ const N = ({
57
+ className: t,
58
+ "data-cy": i,
59
+ "data-testid": o,
60
+ ...e
61
+ }) => {
62
+ const d = i || "dialog-footer", l = o || "dialog-footer";
63
+ return /* @__PURE__ */ n(
64
+ "div",
65
+ {
66
+ className: r("dialog-footer", t),
67
+ "data-cy": d,
68
+ "data-testid": l,
69
+ ...e
70
+ }
71
+ );
72
+ };
73
+ N.displayName = "DialogFooter";
74
+ const C = c(
75
+ ({ className: t, "data-cy": i, "data-testid": o, ...e }, d) => {
76
+ const l = i || "dialog-title", s = o || "dialog-title";
77
+ return /* @__PURE__ */ n(
78
+ a.Title,
79
+ {
80
+ ref: d,
81
+ className: r("dialog-title", t),
82
+ "data-cy": l,
83
+ "data-testid": s,
84
+ ...e
85
+ }
86
+ );
87
+ }
88
+ );
89
+ C.displayName = a.Title.displayName;
90
+ const T = c(({ className: t, "data-cy": i, "data-testid": o, ...e }, d) => {
91
+ const l = i || "dialog-description", s = o || "dialog-description";
92
+ return /* @__PURE__ */ n(
93
+ a.Description,
94
+ {
95
+ ref: d,
96
+ className: r("dialog-description", t),
97
+ "data-cy": l,
98
+ "data-testid": s,
99
+ ...e
100
+ }
101
+ );
102
+ });
103
+ T.displayName = a.Description.displayName;
8
104
  export {
9
- t as cn,
10
- r as generateId
105
+ x as Dialog,
106
+ P as DialogClose,
107
+ D as DialogContent,
108
+ T as DialogDescription,
109
+ N as DialogFooter,
110
+ f as DialogHeader,
111
+ g as DialogOverlay,
112
+ p as DialogPortal,
113
+ C as DialogTitle,
114
+ O as DialogTrigger
11
115
  };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),$=require("react"),S=require("./index17.cjs");;/* empty css */const a=$.forwardRef(({direction:t="vertical",spacing:s="4",align:e="stretch",justify:c="start",wrap:r=!1,className:i,children:n,"data-cy":d,"data-testid":k,...l},u)=>{const o=d||`stack-${t}`,f=k||`stack-${t}`;return y.jsx("div",{ref:u,className:S.cn("stack",`stack--${t}`,`stack--spacing-${s}`,`stack--align-${e}`,`stack--justify-${c}`,r&&"stack--wrap",i),"data-cy":o,"data-testid":f,...l,children:n})});a.displayName="Stack";exports.Stack=a;
@@ -0,0 +1,43 @@
1
+ import { jsx as l } from "react/jsx-runtime";
2
+ import { forwardRef as n } from "react";
3
+ import { cn as $ } from "./index17.js";
4
+ /* empty css */
5
+ const y = n(
6
+ ({
7
+ direction: a = "vertical",
8
+ spacing: t = "4",
9
+ align: s = "stretch",
10
+ justify: c = "start",
11
+ wrap: r = !1,
12
+ className: i,
13
+ children: k,
14
+ "data-cy": o,
15
+ "data-testid": e,
16
+ ...f
17
+ }, m) => {
18
+ const d = o || `stack-${a}`, p = e || `stack-${a}`;
19
+ return /* @__PURE__ */ l(
20
+ "div",
21
+ {
22
+ ref: m,
23
+ className: $(
24
+ "stack",
25
+ `stack--${a}`,
26
+ `stack--spacing-${t}`,
27
+ `stack--align-${s}`,
28
+ `stack--justify-${c}`,
29
+ r && "stack--wrap",
30
+ i
31
+ ),
32
+ "data-cy": d,
33
+ "data-testid": p,
34
+ ...f,
35
+ children: k
36
+ }
37
+ );
38
+ }
39
+ );
40
+ y.displayName = "Stack";
41
+ export {
42
+ y as Stack
43
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(...e){return e.filter(Boolean).join(" ")}let n=0;function r(e="id"){return n+=1,`${e}-${n}`}exports.cn=t;exports.generateId=r;
@@ -0,0 +1,11 @@
1
+ function t(...n) {
2
+ return n.filter(Boolean).join(" ");
3
+ }
4
+ let e = 0;
5
+ function r(n = "id") {
6
+ return e += 1, `${n}-${e}`;
7
+ }
8
+ export {
9
+ t as cn,
10
+ r as generateId
11
+ };
package/dist/index2.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),y=require("./index15.cjs");;/* empty css */const n=m.forwardRef(({variant:t="primary-workspace",fullWidth:r=!1,icon:e,className:a,children:c,disabled:o,"data-testid":u,"data-cy":d,...i},l)=>{const b=y.cn("btn",`btn--${t}`,r&&"btn--full-width",a);return s.jsxs("button",{ref:l,disabled:o,className:b,"data-testid":u||`button-${t}`,"data-cy":d||`button-${t}`,...i,children:[e&&s.jsx("span",{className:"btn__icon",children:e}),c]})});n.displayName="Button";exports.Button=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),y=require("./index17.cjs");;/* empty css */const n=m.forwardRef(({variant:t="primary-workspace",fullWidth:r=!1,icon:e,className:a,children:c,disabled:o,"data-testid":u,"data-cy":d,...i},l)=>{const b=y.cn("btn",`btn--${t}`,r&&"btn--full-width",a);return s.jsxs("button",{ref:l,disabled:o,className:b,"data-testid":u||`button-${t}`,"data-cy":d||`button-${t}`,...i,children:[e&&s.jsx("span",{className:"btn__icon",children:e}),c]})});n.displayName="Button";exports.Button=n;
package/dist/index2.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs as l, jsx as p } from "react/jsx-runtime";
2
2
  import { forwardRef as b } from "react";
3
- import { cn as f } from "./index15.js";
3
+ import { cn as f } from "./index17.js";
4
4
  /* empty css */
5
5
  const u = b(
6
6
  ({
package/dist/index3.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),j=require("./index15.cjs");;/* empty css */const L=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,w=n.forwardRef(({validateEmail:m=!0,invalidEmailMessage:y="Not a valid email address",onValidationChange:r,error:N,onChange:p,label:f,helperText:o,fullWidth:$=!1,className:_,id:x,"data-cy":q,"data-testid":S,...i},B)=>{const[R,I]=n.useState(),[h,F]=n.useState(!1),A=n.useId(),l=x||A,v=`${l}-error`,E=`${l}-helper`,s=q||"email-input",a=S||"email-input",b=t=>t?L.test(t):!0,D=t=>{const u=t.target.value;if(m&&h){const d=b(u);I(d?void 0:y),r==null||r(d)}p==null||p(t)},G=t=>{var u;if(F(!0),m){const d=b(t.target.value);I(d?void 0:y),r==null||r(d)}(u=i.onBlur)==null||u.call(i,t)},e=N||R;return c.jsxs("div",{className:j.cn("input-wrapper",$&&"input-wrapper--full-width"),"data-cy":`${s}-wrapper`,"data-testid":`${a}-wrapper`,children:[f&&c.jsx("label",{htmlFor:l,className:"input__label","data-cy":`${s}-label`,"data-testid":`${a}-label`,children:f}),c.jsx("input",{ref:B,id:l,type:"email",className:j.cn("input",e&&"input--error",$&&"input--full-width",_),"aria-invalid":e?"true":"false","aria-describedby":e?v:o?E:void 0,"data-cy":s,"data-testid":a,onChange:D,onBlur:G,...i}),e&&c.jsx("span",{id:v,className:"input__error",role:"alert","data-cy":`${s}-error`,"data-testid":`${a}-error`,children:e}),o&&!e&&c.jsx("span",{id:E,className:"input__helper","data-cy":`${s}-helper`,"data-testid":`${a}-helper`,children:o})]})});w.displayName="EmailInput";exports.EmailInput=w;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),j=require("./index17.cjs");;/* empty css */const L=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,w=n.forwardRef(({validateEmail:m=!0,invalidEmailMessage:y="Not a valid email address",onValidationChange:r,error:N,onChange:p,label:f,helperText:o,fullWidth:$=!1,className:_,id:x,"data-cy":q,"data-testid":S,...i},B)=>{const[R,I]=n.useState(),[h,F]=n.useState(!1),A=n.useId(),l=x||A,v=`${l}-error`,E=`${l}-helper`,s=q||"email-input",a=S||"email-input",b=t=>t?L.test(t):!0,D=t=>{const u=t.target.value;if(m&&h){const d=b(u);I(d?void 0:y),r==null||r(d)}p==null||p(t)},G=t=>{var u;if(F(!0),m){const d=b(t.target.value);I(d?void 0:y),r==null||r(d)}(u=i.onBlur)==null||u.call(i,t)},e=N||R;return c.jsxs("div",{className:j.cn("input-wrapper",$&&"input-wrapper--full-width"),"data-cy":`${s}-wrapper`,"data-testid":`${a}-wrapper`,children:[f&&c.jsx("label",{htmlFor:l,className:"input__label","data-cy":`${s}-label`,"data-testid":`${a}-label`,children:f}),c.jsx("input",{ref:B,id:l,type:"email",className:j.cn("input",e&&"input--error",$&&"input--full-width",_),"aria-invalid":e?"true":"false","aria-describedby":e?v:o?E:void 0,"data-cy":s,"data-testid":a,onChange:D,onBlur:G,...i}),e&&c.jsx("span",{id:v,className:"input__error",role:"alert","data-cy":`${s}-error`,"data-testid":`${a}-error`,children:e}),o&&!e&&c.jsx("span",{id:E,className:"input__helper","data-cy":`${s}-helper`,"data-testid":`${a}-helper`,children:o})]})});w.displayName="EmailInput";exports.EmailInput=w;
package/dist/index3.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs as S, jsx as u } from "react/jsx-runtime";
2
2
  import { forwardRef as X, useState as E, useId as k } from "react";
3
- import { cn as N } from "./index15.js";
3
+ import { cn as N } from "./index17.js";
4
4
  /* empty css */
5
5
  const q = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, z = X(
6
6
  ({
package/dist/index4.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("react"),u=require("./index15.cjs");;/* empty css */const w=d.forwardRef(({showToggle:h=!0,label:o,error:e,helperText:i,fullWidth:l=!1,className:x,id:g,"data-cy":j,"data-testid":y,...k},f)=>{const[n,b]=d.useState(!1),m=d.useId(),a=g||m,c=`${a}-error`,p=`${a}-helper`,s=j||"password-input",r=y||"password-input",$=()=>{b(v=>!v)};return t.jsxs("div",{className:"password-input-wrapper",children:[t.jsxs("div",{className:u.cn("input-wrapper",l&&"input-wrapper--full-width"),"data-cy":`${s}-wrapper`,"data-testid":`${r}-wrapper`,children:[o&&t.jsx("label",{htmlFor:a,className:"input__label","data-cy":`${s}-label`,"data-testid":`${r}-label`,children:o}),t.jsx("input",{ref:f,id:a,type:n?"text":"password",className:u.cn("input","password-input",e&&"input--error",l&&"input--full-width",x),"aria-invalid":e?"true":"false","aria-describedby":e?c:i?p:void 0,"data-cy":s,"data-testid":r,...k}),e&&t.jsx("span",{id:c,className:"input__error",role:"alert","data-cy":`${s}-error`,"data-testid":`${r}-error`,children:e}),i&&!e&&t.jsx("span",{id:p,className:"input__helper","data-cy":`${s}-helper`,"data-testid":`${r}-helper`,children:i})]}),h&&t.jsx("button",{type:"button",className:"password-input__toggle",onClick:$,"aria-label":n?"Hide password":"Show password","data-cy":`${s}-toggle`,"data-testid":`${r}-toggle`,children:n?t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),t.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),t.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),t.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]})});w.displayName="PasswordInput";exports.PasswordInput=w;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("react"),u=require("./index17.cjs");;/* empty css */const w=d.forwardRef(({showToggle:h=!0,label:o,error:e,helperText:i,fullWidth:l=!1,className:x,id:g,"data-cy":j,"data-testid":y,...k},f)=>{const[n,b]=d.useState(!1),m=d.useId(),a=g||m,c=`${a}-error`,p=`${a}-helper`,s=j||"password-input",r=y||"password-input",$=()=>{b(v=>!v)};return t.jsxs("div",{className:"password-input-wrapper",children:[t.jsxs("div",{className:u.cn("input-wrapper",l&&"input-wrapper--full-width"),"data-cy":`${s}-wrapper`,"data-testid":`${r}-wrapper`,children:[o&&t.jsx("label",{htmlFor:a,className:"input__label","data-cy":`${s}-label`,"data-testid":`${r}-label`,children:o}),t.jsx("input",{ref:f,id:a,type:n?"text":"password",className:u.cn("input","password-input",e&&"input--error",l&&"input--full-width",x),"aria-invalid":e?"true":"false","aria-describedby":e?c:i?p:void 0,"data-cy":s,"data-testid":r,...k}),e&&t.jsx("span",{id:c,className:"input__error",role:"alert","data-cy":`${s}-error`,"data-testid":`${r}-error`,children:e}),i&&!e&&t.jsx("span",{id:p,className:"input__helper","data-cy":`${s}-helper`,"data-testid":`${r}-helper`,children:i})]}),h&&t.jsx("button",{type:"button",className:"password-input__toggle",onClick:$,"aria-label":n?"Hide password":"Show password","data-cy":`${s}-toggle`,"data-testid":`${r}-toggle`,children:n?t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),t.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),t.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),t.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]})});w.displayName="PasswordInput";exports.PasswordInput=w;
package/dist/index4.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs as i, jsx as t } from "react/jsx-runtime";
2
2
  import { forwardRef as x, useState as I, useId as N } from "react";
3
- import { cn as u } from "./index15.js";
3
+ import { cn as u } from "./index17.js";
4
4
  /* empty css */
5
5
  const _ = x(
6
6
  ({
package/dist/index5.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),p=require("react"),T=require("./index15.cjs");;/* empty css */const h=p.forwardRef(({allowDecimal:b=!1,allowNegative:N=!1,min:n,max:m,decimalPlaces:q=2,invalidNumberMessage:B="Please enter a valid number",minValueMessage:R,maxValueMessage:A,onValidationChange:s,error:P,onChange:v,onKeyDown:t,label:I,helperText:$,fullWidth:j=!1,className:F,id:M,"data-cy":g,"data-testid":H,...d},L)=>{const[O,x]=p.useState(),[V,z]=p.useState(!1),G=p.useId(),f=M||G,E=`${f}-error`,S=`${f}-helper`,i=g||"numeric-input",l=H||"numeric-input",k=r=>{if(!r)return{isValid:!0};const a=N?"-?":"",e=b?`(\\.\\d{0,${q}})?`:"";if(!new RegExp(`^${a}\\d+${e}$`).test(r))return{isValid:!1,error:B};const _=parseFloat(r);return n!==void 0&&_<n?{isValid:!1,error:R||`Value must be at least ${n}`}:m!==void 0&&_>m?{isValid:!1,error:A||`Value must be at most ${m}`}:{isValid:!0}},J=r=>{const a=["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","Home","End"];if(r.ctrlKey||r.metaKey){t==null||t(r);return}if(a.includes(r.key)){t==null||t(r);return}if(b&&r.key==="."){if(r.currentTarget.value.includes(".")){r.preventDefault();return}t==null||t(r);return}if(N&&r.key==="-"){const e=r.currentTarget.value;if((r.currentTarget.selectionStart||0)!==0||e.includes("-")){r.preventDefault();return}t==null||t(r);return}if(r.key>="0"&&r.key<="9"){t==null||t(r);return}r.preventDefault()},Q=r=>{const a=r.target.value;if(V){const e=k(a);x(e.error),s==null||s(e.isValid)}v==null||v(r)},U=r=>{var e;z(!0);const a=k(r.target.value);x(a.error),s==null||s(a.isValid),(e=d.onBlur)==null||e.call(d,r)},u=P||O;return c.jsxs("div",{className:T.cn("input-wrapper",j&&"input-wrapper--full-width"),"data-cy":`${i}-wrapper`,"data-testid":`${l}-wrapper`,children:[I&&c.jsx("label",{htmlFor:f,className:"input__label","data-cy":`${i}-label`,"data-testid":`${l}-label`,children:I}),c.jsx("input",{ref:L,id:f,type:"text",inputMode:"numeric",className:T.cn("input",u&&"input--error",j&&"input--full-width",F),"aria-invalid":u?"true":"false","aria-describedby":u?E:$?S:void 0,"data-cy":i,"data-testid":l,onChange:Q,onBlur:U,onKeyDown:J,...d}),u&&c.jsx("span",{id:E,className:"input__error",role:"alert","data-cy":`${i}-error`,"data-testid":`${l}-error`,children:u}),$&&!u&&c.jsx("span",{id:S,className:"input__helper","data-cy":`${i}-helper`,"data-testid":`${l}-helper`,children:$})]})});h.displayName="NumericInput";exports.NumericInput=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),p=require("react"),T=require("./index17.cjs");;/* empty css */const h=p.forwardRef(({allowDecimal:b=!1,allowNegative:N=!1,min:n,max:m,decimalPlaces:q=2,invalidNumberMessage:B="Please enter a valid number",minValueMessage:R,maxValueMessage:A,onValidationChange:s,error:P,onChange:v,onKeyDown:t,label:I,helperText:$,fullWidth:j=!1,className:F,id:M,"data-cy":g,"data-testid":H,...d},L)=>{const[O,x]=p.useState(),[V,z]=p.useState(!1),G=p.useId(),f=M||G,E=`${f}-error`,S=`${f}-helper`,i=g||"numeric-input",l=H||"numeric-input",k=r=>{if(!r)return{isValid:!0};const a=N?"-?":"",e=b?`(\\.\\d{0,${q}})?`:"";if(!new RegExp(`^${a}\\d+${e}$`).test(r))return{isValid:!1,error:B};const _=parseFloat(r);return n!==void 0&&_<n?{isValid:!1,error:R||`Value must be at least ${n}`}:m!==void 0&&_>m?{isValid:!1,error:A||`Value must be at most ${m}`}:{isValid:!0}},J=r=>{const a=["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","Home","End"];if(r.ctrlKey||r.metaKey){t==null||t(r);return}if(a.includes(r.key)){t==null||t(r);return}if(b&&r.key==="."){if(r.currentTarget.value.includes(".")){r.preventDefault();return}t==null||t(r);return}if(N&&r.key==="-"){const e=r.currentTarget.value;if((r.currentTarget.selectionStart||0)!==0||e.includes("-")){r.preventDefault();return}t==null||t(r);return}if(r.key>="0"&&r.key<="9"){t==null||t(r);return}r.preventDefault()},Q=r=>{const a=r.target.value;if(V){const e=k(a);x(e.error),s==null||s(e.isValid)}v==null||v(r)},U=r=>{var e;z(!0);const a=k(r.target.value);x(a.error),s==null||s(a.isValid),(e=d.onBlur)==null||e.call(d,r)},u=P||O;return c.jsxs("div",{className:T.cn("input-wrapper",j&&"input-wrapper--full-width"),"data-cy":`${i}-wrapper`,"data-testid":`${l}-wrapper`,children:[I&&c.jsx("label",{htmlFor:f,className:"input__label","data-cy":`${i}-label`,"data-testid":`${l}-label`,children:I}),c.jsx("input",{ref:L,id:f,type:"text",inputMode:"numeric",className:T.cn("input",u&&"input--error",j&&"input--full-width",F),"aria-invalid":u?"true":"false","aria-describedby":u?E:$?S:void 0,"data-cy":i,"data-testid":l,onChange:Q,onBlur:U,onKeyDown:J,...d}),u&&c.jsx("span",{id:E,className:"input__error",role:"alert","data-cy":`${i}-error`,"data-testid":`${l}-error`,children:u}),$&&!u&&c.jsx("span",{id:S,className:"input__helper","data-cy":`${i}-helper`,"data-testid":`${l}-helper`,children:$})]})});h.displayName="NumericInput";exports.NumericInput=h;
package/dist/index5.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs as Y, jsx as f } from "react/jsx-runtime";
2
2
  import { forwardRef as Z, useState as S, useId as g } from "react";
3
- import { cn as T } from "./index15.js";
3
+ import { cn as T } from "./index17.js";
4
4
  /* empty css */
5
5
  const W = Z(
6
6
  ({
package/dist/index6.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),h=require("react"),R=require("./index15.cjs");;/* empty css */const M=h.forwardRef(({allowHyphen:c=!1,allowUnderscore:f=!1,allowSpace:p=!1,minLength:v,maxLength:m,invalidFormatMessage:O="Only letters and numbers are allowed",minLengthMessage:z,maxLengthMessage:F,onValidationChange:s,error:T,onChange:I,onKeyDown:t,label:_,helperText:j,fullWidth:A=!1,className:Z,id:P,"data-cy":S,"data-testid":G,...$},J)=>{const[Q,E]=h.useState(),[X,Y]=h.useState(!1),W=h.useId(),b=P||W,x=`${b}-error`,N=`${b}-helper`,u=S||"alphanumeric-input",d=G||"alphanumeric-input",q=r=>{if(!r)return{isValid:!0};let e="^[a-zA-Z0-9";if(c&&(e+="\\-"),f&&(e+="_"),p&&(e+=" "),e+="]+$",!new RegExp(e).test(r)){let B=O;if(c||f||p){const k=["letters","numbers"];c&&k.push("hyphens"),f&&k.push("underscores"),p&&k.push("spaces"),B=`Only ${k.join(", ")} are allowed`}return{isValid:!1,error:B}}return v!==void 0&&r.length<v?{isValid:!1,error:z||`Must be at least ${v} characters`}:m!==void 0&&r.length>m?{isValid:!1,error:F||`Must be at most ${m} characters`}:{isValid:!0}},H=r=>{const e=["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","Home","End"];if(r.ctrlKey||r.metaKey){t==null||t(r);return}if(e.includes(r.key)){t==null||t(r);return}if(p&&r.key===" "){t==null||t(r);return}if(c&&r.key==="-"){t==null||t(r);return}if(f&&r.key==="_"){t==null||t(r);return}if(r.key>="a"&&r.key<="z"||r.key>="A"&&r.key<="Z"){t==null||t(r);return}if(r.key>="0"&&r.key<="9"){t==null||t(r);return}r.preventDefault()},V=r=>{const e=r.target.value;if(X){const i=q(e);E(i.error),s==null||s(i.isValid)}I==null||I(r)},U=r=>{var i;Y(!0);const e=q(r.target.value);E(e.error),s==null||s(e.isValid),(i=$.onBlur)==null||i.call($,r)},a=T||Q;return l.jsxs("div",{className:R.cn("input-wrapper",A&&"input-wrapper--full-width"),"data-cy":`${u}-wrapper`,"data-testid":`${d}-wrapper`,children:[_&&l.jsx("label",{htmlFor:b,className:"input__label","data-cy":`${u}-label`,"data-testid":`${d}-label`,children:_}),l.jsx("input",{ref:J,id:b,type:"text",className:R.cn("input",a&&"input--error",A&&"input--full-width",Z),"aria-invalid":a?"true":"false","aria-describedby":a?x:j?N:void 0,"data-cy":u,"data-testid":d,onChange:V,onBlur:U,onKeyDown:H,maxLength:m,...$}),a&&l.jsx("span",{id:x,className:"input__error",role:"alert","data-cy":`${u}-error`,"data-testid":`${d}-error`,children:a}),j&&!a&&l.jsx("span",{id:N,className:"input__helper","data-cy":`${u}-helper`,"data-testid":`${d}-helper`,children:j})]})});M.displayName="AlphanumericInput";exports.AlphanumericInput=M;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),h=require("react"),R=require("./index17.cjs");;/* empty css */const M=h.forwardRef(({allowHyphen:c=!1,allowUnderscore:f=!1,allowSpace:p=!1,minLength:v,maxLength:m,invalidFormatMessage:O="Only letters and numbers are allowed",minLengthMessage:z,maxLengthMessage:F,onValidationChange:s,error:T,onChange:I,onKeyDown:t,label:_,helperText:j,fullWidth:A=!1,className:Z,id:P,"data-cy":S,"data-testid":G,...$},J)=>{const[Q,E]=h.useState(),[X,Y]=h.useState(!1),W=h.useId(),b=P||W,x=`${b}-error`,N=`${b}-helper`,u=S||"alphanumeric-input",d=G||"alphanumeric-input",q=r=>{if(!r)return{isValid:!0};let e="^[a-zA-Z0-9";if(c&&(e+="\\-"),f&&(e+="_"),p&&(e+=" "),e+="]+$",!new RegExp(e).test(r)){let B=O;if(c||f||p){const k=["letters","numbers"];c&&k.push("hyphens"),f&&k.push("underscores"),p&&k.push("spaces"),B=`Only ${k.join(", ")} are allowed`}return{isValid:!1,error:B}}return v!==void 0&&r.length<v?{isValid:!1,error:z||`Must be at least ${v} characters`}:m!==void 0&&r.length>m?{isValid:!1,error:F||`Must be at most ${m} characters`}:{isValid:!0}},H=r=>{const e=["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","Home","End"];if(r.ctrlKey||r.metaKey){t==null||t(r);return}if(e.includes(r.key)){t==null||t(r);return}if(p&&r.key===" "){t==null||t(r);return}if(c&&r.key==="-"){t==null||t(r);return}if(f&&r.key==="_"){t==null||t(r);return}if(r.key>="a"&&r.key<="z"||r.key>="A"&&r.key<="Z"){t==null||t(r);return}if(r.key>="0"&&r.key<="9"){t==null||t(r);return}r.preventDefault()},V=r=>{const e=r.target.value;if(X){const i=q(e);E(i.error),s==null||s(i.isValid)}I==null||I(r)},U=r=>{var i;Y(!0);const e=q(r.target.value);E(e.error),s==null||s(e.isValid),(i=$.onBlur)==null||i.call($,r)},a=T||Q;return l.jsxs("div",{className:R.cn("input-wrapper",A&&"input-wrapper--full-width"),"data-cy":`${u}-wrapper`,"data-testid":`${d}-wrapper`,children:[_&&l.jsx("label",{htmlFor:b,className:"input__label","data-cy":`${u}-label`,"data-testid":`${d}-label`,children:_}),l.jsx("input",{ref:J,id:b,type:"text",className:R.cn("input",a&&"input--error",A&&"input--full-width",Z),"aria-invalid":a?"true":"false","aria-describedby":a?x:j?N:void 0,"data-cy":u,"data-testid":d,onChange:V,onBlur:U,onKeyDown:H,maxLength:m,...$}),a&&l.jsx("span",{id:x,className:"input__error",role:"alert","data-cy":`${u}-error`,"data-testid":`${d}-error`,children:a}),j&&!a&&l.jsx("span",{id:N,className:"input__helper","data-cy":`${u}-helper`,"data-testid":`${d}-helper`,children:j})]})});M.displayName="AlphanumericInput";exports.AlphanumericInput=M;
package/dist/index6.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs as U, jsx as b } from "react/jsx-runtime";
2
2
  import { forwardRef as L, useState as x, useId as g } from "react";
3
- import { cn as z } from "./index15.js";
3
+ import { cn as z } from "./index17.js";
4
4
  /* empty css */
5
5
  const y = L(
6
6
  ({
package/dist/index7.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),b=require("./index15.cjs");;/* empty css */const p=i.forwardRef(({label:t,error:e,helperText:n,indeterminate:o=!1,className:k,id:f,required:l,disabled:h,checked:y,"data-cy":_,"data-testid":$,...m},j)=>{const v=i.useId(),d=f||v,u=`${d}-error`,x=`${d}-helper`,r=_||"checkbox",s=$||"checkbox",N=i.useRef(null),a=j||N;i.useEffect(()=>{a&&"current"in a&&a.current&&(a.current.indeterminate=o)},[o,a]);const w=t&&l&&!t.includes("*")?`${t} *`:t;return c.jsxs("div",{className:b.cn("checkbox-wrapper",h&&"checkbox-wrapper--disabled"),"data-cy":`${r}-wrapper`,"data-testid":`${s}-wrapper`,children:[c.jsxs("div",{className:"checkbox__container",children:[c.jsx("input",{ref:a,id:d,type:"checkbox",checked:y,className:b.cn("checkbox__input",e&&"checkbox__input--error",k),"aria-invalid":e?"true":"false","aria-required":l?"true":void 0,"aria-describedby":e?u:n?x:void 0,"data-cy":r,"data-testid":s,"data-indeterminate":o?"true":void 0,disabled:h,required:l,...m}),t&&c.jsx("label",{htmlFor:d,className:"checkbox__label","data-cy":`${r}-label`,"data-testid":`${s}-label`,children:w})]}),e&&c.jsx("span",{id:u,className:"checkbox__error",role:"alert","data-cy":`${r}-error`,"data-testid":`${s}-error`,children:e}),n&&!e&&c.jsx("span",{id:x,className:"checkbox__helper","data-cy":`${r}-helper`,"data-testid":`${s}-helper`,children:n})]})});p.displayName="Checkbox";exports.Checkbox=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),k=require("./index17.cjs");;/* empty css */const f=i.forwardRef(({label:t,error:e,helperText:n,indeterminate:o=!1,className:y,id:_,required:l,disabled:b,checked:$,"data-cy":m,"data-testid":j,...v},c)=>{const N=i.useId(),d=_||N,p=`${d}-error`,x=`${d}-helper`,s=m||"checkbox",r=j||"checkbox",u=i.useRef(null),w=i.useCallback(h=>{u.current=h,c&&(typeof c=="function"?c(h):"current"in c&&(c.current=h))},[c]);i.useEffect(()=>{u.current&&(u.current.indeterminate=o)},[o]);const C=t&&l&&!t.includes("*")?`${t} *`:t;return a.jsxs("div",{className:k.cn("checkbox-wrapper",b&&"checkbox-wrapper--disabled"),"data-cy":`${s}-wrapper`,"data-testid":`${r}-wrapper`,children:[a.jsxs("div",{className:"checkbox__container",children:[a.jsx("input",{ref:w,id:d,type:"checkbox",checked:$,className:k.cn("checkbox__input",e&&"checkbox__input--error",y),"aria-invalid":e?"true":"false","aria-required":l?"true":void 0,"aria-describedby":e?p:n?x:void 0,"data-cy":s,"data-testid":r,"data-indeterminate":o?"true":void 0,disabled:b,required:l,...v}),t&&a.jsx("label",{htmlFor:d,className:"checkbox__label","data-cy":`${s}-label`,"data-testid":`${r}-label`,children:C})]}),e&&a.jsx("span",{id:p,className:"checkbox__error",role:"alert","data-cy":`${s}-error`,"data-testid":`${r}-error`,children:e}),n&&!e&&a.jsx("span",{id:x,className:"checkbox__helper","data-cy":`${s}-helper`,"data-testid":`${r}-helper`,children:n})]})});f.displayName="Checkbox";exports.Checkbox=f;
package/dist/index7.js CHANGED
@@ -1,84 +1,89 @@
1
- import { jsxs as b, jsx as s } from "react/jsx-runtime";
2
- import { forwardRef as I, useId as R, useRef as C, useEffect as j } from "react";
3
- import { cn as f } from "./index15.js";
1
+ import { jsxs as f, jsx as i } from "react/jsx-runtime";
2
+ import { forwardRef as C, useId as R, useRef as j, useCallback as g, useEffect as D } from "react";
3
+ import { cn as k } from "./index17.js";
4
4
  /* empty css */
5
- const g = I(
5
+ const E = C(
6
6
  ({
7
7
  label: c,
8
- error: e,
9
- helperText: i,
8
+ error: a,
9
+ helperText: s,
10
10
  indeterminate: o = !1,
11
11
  className: m,
12
12
  id: x,
13
13
  required: n,
14
- disabled: l,
15
- checked: k,
16
- "data-cy": u,
17
- "data-testid": _,
18
- ...y
19
- }, $) => {
20
- const N = R(), d = x || N, p = `${d}-error`, h = `${d}-helper`, t = u || "checkbox", r = _ || "checkbox", v = C(null), a = $ || v;
21
- j(() => {
22
- a && "current" in a && a.current && (a.current.indeterminate = o);
23
- }, [o, a]);
24
- const w = c && n && !c.includes("*") ? `${c} *` : c;
25
- return /* @__PURE__ */ b(
14
+ disabled: h,
15
+ checked: y,
16
+ "data-cy": _,
17
+ "data-testid": $,
18
+ ...N
19
+ }, e) => {
20
+ const v = R(), d = x || v, u = `${d}-error`, b = `${d}-helper`, t = _ || "checkbox", r = $ || "checkbox", l = j(null), w = g(
21
+ (p) => {
22
+ l.current = p, e && (typeof e == "function" ? e(p) : "current" in e && (e.current = p));
23
+ },
24
+ [e]
25
+ );
26
+ D(() => {
27
+ l.current && (l.current.indeterminate = o);
28
+ }, [o]);
29
+ const I = c && n && !c.includes("*") ? `${c} *` : c;
30
+ return /* @__PURE__ */ f(
26
31
  "div",
27
32
  {
28
- className: f("checkbox-wrapper", l && "checkbox-wrapper--disabled"),
33
+ className: k("checkbox-wrapper", h && "checkbox-wrapper--disabled"),
29
34
  "data-cy": `${t}-wrapper`,
30
35
  "data-testid": `${r}-wrapper`,
31
36
  children: [
32
- /* @__PURE__ */ b("div", { className: "checkbox__container", children: [
33
- /* @__PURE__ */ s(
37
+ /* @__PURE__ */ f("div", { className: "checkbox__container", children: [
38
+ /* @__PURE__ */ i(
34
39
  "input",
35
40
  {
36
- ref: a,
41
+ ref: w,
37
42
  id: d,
38
43
  type: "checkbox",
39
- checked: k,
40
- className: f("checkbox__input", e && "checkbox__input--error", m),
41
- "aria-invalid": e ? "true" : "false",
44
+ checked: y,
45
+ className: k("checkbox__input", a && "checkbox__input--error", m),
46
+ "aria-invalid": a ? "true" : "false",
42
47
  "aria-required": n ? "true" : void 0,
43
- "aria-describedby": e ? p : i ? h : void 0,
48
+ "aria-describedby": a ? u : s ? b : void 0,
44
49
  "data-cy": t,
45
50
  "data-testid": r,
46
51
  "data-indeterminate": o ? "true" : void 0,
47
- disabled: l,
52
+ disabled: h,
48
53
  required: n,
49
- ...y
54
+ ...N
50
55
  }
51
56
  ),
52
- c && /* @__PURE__ */ s(
57
+ c && /* @__PURE__ */ i(
53
58
  "label",
54
59
  {
55
60
  htmlFor: d,
56
61
  className: "checkbox__label",
57
62
  "data-cy": `${t}-label`,
58
63
  "data-testid": `${r}-label`,
59
- children: w
64
+ children: I
60
65
  }
61
66
  )
62
67
  ] }),
63
- e && /* @__PURE__ */ s(
68
+ a && /* @__PURE__ */ i(
64
69
  "span",
65
70
  {
66
- id: p,
71
+ id: u,
67
72
  className: "checkbox__error",
68
73
  role: "alert",
69
74
  "data-cy": `${t}-error`,
70
75
  "data-testid": `${r}-error`,
71
- children: e
76
+ children: a
72
77
  }
73
78
  ),
74
- i && !e && /* @__PURE__ */ s(
79
+ s && !a && /* @__PURE__ */ i(
75
80
  "span",
76
81
  {
77
- id: h,
82
+ id: b,
78
83
  className: "checkbox__helper",
79
84
  "data-cy": `${t}-helper`,
80
85
  "data-testid": `${r}-helper`,
81
- children: i
86
+ children: s
82
87
  }
83
88
  )
84
89
  ]
@@ -86,7 +91,7 @@ const g = I(
86
91
  );
87
92
  }
88
93
  );
89
- g.displayName = "Checkbox";
94
+ E.displayName = "Checkbox";
90
95
  export {
91
- g as Checkbox
96
+ E as Checkbox
92
97
  };
package/dist/index8.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),b=require("react"),T=require("@radix-ui/react-tabs"),g=require("./index15.cjs");;/* empty css */function m(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const n=m(T),u=n.Root,f=b.forwardRef(({className:a,"data-cy":t,"data-testid":e,...s},r)=>{const i=t||"tabs-list",c=e||"tabs-list";return d.jsx(n.List,{ref:r,className:g.cn("tabs-list",a),"data-cy":i,"data-testid":c,...s})});f.displayName=n.List.displayName;const l=b.forwardRef(({className:a,value:t,"data-cy":e,"data-testid":s,...r},i)=>{const c=e||(t?`tabs-trigger-${t}`:"tabs-trigger"),o=s||(t?`tabs-trigger-${t}`:"tabs-trigger");return d.jsx(n.Trigger,{ref:i,className:g.cn("tabs-trigger",a),value:t,"data-cy":c,"data-testid":o,...r})});l.displayName=n.Trigger.displayName;const y=b.forwardRef(({className:a,value:t,"data-cy":e,"data-testid":s,...r},i)=>{const c=e||(t?`tabs-content-${t}`:"tabs-content"),o=s||(t?`tabs-content-${t}`:"tabs-content");return d.jsx(n.Content,{ref:i,className:g.cn("tabs-content",a),value:t,"data-cy":c,"data-testid":o,...r})});y.displayName=n.Content.displayName;exports.Tabs=u;exports.TabsContent=y;exports.TabsList=f;exports.TabsTrigger=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),_=require("./index17.cjs");;/* empty css */const $=n.forwardRef(({label:r,error:d,helperText:c,className:f,id:h,required:l,disabled:p,checked:m,"data-cy":j,"data-testid":R,...b},a)=>{const N=n.useId(),s=h||N,u=`${s}-error`,y=`${s}-helper`,t=j||"radio",i=R||"radio",x=n.useRef(null),w=n.useCallback(o=>{x.current=o,a&&(typeof a=="function"?a(o):"current"in a&&(a.current=o))},[a]),I=r&&l&&!r.includes("*")?`${r} *`:r;return e.jsxs("div",{className:_.cn("radio-wrapper",p&&"radio-wrapper--disabled"),"data-cy":`${t}-wrapper`,"data-testid":`${i}-wrapper`,children:[e.jsxs("div",{className:"radio__container",children:[e.jsx("input",{ref:w,id:s,type:"radio",checked:m,className:_.cn("radio__input",d&&"radio__input--error",f),"aria-describedby":d?u:c?y:void 0,"data-cy":t,"data-testid":i,disabled:p,required:l,...b}),r&&e.jsx("label",{htmlFor:s,className:"radio__label","data-cy":`${t}-label`,"data-testid":`${i}-label`,children:I})]}),d&&e.jsx("span",{id:u,className:"radio__error",role:"alert","data-cy":`${t}-error`,"data-testid":`${i}-error`,children:d}),c&&!d&&e.jsx("span",{id:y,className:"radio__helper","data-cy":`${t}-helper`,"data-testid":`${i}-helper`,children:c})]})});$.displayName="Radio";exports.Radio=$;
package/dist/index8.js CHANGED
@@ -1,61 +1,89 @@
1
- import { jsx as c } from "react/jsx-runtime";
2
- import { forwardRef as m } from "react";
3
- import * as a from "@radix-ui/react-tabs";
4
- import { cn as b } from "./index15.js";
1
+ import { jsxs as u, jsx as s } from "react/jsx-runtime";
2
+ import { forwardRef as j, useId as C, useRef as g, useCallback as k } from "react";
3
+ import { cn as y } from "./index17.js";
5
4
  /* empty css */
6
- const C = a.Root, g = m(
7
- ({ className: s, "data-cy": t, "data-testid": i, ...n }, r) => {
8
- const e = t || "tabs-list", o = i || "tabs-list";
9
- return /* @__PURE__ */ c(
10
- a.List,
5
+ const x = j(
6
+ ({
7
+ label: d,
8
+ error: r,
9
+ helperText: o,
10
+ className: _,
11
+ id: f,
12
+ required: n,
13
+ disabled: l,
14
+ checked: $,
15
+ "data-cy": h,
16
+ "data-testid": N,
17
+ ...R
18
+ }, a) => {
19
+ const b = C(), e = f || b, p = `${e}-error`, m = `${e}-helper`, t = h || "radio", i = N || "radio", w = g(null), I = k(
20
+ (c) => {
21
+ w.current = c, a && (typeof a == "function" ? a(c) : "current" in a && (a.current = c));
22
+ },
23
+ [a]
24
+ ), v = d && n && !d.includes("*") ? `${d} *` : d;
25
+ return /* @__PURE__ */ u(
26
+ "div",
11
27
  {
12
- ref: r,
13
- className: b("tabs-list", s),
14
- "data-cy": e,
15
- "data-testid": o,
16
- ...n
28
+ className: y("radio-wrapper", l && "radio-wrapper--disabled"),
29
+ "data-cy": `${t}-wrapper`,
30
+ "data-testid": `${i}-wrapper`,
31
+ children: [
32
+ /* @__PURE__ */ u("div", { className: "radio__container", children: [
33
+ /* @__PURE__ */ s(
34
+ "input",
35
+ {
36
+ ref: I,
37
+ id: e,
38
+ type: "radio",
39
+ checked: $,
40
+ className: y("radio__input", r && "radio__input--error", _),
41
+ "aria-describedby": r ? p : o ? m : void 0,
42
+ "data-cy": t,
43
+ "data-testid": i,
44
+ disabled: l,
45
+ required: n,
46
+ ...R
47
+ }
48
+ ),
49
+ d && /* @__PURE__ */ s(
50
+ "label",
51
+ {
52
+ htmlFor: e,
53
+ className: "radio__label",
54
+ "data-cy": `${t}-label`,
55
+ "data-testid": `${i}-label`,
56
+ children: v
57
+ }
58
+ )
59
+ ] }),
60
+ r && /* @__PURE__ */ s(
61
+ "span",
62
+ {
63
+ id: p,
64
+ className: "radio__error",
65
+ role: "alert",
66
+ "data-cy": `${t}-error`,
67
+ "data-testid": `${i}-error`,
68
+ children: r
69
+ }
70
+ ),
71
+ o && !r && /* @__PURE__ */ s(
72
+ "span",
73
+ {
74
+ id: m,
75
+ className: "radio__helper",
76
+ "data-cy": `${t}-helper`,
77
+ "data-testid": `${i}-helper`,
78
+ children: o
79
+ }
80
+ )
81
+ ]
17
82
  }
18
83
  );
19
84
  }
20
85
  );
21
- g.displayName = a.List.displayName;
22
- const y = m(
23
- ({ className: s, value: t, "data-cy": i, "data-testid": n, ...r }, e) => {
24
- const o = i || (t ? `tabs-trigger-${t}` : "tabs-trigger"), d = n || (t ? `tabs-trigger-${t}` : "tabs-trigger");
25
- return /* @__PURE__ */ c(
26
- a.Trigger,
27
- {
28
- ref: e,
29
- className: b("tabs-trigger", s),
30
- value: t,
31
- "data-cy": o,
32
- "data-testid": d,
33
- ...r
34
- }
35
- );
36
- }
37
- );
38
- y.displayName = a.Trigger.displayName;
39
- const f = m(
40
- ({ className: s, value: t, "data-cy": i, "data-testid": n, ...r }, e) => {
41
- const o = i || (t ? `tabs-content-${t}` : "tabs-content"), d = n || (t ? `tabs-content-${t}` : "tabs-content");
42
- return /* @__PURE__ */ c(
43
- a.Content,
44
- {
45
- ref: e,
46
- className: b("tabs-content", s),
47
- value: t,
48
- "data-cy": o,
49
- "data-testid": d,
50
- ...r
51
- }
52
- );
53
- }
54
- );
55
- f.displayName = a.Content.displayName;
86
+ x.displayName = "Radio";
56
87
  export {
57
- C as Tabs,
58
- f as TabsContent,
59
- g as TabsList,
60
- y as TabsTrigger
88
+ x as Radio
61
89
  };
package/dist/index9.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),f=require("./index15.cjs");;/* empty css */const c=m.forwardRef(({variant:s="info",title:r,icon:d,className:i,children:l,"data-cy":n,"data-testid":o,...u},$)=>{const y={info:"status",success:"status",warning:"alert",error:"alert"},t=n||`alert-${s}`,e=o||`alert-${s}`;return a.jsxs("div",{ref:$,role:y[s],className:f.cn("alert",`alert--${s}`,i),"data-cy":t,"data-testid":e,...u,children:[d&&a.jsx("div",{className:"alert__icon","data-cy":`${t}-icon`,"data-testid":`${e}-icon`,children:d}),a.jsxs("div",{className:"alert__content","data-cy":`${t}-content`,"data-testid":`${e}-content`,children:[r&&a.jsx("div",{className:"alert__title","data-cy":`${t}-title`,"data-testid":`${e}-title`,children:r}),a.jsx("div",{"data-cy":`${t}-message`,"data-testid":`${e}-message`,children:l})]})]})});c.displayName="Alert";exports.Alert=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),b=require("react"),T=require("@radix-ui/react-tabs"),g=require("./index17.cjs");;/* empty css */function m(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const n=m(T),u=n.Root,f=b.forwardRef(({className:a,"data-cy":t,"data-testid":e,...s},r)=>{const i=t||"tabs-list",c=e||"tabs-list";return d.jsx(n.List,{ref:r,className:g.cn("tabs-list",a),"data-cy":i,"data-testid":c,...s})});f.displayName=n.List.displayName;const l=b.forwardRef(({className:a,value:t,"data-cy":e,"data-testid":s,...r},i)=>{const c=e||(t?`tabs-trigger-${t}`:"tabs-trigger"),o=s||(t?`tabs-trigger-${t}`:"tabs-trigger");return d.jsx(n.Trigger,{ref:i,className:g.cn("tabs-trigger",a),value:t,"data-cy":c,"data-testid":o,...r})});l.displayName=n.Trigger.displayName;const y=b.forwardRef(({className:a,value:t,"data-cy":e,"data-testid":s,...r},i)=>{const c=e||(t?`tabs-content-${t}`:"tabs-content"),o=s||(t?`tabs-content-${t}`:"tabs-content");return d.jsx(n.Content,{ref:i,className:g.cn("tabs-content",a),value:t,"data-cy":c,"data-testid":o,...r})});y.displayName=n.Content.displayName;exports.Tabs=u;exports.TabsContent=y;exports.TabsList=f;exports.TabsTrigger=l;