@adam-milo/ui 1.0.11 → 1.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index2.cjs"),i=require("./index3.cjs"),l=require("./index4.cjs"),c=require("./index5.cjs"),s=require("./index6.cjs"),t=require("./index7.cjs"),u=require("./index8.cjs"),o=require("./index9.cjs"),p=require("./index10.cjs"),g=require("./index11.cjs"),e=require("./index12.cjs"),D=require("./index13.cjs"),r=require("./index14.cjs"),n=require("@adam-milo/icons");exports.Button=a.Button;exports.EmailInput=i.EmailInput;exports.PasswordInput=l.PasswordInput;exports.NumericInput=c.NumericInput;exports.AlphanumericInput=s.AlphanumericInput;exports.Tabs=t.Tabs;exports.TabsContent=t.TabsContent;exports.TabsList=t.TabsList;exports.TabsTrigger=t.TabsTrigger;exports.Alert=u.Alert;exports.Card=o.Card;exports.CardContent=o.CardContent;exports.CardDescription=o.CardDescription;exports.CardFooter=o.CardFooter;exports.CardHeader=o.CardHeader;exports.CardTitle=o.CardTitle;exports.DataTable=p.DataTable;exports.Chip=g.Chip;exports.Dialog=e.Dialog;exports.DialogClose=e.DialogClose;exports.DialogContent=e.DialogContent;exports.DialogDescription=e.DialogDescription;exports.DialogFooter=e.DialogFooter;exports.DialogHeader=e.DialogHeader;exports.DialogOverlay=e.DialogOverlay;exports.DialogPortal=e.DialogPortal;exports.DialogTitle=e.DialogTitle;exports.DialogTrigger=e.DialogTrigger;exports.Stack=D.Stack;exports.cn=r.cn;exports.generateId=r.generateId;Object.defineProperty(exports,"Icon",{enumerable:!0,get:()=>n.Icon});Object.defineProperty(exports,"availableIcons",{enumerable:!0,get:()=>n.availableIcons});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index2.cjs"),i=require("./index3.cjs"),l=require("./index4.cjs"),c=require("./index5.cjs"),s=require("./index6.cjs"),t=require("./index7.cjs"),u=require("./index8.cjs"),o=require("./index9.cjs"),g=require("./index10.cjs"),e=require("./index11.cjs"),p=require("./index12.cjs"),r=require("./index13.cjs"),n=require("@adam-milo/icons");exports.Button=a.Button;exports.EmailInput=i.EmailInput;exports.PasswordInput=l.PasswordInput;exports.NumericInput=c.NumericInput;exports.AlphanumericInput=s.AlphanumericInput;exports.Tabs=t.Tabs;exports.TabsContent=t.TabsContent;exports.TabsList=t.TabsList;exports.TabsTrigger=t.TabsTrigger;exports.Alert=u.Alert;exports.Card=o.Card;exports.CardContent=o.CardContent;exports.CardDescription=o.CardDescription;exports.CardFooter=o.CardFooter;exports.CardHeader=o.CardHeader;exports.CardTitle=o.CardTitle;exports.DataTable=g.DataTable;exports.Dialog=e.Dialog;exports.DialogClose=e.DialogClose;exports.DialogContent=e.DialogContent;exports.DialogDescription=e.DialogDescription;exports.DialogFooter=e.DialogFooter;exports.DialogHeader=e.DialogHeader;exports.DialogOverlay=e.DialogOverlay;exports.DialogPortal=e.DialogPortal;exports.DialogTitle=e.DialogTitle;exports.DialogTrigger=e.DialogTrigger;exports.Stack=p.Stack;exports.cn=r.cn;exports.generateId=r.generateId;Object.defineProperty(exports,"Icon",{enumerable:!0,get:()=>n.Icon});Object.defineProperty(exports,"availableIcons",{enumerable:!0,get:()=>n.availableIcons});
package/dist/index.js CHANGED
@@ -1,17 +1,16 @@
1
1
  import { Button as e } from "./index2.js";
2
2
  import { EmailInput as a } from "./index3.js";
3
- import { PasswordInput as p } from "./index4.js";
3
+ import { PasswordInput as l } from "./index4.js";
4
4
  import { NumericInput as n } from "./index5.js";
5
5
  import { AlphanumericInput as g } from "./index6.js";
6
- import { Tabs as x, TabsContent as D, TabsList as s, TabsTrigger as C } from "./index7.js";
6
+ import { Tabs as x, TabsContent as D, TabsList as s, TabsTrigger as d } from "./index7.js";
7
7
  import { Alert as T } from "./index8.js";
