@adam-milo/ui 1.0.32 → 1.0.34

package/dist/index16.js

@@ -1,125 +1,71 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { cn } from "./index22.js";
+import { cn } from "./index31.js";
 /* empty css        */
-const Dialog = DialogPrimitive.Root;
-const DialogTrigger = DialogPrimitive.Trigger;
-const DialogPortal = DialogPrimitive.Portal;
-const DialogClose = DialogPrimitive.Close;
-const DialogOverlay = forwardRef(({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-  const finalDataCy = dataCy || "dialog-overlay";
-  const finalTestId = dataTestId || "dialog-overlay";
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Overlay,
-    {
-      ref,
-      className: cn("dialog-overlay", className),
-      "data-cy": finalDataCy,
-      "data-testid": finalTestId,
-      ...props
-    }
-  );
-});
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = forwardRef(({ className, children, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-  const finalDataCy = dataCy || "dialog-content";
-  const finalTestId = dataTestId || "dialog-content";
-  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsx(
-      DialogPrimitive.Content,
+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",
       {
         ref,
-        className: cn("dialog-content", className),
+        role: roleMap[variant],
+        className: cn("alert", `alert--${variant}`, className),
         "data-cy": finalDataCy,
         "data-testid": finalTestId,
         ...props,
-        children
-      }
-    )
-  ] });
-});
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-const DialogHeader = ({
-  className,
-  "data-cy": dataCy,
-  "data-testid": dataTestId,
-  ...props
-}) => {
-  const finalDataCy = dataCy || "dialog-header";
-  const finalTestId = dataTestId || "dialog-header";
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("dialog-header", className),
-      "data-cy": finalDataCy,
-      "data-testid": finalTestId,
-      ...props
-    }
-  );
-};
-DialogHeader.displayName = "DialogHeader";
-const DialogFooter = ({
-  className,
-  "data-cy": dataCy,
-  "data-testid": dataTestId,
-  ...props
-}) => {
-  const finalDataCy = dataCy || "dialog-footer";
-  const finalTestId = dataTestId || "dialog-footer";
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("dialog-footer", className),
-      "data-cy": finalDataCy,
-      "data-testid": finalTestId,
-      ...props
-    }
-  );
-};
-DialogFooter.displayName = "DialogFooter";
-const DialogTitle = forwardRef(
-  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-    const finalDataCy = dataCy || "dialog-title";
-    const finalTestId = dataTestId || "dialog-title";
-    return /* @__PURE__ */ jsx(
-      DialogPrimitive.Title,
-      {
-        ref,
-        className: cn("dialog-title", 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 })
+              ]
+            }
+          )
+        ]
       }
     );
   }
 );
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-const DialogDescription = forwardRef(({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-  const finalDataCy = dataCy || "dialog-description";
-  const finalTestId = dataTestId || "dialog-description";
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Description,
-    {
-      ref,
-      className: cn("dialog-description", className),
-      "data-cy": finalDataCy,
-      "data-testid": finalTestId,
-      ...props
-    }
-  );
-});
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
+Alert.displayName = "Alert";
 export {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger
+  Alert
 };

