@adam-milo/ui 1.0.22 → 1.0.24

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.cjs"),r=require("./index3.cjs"),o=require("./index4.cjs"),t=require("./index5.cjs"),i=require("./index6.cjs"),s=require("./index7.cjs"),a=require("./index8.cjs"),n=require("./index9.cjs"),p=require("./index10.cjs"),x=require("./index11.cjs"),l=require("./index12.cjs"),d=require("./index13.cjs"),c=require("./index14.cjs"),u=require("./index15.cjs"),g=require("./index16.cjs"),C=require("./index17.cjs"),D=require("@adam-milo/icons");exports.Button=e.Button,exports.EmailInput=r.EmailInput,exports.PasswordInput=o.PasswordInput,exports.NumericInput=t.NumericInput,exports.AlphanumericInput=i.AlphanumericInput,exports.Checkbox=s.Checkbox,exports.Radio=a.Radio,exports.Tabs=n.Tabs,exports.TabsContent=n.TabsContent,exports.TabsList=n.TabsList,exports.TabsTrigger=n.TabsTrigger,exports.Alert=p.Alert,exports.Card=x.Card,exports.CardContent=x.CardContent,exports.CardDescription=x.CardDescription,exports.CardFooter=x.CardFooter,exports.CardHeader=x.CardHeader,exports.CardTitle=x.CardTitle,exports.DataTable=l.DataTable,exports.Chip=d.Chip,exports.ChipGroup=c.ChipGroup,exports.Dialog=u.Dialog,exports.DialogClose=u.DialogClose,exports.DialogContent=u.DialogContent,exports.DialogDescription=u.DialogDescription,exports.DialogFooter=u.DialogFooter,exports.DialogHeader=u.DialogHeader,exports.DialogOverlay=u.DialogOverlay,exports.DialogPortal=u.DialogPortal,exports.DialogTitle=u.DialogTitle,exports.DialogTrigger=u.DialogTrigger,exports.Stack=g.Stack,exports.cn=C.cn,exports.generateId=C.generateId,Object.defineProperty(exports,"Icon",{enumerable:!0,get:()=>D.Icon}),Object.defineProperty(exports,"availableIcons",{enumerable:!0,get:()=>D.availableIcons});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.cjs"),r=require("./index3.cjs"),t=require("./index4.cjs"),o=require("./index5.cjs"),i=require("./index6.cjs"),s=require("./index7.cjs"),a=require("./index8.cjs"),p=require("./index9.cjs"),l=require("./index10.cjs"),n=require("./index11.cjs"),x=require("./index12.cjs"),c=require("./index13.cjs"),d=require("./index14.cjs"),u=require("./index15.cjs"),g=require("./index16.cjs"),C=require("./index17.cjs"),D=require("./index18.cjs"),b=require("@adam-milo/icons");exports.Button=e.Button,exports.EmailInput=r.EmailInput,exports.PasswordInput=t.PasswordInput,exports.NumericInput=o.NumericInput,exports.AlphanumericInput=i.AlphanumericInput,exports.Checkbox=s.Checkbox,exports.Radio=a.Radio,exports.Select=p.Select,exports.SelectContent=p.SelectContent,exports.SelectGroup=p.SelectGroup,exports.SelectItem=p.SelectItem,exports.SelectLabel=p.SelectLabel,exports.SelectSeparator=p.SelectSeparator,exports.SelectTrigger=p.SelectTrigger,exports.SelectValue=p.SelectValue,exports.Tabs=l.Tabs,exports.TabsContent=l.TabsContent,exports.TabsList=l.TabsList,exports.TabsTrigger=l.TabsTrigger,exports.Alert=n.Alert,exports.Card=x.Card,exports.CardContent=x.CardContent,exports.CardDescription=x.CardDescription,exports.CardFooter=x.CardFooter,exports.CardHeader=x.CardHeader,exports.CardTitle=x.CardTitle,exports.DataTable=c.DataTable,exports.Chip=d.Chip,exports.ChipGroup=u.ChipGroup,exports.Dialog=g.Dialog,exports.DialogClose=g.DialogClose,exports.DialogContent=g.DialogContent,exports.DialogDescription=g.DialogDescription,exports.DialogFooter=g.DialogFooter,exports.DialogHeader=g.DialogHeader,exports.DialogOverlay=g.DialogOverlay,exports.DialogPortal=g.DialogPortal,exports.DialogTitle=g.DialogTitle,exports.DialogTrigger=g.DialogTrigger,exports.Stack=C.Stack,exports.cn=D.cn,exports.generateId=D.generateId,Object.defineProperty(exports,"Icon",{enumerable:!0,get:()=>b.Icon}),Object.defineProperty(exports,"availableIcons",{enumerable:!0,get:()=>b.availableIcons});

