@adam-milo/ui 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/LICENSE +23 -0
  2. package/README.md +461 -0
  3. package/dist/index.cjs +1 -0
  4. package/dist/index.d.ts +1 -0
  5. package/dist/index.js +41 -0
  6. package/dist/index10.cjs +1 -0
  7. package/dist/index10.js +11 -0
  8. package/dist/index2.cjs +1 -0
  9. package/dist/index2.js +38 -0
  10. package/dist/index3.cjs +1 -0
  11. package/dist/index3.js +82 -0
  12. package/dist/index4.cjs +1 -0
  13. package/dist/index4.js +61 -0
  14. package/dist/index5.cjs +1 -0
  15. package/dist/index5.js +69 -0
  16. package/dist/index6.cjs +1 -0
  17. package/dist/index6.js +119 -0
  18. package/dist/index7.cjs +1 -0
  19. package/dist/index7.js +92 -0
  20. package/dist/index8.cjs +1 -0
  21. package/dist/index8.js +115 -0
  22. package/dist/index9.cjs +1 -0
  23. package/dist/index9.js +43 -0
  24. package/dist/src/components/core/button/Button.component.d.ts +32 -0
  25. package/dist/src/components/core/button/Button.component.d.ts.map +1 -0
  26. package/dist/src/components/core/icon/Icon.component.d.ts +6 -0
  27. package/dist/src/components/core/icon/Icon.component.d.ts.map +1 -0
  28. package/dist/src/components/data-display/card/Card.component.d.ts +42 -0
  29. package/dist/src/components/data-display/card/Card.component.d.ts.map +1 -0
  30. package/dist/src/components/data-display/datatable/DataTable.component.d.ts +25 -0
  31. package/dist/src/components/data-display/datatable/DataTable.component.d.ts.map +1 -0
  32. package/dist/src/components/feedback/alert/Alert.component.d.ts +19 -0
  33. package/dist/src/components/feedback/alert/Alert.component.d.ts.map +1 -0
  34. package/dist/src/components/forms/input/Input.component.d.ts +20 -0
  35. package/dist/src/components/forms/input/Input.component.d.ts.map +1 -0
  36. package/dist/src/components/layout/stack/Stack.component.d.ts +21 -0
  37. package/dist/src/components/layout/stack/Stack.component.d.ts.map +1 -0
  38. package/dist/src/components/navigation/tabs/Tabs.component.d.ts +44 -0
  39. package/dist/src/components/navigation/tabs/Tabs.component.d.ts.map +1 -0
  40. package/dist/src/components/overlays/dialog/Dialog.component.d.ts +44 -0
  41. package/dist/src/components/overlays/dialog/Dialog.component.d.ts.map +1 -0
  42. package/dist/src/index.d.ts +18 -0
  43. package/dist/src/index.d.ts.map +1 -0
  44. package/dist/src/lib/index.d.ts +6 -0
  45. package/dist/src/lib/index.d.ts.map +1 -0
  46. package/dist/style.css +1 -0
  47. package/package.json +89 -0