package/dist/index17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),e=require("./index22.cjs");;/* empty css          */const s=a.forwardRef(({direction:a="vertical",spacing:s="4",align:c="stretch",justify:r="start",wrap:i=!1,className:n,children:d,"data-cy":l,"data-testid":o,...u},k)=>{const p=l||`stack-${a}`,j=o||`stack-${a}`;return t.jsx("div",{ref:k,className:e.cn("stack",`stack--${a}`,`stack--spacing-${s}`,`stack--align-${c}`,`stack--justify-${r}`,i&&"stack--wrap",n),"data-cy":p,"data-testid":j,...u,children:d})});s.displayName="Stack",exports.Stack=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("./index31.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/index17.js

@@ -1,35 +1,23 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { cn } from "./index22.js";
+import { cn } from "./index31.js";
 /* empty css        */
-const Stack = forwardRef(
+const Card = forwardRef(
   ({
-    direction = "vertical",
-    spacing = "4",
-    align = "stretch",
-    justify = "start",
-    wrap = false,
+    variant = "default",
     className,
     children,
     "data-cy": dataCy,
     "data-testid": dataTestId,
     ...props
   }, ref) => {
-    const finalDataCy = dataCy || `stack-${direction}`;
-    const finalTestId = dataTestId || `stack-${direction}`;
+    const finalDataCy = dataCy || `card-${variant}`;
+    const finalTestId = dataTestId || `card-${variant}`;
     return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
-        className: cn(
-          "stack",
-          `stack--${direction}`,
-          `stack--spacing-${spacing}`,
-          `stack--align-${align}`,
-          `stack--justify-${justify}`,
-          wrap && "stack--wrap",
-          className
-        ),
+        className: cn("card", `card--${variant}`, className),
         "data-cy": finalDataCy,
         "data-testid": finalTestId,
         ...props,
@@ -38,7 +26,100 @@ const Stack = forwardRef(
     );
   }
 );
-Stack.displayName = "Stack";
+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 {
-  Stack
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
 };

package/dist/index18.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index22.cjs");;/* empty css          */const a=t.forwardRef(({className:t,maxWidth:a="lg",padding:n="md","data-cy":i,"data-testid":d,children:c,...s},o)=>{const l=i||"container",u=d||"container";return e.jsx("div",{ref:o,className:r.cn("container",`container--max-width-${a}`,`container--padding-${n}`,t),"data-cy":l,"data-testid":u,...s,children:c})});a.displayName="Container",exports.Container=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("react"),t=require("./index31.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/index18.js

@@ -1,38 +1,93 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { cn } from "./index22.js";
+import { cn } from "./index31.js";
 /* empty css        */
-const Container = forwardRef(
+const DataTable = forwardRef(
   ({
+    columns,
+    data,
+    striped = false,
+    hoverable = false,
     className,
-    maxWidth = "lg",
-    padding = "md",
     "data-cy": dataCy,
     "data-testid": dataTestId,
-    children,
     ...props
   }, ref) => {
-    const finalDataCy = dataCy || "container";
-    const finalTestId = dataTestId || "container";
+    const finalDataCy = dataCy || "datatable";
+    const finalTestId = dataTestId || "datatable";
     return /* @__PURE__ */ jsx(
       "div",
       {
-        ref,
-        className: cn(
-          "container",
-          `container--max-width-${maxWidth}`,
-          `container--padding-${padding}`,
-          className
-        ),
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props,
-        children
+        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
+              )) })
+            ]
+          }
+        )
       }
     );
   }
 );
-Container.displayName = "Container";
+DataTable.displayName = "DataTable";
 export {
-  Container
+  DataTable
 };