package/dist/index.js

@@ -5,15 +5,16 @@ import { NumericInput } from "./index5.js";
 import { AlphanumericInput } from "./index6.js";
 import { Checkbox } from "./index7.js";
 import { Radio } from "./index8.js";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "./index9.js";
-import { Alert } from "./index10.js";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./index11.js";
-import { DataTable } from "./index12.js";
-import { Chip } from "./index13.js";
-import { ChipGroup } from "./index14.js";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./index15.js";
-import { Stack } from "./index16.js";
-import { cn, generateId } from "./index17.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "./index9.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./index10.js";
+import { Alert } from "./index11.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./index12.js";
+import { DataTable } from "./index13.js";
+import { Chip } from "./index14.js";
+import { ChipGroup } from "./index15.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./index16.js";
+import { Stack } from "./index17.js";
+import { cn, generateId } from "./index18.js";
 import { Icon, availableIcons } from "@adam-milo/icons";
 export {
   Alert,
@@ -44,6 +45,14 @@ export {
   NumericInput,
   PasswordInput,
   Radio,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
   Stack,
   Tabs,
   TabsContent,

package/dist/index10.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("./index17.cjs");;/* empty css          */const r=e.forwardRef(({variant:e="info",title:r,icon:s,className:i,children:c,"data-cy":d,"data-testid":l,...n},o)=>{const u=d||`alert-${e}`,$=l||`alert-${e}`;return t.jsxs("div",{ref:o,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:a.cn("alert",`alert--${e}`,i),"data-cy":u,"data-testid":$,...n,children:[s&&t.jsx("div",{className:"alert__icon","data-cy":`${u}-icon`,"data-testid":`${$}-icon`,children:s}),t.jsxs("div",{className:"alert__content","data-cy":`${u}-content`,"data-testid":`${$}-content`,children:[r&&t.jsx("div",{className:"alert__title","data-cy":`${u}-title`,"data-testid":`${$}-title`,children:r}),t.jsx("div",{"data-cy":`${u}-message`,"data-testid":`${$}-message`,children:c})]})]})});r.displayName="Alert",exports.Alert=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("@radix-ui/react-tabs"),s=require("./index18.cjs");function r(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)};/* empty css          */const i=r(a),n=i.Root,c=e.forwardRef(({className:e,"data-cy":a,"data-testid":r,...n},c)=>{const o=a||"tabs-list",d=r||"tabs-list";return t.jsx(i.List,{ref:c,className:s.cn("tabs-list",e),"data-cy":o,"data-testid":d,...n})});c.displayName=i.List.displayName;const o=e.forwardRef(({className:e,value:a,"data-cy":r,"data-testid":n,...c},o)=>{const d=r||(a?`tabs-trigger-${a}`:"tabs-trigger"),l=n||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(i.Trigger,{ref:o,className:s.cn("tabs-trigger",e),value:a,"data-cy":d,"data-testid":l,...c})});o.displayName=i.Trigger.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":r,"data-testid":n,...c},o)=>{const d=r||(a?`tabs-content-${a}`:"tabs-content"),l=n||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(i.Content,{ref:o,className:s.cn("tabs-content",e),value:a,"data-cy":d,"data-testid":l,...c})});d.displayName=i.Content.displayName,exports.Tabs=n,exports.TabsContent=d,exports.TabsList=c,exports.TabsTrigger=o;

package/dist/index10.js

@@ -1,71 +1,65 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { cn } from "./index17.js";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "./index18.js";
 /* empty css        */
-const Alert = forwardRef(
-  ({
-    variant = "info",
-    title,
-    icon,
-    className,
-    children,
-    "data-cy": dataCy,
-    "data-testid": dataTestId,
-    ...props
-  }, ref) => {
-    const roleMap = {
-      info: "status",
-      success: "status",
-      warning: "alert",
-      error: "alert"
-    };
-    const finalDataCy = dataCy || `alert-${variant}`;
-    const finalTestId = dataTestId || `alert-${variant}`;
-    return /* @__PURE__ */ jsxs(
-      "div",
+const Tabs = TabsPrimitive.Root;
+const TabsList = forwardRef(
+  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || "tabs-list";
+    const finalTestId = dataTestId || "tabs-list";
+    return /* @__PURE__ */ jsx(
+      TabsPrimitive.List,
       {
         ref,
-        role: roleMap[variant],
-        className: cn("alert", `alert--${variant}`, className),
+        className: cn("tabs-list", className),
         "data-cy": finalDataCy,
         "data-testid": finalTestId,
-        ...props,
-        children: [
-          icon && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "alert__icon",
-              "data-cy": `${finalDataCy}-icon`,
-              "data-testid": `${finalTestId}-icon`,
-              children: icon
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "alert__content",
-              "data-cy": `${finalDataCy}-content`,
-              "data-testid": `${finalTestId}-content`,
-              children: [
-                title && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "alert__title",
-                    "data-cy": `${finalDataCy}-title`,
-                    "data-testid": `${finalTestId}-title`,
-                    children: title
-                  }
-                ),
-                /* @__PURE__ */ jsx("div", { "data-cy": `${finalDataCy}-message`, "data-testid": `${finalTestId}-message`, children })
-              ]
-            }
-          )
-        ]
+        ...props
       }
     );
   }
 );
