@adam-milo/ui 1.0.17 → 1.0.19

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index2.cjs"),i=require("./index3.cjs"),c=require("./index4.cjs"),l=require("./index5.cjs"),s=require("./index6.cjs"),u=require("./index7.cjs"),t=require("./index8.cjs"),p=require("./index9.cjs"),o=require("./index10.cjs"),g=require("./index11.cjs"),D=require("./index12.cjs"),e=require("./index13.cjs"),d=require("./index14.cjs"),r=require("./index15.cjs"),n=require("@adam-milo/icons");exports.Button=a.Button;exports.EmailInput=i.EmailInput;exports.PasswordInput=c.PasswordInput;exports.NumericInput=l.NumericInput;exports.AlphanumericInput=s.AlphanumericInput;exports.Checkbox=u.Checkbox;exports.Tabs=t.Tabs;exports.TabsContent=t.TabsContent;exports.TabsList=t.TabsList;exports.TabsTrigger=t.TabsTrigger;exports.Alert=p.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.Chip=D.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});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index2.cjs"),i=require("./index3.cjs"),c=require("./index4.cjs"),l=require("./index5.cjs"),u=require("./index6.cjs"),p=require("./index7.cjs"),s=require("./index8.cjs"),t=require("./index9.cjs"),g=require("./index10.cjs"),o=require("./index11.cjs"),d=require("./index12.cjs"),C=require("./index13.cjs"),D=require("./index14.cjs"),e=require("./index15.cjs"),m=require("./index16.cjs"),r=require("./index17.cjs"),n=require("@adam-milo/icons");exports.Button=a.Button;exports.EmailInput=i.EmailInput;exports.PasswordInput=c.PasswordInput;exports.NumericInput=l.NumericInput;exports.AlphanumericInput=u.AlphanumericInput;exports.Checkbox=p.Checkbox;exports.Radio=s.Radio;exports.Tabs=t.Tabs;exports.TabsContent=t.TabsContent;exports.TabsList=t.TabsList;exports.TabsTrigger=t.TabsTrigger;exports.Alert=g.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=d.DataTable;exports.Chip=C.Chip;exports.ChipGroup=D.ChipGroup;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=m.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

@@ -1,51 +1,55 @@
 import { Button as e } from "./index2.js";
 import { EmailInput as a } from "./index3.js";
-import { PasswordInput as p } from "./index4.js";
+import { PasswordInput as i } from "./index4.js";
 import { NumericInput as m } from "./index5.js";
 import { AlphanumericInput as x } from "./index6.js";
 import { Checkbox as g } from "./index7.js";
-import { Tabs as C, TabsContent as s, TabsList as d, TabsTrigger as c } from "./index8.js";
-import { Alert as b } from "./index9.js";
-import { Card as I, CardContent as h, CardDescription as k, CardFooter as v, CardHeader as A, CardTitle as F } from "./index10.js";
-import { DataTable as P } from "./index11.js";
-import { Chip as y } from "./index12.js";
-import { Dialog as E, DialogClose as L, DialogContent as N, DialogDescription as O, DialogFooter as S, DialogHeader as j, DialogOverlay as q, DialogPortal as z, DialogTitle as G, DialogTrigger as J } from "./index13.js";
-import { Stack as M } from "./index14.js";
-import { cn as R, generateId as U } from "./index15.js";
-import { Icon as W, availableIcons as X } from "@adam-milo/icons";
+import { Radio as D } from "./index8.js";
+import { Tabs as s, TabsContent as c, TabsList as T, TabsTrigger as u } from "./index9.js";
+import { Alert as I } from "./index10.js";
+import { Card as k, CardContent as v, CardDescription as A, CardFooter as F, CardHeader as H, CardTitle as P } from "./index11.js";
+import { DataTable as y } from "./index12.js";
+import { Chip as E } from "./index13.js";
+import { ChipGroup as L } from "./index14.js";
+import { Dialog as O, DialogClose as R, DialogContent as S, DialogDescription as j, DialogFooter as q, DialogHeader as z, DialogOverlay as J, DialogPortal as K, DialogTitle as M, DialogTrigger as Q } from "./index15.js";
+import { Stack as V } from "./index16.js";
+import { cn as X, generateId as Y } from "./index17.js";
+import { Icon as _, availableIcons as $ } from "@adam-milo/icons";
 export {
-  b as Alert,
+  I as Alert,
   x as AlphanumericInput,
   e as Button,
-  I as Card,
-  h as CardContent,
-  k as CardDescription,
-  v as CardFooter,
-  A as CardHeader,
-  F as CardTitle,
+  k as Card,
+  v as CardContent,
+  A as CardDescription,
+  F as CardFooter,
+  H as CardHeader,
+  P as CardTitle,
   g as Checkbox,
-  y as Chip,
-  P as DataTable,
-  E as Dialog,
-  L as DialogClose,
-  N as DialogContent,
-  O as DialogDescription,
-  S as DialogFooter,
-  j as DialogHeader,
-  q as DialogOverlay,
-  z as DialogPortal,
-  G as DialogTitle,
-  J as DialogTrigger,
+  E as Chip,
+  L as ChipGroup,
+  y as DataTable,
+  O as Dialog,
+  R as DialogClose,
+  S as DialogContent,
+  j as DialogDescription,
+  q as DialogFooter,
+  z as DialogHeader,
+  J as DialogOverlay,
+  K as DialogPortal,
+  M as DialogTitle,
+  Q as DialogTrigger,
   a as EmailInput,
-  W as Icon,
+  _ as Icon,
   m as NumericInput,
-  p as PasswordInput,
-  M as Stack,
-  C as Tabs,
-  s as TabsContent,
-  d as TabsList,
-  c as TabsTrigger,
-  X as availableIcons,
-  R as cn,
-  U as generateId
+  i as PasswordInput,
+  D as Radio,
+  V as Stack,
+  s as Tabs,
+  c as TabsContent,
+  T as TabsList,
+  u as TabsTrigger,
+  $ as availableIcons,
+  X as cn,
+  Y as generateId
 };