8
- import { Card as u, CardContent as I, CardDescription as b, CardFooter as h, CardHeader as v, CardTitle as A } from "./index9.js";
9
- import { DataTable as H } from "./index10.js";
10
- import { Chip as k } from "./index11.js";
11
- import { Dialog as y, DialogClose as B, DialogContent as E, DialogDescription as L, DialogFooter as N, DialogHeader as O, DialogOverlay as S, DialogPortal as j, DialogTitle as q, DialogTrigger as z } from "./index12.js";
12
- import { Stack as J } from "./index13.js";
13
- import { cn as M, generateId as Q } from "./index14.js";
14
- import { Icon as U, availableIcons as V } from "@adam-milo/icons";
8
+ import { Card as u, CardContent as I, CardDescription as b, CardFooter as v, CardHeader as A, CardTitle as F } from "./index9.js";
9
+ import { DataTable as P } from "./index10.js";
10
+ import { Dialog as k, DialogClose as w, DialogContent as y, DialogDescription as B, DialogFooter as E, DialogHeader as L, DialogOverlay as N, DialogPortal as O, DialogTitle as S, DialogTrigger as j } from "./index11.js";
11
+ import { Stack as z } from "./index12.js";
12
+ import { cn as J, generateId as K } from "./index13.js";
13
+ import { Icon as Q, availableIcons as R } from "@adam-milo/icons";
15
14
  export {
16
15
  T as Alert,
17
16
  g as AlphanumericInput,
@@ -19,31 +18,30 @@ export {
19
18
  u as Card,
20
19
  I as CardContent,
21
20
  b as CardDescription,
22
- h as CardFooter,
23
- v as CardHeader,
24
- A as CardTitle,
25
- k as Chip,
26
- H as DataTable,
27
- y as Dialog,
28
- B as DialogClose,
29
- E as DialogContent,
30
- L as DialogDescription,
31
- N as DialogFooter,
32
- O as DialogHeader,
33
- S as DialogOverlay,
34
- j as DialogPortal,
35
- q as DialogTitle,
36
- z as DialogTrigger,
21
+ v as CardFooter,
22
+ A as CardHeader,
23
+ F as CardTitle,
24
+ P as DataTable,
25
+ k as Dialog,
26
+ w as DialogClose,
27
+ y as DialogContent,
28
+ B as DialogDescription,
29
+ E as DialogFooter,
30
+ L as DialogHeader,
31
+ N as DialogOverlay,
32
+ O as DialogPortal,
33
+ S as DialogTitle,
34
+ j as DialogTrigger,
37
35
  a as EmailInput,
38
- U as Icon,
36
+ Q as Icon,
39
37
  n as NumericInput,
40
- p as PasswordInput,
41
- J as Stack,
38
+ l as PasswordInput,
39
+ z as Stack,
42
40
  x as Tabs,
43
41
  D as TabsContent,
44
42
  s as TabsList,
45
- C as TabsTrigger,
46
- V as availableIcons,
47
- M as cn,
48
- Q as generateId
43
+ d as TabsTrigger,
44
+ R as availableIcons,
45
+ J as cn,
46
+ K as generateId
49
47
  };
package/dist/index10.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),j=require("react"),c=require("./index14.cjs");;/* empty css */const y=j.forwardRef(({columns:r,data:i,striped:b=!1,hoverable:h=!1,className:$,"data-cy":n,"data-testid":p,...o},_)=>{const e=n||"datatable",t=p||"datatable";return a.jsx("div",{className:"datatable-wrapper","data-cy":`${e}-wrapper`,"data-testid":`${t}-wrapper`,children:a.jsxs("table",{ref:_,className:c.cn("datatable",$),"data-cy":e,"data-testid":t,...o,children:[a.jsx("thead",{className:"datatable__head","data-cy":`${e}-head`,"data-testid":`${t}-head`,children:a.jsx("tr",{children:r.map(d=>a.jsx("th",{className:"datatable__header-cell","data-cy":`${e}-header-${d.key}`,"data-testid":`${t}-header-${d.key}`,children:d.header},d.key))})}),a.jsx("tbody",{"data-cy":`${e}-body`,"data-testid":`${t}-body`,children:i.length===0?a.jsx("tr",{children:a.jsx("td",{colSpan:r.length,className:"datatable__empty","data-cy":`${e}-empty`,"data-testid":`${t}-empty`,children:"No data available"})}):i.map((d,l)=>a.jsx("tr",{className:c.cn("datatable__body-row",h&&"datatable__body-row--hoverable",b&&"datatable__body-row--striped"),"data-cy":`${e}-row-${l}`,"data-testid":`${t}-row-${l}`,children:r.map(s=>a.jsx("td",{className:"datatable__body-cell","data-cy":`${e}-cell-${l}-${s.key}`,"data-testid":`${t}-cell-${l}-${s.key}`,children:String(d[s.key]??"")},s.key))},l))})]})})});y.displayName="DataTable";exports.DataTable=y;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),j=require("react"),c=require("./index13.cjs");;/* empty css */const y=j.forwardRef(({columns:r,data:i,striped:b=!1,hoverable:h=!1,className:$,"data-cy":n,"data-testid":p,...o},_)=>{const e=n||"datatable",t=p||"datatable";return a.jsx("div",{className:"datatable-wrapper","data-cy":`${e}-wrapper`,"data-testid":`${t}-wrapper`,children:a.jsxs("table",{ref:_,className:c.cn("datatable",$),"data-cy":e,"data-testid":t,...o,children:[a.jsx("thead",{className:"datatable__head","data-cy":`${e}-head`,"data-testid":`${t}-head`,children:a.jsx("tr",{children:r.map(d=>a.jsx("th",{className:"datatable__header-cell","data-cy":`${e}-header-${d.key}`,"data-testid":`${t}-header-${d.key}`,children:d.header},d.key))})}),a.jsx("tbody",{"data-cy":`${e}-body`,"data-testid":`${t}-body`,children:i.length===0?a.jsx("tr",{children:a.jsx("td",{colSpan:r.length,className:"datatable__empty","data-cy":`${e}-empty`,"data-testid":`${t}-empty`,children:"No data available"})}):i.map((d,l)=>a.jsx("tr",{className:c.cn("datatable__body-row",h&&"datatable__body-row--hoverable",b&&"datatable__body-row--striped"),"data-cy":`${e}-row-${l}`,"data-testid":`${t}-row-${l}`,children:r.map(s=>a.jsx("td",{className:"datatable__body-cell","data-cy":`${e}-cell-${l}-${s.key}`,"data-testid":`${t}-cell-${l}-${s.key}`,children:String(d[s.key]??"")},s.key))},l))})]})})});y.displayName="DataTable";exports.DataTable=y;
package/dist/index10.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as a, jsxs as m } from "react/jsx-runtime";
2
2
  import { forwardRef as f } from "react";
3
- import { cn as y } from "./index14.js";
3
+ import { cn as y } from "./index13.js";
4
4
  /* empty css */