-Alert.displayName = "Alert";
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = forwardRef(
+  ({ className, value, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || (value ? `tabs-trigger-${value}` : "tabs-trigger");
+    const finalTestId = dataTestId || (value ? `tabs-trigger-${value}` : "tabs-trigger");
+    return /* @__PURE__ */ jsx(
+      TabsPrimitive.Trigger,
+      {
+        ref,
+        className: cn("tabs-trigger", className),
+        value,
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
+      }
+    );
+  }
+);
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = forwardRef(
+  ({ className, value, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || (value ? `tabs-content-${value}` : "tabs-content");
+    const finalTestId = dataTestId || (value ? `tabs-content-${value}` : "tabs-content");
+    return /* @__PURE__ */ jsx(
+      TabsPrimitive.Content,
+      {
+        ref,
+        className: cn("tabs-content", className),
+        value,
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
+      }
+    );
+  }
+);
+TabsContent.displayName = TabsPrimitive.Content.displayName;
 export {
-  Alert
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
 };

package/dist/index11.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("./index17.cjs");;/* empty css          */const r=t.forwardRef(({variant:t="default",className:r,children:d,"data-cy":c,"data-testid":s,...i},o)=>{const n=c||`card-${t}`,l=s||`card-${t}`;return a.jsx("div",{ref:o,className:e.cn("card",`card--${t}`,r),"data-cy":n,"data-testid":l,...i,children:d})});r.displayName="Card";const d=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-header",o=d||"card-header";return a.jsx("div",{ref:s,className:e.cn("card-header",t),"data-cy":i,"data-testid":o,...c})});d.displayName="CardHeader";const c=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-title",o=d||"card-title";return a.jsx("h3",{ref:s,className:e.cn("card-title",t),"data-cy":i,"data-testid":o,...c})});c.displayName="CardTitle";const s=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-description",o=d||"card-description";return a.jsx("p",{ref:s,className:e.cn("card-description",t),"data-cy":i,"data-testid":o,...c})});s.displayName="CardDescription";const i=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-content",o=d||"card-content";return a.jsx("div",{ref:s,className:e.cn("card-content",t),"data-cy":i,"data-testid":o,...c})});i.displayName="CardContent";const o=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-footer",o=d||"card-footer";return a.jsx("div",{ref:s,className:e.cn("card-footer",t),"data-cy":i,"data-testid":o,...c})});o.displayName="CardFooter",exports.Card=r,exports.CardContent=i,exports.CardDescription=s,exports.CardFooter=o,exports.CardHeader=d,exports.CardTitle=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("./index18.cjs");;/* empty css          */const r=e.forwardRef(({variant:e="info",title:r,icon:s,className:i,children:c,"data-cy":d,"data-testid":l,...n},o)=>{const u=d||`alert-${e}`,$=l||`alert-${e}`;return t.jsxs("div",{ref:o,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:a.cn("alert",`alert--${e}`,i),"data-cy":u,"data-testid":$,...n,children:[s&&t.jsx("div",{className:"alert__icon","data-cy":`${u}-icon`,"data-testid":`${$}-icon`,children:s}),t.jsxs("div",{className:"alert__content","data-cy":`${u}-content`,"data-testid":`${$}-content`,children:[r&&t.jsx("div",{className:"alert__title","data-cy":`${u}-title`,"data-testid":`${$}-title`,children:r}),t.jsx("div",{"data-cy":`${u}-message`,"data-testid":`${$}-message`,children:c})]})]})});r.displayName="Alert",exports.Alert=r;