package/dist/index10.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),o=require("./index15.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("react"),f=require("./index17.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/index10.js

@@ -1,119 +1,69 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { cn as o } from "./index15.js";
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { cn as p } from "./index17.js";
 /* empty css        */
-const f = n(
+const _ = y(
   ({
-    variant: a = "default",
-    className: t,
-    children: d,
-    "data-cy": e,
-    "data-testid": r,
-    ...c
-  }, s) => {
-    const l = e || `card-${a}`, y = r || `card-${a}`;
-    return /* @__PURE__ */ i(
+    variant: e = "info",
+    title: d,
+    icon: r,
+    className: i,
+    children: l,
+    "data-cy": o,
+    "data-testid": n,
+    ...m
+  }, $) => {
+    const f = {
+      info: "status",
+      success: "status",
+      warning: "alert",
+      error: "alert"
+    }, t = o || `alert-${e}`, a = n || `alert-${e}`;
+    return /* @__PURE__ */ c(
       "div",
       {
-        ref: s,
-        className: o("card", `card--${a}`, t),
-        "data-cy": l,
-        "data-testid": y,
-        ...c,
-        children: d
+        ref: $,
+        role: f[e],
+        className: p("alert", `alert--${e}`, i),
+        "data-cy": t,
+        "data-testid": a,
+        ...m,
+        children: [
+          r && /* @__PURE__ */ s(
+            "div",
+            {
+              className: "alert__icon",
+              "data-cy": `${t}-icon`,
+              "data-testid": `${a}-icon`,
+              children: r
+            }
+          ),
+          /* @__PURE__ */ c(
+            "div",
+            {
+              className: "alert__content",
+              "data-cy": `${t}-content`,
+              "data-testid": `${a}-content`,
+              children: [
+                d && /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: "alert__title",
+                    "data-cy": `${t}-title`,
+                    "data-testid": `${a}-title`,
+                    children: d
+                  }
+                ),
+                /* @__PURE__ */ s("div", { "data-cy": `${t}-message`, "data-testid": `${a}-message`, children: l })
+              ]
+            }
+          )
+        ]
       }
     );
   }
 );
-f.displayName = "Card";
-const C = n(
-  ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
-    const c = t || "card-header", s = d || "card-header";
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        ref: r,
-        className: o("card-header", a),
-        "data-cy": c,
-        "data-testid": s,
-        ...e
-      }
-    );
-  }
-);
-C.displayName = "CardHeader";
-const m = n(
-  ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
-    const c = t || "card-title", s = d || "card-title";
-    return (
-      // eslint-disable-next-line jsx-a11y/heading-has-content
-      /* @__PURE__ */ i(
-        "h3",
-        {
-          ref: r,
-          className: o("card-title", a),
-          "data-cy": c,
-          "data-testid": s,
-          ...e
-        }
-      )
-    );
-  }
-);
-m.displayName = "CardTitle";
-const p = n(
-  ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
-    const c = t || "card-description", s = d || "card-description";
-    return /* @__PURE__ */ i(
-      "p",
-      {
-        ref: r,
-        className: o("card-description", a),
-        "data-cy": c,
-        "data-testid": s,
-        ...e
-      }
-    );
-  }
-);
-p.displayName = "CardDescription";
-const N = n(
-  ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
-    const c = t || "card-content", s = d || "card-content";
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        ref: r,
-        className: o("card-content", a),
-        "data-cy": c,
-        "data-testid": s,
-        ...e
-      }
-    );
-  }
-);
-N.displayName = "CardContent";
-const D = n(
-  ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
-    const c = t || "card-footer", s = d || "card-footer";
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        ref: r,
-        className: o("card-footer", a),
-        "data-cy": c,
-        "data-testid": s,
-        ...e
-      }
-    );
-  }
-);
-D.displayName = "CardFooter";
+_.displayName = "Alert";
 export {
-  f as Card,
-  N as CardContent,
-  p as CardDescription,
-  D as CardFooter,
-  C as CardHeader,
-  m as CardTitle
+  _ as Alert
 };

