@adam-milo/ui 1.0.20 → 1.0.22

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"),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});
+"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});

package/dist/index.js

@@ -1,55 +1,55 @@
-import { Button as e } from "./index2.js";
-import { EmailInput as a } from "./index3.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 { 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";
+import { Button } from "./index2.js";
+import { EmailInput } from "./index3.js";
+import { PasswordInput } from "./index4.js";
+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 { Icon, availableIcons } from "@adam-milo/icons";
 export {
-  I as Alert,
-  x as AlphanumericInput,
-  e as Button,
-  k as Card,
-  v as CardContent,
-  A as CardDescription,
-  F as CardFooter,
-  H as CardHeader,
-  P as CardTitle,
-  g as Checkbox,
-  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,
-  _ as Icon,
-  m as NumericInput,
-  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
+  Alert,
+  AlphanumericInput,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Chip,
+  ChipGroup,
+  DataTable,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  EmailInput,
+  Icon,
+  NumericInput,
+  PasswordInput,
+  Radio,
+  Stack,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  availableIcons,
+  cn,
+  generateId
 };

package/dist/index10.cjs

@@ -1 +1 @@
-"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;
+"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;

package/dist/index10.js

@@ -1,60 +1,62 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { cn as p } from "./index17.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "./index17.js";
 /* empty css        */
-const _ = y(
+const Alert = forwardRef(
   ({
-    variant: e = "info",
-    title: d,
-    icon: r,
-    className: i,
-    children: l,
-    "data-cy": o,
-    "data-testid": n,
-    ...m
-  }, $) => {
-    const f = {
+    variant = "info",
+    title,
+    icon,
+    className,
+    children,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const roleMap = {
       info: "status",
       success: "status",
       warning: "alert",
       error: "alert"
-    }, t = o || `alert-${e}`, a = n || `alert-${e}`;
-    return /* @__PURE__ */ c(
+    };
+    const finalDataCy = dataCy || `alert-${variant}`;
+    const finalTestId = dataTestId || `alert-${variant}`;
+    return /* @__PURE__ */ jsxs(
       "div",
       {
-        ref: $,
-        role: f[e],
-        className: p("alert", `alert--${e}`, i),
-        "data-cy": t,
-        "data-testid": a,
-        ...m,
+        ref,
+        role: roleMap[variant],
+        className: cn("alert", `alert--${variant}`, className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props,
         children: [
-          r && /* @__PURE__ */ s(
+          icon && /* @__PURE__ */ jsx(
             "div",
             {
               className: "alert__icon",
-              "data-cy": `${t}-icon`,
-              "data-testid": `${a}-icon`,
-              children: r
+              "data-cy": `${finalDataCy}-icon`,
+              "data-testid": `${finalTestId}-icon`,
+              children: icon
             }
           ),
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ jsxs(
             "div",
             {
               className: "alert__content",
-              "data-cy": `${t}-content`,
-              "data-testid": `${a}-content`,
+              "data-cy": `${finalDataCy}-content`,
+              "data-testid": `${finalTestId}-content`,
               children: [
-                d && /* @__PURE__ */ s(
+                title && /* @__PURE__ */ jsx(
                   "div",
                   {
                     className: "alert__title",
-                    "data-cy": `${t}-title`,
-                    "data-testid": `${a}-title`,
-                    children: d
+                    "data-cy": `${finalDataCy}-title`,
+                    "data-testid": `${finalTestId}-title`,
+                    children: title
                   }
                 ),
-                /* @__PURE__ */ s("div", { "data-cy": `${t}-message`, "data-testid": `${a}-message`, children: l })
+                /* @__PURE__ */ jsx("div", { "data-cy": `${finalDataCy}-message`, "data-testid": `${finalTestId}-message`, children })
               ]
             }
           )
@@ -63,7 +65,7 @@ const _ = y(
     );
   }
 );
-_.displayName = "Alert";
+Alert.displayName = "Alert";
 export {
-  _ as Alert
+  Alert
 };

package/dist/index11.cjs

@@ -1 +1 @@
-"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;
+"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;

package/dist/index11.js

@@ -1,119 +1,125 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { cn as o } from "./index17.js";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "./index17.js";
 /* empty css        */
-const f = n(
+const Card = forwardRef(
   ({
-    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 = "default",
+    className,
+    children,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || `card-${variant}`;
+    const finalTestId = dataTestId || `card-${variant}`;
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        ref: s,
-        className: o("card", `card--${a}`, t),
-        "data-cy": l,
-        "data-testid": y,
-        ...c,
-        children: d
+        ref,
+        className: cn("card", `card--${variant}`, className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props,
+        children
       }
     );
   }
 );
-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(
+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: r,
-        className: o("card-header", a),
-        "data-cy": c,
-        "data-testid": s,
-        ...e
+        ref,
+        className: cn("card-header", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
       }
     );
   }
 );
-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";
+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__ */ i(
+      /* @__PURE__ */ jsx(
         "h3",
         {
-          ref: r,
-          className: o("card-title", a),
-          "data-cy": c,
-          "data-testid": s,
-          ...e
+          ref,
+          className: cn("card-title", className),
+          "data-cy": finalDataCy,
+          "data-testid": finalTestId,
+          ...props
         }
       )
     );
   }
 );
-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(
+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: r,
-        className: o("card-description", a),
-        "data-cy": c,
-        "data-testid": s,
-        ...e
+        ref,
+        className: cn("card-description", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
       }
     );
   }
 );
-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(
+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: r,
-        className: o("card-content", a),
-        "data-cy": c,
-        "data-testid": s,
-        ...e
+        ref,
+        className: cn("card-content", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
       }
     );
   }
 );
-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(
+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: r,
-        className: o("card-footer", a),
-        "data-cy": c,
-        "data-testid": s,
-        ...e
+        ref,
+        className: cn("card-footer", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
       }
     );
   }
 );