5
5
  const n = f(
6
6
  ({
package/dist/index11.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),u=require("./index14.cjs");;/* empty css */const c=h.forwardRef(({variant:e="primary",selected:i=!1,disabled:s=!1,className:r,children:a,"data-testid":d,"data-cy":p,...l},o)=>{const n=u.cn("chip",`chip--${e}`,i&&"chip--selected",s&&"chip--disabled",r);return t.jsx("div",{ref:o,className:n,"data-testid":d||`chip-${e}`,"data-cy":p||`chip-${e}`,"aria-selected":i,"aria-disabled":s,"aria-label":typeof a=="string"?a:void 0,...l,children:t.jsx("span",{className:"chip__label",children:a})})});c.displayName="Chip";exports.Chip=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("react"),T=require("@radix-ui/react-dialog"),r=require("./index13.cjs");;/* empty css */function j(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const o=j(T),v=o.Root,C=o.Trigger,y=o.Portal,x=o.Close,g=c.forwardRef(({className:a,"data-cy":e,"data-testid":t,...i},l)=>{const s=e||"dialog-overlay",n=t||"dialog-overlay";return d.jsx(o.Overlay,{ref:l,className:r.cn("dialog-overlay",a),"data-cy":s,"data-testid":n,...i})});g.displayName=o.Overlay.displayName;const D=c.forwardRef(({className:a,children:e,"data-cy":t,"data-testid":i,...l},s)=>{const n=t||"dialog-content",N=i||"dialog-content";return d.jsxs(y,{children:[d.jsx(g,{}),d.jsx(o.Content,{ref:s,className:r.cn("dialog-content",a),"data-cy":n,"data-testid":N,...l,children:e})]})});D.displayName=o.Content.displayName;const f=({className:a,"data-cy":e,"data-testid":t,...i})=>{const l=e||"dialog-header",s=t||"dialog-header";return d.jsx("div",{className:r.cn("dialog-header",a),"data-cy":l,"data-testid":s,...i})};f.displayName="DialogHeader";const u=({className:a,"data-cy":e,"data-testid":t,...i})=>{const l=e||"dialog-footer",s=t||"dialog-footer";return d.jsx("div",{className:r.cn("dialog-footer",a),"data-cy":l,"data-testid":s,...i})};u.displayName="DialogFooter";const m=c.forwardRef(({className:a,"data-cy":e,"data-testid":t,...i},l)=>{const s=e||"dialog-title",n=t||"dialog-title";return d.jsx(o.Title,{ref:l,className:r.cn("dialog-title",a),"data-cy":s,"data-testid":n,...i})});m.displayName=o.Title.displayName;const p=c.forwardRef(({className:a,"data-cy":e,"data-testid":t,...i},l)=>{const s=e||"dialog-description",n=t||"dialog-description";return d.jsx(o.Description,{ref:l,className:r.cn("dialog-description",a),"data-cy":s,"data-testid":n,...i})});p.displayName=o.Description.displayName;exports.Dialog=v;exports.DialogClose=x;exports.DialogContent=D;exports.DialogDescription=p;exports.DialogFooter=u;exports.DialogHeader=f;exports.DialogOverlay=g;exports.DialogPortal=y;exports.DialogTitle=m;exports.DialogTrigger=C;
package/dist/index11.js CHANGED
@@ -1,42 +1,115 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { forwardRef as m } from "react";
3
- import { cn as f } from "./index14.js";
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 "./index13.js";
4
5
  /* empty css */
5
- const h = m(
6
- ({
7
- variant: a = "primary",
8
- selected: s = !1,
9
- disabled: p = !1,
10
- className: t,
11
- children: i,
12
- "data-testid": c,
13
- "data-cy": r,
14
- ...o
15
- }, d) => {
16
- const l = f(
17
- "chip",
18
- `chip--${a}`,
19
- s && "chip--selected",
20
- p && "chip--disabled",
21
- t
22
- );
23
- return /* @__PURE__ */ e(
24
- "div",
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,
25
79
  {
26
80
  ref: d,
27
- className: l,
28
- "data-testid": c || `chip-${a}`,
29
- "data-cy": r || `chip-${a}`,
30
- "aria-selected": s,
31
- "aria-disabled": p,
32
- "aria-label": typeof i == "string" ? i : void 0,
33
- ...o,
34
- children: /* @__PURE__ */ e("span", { className: "chip__label", children: i })
81
+ className: r("dialog-title", t),
82
+ "data-cy": l,
83
+ "data-testid": s,
84
+ ...e
35
85
  }
36
86
  );
37
87
  }
38
88
  );
39
- h.displayName = "Chip";
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;
40
104
  export {
41
- h as Chip
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
42
115
  };
package/dist/index12.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("react"),T=require("@radix-ui/react-dialog"),r=require("./index14.cjs");;/* empty css */function j(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const o=j(T),v=o.Root,C=o.Trigger,y=o.Portal,x=o.Close,g=c.forwardRef(({className:a,"data-cy":e,"data-testid":t,...i},l)=>{const s=e||"dialog-overlay",n=t||"dialog-overlay";return d.jsx(o.Overlay,{ref:l,className:r.cn("dialog-overlay",a),"data-cy":s,"data-testid":n,...i})});g.displayName=o.Overlay.displayName;const D=c.forwardRef(({className:a,children:e,"data-cy":t,"data-testid":i,...l},s)=>{const n=t||"dialog-content",N=i||"dialog-content";return d.jsxs(y,{children:[d.jsx(g,{}),d.jsx(o.Content,{ref:s,className:r.cn("dialog-content",a),"data-cy":n,"data-testid":N,...l,children:e})]})});D.displayName=o.Content.displayName;const f=({className:a,"data-cy":e,"data-testid":t,...i})=>{const l=e||"dialog-header",s=t||"dialog-header";return d.jsx("div",{className:r.cn("dialog-header",a),"data-cy":l,"data-testid":s,...i})};f.displayName="DialogHeader";const u=({className:a,"data-cy":e,"data-testid":t,...i})=>{const l=e||"dialog-footer",s=t||"dialog-footer";return d.jsx("div",{className:r.cn("dialog-footer",a),"data-cy":l,"data-testid":s,...i})};u.displayName="DialogFooter";const m=c.forwardRef(({className:a,"data-cy":e,"data-testid":t,...i},l)=>{const s=e||"dialog-title",n=t||"dialog-title";return d.jsx(o.Title,{ref:l,className:r.cn("dialog-title",a),"data-cy":s,"data-testid":n,...i})});m.displayName=o.Title.displayName;const p=c.forwardRef(({className:a,"data-cy":e,"data-testid":t,...i},l)=>{const s=e||"dialog-description",n=t||"dialog-description";return d.jsx(o.Description,{ref:l,className:r.cn("dialog-description",a),"data-cy":s,"data-testid":n,...i})});p.displayName=o.Description.displayName;exports.Dialog=v;exports.DialogClose=x;exports.DialogContent=D;exports.DialogDescription=p;exports.DialogFooter=u;exports.DialogHeader=f;exports.DialogOverlay=g;exports.DialogPortal=y;exports.DialogTitle=m;exports.DialogTrigger=C;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),$=require("react"),S=require("./index13.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;
package/dist/index12.js CHANGED
@@ -1,115 +1,43 @@
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 "./index14.js";
1
+ import { jsx as l } from "react/jsx-runtime";
2
+ import { forwardRef as n } from "react";
3
+ import { cn as $ } from "./index13.js";
5
4
  /* 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,
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",
26
21
  {
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
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
85
36
  }
86
37
  );
87
38
  }
88
39
  );
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;
40
+ y.displayName = "Stack";
104
41
  export {
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
42
+ y as Stack
115
43
  };
package/dist/index13.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),$=require("react"),S=require("./index14.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;
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;
package/dist/index13.js CHANGED
@@ -1,43 +1,11 @@
1
- import { jsx as l } from "react/jsx-runtime";
2
- import { forwardRef as n } from "react";
3
- import { cn as $ } from "./index14.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";
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
+ }
41
8
  export {
42
- y as Stack
9
+ t as cn,
10
+ r as generateId
43
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("./index14.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("./index13.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 "./index14.js";
3
+ import { cn as f } from "./index13.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("./index14.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("./index13.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 "./index14.js";
3
+ import { cn as N } from "./index13.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("./index14.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("./index13.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 "./index14.js";
3
+ import { cn as u } from "./index13.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("./index14.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("./index13.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 "./index14.js";
3
+ import { cn as T } from "./index13.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("./index14.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("./index13.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 "./index14.js";
3
+ import { cn as z } from "./index13.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 d=require("react/jsx-runtime"),b=require("react"),T=require("@radix-ui/react-tabs"),g=require("./index14.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 d=require("react/jsx-runtime"),b=require("react"),T=require("@radix-ui/react-tabs"),g=require("./index13.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;
package/dist/index7.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
2
  import { forwardRef as m } from "react";
3
3
  import * as a from "@radix-ui/react-tabs";
4
- import { cn as b } from "./index14.js";
4
+ import { cn as b } from "./index13.js";
5
5
  /* empty css */
6
6
  const C = a.Root, g = m(
7
7
  ({ className: s, "data-cy": t, "data-testid": i, ...n }, r) => {
package/dist/index8.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("./index14.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 a=require("react/jsx-runtime"),m=require("react"),f=require("./index13.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;
package/dist/index8.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs as c, jsx as s } from "react/jsx-runtime";
2
2
  import { forwardRef as y } from "react";
3
- import { cn as p } from "./index14.js";
3
+ import { cn as p } from "./index13.js";
4
4
  /* empty css */
5
5
  const _ = y(
6
6
  ({
package/dist/index9.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),o=require("./index14.cjs");;/* empty css */const l=i.forwardRef(({variant:a="default",className:t,children:d,"data-cy":e,"data-testid":r,...c},s)=>{const p=e||`card-${a}`,N=r||`card-${a}`;return n.jsx("div",{ref:s,className:o.cn("card",`card--${a}`,t),"data-cy":p,"data-testid":N,...c,children:d})});l.displayName="Card";const f=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-header",s=d||"card-header";return n.jsx("div",{ref:r,className:o.cn("card-header",a),"data-cy":c,"data-testid":s,...e})});f.displayName="CardHeader";const C=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-title",s=d||"card-title";return n.jsx("h3",{ref:r,className:o.cn("card-title",a),"data-cy":c,"data-testid":s,...e})});C.displayName="CardTitle";const y=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-description",s=d||"card-description";return n.jsx("p",{ref:r,className:o.cn("card-description",a),"data-cy":c,"data-testid":s,...e})});y.displayName="CardDescription";const u=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-content",s=d||"card-content";return n.jsx("div",{ref:r,className:o.cn("card-content",a),"data-cy":c,"data-testid":s,...e})});u.displayName="CardContent";const m=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-footer",s=d||"card-footer";return n.jsx("div",{ref:r,className:o.cn("card-footer",a),"data-cy":c,"data-testid":s,...e})});m.displayName="CardFooter";exports.Card=l;exports.CardContent=u;exports.CardDescription=y;exports.CardFooter=m;exports.CardHeader=f;exports.CardTitle=C;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),o=require("./index13.cjs");;/* empty css */const l=i.forwardRef(({variant:a="default",className:t,children:d,"data-cy":e,"data-testid":r,...c},s)=>{const p=e||`card-${a}`,N=r||`card-${a}`;return n.jsx("div",{ref:s,className:o.cn("card",`card--${a}`,t),"data-cy":p,"data-testid":N,...c,children:d})});l.displayName="Card";const f=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-header",s=d||"card-header";return n.jsx("div",{ref:r,className:o.cn("card-header",a),"data-cy":c,"data-testid":s,...e})});f.displayName="CardHeader";const C=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-title",s=d||"card-title";return n.jsx("h3",{ref:r,className:o.cn("card-title",a),"data-cy":c,"data-testid":s,...e})});C.displayName="CardTitle";const y=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-description",s=d||"card-description";return n.jsx("p",{ref:r,className:o.cn("card-description",a),"data-cy":c,"data-testid":s,...e})});y.displayName="CardDescription";const u=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-content",s=d||"card-content";return n.jsx("div",{ref:r,className:o.cn("card-content",a),"data-cy":c,"data-testid":s,...e})});u.displayName="CardContent";const m=i.forwardRef(({className:a,"data-cy":t,"data-testid":d,...e},r)=>{const c=t||"card-footer",s=d||"card-footer";return n.jsx("div",{ref:r,className:o.cn("card-footer",a),"data-cy":c,"data-testid":s,...e})});m.displayName="CardFooter";exports.Card=l;exports.CardContent=u;exports.CardDescription=y;exports.CardFooter=m;exports.CardHeader=f;exports.CardTitle=C;
package/dist/index9.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
2
  import { forwardRef as n } from "react";