package/dist/index11.js

@@ -1,125 +1,71 @@
-import { jsx } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { cn } from "./index17.js";
+import { cn } from "./index18.js";
 /* empty css        */
-const Card = forwardRef(
+const Alert = forwardRef(
   ({
-    variant = "default",
+    variant = "info",
+    title,
+    icon,
     className,
     children,
     "data-cy": dataCy,
     "data-testid": dataTestId,
     ...props
   }, ref) => {
-    const finalDataCy = dataCy || `card-${variant}`;
-    const finalTestId = dataTestId || `card-${variant}`;
-    return /* @__PURE__ */ jsx(
+    const roleMap = {
+      info: "status",
+      success: "status",
+      warning: "alert",
+      error: "alert"
+    };
+    const finalDataCy = dataCy || `alert-${variant}`;
+    const finalTestId = dataTestId || `alert-${variant}`;
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         ref,
-        className: cn("card", `card--${variant}`, className),
+        role: roleMap[variant],
+        className: cn("alert", `alert--${variant}`, className),
         "data-cy": finalDataCy,
         "data-testid": finalTestId,
         ...props,
-        children
+        children: [
+          icon && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "alert__icon",
+              "data-cy": `${finalDataCy}-icon`,
+              "data-testid": `${finalTestId}-icon`,
+              children: icon
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "alert__content",
+              "data-cy": `${finalDataCy}-content`,
+              "data-testid": `${finalTestId}-content`,
+              children: [
+                title && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "alert__title",
+                    "data-cy": `${finalDataCy}-title`,
+                    "data-testid": `${finalTestId}-title`,
+                    children: title
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { "data-cy": `${finalDataCy}-message`, "data-testid": `${finalTestId}-message`, children })
+              ]
+            }
+          )
+        ]
       }
     );
   }
 );
-Card.displayName = "Card";
-const CardHeader = forwardRef(
-  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-    const finalDataCy = dataCy || "card-header";
-    const finalTestId = dataTestId || "card-header";
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("card-header", className),
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props
-      }
-    );
-  }
-);
-CardHeader.displayName = "CardHeader";
-const CardTitle = forwardRef(
-  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-    const finalDataCy = dataCy || "card-title";
-    const finalTestId = dataTestId || "card-title";
-    return (
-      // eslint-disable-next-line jsx-a11y/heading-has-content
-      /* @__PURE__ */ jsx(
-        "h3",
-        {
-          ref,
-          className: cn("card-title", className),
-          "data-cy": finalDataCy,
-          "data-testid": finalTestId,
-          ...props
-        }
-      )
-    );
-  }
-);
-CardTitle.displayName = "CardTitle";
-const CardDescription = forwardRef(
-  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-    const finalDataCy = dataCy || "card-description";
-    const finalTestId = dataTestId || "card-description";
-    return /* @__PURE__ */ jsx(
-      "p",
-      {
-        ref,
-        className: cn("card-description", className),
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props
-      }
-    );
-  }
-);
-CardDescription.displayName = "CardDescription";
-const CardContent = forwardRef(
-  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-    const finalDataCy = dataCy || "card-content";
-    const finalTestId = dataTestId || "card-content";
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("card-content", className),
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props
-      }
-    );
-  }
-);
-CardContent.displayName = "CardContent";
-const CardFooter = forwardRef(
-  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-    const finalDataCy = dataCy || "card-footer";
-    const finalTestId = dataTestId || "card-footer";
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("card-footer", className),
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props
-      }
-    );
-  }
-);
-CardFooter.displayName = "CardFooter";
+Alert.displayName = "Alert";
 export {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle
+  Alert
 };