package/dist/index4.js ADDED
@@ -0,0 +1,61 @@
1
+ import { jsx as c } from "react/jsx-runtime";
2
+ import { forwardRef as m } from "react";
3
+ import * as a from "@radix-ui/react-tabs";
4
+ import { cn as b } from "./index10.js";
5
+ /* empty css */
6
+ const C = a.Root, g = m(
7
+ ({ className: s, "data-cy": t, "data-testid": i, ...n }, r) => {
8
+ const e = t || "tabs-list", o = i || "tabs-list";
9
+ return /* @__PURE__ */ c(
10
+ a.List,
11
+ {
12
+ ref: r,
13
+ className: b("tabs-list", s),
14
+ "data-cy": e,
15
+ "data-testid": o,
16
+ ...n
17
+ }
18
+ );
19
+ }
20
+ );
21
+ g.displayName = a.List.displayName;
22
+ const y = m(
23
+ ({ className: s, value: t, "data-cy": i, "data-testid": n, ...r }, e) => {
24
+ const o = i || (t ? `tabs-trigger-${t}` : "tabs-trigger"), d = n || (t ? `tabs-trigger-${t}` : "tabs-trigger");
25
+ return /* @__PURE__ */ c(
26
+ a.Trigger,
27
+ {
28
+ ref: e,
29
+ className: b("tabs-trigger", s),
30
+ value: t,
31
+ "data-cy": o,
32
+ "data-testid": d,
33
+ ...r
34
+ }
35
+ );
36
+ }
37
+ );
38
+ y.displayName = a.Trigger.displayName;
39
+ const f = m(
40
+ ({ className: s, value: t, "data-cy": i, "data-testid": n, ...r }, e) => {
41
+ const o = i || (t ? `tabs-content-${t}` : "tabs-content"), d = n || (t ? `tabs-content-${t}` : "tabs-content");
42
+ return /* @__PURE__ */ c(
43
+ a.Content,
44
+ {
45
+ ref: e,
46
+ className: b("tabs-content", s),
47
+ value: t,
48
+ "data-cy": o,
49
+ "data-testid": d,
50
+ ...r
51
+ }
52
+ );
53
+ }
54
+ );
55
+ f.displayName = a.Content.displayName;
56
+ export {
57
+ C as Tabs,
58
+ f as TabsContent,
59
+ g as TabsList,
60
+ y as TabsTrigger
61
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),f=require("./index10.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/index5.js ADDED
@@ -0,0 +1,69 @@
1
+ import { jsxs as c, jsx as s } from "react/jsx-runtime";
2
+ import { forwardRef as y } from "react";
3
+ import { cn as p } from "./index10.js";
4
+ /* empty css */
5
+ const _ = y(
6
+ ({
7
+ variant: e = "info",
8
+ title: d,
9
+ icon: r,
10
+ className: i,
11
+ children: l,
12
+ "data-cy": o,
13
+ "data-testid": n,
14
+ ...m
15
+ }, $) => {
16
+ const f = {
17
+ info: "status",
18
+ success: "status",
19
+ warning: "alert",
20
+ error: "alert"
21
+ }, t = o || `alert-${e}`, a = n || `alert-${e}`;
22
+ return /* @__PURE__ */ c(
23
+ "div",
24
+ {
25
+ ref: $,
26
+ role: f[e],
27
+ className: p("alert", `alert--${e}`, i),
28
+ "data-cy": t,
29
+ "data-testid": a,
30
+ ...m,
31
+ children: [
32
+ r && /* @__PURE__ */ s(
33
+ "div",
34
+ {
35
+ className: "alert__icon",
36
+ "data-cy": `${t}-icon`,
37
+ "data-testid": `${a}-icon`,
38
+ children: r
39
+ }
40
+ ),
41
+ /* @__PURE__ */ c(
42
+ "div",
43
+ {
44
+ className: "alert__content",
45
+ "data-cy": `${t}-content`,
46
+ "data-testid": `${a}-content`,
47
+ children: [
48
+ d && /* @__PURE__ */ s(
49
+ "div",
50
+ {
51
+ className: "alert__title",
52
+ "data-cy": `${t}-title`,
53
+ "data-testid": `${a}-title`,
54
+ children: d
55
+ }
56
+ ),
57
+ /* @__PURE__ */ s("div", { "data-cy": `${t}-message`, "data-testid": `${a}-message`, children: l })
58
+ ]
59
+ }
60
+ )
61
+ ]
62
+ }
63
+ );
64
+ }
65
+ );
66
+ _.displayName = "Alert";
67
+ export {
68
+ _ as Alert
69
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),o=require("./index10.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/index6.js ADDED
@@ -0,0 +1,119 @@
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import { forwardRef as n } from "react";
3
+ import { cn as o } from "./index10.js";
4
+ /* empty css */
5
+ const f = n(
6
+ ({
7
+ variant: a = "default",
8
+ className: t,
9
+ children: d,
10
+ "data-cy": e,
11
+ "data-testid": r,
12
+ ...c
13
+ }, s) => {
14
+ const l = e || `card-${a}`, y = r || `card-${a}`;
15
+ return /* @__PURE__ */ i(
16
+ "div",
17
+ {
18
+ ref: s,
19
+ className: o("card", `card--${a}`, t),
20
+ "data-cy": l,
21
+ "data-testid": y,
22
+ ...c,
23
+ children: d
24
+ }
25
+ );
26
+ }
27
+ );
28
+ f.displayName = "Card";
29
+ const C = n(
30
+ ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
31
+ const c = t || "card-header", s = d || "card-header";
32
+ return /* @__PURE__ */ i(
33
+ "div",
34
+ {
35
+ ref: r,
36
+ className: o("card-header", a),
37
+ "data-cy": c,
38
+ "data-testid": s,
39
+ ...e
40
+ }
41
+ );
42
+ }
43
+ );
44
+ C.displayName = "CardHeader";
45
+ const m = n(
46
+ ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
47
+ const c = t || "card-title", s = d || "card-title";
48
+ return (
49
+ // eslint-disable-next-line jsx-a11y/heading-has-content
50
+ /* @__PURE__ */ i(
51
+ "h3",
52
+ {
53
+ ref: r,
54
+ className: o("card-title", a),
55
+ "data-cy": c,
56
+ "data-testid": s,
57
+ ...e
58
+ }
59
+ )
60
+ );
61
+ }
62
+ );
63
+ m.displayName = "CardTitle";
64
+ const p = n(
65
+ ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
66
+ const c = t || "card-description", s = d || "card-description";
67
+ return /* @__PURE__ */ i(
68
+ "p",
69
+ {
70
+ ref: r,
71
+ className: o("card-description", a),
72
+ "data-cy": c,
73
+ "data-testid": s,
74
+ ...e
75
+ }
76
+ );
77
+ }
78
+ );
79
+ p.displayName = "CardDescription";
80
+ const N = n(
81
+ ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
82
+ const c = t || "card-content", s = d || "card-content";
83
+ return /* @__PURE__ */ i(
84
+ "div",
85
+ {
86
+ ref: r,
87
+ className: o("card-content", a),
88
+ "data-cy": c,
89
+ "data-testid": s,
90
+ ...e
91
+ }
92
+ );
93
+ }
94
+ );
95
+ N.displayName = "CardContent";
96
+ const D = n(
97
+ ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
98
+ const c = t || "card-footer", s = d || "card-footer";
99
+ return /* @__PURE__ */ i(
100
+ "div",
101
+ {
102
+ ref: r,
103
+ className: o("card-footer", a),
104
+ "data-cy": c,
105
+ "data-testid": s,
106
+ ...e
107
+ }
108
+ );
109
+ }
110
+ );
111
+ D.displayName = "CardFooter";
112
+ export {
113
+ f as Card,
114
+ N as CardContent,
115
+ p as CardDescription,
116
+ D as CardFooter,
117
+ C as CardHeader,
118
+ m as CardTitle
119
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),j=require("react"),c=require("./index10.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/index7.js ADDED
@@ -0,0 +1,92 @@
1
+ import { jsx as a, jsxs as m } from "react/jsx-runtime";
2
+ import { forwardRef as f } from "react";
3
+ import { cn as y } from "./index10.js";
4
+ /* empty css */
5
+ const n = f(
6
+ ({
7
+ columns: s,
8
+ data: i,
9
+ striped: c = !1,
10
+ hoverable: b = !1,
11
+ className: h,
12
+ "data-cy": $,
13
+ "data-testid": p,
14
+ ...o
15
+ }, _) => {
16
+ const t = $ || "datatable", e = p || "datatable";
17
+ return /* @__PURE__ */ a(
18
+ "div",
19
+ {
20
+ className: "datatable-wrapper",
21
+ "data-cy": `${t}-wrapper`,
22
+ "data-testid": `${e}-wrapper`,
23
+ children: /* @__PURE__ */ m(
24
+ "table",
25
+ {
26
+ ref: _,
27
+ className: y("datatable", h),
28
+ "data-cy": t,
29
+ "data-testid": e,
30
+ ...o,
31
+ children: [
32
+ /* @__PURE__ */ a(
33
+ "thead",
34
+ {
35
+ className: "datatable__head",
36
+ "data-cy": `${t}-head`,
37
+ "data-testid": `${e}-head`,
38
+ children: /* @__PURE__ */ a("tr", { children: s.map((d) => /* @__PURE__ */ a(
39
+ "th",
40
+ {
41
+ className: "datatable__header-cell",
42
+ "data-cy": `${t}-header-${d.key}`,
43
+ "data-testid": `${e}-header-${d.key}`,
44
+ children: d.header
45
+ },
46
+ d.key
47
+ )) })
48
+ }
49
+ ),
50
+ /* @__PURE__ */ a("tbody", { "data-cy": `${t}-body`, "data-testid": `${e}-body`, children: i.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
51
+ "td",
52
+ {
53
+ colSpan: s.length,
54
+ className: "datatable__empty",
55
+ "data-cy": `${t}-empty`,
56
+ "data-testid": `${e}-empty`,
57
+ children: "No data available"
58
+ }
59
+ ) }) : i.map((d, l) => /* @__PURE__ */ a(
60
+ "tr",
61
+ {
62
+ className: y(
63
+ "datatable__body-row",
64
+ b && "datatable__body-row--hoverable",
65
+ c && "datatable__body-row--striped"
66
+ ),
67
+ "data-cy": `${t}-row-${l}`,
68
+ "data-testid": `${e}-row-${l}`,
69
+ children: s.map((r) => /* @__PURE__ */ a(
70
+ "td",
71
+ {
72
+ className: "datatable__body-cell",
73
+ "data-cy": `${t}-cell-${l}-${r.key}`,
74
+ "data-testid": `${e}-cell-${l}-${r.key}`,
75
+ children: String(d[r.key] ?? "")
76
+ },
77
+ r.key
78
+ ))
79
+ },
80
+ l
81
+ )) })
82
+ ]
83
+ }
84
+ )
85
+ }
86
+ );
87
+ }
88
+ );
89
+ n.displayName = "DataTable";
90
+ export {
91
+ n as DataTable
92
+ };
@@ -0,0 +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("./index10.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/index8.js ADDED
@@ -0,0 +1,115 @@
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 "./index10.js";
5
+ /* empty css */
6
+ const x = a.Root, O = a.Trigger, p = a.Portal, P = a.Close, g = c(({ className: t, "data-cy": i, "data-testid": o, ...e }, d) => {
7
+ const l = i || "dialog-overlay", s = o || "dialog-overlay";
8
+ return /* @__PURE__ */ n(
9
+ a.Overlay,
10
+ {
11
+ ref: d,
12
+ className: r("dialog-overlay", t),
13
+ "data-cy": l,
14
+ "data-testid": s,
15
+ ...e
16
+ }
17
+ );
18
+ });
19
+ g.displayName = a.Overlay.displayName;
20
+ const D = c(({ className: t, children: i, "data-cy": o, "data-testid": e, ...d }, l) => {
21
+ const s = o || "dialog-content", y = e || "dialog-content";
22
+ return /* @__PURE__ */ m(p, { children: [
23
+ /* @__PURE__ */ n(g, {}),
24
+ /* @__PURE__ */ n(
25
+ a.Content,
26
+ {
27
+ ref: l,
28
+ className: r("dialog-content", t),
29
+ "data-cy": s,
30
+ "data-testid": y,
31
+ ...d,
32
+ children: i
33
+ }
34
+ )
35
+ ] });
36
+ });
37
+ D.displayName = a.Content.displayName;
38
+ const f = ({
39
+ className: t,
40
+ "data-cy": i,
41
+ "data-testid": o,
42
+ ...e
43
+ }) => {
44
+ const d = i || "dialog-header", l = o || "dialog-header";
45
+ return /* @__PURE__ */ n(
46
+ "div",
47
+ {
48
+ className: r("dialog-header", t),
49
+ "data-cy": d,
50
+ "data-testid": l,
51
+ ...e
52
+ }
53
+ );
54
+ };
55
+ f.displayName = "DialogHeader";
56
+ const N = ({
57
+ className: t,
58
+ "data-cy": i,
59
+ "data-testid": o,
60
+ ...e
61
+ }) => {
62
+ const d = i || "dialog-footer", l = o || "dialog-footer";
63
+ return /* @__PURE__ */ n(
64
+ "div",
65
+ {
66
+ className: r("dialog-footer", t),
67
+ "data-cy": d,
68
+ "data-testid": l,
69
+ ...e
70
+ }
71
+ );
72
+ };
73
+ N.displayName = "DialogFooter";
74
+ const C = c(
75
+ ({ className: t, "data-cy": i, "data-testid": o, ...e }, d) => {
76
+ const l = i || "dialog-title", s = o || "dialog-title";
77
+ return /* @__PURE__ */ n(
78
+ a.Title,
79
+ {
80
+ ref: d,
81
+ className: r("dialog-title", t),
82
+ "data-cy": l,
83
+ "data-testid": s,
84
+ ...e
85
+ }
86
+ );
87
+ }
88
+ );
89
+ C.displayName = a.Title.displayName;
90
+ const T = c(({ className: t, "data-cy": i, "data-testid": o, ...e }, d) => {
91
+ const l = i || "dialog-description", s = o || "dialog-description";
92
+ return /* @__PURE__ */ n(
93
+ a.Description,
94
+ {
95
+ ref: d,
96
+ className: r("dialog-description", t),
97
+ "data-cy": l,
98
+ "data-testid": s,
99
+ ...e
100
+ }
101
+ );
102
+ });
103
+ T.displayName = a.Description.displayName;
104
+ 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
115
+ };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),$=require("react"),S=require("./index10.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/index9.js ADDED
@@ -0,0 +1,43 @@
1
+ import { jsx as l } from "react/jsx-runtime";
2
+ import { forwardRef as n } from "react";
3
+ import { cn as $ } from "./index10.js";
4
+ /* empty css */
5
+ const y = n(
6
+ ({
7
+ direction: a = "vertical",
8
+ spacing: t = "4",
9
+ align: s = "stretch",
10
+ justify: c = "start",
11
+ wrap: r = !1,
12
+ className: i,
13
+ children: k,
14
+ "data-cy": o,
15
+ "data-testid": e,
16
+ ...f
17
+ }, m) => {
18
+ const d = o || `stack-${a}`, p = e || `stack-${a}`;
19
+ return /* @__PURE__ */ l(
20
+ "div",
21
+ {
22
+ ref: m,
23
+ className: $(
24
+ "stack",
25
+ `stack--${a}`,
26
+ `stack--spacing-${t}`,
27
+ `stack--align-${s}`,
28
+ `stack--justify-${c}`,
29
+ r && "stack--wrap",
30
+ i
31
+ ),
32
+ "data-cy": d,
33
+ "data-testid": p,
34
+ ...f,
35
+ children: k
36
+ }
37
+ );
38
+ }
39
+ );
40
+ y.displayName = "Stack";
41
+ export {
42
+ y as Stack
43
+ };
@@ -0,0 +1,32 @@
1
+ import { ButtonHTMLAttributes, ReactNode } from 'react';
2
+
3
+ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
4
+ /**
5
+ * Button variant based on Smart V2 design system
6
+ * - primary-workspace: Orange background (#ED6726), white text
7
+ * - primary-builder: Dark background (#272643), white text
8
+ * - secondary: White background, border, dark text
9
+ * - ghost: Transparent background, dark text
10
+ */
11
+ variant?: 'primary-workspace' | 'primary-builder' | 'secondary' | 'ghost';
12
+ /**
13
+ * Optional icon to display before the text
14
+ */
15
+ icon?: ReactNode;
16
+ /**
17
+ * Full width button
18
+ */
19
+ fullWidth?: boolean;
20
+ /**
21
+ * An ID for testing purposes, used by Vitest/React Testing Library.
22
+ * Defaults to `button-{variant}` if not provided.
23
+ */
24
+ 'data-testid'?: string;
25
+ /**
26
+ * An ID for Cypress E2E testing purposes.
27
+ * Defaults to `button-{variant}` if not provided.
28
+ */
29
+ 'data-cy'?: string;
30
+ }
31
+ export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
32
+ //# sourceMappingURL=Button.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/button/Button.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACzF;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,mBAAmB,GAAG,iBAAiB,GAAG,WAAW,GAAG,OAAO,CAAC;IAE1E;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,2GA+BlB,CAAC"}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Icon component - Re-exported from @adam-milo/icons
3
+ * This maintains backward compatibility while using the centralized icons package
4
+ */
5
+ export { Icon, type IconProps, type IconName, type IconSize, type IconColor, availableIcons, } from '@adam-milo/icons';
6
+ //# sourceMappingURL=Icon.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/icon/Icon.component.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,cAAc,GACf,MAAM,kBAAkB,CAAC"}
@@ -0,0 +1,42 @@
1
+ import { HTMLAttributes } from 'react';
2
+
3
+ export interface CardProps extends HTMLAttributes<HTMLDivElement> {
4
+ variant?: 'default' | 'outlined' | 'elevated';
5
+ /**
6
+ * Custom data-cy attribute for Cypress testing
7
+ * Auto-generates as "card-{variant}" if not provided
8
+ */
9
+ 'data-cy'?: string;
10
+ /**
11
+ * Custom data-testid attribute for unit testing
12
+ * Auto-generates as "card-{variant}" if not provided
13
+ */
14
+ 'data-testid'?: string;
15
+ }
16
+ export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
17
+ export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
18
+ 'data-cy'?: string;
19
+ 'data-testid'?: string;
20
+ }
21
+ export declare const CardHeader: import('react').ForwardRefExoticComponent<CardHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
22
+ export interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
23
+ 'data-cy'?: string;
24
+ 'data-testid'?: string;
25
+ }
26
+ export declare const CardTitle: import('react').ForwardRefExoticComponent<CardTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
27
+ export interface CardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
28
+ 'data-cy'?: string;
29
+ 'data-testid'?: string;
30
+ }
31
+ export declare const CardDescription: import('react').ForwardRefExoticComponent<CardDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>>;
32
+ export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
33
+ 'data-cy'?: string;
34
+ 'data-testid'?: string;
35
+ }
36
+ export declare const CardContent: import('react').ForwardRefExoticComponent<CardContentProps & import('react').RefAttributes<HTMLDivElement>>;
37
+ export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
38
+ 'data-cy'?: string;
39
+ 'data-testid'?: string;
40
+ }
41
+ export declare const CardFooter: import('react').ForwardRefExoticComponent<CardFooterProps & import('react').RefAttributes<HTMLDivElement>>;
42
+ //# sourceMappingURL=Card.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/card/Card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAE9C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,IAAI,sGA2BhB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,4GAetB,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,+GAgBrB,CAAC;AAIF,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,uHAe3B,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,6GAevB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,4GAetB,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { TableHTMLAttributes } from 'react';
2
+
3
+ export interface DataTableColumn {
4
+ key: string;
5
+ header: string;
6
+ width?: string;
7
+ }
8
+ export interface DataTableProps extends TableHTMLAttributes<HTMLTableElement> {
9
+ columns: DataTableColumn[];
10
+ data: Record<string, unknown>[];
11
+ striped?: boolean;
12
+ hoverable?: boolean;
13
+ /**
14
+ * Custom data-cy attribute for Cypress testing
15
+ * Auto-generates as "datatable" if not provided
16
+ */
17
+ 'data-cy'?: string;
18
+ /**
19
+ * Custom data-testid attribute for unit testing
20
+ * Auto-generates as "datatable" if not provided
21
+ */
22
+ 'data-testid'?: string;
23
+ }
24
+ export declare const DataTable: import('react').ForwardRefExoticComponent<DataTableProps & import('react').RefAttributes<HTMLTableElement>>;
25
+ //# sourceMappingURL=DataTable.component.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DataTable.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/datatable/DataTable.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAc,MAAM,OAAO,CAAC;AAExD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,6GA0FrB,CAAC"}