package/dist/index11.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),j=require("react"),c=require("./index15.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),o=require("./index17.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/index11.js

@@ -1,92 +1,119 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { cn as y } from "./index15.js";
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { cn as o } from "./index17.js";
 /* empty css        */
-const n = f(
+const f = n(
   ({
-    columns: s,
-    data: i,
-    striped: c = !1,
-    hoverable: b = !1,
-    className: h,
-    "data-cy": $,
-    "data-testid": p,
-    ...o
-  }, _) => {
-    const t = $ || "datatable", e = p || "datatable";
-    return /* @__PURE__ */ a(
+    variant: a = "default",
+    className: t,
+    children: d,
+    "data-cy": e,
+    "data-testid": r,
+    ...c
+  }, s) => {
+    const l = e || `card-${a}`, y = r || `card-${a}`;
+    return /* @__PURE__ */ i(
       "div",
       {
-        className: "datatable-wrapper",
-        "data-cy": `${t}-wrapper`,
-        "data-testid": `${e}-wrapper`,
-        children: /* @__PURE__ */ m(
-          "table",
-          {
-            ref: _,
-            className: y("datatable", h),
-            "data-cy": t,
-            "data-testid": e,
-            ...o,
-            children: [
-              /* @__PURE__ */ a(
-                "thead",
-                {
-                  className: "datatable__head",
-                  "data-cy": `${t}-head`,
-                  "data-testid": `${e}-head`,
-                  children: /* @__PURE__ */ a("tr", { children: s.map((d) => /* @__PURE__ */ a(
-                    "th",
-                    {
-                      className: "datatable__header-cell",
-                      "data-cy": `${t}-header-${d.key}`,
-                      "data-testid": `${e}-header-${d.key}`,
-                      children: d.header
-                    },
-                    d.key
-                  )) })
-                }
-              ),
-              /* @__PURE__ */ a("tbody", { "data-cy": `${t}-body`, "data-testid": `${e}-body`, children: i.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
-                "td",
-                {
-                  colSpan: s.length,
-                  className: "datatable__empty",
-                  "data-cy": `${t}-empty`,
-                  "data-testid": `${e}-empty`,
-                  children: "No data available"
-                }
-              ) }) : i.map((d, l) => /* @__PURE__ */ a(
-                "tr",
-                {
-                  className: y(
-                    "datatable__body-row",
-                    b && "datatable__body-row--hoverable",
-                    c && "datatable__body-row--striped"
-                  ),
-                  "data-cy": `${t}-row-${l}`,
-                  "data-testid": `${e}-row-${l}`,
-                  children: s.map((r) => /* @__PURE__ */ a(
-                    "td",
-                    {
-                      className: "datatable__body-cell",
-                      "data-cy": `${t}-cell-${l}-${r.key}`,
-                      "data-testid": `${e}-cell-${l}-${r.key}`,
-                      children: String(d[r.key] ?? "")
-                    },
-                    r.key
-                  ))
-                },
-                l
-              )) })
-            ]
-          }
-        )
+        ref: s,
+        className: o("card", `card--${a}`, t),
+        "data-cy": l,
+        "data-testid": y,
+        ...c,
+        children: d
       }
     );
   }
 );