package/dist/index12.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("react"),t=require("./index17.cjs");;/* empty css          */const d=e.forwardRef(({columns:e,data:d,striped:r=!1,hoverable:l=!1,className:s,"data-cy":c,"data-testid":i,...y},o)=>{const b=c||"datatable",n=i||"datatable";return a.jsx("div",{className:"datatable-wrapper","data-cy":`${b}-wrapper`,"data-testid":`${n}-wrapper`,children:a.jsxs("table",{ref:o,className:t.cn("datatable",s),"data-cy":b,"data-testid":n,...y,children:[a.jsx("thead",{className:"datatable__head","data-cy":`${b}-head`,"data-testid":`${n}-head`,children:a.jsx("tr",{children:e.map(e=>a.jsx("th",{className:"datatable__header-cell","data-cy":`${b}-header-${e.key}`,"data-testid":`${n}-header-${e.key}`,children:e.header},e.key))})}),a.jsx("tbody",{"data-cy":`${b}-body`,"data-testid":`${n}-body`,children:0===d.length?a.jsx("tr",{children:a.jsx("td",{colSpan:e.length,className:"datatable__empty","data-cy":`${b}-empty`,"data-testid":`${n}-empty`,children:"No data available"})}):d.map((d,s)=>a.jsx("tr",{className:t.cn("datatable__body-row",l&&"datatable__body-row--hoverable",r&&"datatable__body-row--striped"),"data-cy":`${b}-row-${s}`,"data-testid":`${n}-row-${s}`,children:e.map(e=>a.jsx("td",{className:"datatable__body-cell","data-cy":`${b}-cell-${s}-${e.key}`,"data-testid":`${n}-cell-${s}-${e.key}`,children:String(d[e.key]??"")},e.key))},s))})]})})});d.displayName="DataTable",exports.DataTable=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("./index18.cjs");;/* empty css          */const r=t.forwardRef(({variant:t="default",className:r,children:d,"data-cy":c,"data-testid":s,...i},o)=>{const n=c||`card-${t}`,l=s||`card-${t}`;return a.jsx("div",{ref:o,className:e.cn("card",`card--${t}`,r),"data-cy":n,"data-testid":l,...i,children:d})});r.displayName="Card";const d=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-header",o=d||"card-header";return a.jsx("div",{ref:s,className:e.cn("card-header",t),"data-cy":i,"data-testid":o,...c})});d.displayName="CardHeader";const c=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-title",o=d||"card-title";return a.jsx("h3",{ref:s,className:e.cn("card-title",t),"data-cy":i,"data-testid":o,...c})});c.displayName="CardTitle";const s=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-description",o=d||"card-description";return a.jsx("p",{ref:s,className:e.cn("card-description",t),"data-cy":i,"data-testid":o,...c})});s.displayName="CardDescription";const i=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-content",o=d||"card-content";return a.jsx("div",{ref:s,className:e.cn("card-content",t),"data-cy":i,"data-testid":o,...c})});i.displayName="CardContent";const o=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-footer",o=d||"card-footer";return a.jsx("div",{ref:s,className:e.cn("card-footer",t),"data-cy":i,"data-testid":o,...c})});o.displayName="CardFooter",exports.Card=r,exports.CardContent=i,exports.CardDescription=s,exports.CardFooter=o,exports.CardHeader=d,exports.CardTitle=c;

package/dist/index12.js

@@ -1,93 +1,125 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { cn } from "./index17.js";
+import { cn } from "./index18.js";
 /* empty css        */