package/dist/index19.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("@radix-ui/react-separator"),i=require("./index22.cjs");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}return r.default=e,Object.freeze(r)};/* empty css          */const o=a(t),d=r.forwardRef(({orientation:r="horizontal",decorative:t=!0,spacing:a="0",color:d,className:c,style:n,"data-cy":s,"data-testid":u,...l},f)=>{const v=s||`divider-${r}`,g=u||`divider-${r}`;return e.jsx(o.Root,{ref:f,decorative:t,orientation:r,className:i.cn("divider",`divider--${r}`,`divider--spacing-${a}`,c),style:{...d&&{backgroundColor:d},...n},"data-cy":v,"data-testid":g,...l})});d.displayName="Divider",exports.Divider=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),i=require("./index31.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;

package/dist/index19.js

@@ -1,46 +1,42 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { cn } from "./index22.js";
+import { cn } from "./index31.js";
 /* empty css        */
-const Divider = forwardRef(
+const Chip = forwardRef(
   ({
-    orientation = "horizontal",
-    decorative = true,
-    spacing = "0",
-    color,
+    variant = "primary",
+    selected = false,
+    disabled = false,
     className,
-    style,
-    "data-cy": dataCy,
+    children,
     "data-testid": dataTestId,
+    "data-cy": dataCy,
     ...props
   }, ref) => {
-    const finalDataCy = dataCy || `divider-${orientation}`;
-    const finalTestId = dataTestId || `divider-${orientation}`;
+    const classes = cn(
+      "chip",
+      `chip--${variant}`,
+      selected && "chip--selected",
+      disabled && "chip--disabled",
+      className
+    );
     return /* @__PURE__ */ jsx(
-      SeparatorPrimitive.Root,
+      "div",
       {
         ref,
-        decorative,
-        orientation,
-        className: cn(
-          "divider",
-          `divider--${orientation}`,
-          `divider--spacing-${spacing}`,
-          className
-        ),
-        style: {
-          ...color && { backgroundColor: color },
-          ...style
-        },
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props
+        className: classes,
+        "data-testid": dataTestId || `chip-${variant}`,
+        "data-cy": dataCy || `chip-${variant}`,
+        "aria-selected": selected,
+        "aria-disabled": disabled,
+        "aria-label": typeof children === "string" ? children : void 0,
+        ...props,
+        children: /* @__PURE__ */ jsx("span", { className: "chip__label", children })
       }
     );
   }
 );
-Divider.displayName = "Divider";
+Chip.displayName = "Chip";
 export {
-  Divider
+  Chip
 };

package/dist/index2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),r=require("./index22.cjs");;/* empty css          */const a=e.forwardRef(({variant:e="primary-workspace",fullWidth:a=!1,icon:n,className:s,children:i,disabled:c,"data-testid":d,"data-cy":o,...l},u)=>{const b=r.cn("btn",`btn--${e}`,a&&"btn--full-width",s);return t.jsxs("button",{ref:u,disabled:c,className:b,"data-testid":d||`button-${e}`,"data-cy":o||`button-${e}`,...l,children:[n&&t.jsx("span",{className:"btn__icon",children:n}),i]})});a.displayName="Button",exports.Button=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),n=require("./index31.cjs");;/* empty css          */const a=e.forwardRef(({variant:e="main-orange",fullWidth:a=!1,icon:i,iconPosition:s="left",className:r,children:c,disabled:d,"data-testid":o,"data-cy":l,...u},b)=>{const f=n.cn("btn",`btn--${e}`,a&&"btn--full-width",r);return t.jsxs("button",{ref:b,disabled:d,className:f,"data-testid":o||`button-${e}`,"data-cy":l||`button-${e}`,...u,children:[i&&"left"===s&&t.jsx("span",{className:"btn__icon",children:i}),c,i&&"right"===s&&t.jsx("span",{className:"btn__icon",children:i})]})});a.displayName="Button",exports.Button=a;

package/dist/index2.js