-n.displayName = "DataTable";
+f.displayName = "Card";
+const C = n(
+  ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
+    const c = t || "card-header", s = d || "card-header";
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: r,
+        className: o("card-header", a),
+        "data-cy": c,
+        "data-testid": s,
+        ...e
+      }
+    );
+  }
+);
+C.displayName = "CardHeader";
+const m = n(
+  ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
+    const c = t || "card-title", s = d || "card-title";
+    return (
+      // eslint-disable-next-line jsx-a11y/heading-has-content
+      /* @__PURE__ */ i(
+        "h3",
+        {
+          ref: r,
+          className: o("card-title", a),
+          "data-cy": c,
+          "data-testid": s,
+          ...e
+        }
+      )
+    );
+  }
+);
+m.displayName = "CardTitle";
+const p = n(
+  ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
+    const c = t || "card-description", s = d || "card-description";
+    return /* @__PURE__ */ i(
+      "p",
+      {
+        ref: r,
+        className: o("card-description", a),
+        "data-cy": c,
+        "data-testid": s,
+        ...e
+      }
+    );
+  }
+);
+p.displayName = "CardDescription";
+const N = n(
+  ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
+    const c = t || "card-content", s = d || "card-content";
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: r,
+        className: o("card-content", a),
+        "data-cy": c,
+        "data-testid": s,
+        ...e
+      }
+    );
+  }
+);
+N.displayName = "CardContent";
+const D = n(
+  ({ className: a, "data-cy": t, "data-testid": d, ...e }, r) => {
+    const c = t || "card-footer", s = d || "card-footer";
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: r,
+        className: o("card-footer", a),
+        "data-cy": c,
+        "data-testid": s,
+        ...e
+      }
+    );
+  }
+);
+D.displayName = "CardFooter";
 export {
-  n as DataTable
+  f as Card,
+  N as CardContent,
+  p as CardDescription,
+  D as CardFooter,
+  C as CardHeader,
+  m as CardTitle
 };

package/dist/index12.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),u=require("./index15.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),j=require("react"),c=require("./index17.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/index12.js

@@ -1,42 +1,92 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { cn as f } from "./index15.js";
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { cn as y } from "./index17.js";
 /* empty css        */
-const h = m(
+const n = f(
   ({
-    variant: a = "primary",
-    selected: s = !1,
-    disabled: p = !1,
-    className: t,
-    children: i,
-    "data-testid": c,
-    "data-cy": r,
+    columns: s,
+    data: i,
+    striped: c = !1,
+    hoverable: b = !1,
+    className: h,
+    "data-cy": $,
+    "data-testid": p,
     ...o
-  }, d) => {
-    const l = f(
-      "chip",
-      `chip--${a}`,
-      s && "chip--selected",
-      p && "chip--disabled",
-      t
-    );
-    return /* @__PURE__ */ e(
+  }, _) => {
+    const t = $ || "datatable", e = p || "datatable";
+    return /* @__PURE__ */ a(
       "div",
       {
-        ref: d,
-        className: l,
-        "data-testid": c || `chip-${a}`,
-        "data-cy": r || `chip-${a}`,
-        "aria-selected": s,
-        "aria-disabled": p,
-        "aria-label": typeof i == "string" ? i : void 0,
-        ...o,
-        children: /* @__PURE__ */ e("span", { className: "chip__label", children: i })
+        className: "datatable-wrapper",
+        "data-cy": `${t}-wrapper`,
+        "data-testid": `${e}-wrapper`,
+        children: /* @__PURE__ */ m(
+          "table",
+          {
+            ref: _,
+            className: y("datatable", h),
+            "data-cy": t,
+            "data-testid": e,
+            ...o,
+            children: [
+              /* @__PURE__ */ a(
+                "thead",
+                {
+                  className: "datatable__head",
+                  "data-cy": `${t}-head`,
+                  "data-testid": `${e}-head`,
+                  children: /* @__PURE__ */ a("tr", { children: s.map((d) => /* @__PURE__ */ a(
+                    "th",
+                    {
+                      className: "datatable__header-cell",
+                      "data-cy": `${t}-header-${d.key}`,
+                      "data-testid": `${e}-header-${d.key}`,
+                      children: d.header
+                    },
+                    d.key
+                  )) })
+                }
+              ),
+              /* @__PURE__ */ a("tbody", { "data-cy": `${t}-body`, "data-testid": `${e}-body`, children: i.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
+                "td",
+                {
+                  colSpan: s.length,
+                  className: "datatable__empty",
+                  "data-cy": `${t}-empty`,
+                  "data-testid": `${e}-empty`,
+                  children: "No data available"
+                }
+              ) }) : i.map((d, l) => /* @__PURE__ */ a(
+                "tr",
+                {
+                  className: y(
+                    "datatable__body-row",
+                    b && "datatable__body-row--hoverable",
+                    c && "datatable__body-row--striped"
+                  ),
+                  "data-cy": `${t}-row-${l}`,
+                  "data-testid": `${e}-row-${l}`,
+                  children: s.map((r) => /* @__PURE__ */ a(
+                    "td",
+                    {
+                      className: "datatable__body-cell",
+                      "data-cy": `${t}-cell-${l}-${r.key}`,
+                      "data-testid": `${e}-cell-${l}-${r.key}`,
+                      children: String(d[r.key] ?? "")
+                    },
+                    r.key
+                  ))
+                },
+                l
+              )) })
+            ]
+          }
+        )
       }
     );
   }
 );
-h.displayName = "Chip";
+n.displayName = "DataTable";
 export {
-  h as Chip
+  n as DataTable
 };