-const DataTable = forwardRef(
+const Card = forwardRef(
   ({
-    columns,
-    data,
-    striped = false,
-    hoverable = false,
+    variant = "default",
     className,
+    children,
     "data-cy": dataCy,
     "data-testid": dataTestId,
     ...props
   }, ref) => {
-    const finalDataCy = dataCy || "datatable";
-    const finalTestId = dataTestId || "datatable";
+    const finalDataCy = dataCy || `card-${variant}`;
+    const finalTestId = dataTestId || `card-${variant}`;
     return /* @__PURE__ */ jsx(
       "div",
       {
-        className: "datatable-wrapper",
-        "data-cy": `${finalDataCy}-wrapper`,
-        "data-testid": `${finalTestId}-wrapper`,
-        children: /* @__PURE__ */ jsxs(
-          "table",
-          {
-            ref,
-            className: cn("datatable", className),
-            "data-cy": finalDataCy,
-            "data-testid": finalTestId,
-            ...props,
-            children: [
-              /* @__PURE__ */ jsx(
-                "thead",
-                {
-                  className: "datatable__head",
-                  "data-cy": `${finalDataCy}-head`,
-                  "data-testid": `${finalTestId}-head`,
-                  children: /* @__PURE__ */ jsx("tr", { children: columns.map((column) => /* @__PURE__ */ jsx(
-                    "th",
-                    {
-                      className: "datatable__header-cell",
-                      "data-cy": `${finalDataCy}-header-${column.key}`,
-                      "data-testid": `${finalTestId}-header-${column.key}`,
-                      children: column.header
-                    },
-                    column.key
-                  )) })
-                }
-              ),
-              /* @__PURE__ */ jsx("tbody", { "data-cy": `${finalDataCy}-body`, "data-testid": `${finalTestId}-body`, children: data.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-                "td",
-                {
-                  colSpan: columns.length,
-                  className: "datatable__empty",
-                  "data-cy": `${finalDataCy}-empty`,
-                  "data-testid": `${finalTestId}-empty`,
-                  children: "No data available"
-                }
-              ) }) : data.map((row, rowIndex) => /* @__PURE__ */ jsx(
-                "tr",
-                {
-                  className: cn(
-                    "datatable__body-row",
-                    hoverable && "datatable__body-row--hoverable",
-                    striped && "datatable__body-row--striped"
-                  ),
-                  "data-cy": `${finalDataCy}-row-${rowIndex}`,
-                  "data-testid": `${finalTestId}-row-${rowIndex}`,
-                  children: columns.map((column) => /* @__PURE__ */ jsx(
-                    "td",
-                    {
-                      className: "datatable__body-cell",
-                      "data-cy": `${finalDataCy}-cell-${rowIndex}-${column.key}`,
-                      "data-testid": `${finalTestId}-cell-${rowIndex}-${column.key}`,
-                      children: String(row[column.key] ?? "")
-                    },
-                    column.key
-                  ))
-                },
-                rowIndex
-              )) })
-            ]
-          }
-        )
+        ref,
+        className: cn("card", `card--${variant}`, className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props,
+        children
       }
     );
   }
 );
-DataTable.displayName = "DataTable";
+Card.displayName = "Card";
+const CardHeader = forwardRef(
+  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || "card-header";
+    const finalTestId = dataTestId || "card-header";
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("card-header", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
+      }
+    );
+  }
+);
+CardHeader.displayName = "CardHeader";
+const CardTitle = forwardRef(
+  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || "card-title";
+    const finalTestId = dataTestId || "card-title";
+    return (
+      // eslint-disable-next-line jsx-a11y/heading-has-content
+      /* @__PURE__ */ jsx(
+        "h3",
+        {
+          ref,
+          className: cn("card-title", className),
+          "data-cy": finalDataCy,
+          "data-testid": finalTestId,
+          ...props
+        }
+      )
+    );
+  }
+);
+CardTitle.displayName = "CardTitle";
+const CardDescription = forwardRef(
+  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || "card-description";
+    const finalTestId = dataTestId || "card-description";
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        className: cn("card-description", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
+      }
+    );
+  }
+);
+CardDescription.displayName = "CardDescription";
+const CardContent = forwardRef(
+  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || "card-content";
+    const finalTestId = dataTestId || "card-content";
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("card-content", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
+      }
+    );
+  }
+);
+CardContent.displayName = "CardContent";
+const CardFooter = forwardRef(
+  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || "card-footer";
+    const finalTestId = dataTestId || "card-footer";
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("card-footer", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
+      }
+    );
+  }
+);
+CardFooter.displayName = "CardFooter";
 export {
-  DataTable
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
 };

package/dist/index13.cjs

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