-D.displayName = "CardFooter";
+CardFooter.displayName = "CardFooter";
 export {
-  f as Card,
-  N as CardContent,
-  p as CardDescription,
-  D as CardFooter,
-  C as CardHeader,
-  m as CardTitle
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
 };

package/dist/index12.cjs

@@ -1 +1 @@
-"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;
+"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;

package/dist/index12.js

@@ -1,83 +1,84 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { cn as y } from "./index17.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "./index17.js";
 /* empty css        */
-const n = f(
+const DataTable = forwardRef(
   ({
-    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(
+    columns,
+    data,
+    striped = false,
+    hoverable = false,
+    className,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || "datatable";
+    const finalTestId = dataTestId || "datatable";
+    return /* @__PURE__ */ jsx(
       "div",
       {
         className: "datatable-wrapper",
-        "data-cy": `${t}-wrapper`,
-        "data-testid": `${e}-wrapper`,
-        children: /* @__PURE__ */ m(
+        "data-cy": `${finalDataCy}-wrapper`,
+        "data-testid": `${finalTestId}-wrapper`,
+        children: /* @__PURE__ */ jsxs(
           "table",
           {
-            ref: _,
-            className: y("datatable", h),
-            "data-cy": t,
-            "data-testid": e,
-            ...o,
+            ref,
+            className: cn("datatable", className),
+            "data-cy": finalDataCy,
+            "data-testid": finalTestId,
+            ...props,
             children: [
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ jsx(
                 "thead",
                 {
                   className: "datatable__head",
-                  "data-cy": `${t}-head`,
-                  "data-testid": `${e}-head`,
-                  children: /* @__PURE__ */ a("tr", { children: s.map((d) => /* @__PURE__ */ a(
+                  "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": `${t}-header-${d.key}`,
-                      "data-testid": `${e}-header-${d.key}`,
-                      children: d.header
+                      "data-cy": `${finalDataCy}-header-${column.key}`,
+                      "data-testid": `${finalTestId}-header-${column.key}`,
+                      children: column.header
                     },
-                    d.key
+                    column.key
                   )) })
                 }
               ),
-              /* @__PURE__ */ a("tbody", { "data-cy": `${t}-body`, "data-testid": `${e}-body`, children: i.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
+              /* @__PURE__ */ jsx("tbody", { "data-cy": `${finalDataCy}-body`, "data-testid": `${finalTestId}-body`, children: data.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
                 "td",
                 {
-                  colSpan: s.length,
+                  colSpan: columns.length,
                   className: "datatable__empty",
-                  "data-cy": `${t}-empty`,
-                  "data-testid": `${e}-empty`,
+                  "data-cy": `${finalDataCy}-empty`,
+                  "data-testid": `${finalTestId}-empty`,
                   children: "No data available"
                 }
-              ) }) : i.map((d, l) => /* @__PURE__ */ a(
+              ) }) : data.map((row, rowIndex) => /* @__PURE__ */ jsx(
                 "tr",
                 {
-                  className: y(
+                  className: cn(
                     "datatable__body-row",
-                    b && "datatable__body-row--hoverable",
-                    c && "datatable__body-row--striped"
+                    hoverable && "datatable__body-row--hoverable",
+                    striped && "datatable__body-row--striped"
                   ),
-                  "data-cy": `${t}-row-${l}`,
-                  "data-testid": `${e}-row-${l}`,
-                  children: s.map((r) => /* @__PURE__ */ a(
+                  "data-cy": `${finalDataCy}-row-${rowIndex}`,
+                  "data-testid": `${finalTestId}-row-${rowIndex}`,
+                  children: columns.map((column) => /* @__PURE__ */ jsx(
                     "td",
                     {
                       className: "datatable__body-cell",
-                      "data-cy": `${t}-cell-${l}-${r.key}`,
-                      "data-testid": `${e}-cell-${l}-${r.key}`,
-                      children: String(d[r.key] ?? "")
+                      "data-cy": `${finalDataCy}-cell-${rowIndex}-${column.key}`,
+                      "data-testid": `${finalTestId}-cell-${rowIndex}-${column.key}`,
+                      children: String(row[column.key] ?? "")
                     },
-                    r.key
+                    column.key
                   ))
                 },
-                l
+                rowIndex
               )) })
             ]
           }
@@ -86,7 +87,7 @@ const n = f(
     );
   }
 );
-n.displayName = "DataTable";
+DataTable.displayName = "DataTable";
 export {
-  n as DataTable
+  DataTable
 };

package/dist/index13.cjs

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