3
- import { cn as o } from "./index14.js";
3
+ import { cn as o } from "./index13.js";
4
4
  /* empty css */
5
5
  const f = n(
6
6
  ({
@@ -17,8 +17,6 @@ export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter,
17
17
  export type { CardProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, } from './components/data-display/card/Card.component';
18
18
  export { DataTable } from './components/data-display/datatable/DataTable.component';
19
19
  export type { DataTableProps, DataTableColumn, } from './components/data-display/datatable/DataTable.component';
20
- export { Chip } from './components/data-display/chip/Chip.component';
21
- export type { ChipProps } from './components/data-display/chip/Chip.component';
22
20
  export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose, DialogPortal, DialogOverlay, } from './components/overlays/dialog/Dialog.component';
23
21
  export { Stack } from './components/layout/stack/Stack.component';
24
22
  export type { StackProps } from './components/layout/stack/Stack.component';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAE7E,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC7E,YAAY,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAE3F,OAAO,EAAE,aAAa,EAAE,MAAM,2DAA2D,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAEpG,OAAO,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAC;AACvF,YAAY,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAEjG,OAAO,EAAE,iBAAiB,EAAE,MAAM,mEAAmE,CAAC;AACtG,YAAY,EAAE,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAGhH,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,GACZ,MAAM,6CAA6C,CAAC;AAGrD,OAAO,EAAE,KAAK,EAAE,MAAM,6CAA6C,CAAC;AACpE,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAG9E,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,MAAM,+CAA+C,CAAC;AACvD,YAAY,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,GAChB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,yDAAyD,CAAC;AACpF,YAAY,EACV,cAAc,EACd,eAAe,GAChB,MAAM,yDAAyD,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,+CAA+C,CAAC;AACrE,YAAY,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAG/E,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,aAAa,GACd,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAG5E,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAE7E,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC7E,YAAY,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAE3F,OAAO,EAAE,aAAa,EAAE,MAAM,2DAA2D,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAEpG,OAAO,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAC;AACvF,YAAY,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAEjG,OAAO,EAAE,iBAAiB,EAAE,MAAM,mEAAmE,CAAC;AACtG,YAAY,EAAE,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAGhH,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,GACZ,MAAM,6CAA6C,CAAC;AAGrD,OAAO,EAAE,KAAK,EAAE,MAAM,6CAA6C,CAAC;AACpE,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAG9E,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,MAAM,+CAA+C,CAAC;AACvD,YAAY,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,GAChB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,yDAAyD,CAAC;AACpF,YAAY,EACV,cAAc,EACd,eAAe,GAChB,MAAM,yDAAyD,CAAC;AAGjE,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,aAAa,GACd,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAG5E,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC"}
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .btn{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding-block:var(--spacing-3);padding-inline:var(--spacing-4);gap:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-weight:400;font-size:var(--font-size-8);line-height:1.5rem;text-align:center;white-space:nowrap;border:none;border-radius:var(--radius-default);transition-property:background-color,color,border-color,transform;transition-duration:.2s;transition-timing-function:ease-in-out;will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:focus-visible{outline:2px solid;outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:1;pointer-events:none}.btn--primary-workspace{background-color:var(--color-popup);color:var(--color-card);outline-color:var(--color-popup)}.btn--primary-workspace:hover:not(:disabled){background-color:var(--color-action)}.btn--primary-workspace:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--primary-builder{background-color:var(--color-action);color:var(--color-card);outline-color:var(--color-action)}.btn--primary-builder:hover:not(:disabled){background-color:var(--color-text)}.btn--primary-builder:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--secondary{background-color:var(--color-card);color:var(--color-text);border:1px solid var(--color-system-text);outline-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--secondary:disabled{background-color:transparent;color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--ghost{background-color:transparent;color:var(--color-text);outline-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--ghost:disabled{background-color:transparent;color:var(--color-icon-secondary)}.btn--full-width{inline-size:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;flex-shrink:0}.password-input-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--spacing-2);inline-size:100%}.password-input__toggle{position:absolute;inset-block-start:var(--spacing-3);inset-inline-end:var(--spacing-3-5);display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-5);block-size:var(--spacing-5);padding:0;background:transparent;border:none;color:var(--color-system-text);cursor:pointer;transition-property:color,transform;transition-duration:.2s;transition-timing-function:ease-in-out}.password-input__toggle:hover{color:var(--color-text)}.password-input__toggle:focus{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-sm)}.password-input__toggle:focus:not(:focus-visible){outline:none}.password-input__toggle:active{transform:scale(.95)}.password-input__toggle svg{inline-size:100%;block-size:100%}.password-input-wrapper:has(.input__label) .password-input__toggle{inset-block-start:2.125rem}.password-input{padding-inline-end:var(--spacing-12)}@media (min-width: 768px){.input{block-size:var(--spacing-11)}.password-input__toggle{inset-block-start:var(--spacing-3)}.password-input-wrapper:has(.input__label) .password-input__toggle{inset-block-start:2.125rem}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);inline-size:100%}.input-wrapper--full-width{inline-size:100%}.input__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.input{display:block;inline-size:100%;block-size:var(--spacing-11);padding-inline:var(--spacing-3-5);padding-block:var(--spacing-3-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-text);background-color:var(--color-card);border:1px solid var(--color-icon-secondary);border-radius:var(--radius-5px);transition-property:border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out;cursor:text}.input:focus{outline:none;border-color:var(--color-clickable);box-shadow:none}.input:hover:not(:disabled):not(:focus){border-color:var(--color-clickable)}.input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-card);color:var(--color-text);pointer-events:none}.input::placeholder{color:var(--color-icon-secondary)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:none}.input--error:hover:not(:disabled){border-color:var(--color-error)}.input--full-width{inline-size:100%}.input__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}.input__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}@media (min-width: 768px){.input{block-size:var(--spacing-11)}}.tabs-list{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding:var(--spacing-1);gap:var(--spacing-1);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-icon-secondary)}.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding-inline:var(--spacing-3);padding-block:var(--spacing-1-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-default);background-color:transparent;color:var(--color-icon-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.tabs-trigger:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;z-index:1}.tabs-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.tabs-trigger[data-state=active]{background-color:var(--color-card);color:var(--color-text);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.tabs-trigger:hover:not([data-state=active]):not(:disabled){background-color:var(--color-border);color:var(--color-text)}.tabs-content{margin-block-start:var(--spacing-2)}.tabs-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-default)}@media (max-width: 639px){.tabs-list{inline-size:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tabs-trigger{padding-inline:var(--spacing-4);padding-block:var(--spacing-2)}}.alert{position:relative;display:flex;gap:var(--spacing-3);padding-inline:var(--spacing-4);padding-block:var(--spacing-3);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;border:1px solid;border-radius:var(--radius-md)}.alert--info{background-color:var(--color-clickable-light, rgba(47, 157, 178, .05));border-color:var(--color-clickable-light, rgba(47, 157, 178, .2));color:var(--color-clickable)}.alert--success{background-color:var(--color-success-light, rgba(76, 175, 80, .05));border-color:var(--color-success-light, rgba(76, 175, 80, .2));color:var(--color-success, #4caf50)}.alert--warning{background-color:var(--color-warning-light, rgba(255, 152, 0, .05));border-color:var(--color-warning-light, rgba(255, 152, 0, .2));color:var(--color-warning, #ff9800)}.alert--error{background-color:var(--color-error-light, rgba(255, 104, 104, .05));border-color:var(--color-error-light, rgba(255, 104, 104, .2));color:var(--color-error)}.alert__icon{display:inline-flex;align-items:flex-start;justify-content:center;flex-shrink:0;margin-block-start:.125rem}.alert--info .alert__icon{color:var(--color-clickable)}.alert--success .alert__icon{color:var(--color-success, #4caf50)}.alert--warning .alert__icon{color:var(--color-warning, #ff9800)}.alert--error .alert__icon{color:var(--color-error)}.alert__content{flex:1;min-inline-size:0}.alert__title{font-weight:600;margin-block-end:var(--spacing-1);line-height:1.3}@media (min-width: 768px){.alert{padding-inline:var(--spacing-5);padding-block:var(--spacing-4)}}.card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card);overflow:hidden}.card--default{border:1px solid var(--color-border);background-color:var(--color-card)}.card--outlined{border:2px solid var(--color-system-text);background-color:var(--color-card)}.card--elevated{border:1px solid var(--color-border);background-color:var(--color-card);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d}.card-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-6)}.card-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text)}.card-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}.card-content{padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}.card-footer{display:flex;align-items:center;gap:var(--spacing-4);padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}@media (max-width: 639px){.card-header,.card-content,.card-footer{padding-inline:var(--spacing-4);padding-block:var(--spacing-4)}.card-content,.card-footer{padding-block-start:0}}.datatable-wrapper{inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}.datatable{inline-size:100%;border-collapse:collapse;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-text)}.datatable__head{border-block-end:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.datatable__header-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);text-align:start;font-weight:600;color:var(--color-system-text)}.datatable__body-row{border-block-end:1px solid var(--color-border)}.datatable__body-row.datatable__body-row--hoverable:hover{background-color:var(--color-bg)}.datatable__body-row.datatable__body-row--striped:nth-child(2n){background-color:var(--color-bg)}.datatable__body-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);color:var(--color-text)}.datatable__empty{padding:var(--spacing-12);text-align:center;color:var(--color-icon-secondary);font-style:italic}@media (max-width: 639px){.datatable__header-cell,.datatable__body-cell{padding-inline:var(--spacing-2);padding-block:var(--spacing-2);font-size:var(--font-size-10)}.datatable__empty{padding:var(--spacing-8)}}.chip{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-1);padding-inline:var(--spacing-3);border-radius:var(--radius-default);border-width:var(--border-width-default);border-style:solid;font-size:var(--font-size-9);line-height:1;font-weight:400;transition:all .2s ease-in-out;cursor:default;-webkit-user-select:none;user-select:none}.chip__label{white-space:nowrap}.chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 10%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 30%,transparent);color:var(--color-clickable)}.chip--primary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-clickable) 15%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 40%,transparent)}.chip--primary.chip--selected{background-color:var(--color-clickable);border-color:var(--color-clickable);color:var(--color-card)}.chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 10%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 30%,transparent);color:var(--color-toggle)}.chip--secondary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-toggle) 15%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 40%,transparent)}.chip--secondary.chip--selected{background-color:var(--color-toggle);border-color:var(--color-toggle);color:var(--color-card)}.chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 10%,transparent);border-color:color-mix(in srgb,var(--color-popup) 30%,transparent);color:var(--color-popup)}.chip--tertiary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-popup) 15%,transparent);border-color:color-mix(in srgb,var(--color-popup) 40%,transparent)}.chip--tertiary.chip--selected{background-color:var(--color-popup);border-color:var(--color-popup);color:var(--color-card)}.chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent);color:var(--color-secondary)}.chip--quaternary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-secondary) 15%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 40%,transparent)}.chip--quaternary.chip--selected{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-card)}.chip--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (min-width: 768px){.chip{padding-inline:var(--spacing-3-5)}}@media (min-width: 1024px){.chip{padding-inline:var(--spacing-3)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#191a3980;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.dialog-overlay[data-state=open]{animation-name:dialog-overlay-fade-in}.dialog-overlay[data-state=closed]{animation-name:dialog-overlay-fade-out}.dialog-content{position:fixed;inset-inline-start:50%;inset-block-start:50%;z-index:50;transform:translate(-50%,-50%);display:grid;gap:var(--spacing-4);inline-size:100%;max-inline-size:32rem;padding:var(--spacing-6);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.dialog-content[data-state=open]{animation-name:dialog-content-show}.dialog-content[data-state=closed]{animation-name:dialog-content-hide}.dialog-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.dialog-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);text-align:center}@media (min-width: 640px){.dialog-header{text-align:start}}.dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--spacing-2)}@media (min-width: 640px){.dialog-footer{flex-direction:row;justify-content:flex-end;gap:var(--spacing-2)}}.dialog-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text);letter-spacing:-.01em}.dialog-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-content-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}@media (max-width: 639px){.dialog-content{inline-size:calc(100% - var(--spacing-8));max-inline-size:calc(100% - var(--spacing-8));padding:var(--spacing-5)}}.stack{display:flex}.stack--horizontal{flex-direction:row}.stack--vertical{flex-direction:column}.stack--spacing-0{gap:0}.stack--spacing-1{gap:var(--spacing-1)}.stack--spacing-2{gap:var(--spacing-2)}.stack--spacing-3{gap:var(--spacing-3)}.stack--spacing-4{gap:var(--spacing-4)}.stack--spacing-5{gap:var(--spacing-5)}.stack--spacing-6{gap:var(--spacing-6)}.stack--spacing-8{gap:var(--spacing-8)}.stack--spacing-10{gap:var(--spacing-10)}.stack--spacing-12{gap:var(--spacing-12)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--wrap{flex-wrap:wrap}@media (max-width: 639px){.stack--horizontal.stack--responsive{flex-direction:column}}
1
+ .btn{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding-block:var(--spacing-3);padding-inline:var(--spacing-4);gap:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-weight:400;font-size:var(--font-size-8);line-height:1.5rem;text-align:center;white-space:nowrap;border:none;border-radius:var(--radius-default);transition-property:background-color,color,border-color,transform;transition-duration:.2s;transition-timing-function:ease-in-out;will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:focus-visible{outline:2px solid;outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:1;pointer-events:none}.btn--primary-workspace{background-color:var(--color-popup);color:var(--color-card);outline-color:var(--color-popup)}.btn--primary-workspace:hover:not(:disabled){background-color:var(--color-action)}.btn--primary-workspace:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--primary-builder{background-color:var(--color-action);color:var(--color-card);outline-color:var(--color-action)}.btn--primary-builder:hover:not(:disabled){background-color:var(--color-text)}.btn--primary-builder:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--secondary{background-color:var(--color-card);color:var(--color-text);border:1px solid var(--color-system-text);outline-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--secondary:disabled{background-color:transparent;color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--ghost{background-color:transparent;color:var(--color-text);outline-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--ghost:disabled{background-color:transparent;color:var(--color-icon-secondary)}.btn--full-width{inline-size:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;flex-shrink:0}.password-input-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--spacing-2);inline-size:100%}.password-input__toggle{position:absolute;inset-block-start:var(--spacing-3);inset-inline-end:var(--spacing-3-5);display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-5);block-size:var(--spacing-5);padding:0;background:transparent;border:none;color:var(--color-system-text);cursor:pointer;transition-property:color,transform;transition-duration:.2s;transition-timing-function:ease-in-out}.password-input__toggle:hover{color:var(--color-text)}.password-input__toggle:focus{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-sm)}.password-input__toggle:focus:not(:focus-visible){outline:none}.password-input__toggle:active{transform:scale(.95)}.password-input__toggle svg{inline-size:100%;block-size:100%}.password-input-wrapper:has(.input__label) .password-input__toggle{inset-block-start:2.125rem}.password-input{padding-inline-end:var(--spacing-12)}@media (min-width: 768px){.input{block-size:var(--spacing-11)}.password-input__toggle{inset-block-start:var(--spacing-3)}.password-input-wrapper:has(.input__label) .password-input__toggle{inset-block-start:2.125rem}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);inline-size:100%}.input-wrapper--full-width{inline-size:100%}.input__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.input{display:block;inline-size:100%;block-size:var(--spacing-11);padding-inline:var(--spacing-3-5);padding-block:var(--spacing-3-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-text);background-color:var(--color-card);border:1px solid var(--color-icon-secondary);border-radius:var(--radius-5px);transition-property:border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out;cursor:text}.input:focus{outline:none;border-color:var(--color-clickable);box-shadow:none}.input:hover:not(:disabled):not(:focus){border-color:var(--color-clickable)}.input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-card);color:var(--color-text);pointer-events:none}.input::placeholder{color:var(--color-icon-secondary)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:none}.input--error:hover:not(:disabled){border-color:var(--color-error)}.input--full-width{inline-size:100%}.input__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}.input__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}@media (min-width: 768px){.input{block-size:var(--spacing-11)}}.tabs-list{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding:var(--spacing-1);gap:var(--spacing-1);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-icon-secondary)}.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding-inline:var(--spacing-3);padding-block:var(--spacing-1-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-default);background-color:transparent;color:var(--color-icon-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.tabs-trigger:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;z-index:1}.tabs-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.tabs-trigger[data-state=active]{background-color:var(--color-card);color:var(--color-text);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.tabs-trigger:hover:not([data-state=active]):not(:disabled){background-color:var(--color-border);color:var(--color-text)}.tabs-content{margin-block-start:var(--spacing-2)}.tabs-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-default)}@media (max-width: 639px){.tabs-list{inline-size:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tabs-trigger{padding-inline:var(--spacing-4);padding-block:var(--spacing-2)}}.alert{position:relative;display:flex;gap:var(--spacing-3);padding-inline:var(--spacing-4);padding-block:var(--spacing-3);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;border:1px solid;border-radius:var(--radius-md)}.alert--info{background-color:var(--color-clickable-light, rgba(47, 157, 178, .05));border-color:var(--color-clickable-light, rgba(47, 157, 178, .2));color:var(--color-clickable)}.alert--success{background-color:var(--color-success-light, rgba(76, 175, 80, .05));border-color:var(--color-success-light, rgba(76, 175, 80, .2));color:var(--color-success, #4caf50)}.alert--warning{background-color:var(--color-warning-light, rgba(255, 152, 0, .05));border-color:var(--color-warning-light, rgba(255, 152, 0, .2));color:var(--color-warning, #ff9800)}.alert--error{background-color:var(--color-error-light, rgba(255, 104, 104, .05));border-color:var(--color-error-light, rgba(255, 104, 104, .2));color:var(--color-error)}.alert__icon{display:inline-flex;align-items:flex-start;justify-content:center;flex-shrink:0;margin-block-start:.125rem}.alert--info .alert__icon{color:var(--color-clickable)}.alert--success .alert__icon{color:var(--color-success, #4caf50)}.alert--warning .alert__icon{color:var(--color-warning, #ff9800)}.alert--error .alert__icon{color:var(--color-error)}.alert__content{flex:1;min-inline-size:0}.alert__title{font-weight:600;margin-block-end:var(--spacing-1);line-height:1.3}@media (min-width: 768px){.alert{padding-inline:var(--spacing-5);padding-block:var(--spacing-4)}}.card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card);overflow:hidden}.card--default{border:1px solid var(--color-border);background-color:var(--color-card)}.card--outlined{border:2px solid var(--color-system-text);background-color:var(--color-card)}.card--elevated{border:1px solid var(--color-border);background-color:var(--color-card);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d}.card-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-6)}.card-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text)}.card-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}.card-content{padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}.card-footer{display:flex;align-items:center;gap:var(--spacing-4);padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}@media (max-width: 639px){.card-header,.card-content,.card-footer{padding-inline:var(--spacing-4);padding-block:var(--spacing-4)}.card-content,.card-footer{padding-block-start:0}}.datatable-wrapper{inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}.datatable{inline-size:100%;border-collapse:collapse;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-text)}.datatable__head{border-block-end:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.datatable__header-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);text-align:start;font-weight:600;color:var(--color-system-text)}.datatable__body-row{border-block-end:1px solid var(--color-border)}.datatable__body-row.datatable__body-row--hoverable:hover{background-color:var(--color-bg)}.datatable__body-row.datatable__body-row--striped:nth-child(2n){background-color:var(--color-bg)}.datatable__body-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);color:var(--color-text)}.datatable__empty{padding:var(--spacing-12);text-align:center;color:var(--color-icon-secondary);font-style:italic}@media (max-width: 639px){.datatable__header-cell,.datatable__body-cell{padding-inline:var(--spacing-2);padding-block:var(--spacing-2);font-size:var(--font-size-10)}.datatable__empty{padding:var(--spacing-8)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#191a3980;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.dialog-overlay[data-state=open]{animation-name:dialog-overlay-fade-in}.dialog-overlay[data-state=closed]{animation-name:dialog-overlay-fade-out}.dialog-content{position:fixed;inset-inline-start:50%;inset-block-start:50%;z-index:50;transform:translate(-50%,-50%);display:grid;gap:var(--spacing-4);inline-size:100%;max-inline-size:32rem;padding:var(--spacing-6);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.dialog-content[data-state=open]{animation-name:dialog-content-show}.dialog-content[data-state=closed]{animation-name:dialog-content-hide}.dialog-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.dialog-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);text-align:center}@media (min-width: 640px){.dialog-header{text-align:start}}.dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--spacing-2)}@media (min-width: 640px){.dialog-footer{flex-direction:row;justify-content:flex-end;gap:var(--spacing-2)}}.dialog-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text);letter-spacing:-.01em}.dialog-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-content-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}@media (max-width: 639px){.dialog-content{inline-size:calc(100% - var(--spacing-8));max-inline-size:calc(100% - var(--spacing-8));padding:var(--spacing-5)}}.stack{display:flex}.stack--horizontal{flex-direction:row}.stack--vertical{flex-direction:column}.stack--spacing-0{gap:0}.stack--spacing-1{gap:var(--spacing-1)}.stack--spacing-2{gap:var(--spacing-2)}.stack--spacing-3{gap:var(--spacing-3)}.stack--spacing-4{gap:var(--spacing-4)}.stack--spacing-5{gap:var(--spacing-5)}.stack--spacing-6{gap:var(--spacing-6)}.stack--spacing-8{gap:var(--spacing-8)}.stack--spacing-10{gap:var(--spacing-10)}.stack--spacing-12{gap:var(--spacing-12)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--wrap{flex-wrap:wrap}@media (max-width: 639px){.stack--horizontal.stack--responsive{flex-direction:column}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adam-milo/ui",
3
- "version": "1.0.11",
3
+ "version": "1.0.13",
4
4
  "type": "module",
5
5
  "description": "Adam Milo Design System - UI Component Library",
6
6
  "keywords": [
package/dist/index14.cjs DELETED
@@ -1 +0,0 @@
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;
package/dist/index14.js DELETED
@@ -1,11 +0,0 @@
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
- };
@@ -1,36 +0,0 @@
1
- import { HTMLAttributes, ReactNode } from 'react';
2
-
3
- export interface ChipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'> {
4
- /**
5
- * Chip variant based on Smart V2 design system
6
- * - primary: Teal/cyan color
7
- * - secondary: Purple color
8
- * - tertiary: Orange color
9
- * - quaternary: Blue color
10
- */
11
- variant?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
12
- /**
13
- * Whether the chip is in selected state
14
- */
15
- selected?: boolean;
16
- /**
17
- * Whether the chip is disabled
18
- */
19
- disabled?: boolean;
20
- /**
21
- * Chip label text
22
- */
23
- children: ReactNode;
24
- /**
25
- * An ID for testing purposes, used by Vitest/React Testing Library.
26
- * Defaults to `chip-{variant}` if not provided.
27
- */
28
- 'data-testid'?: string;
29
- /**
30
- * An ID for Cypress E2E testing purposes.
31
- * Defaults to `chip-{variant}` if not provided.
32
- */
33
- 'data-cy'?: string;
34
- }
35
- export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLDivElement>>;
36
- //# sourceMappingURL=Chip.component.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/chip/Chip.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC9E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IAE9D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,sGAqChB,CAAC"}