@@ -1,12 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { cn } from "./index22.js";
+import { cn } from "./index31.js";
 /* empty css        */
 const Button = forwardRef(
   ({
-    variant = "primary-workspace",
+    variant = "main-orange",
     fullWidth = false,
     icon,
+    iconPosition = "left",
     className,
     children,
     disabled,
@@ -25,8 +26,9 @@ const Button = forwardRef(
         "data-cy": dataCy || `button-${variant}`,
         ...props,
         children: [
-          icon && /* @__PURE__ */ jsx("span", { className: "btn__icon", children: icon }),
-          children
+          icon && iconPosition === "left" && /* @__PURE__ */ jsx("span", { className: "btn__icon", children: icon }),
+          children,
+          icon && iconPosition === "right" && /* @__PURE__ */ jsx("span", { className: "btn__icon", children: icon })
         ]
       }
     );

package/dist/index20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react");;/* empty css          */const r=e.forwardRef(({size:e="md",weight:r="regular",as:a="p",color:i="text",align:s="start",truncate:c=!1,className:o="","data-cy":n,"data-testid":x,children:l,...d},u)=>{const $=n||`text-${e}-${r}`,g=x||`text-${e}-${r}`,m=["text",`text--size-${e}`,`text--weight-${r}`,`text--color-${i}`,`text--align-${s}`,c&&"text--truncate",o].filter(Boolean).join(" ");return t.jsx(a,{ref:u,className:m,"data-cy":$,"data-testid":g,...d,children:l})});r.displayName="Text",exports.Text=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index31.cjs"),a=require("./index19.cjs");;/* empty css          */const i=require("./index50.cjs"),n=require("@adam-milo/icons"),l=(e,r,a,i,n)=>{const[l,o]=t.useState(e.length),u=t.useCallback(()=>{if(void 0!==n)return void o(Math.min(n,e.length));const t=r.current;if(!t)return;const l=t.clientWidth,u=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,s=window.getComputedStyle(t),c=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const i=parseFloat(a[1]);switch(a[2]||"px"){case"px":return i;case"rem":return i*t;case"em":return i*r;default:return.5*t}})(s.gap,u,parseFloat(s.fontSize)||16),d=3.75*u;for(let r=0;r<e.length;r++){const t=e[r],n=a.current[r];n&&i.current.set(t.value,n.offsetWidth)}const p=((e,t,r,a,i)=>{let n=0,l=0;for(let o=0;o<e.length;o++){const u=e[o],s=t.get(u.value)||0;if(0===s){l++;break}const c=n+(o>0?a:0)+s;if(o<e.length-1){if(c+a+i>r&&l>0)break}else if(c>r&&l>0)break;n=c,l++}return Math.max(1,l)})(e,i.current,l,c,d);o(p)},[e,n,r,a,i]),s=((e,r)=>{const a=t.useRef();return t.useEffect(()=>()=>{a.current&&clearTimeout(a.current)},[]),t.useCallback((...t)=>{a.current&&clearTimeout(a.current),a.current=setTimeout(()=>e(...t),r)},[e,r])})(u,100);t.useEffect(()=>{a.current.length>e.length&&(a.current=a.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(i.current.forEach((e,r)=>{t.has(r)||i.current.delete(r)}),void 0===n){e.some(e=>!i.current.has(e.value))?o(e.length):setTimeout(u,0)}},[e,n,u,a,i]),t.useEffect(()=>{const e=r.current;if(!e)return;const t=new ResizeObserver(()=>{s()});return t.observe(e),setTimeout(u,0),()=>{t.disconnect()}},[u,s,r]);const c=e.slice(0,l),d=e.slice(l);return{visibleCount:l,visibleItems:c,hiddenItems:d,hasOverflow:d.length>0}},o=t.forwardRef(({items:o,selectedValue:u,onSelectionChange:s,removable:c=!1,onRemove:d,variant:p="primary",disabled:h=!1,maxVisible:v,className:m,"data-testid":f,"data-cy":g,...b},y)=>{const w=(o&&Array.isArray(o)?o:[]).filter(e=>null!=e&&"object"==typeof e),x=t.useRef(null),k=t.useRef([]),_=t.useRef(new Map),C=t.useRef(null),[E,j]=t.useState(!1),[N,$]=t.useState(!1),D=t.useRef([]),{visibleItems:S,hiddenItems:R,hasOverflow:I}=l(w,x,k,_,v),q=t.useCallback((e,t,r)=>{if(!h&&!t&&s){s(u===e?null:e,r)}},[h,u,s]),A=t.useCallback((e,t)=>{e.stopPropagation(),h||d&&d(t,e)},[h,d]),M=t.useCallback((e,t,r)=>{h||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),q(t,r,e))},[h,q]),P=t.useCallback(e=>{e.stopPropagation(),$(e=>!e),j(!1)},[]),T=t.useCallback((e,t)=>{var r,a,i,n;switch(e.key){case"ArrowDown":e.preventDefault(),t<R.length-1&&(null==(r=D.current[t+1])||r.focus());break;case"ArrowUp":e.preventDefault(),t>0&&(null==(a=D.current[t-1])||a.focus());break;case"Home":e.preventDefault(),null==(i=D.current[0])||i.focus();break;case"End":e.preventDefault(),null==(n=D.current[R.length-1])||n.focus()}},[R.length]),z=t.useRef(),L=t.useRef();return t.useEffect(()=>{z.current=e=>{C.current&&!C.current.contains(e.target)&&$(!1)},L.current=e=>{"Escape"===e.key&&$(!1)}}),t.useEffect(()=>{if(!N)return;const e=e=>{var t;return null==(t=z.current)?void 0:t.call(z,e)},t=e=>{var t;return null==(t=L.current)?void 0:t.call(L,e)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[N]),t.useEffect(()=>{if("development"===process.env.NODE_ENV&&w.length>0){const e=w.map(e=>e.value),t=new Set(e);e.length!==t.size&&i.devWarn("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[w]),t.useEffect(()=>{D.current.length>R.length&&(D.current=D.current.slice(0,R.length))},[R]),o&&Array.isArray(o)?e.jsxs("div",{ref:y,className:r.cn("chip-group",h&&"chip-group--disabled",m),role:"group","aria-label":"Chip group","data-testid":f||"chip-group","data-cy":g||"chip-group",...b,children:[I&&e.jsxs("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[R.length," additional ",1===R.length?"chip":"chips"," hidden"]}),e.jsxs("div",{ref:x,className:"chip-group__container",children:[S.map(t=>{const r=u===t.value,i=t.variant||p,l=h||t.disabled||!1,o=w.findIndex(e=>e.value===t.value);return e.jsx("div",{ref:e=>{k.current[o]=e||null},className:"chip-group__item-wrapper","data-cy":`chip-group-item-wrapper-${t.value}`,"data-testid":`chip-group-item-wrapper-${t.value}`,children:e.jsxs("div",{className:"chip-group__item",onClick:e=>q(t.value,l,e),onKeyDown:e=>M(e,t.value,l),tabIndex:l?-1:0,role:"button","aria-pressed":r?"true":"false","aria-disabled":l?"true":"false","data-cy":`chip-group-item-${t.value}`,"data-testid":`chip-group-item-${t.value}`,children:[e.jsx(a.Chip,{variant:i,selected:r,disabled:l,"data-cy":`chip-${t.value}`,"data-testid":`chip-${t.value}`,children:t.label}),c&&!h&&!l&&e.jsx("button",{className:"chip-group__remove",onClick:e=>A(e,t.value),"aria-label":`Remove ${t.label}`,"data-cy":`chip-remove-${t.value}`,"data-testid":`chip-remove-${t.value}`,type:"button",children:e.jsx(n.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},t.value)}),I&&e.jsxs("div",{ref:C,className:"chip-group__overflow",role:"button",tabIndex:0,"aria-expanded":N?"true":"false","aria-haspopup":"menu","aria-label":`Show ${R.length} more ${1===R.length?"chip":"chips"}`,onMouseEnter:()=>!N&&j(!0),onMouseLeave:()=>j(!1),onClick:P,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),$(!N),j(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[e.jsxs(a.Chip,{variant:p,"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",R.length]}),E&&!N&&e.jsx("div",{className:"chip-group__tooltip chip-group__tooltip--hover",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:R.map(t=>e.jsx("div",{className:"chip-group__tooltip-item","data-cy":`chip-group-tooltip-item-${t.value}`,"data-testid":`chip-group-tooltip-item-${t.value}`,children:t.label},t.value))}),N&&e.jsx("div",{className:"chip-group__dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:R.map((t,a)=>e.jsx("div",{ref:e=>{D.current[a]=e||null},className:r.cn("chip-group__dropdown-item",t.disabled&&"chip-group__dropdown-item--disabled"),role:"menuitem",tabIndex:t.disabled?-1:0,"aria-disabled":t.disabled?"true":"false",onClick:e=>{e.stopPropagation(),t.disabled||(q(t.value,!1,e),$(!1))},onKeyDown:e=>{T(e,a),"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),t.disabled||(q(t.value,!1,e),$(!1)))},"data-cy":`chip-group-dropdown-item-${t.value}`,"data-testid":`chip-group-dropdown-item-${t.value}`,children:t.label},t.value))})]})]})]}):null});o.displayName="ChipGroup",exports.ChipGroup=o;