@adam-milo/ui 1.0.34 → 1.0.40

package/dist/index21.js

@@ -1,169 +1,5 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { cn } from "./index31.js";
-/* empty css        */
-import { Icon } from "@adam-milo/icons";
-const Dialog = DialogPrimitive.Root;
-const DialogTrigger = DialogPrimitive.Trigger;
-const DialogPortal = DialogPrimitive.Portal;
-const DialogClose = DialogPrimitive.Close;
-const DialogCloseButton = forwardRef(({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-  const finalDataCy = dataCy || "dialog-close-button";
-  const finalTestId = dataTestId || "dialog-close-button";
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Close,
-    {
-      ref,
-      className: cn("dialog-close-button", className),
-      "data-cy": finalDataCy,
-      "data-testid": finalTestId,
-      "aria-label": "Close dialog",
-      ...props,
-      children: /* @__PURE__ */ jsx(Icon, { name: "Cross2Icon", size: "sm", decorative: true })
-    }
-  );
-});
-DialogCloseButton.displayName = "DialogCloseButton";
-const DialogIcon = ({
-  children,
-  variant = "default",
-  className,
-  "data-cy": dataCy,
-  "data-testid": dataTestId,
-  ...props
-}) => {
-  const finalDataCy = dataCy || "dialog-icon";
-  const finalTestId = dataTestId || "dialog-icon";
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("dialog-icon", `dialog-icon--${variant}`, className),
-      "data-cy": finalDataCy,
-      "data-testid": finalTestId,
-      "aria-hidden": "true",
-      ...props,
-      children
-    }
-  );
-};
-DialogIcon.displayName = "DialogIcon";
-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,
-      {
-        ref,
-        className: cn("dialog-content", className),
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props,
-        children
-      }
-    )
-  ] });
-});
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-const DialogHeader = ({
-  centered = false,
-  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", centered && "dialog-header--centered", 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
-      }
-    );
-  }
-);
-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;
-export {
-  Dialog,
-  DialogClose,
-  DialogCloseButton,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogIcon,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger
-};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useRef as a,useState as n,useCallback as i,useEffect as o}from"react";import{cn as l}from"./index32.js";import{Chip as c}from"./index20.js";import{containerStyles as s,itemWrapperStyles as u,itemButtonStyles as d,removeButtonStyles as p,overflowButtonStyles as m,overflowChipClassMap as h,tooltipItemStyles as v,rootStyles as g}from"./index50.js";import{devWarn as f}from"./index51.js";import{Icon as b}from"@adam-milo/icons";const y=(e,t,r,l,c)=>{const[s,u]=n(e.length),d=i(()=>{if(void 0!==c)return void u(Math.min(c,e.length));const a=t.current;if(!a)return;const n=a.clientWidth,i=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,o=window.getComputedStyle(a),s=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const n=parseFloat(a[1]);switch(a[2]||"px"){case"px":return n;case"rem":return n*t;case"em":return n*r;default:return.5*t}})(o.gap,i,parseFloat(o.fontSize)||16),d=3.75*i;for(let t=0;t<e.length;t++){const a=e[t],n=r.current[t];n&&l.current.set(a.value,n.offsetWidth)}const p=((e,t,r,a,n)=>{let i=0,o=0;for(let l=0;l<e.length;l++){const c=e[l],s=t.get(c.value)||0;if(0===s){o++;break}const u=i+(l>0?a:0)+s;if(l<e.length-1){if(u+a+n>r&&o>0)break}else if(u>r&&o>0)break;i=u,o++}return Math.max(1,o)})(e,l.current,n,s,d);u(p)},[e,c,t,r,l]),p=((e,t)=>{const r=a(null);return o(()=>()=>{r.current&&clearTimeout(r.current)},[]),i((...a)=>{r.current&&clearTimeout(r.current),r.current=setTimeout(()=>e(...a),t)},[e,t])})(d,100);o(()=>{r.current.length>e.length&&(r.current=r.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(l.current.forEach((e,r)=>{t.has(r)||l.current.delete(r)}),void 0===c){e.some(e=>!l.current.has(e.value))?u(e.length):setTimeout(d,0)}},[e,c,d,r,l]),o(()=>{const e=t.current;if(!e)return;const r=new ResizeObserver(()=>{p()});return r.observe(e),setTimeout(d,0),()=>{r.disconnect()}},[d,p,t]);const m=e.slice(0,s),h=e.slice(s);return{visibleCount:s,visibleItems:m,hiddenItems:h,hasOverflow:h.length>0}},w=r(({items:r,selectedValue:w,onSelectionChange:k,removable:N=!1,onRemove:x,variant:E="primary",disabled:$=!1,maxVisible:D,className:C,"data-testid":I,"data-cy":S,...j},A)=>{const z=(r&&Array.isArray(r)?r:[]).filter(e=>null!=e&&"object"==typeof e),L=a(null),M=a([]),P=a(/* @__PURE__ */new Map),T=a(null),[O,F]=n(!1),[K,R]=n(!1),V=a([]),{visibleItems:G,hiddenItems:W,hasOverflow:q}=y(z,L,M,P,D),H=i((e,t,r)=>{if(!$&&!t&&k){k(w===e?null:e,r)}},[$,w,k]),U=i((e,t)=>{e.stopPropagation(),$||x&&x(t,e)},[$,x]),_=i((e,t,r)=>{$||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),H(t,r,e))},[$,H]),B=i(e=>{e.stopPropagation(),R(e=>!e),F(!1)},[]),J=i((e,t)=>{switch(e.key){case"ArrowDown":e.preventDefault(),t<W.length-1&&V.current[t+1]?.focus();break;case"ArrowUp":e.preventDefault(),t>0&&V.current[t-1]?.focus();break;case"Home":e.preventDefault(),V.current[0]?.focus();break;case"End":e.preventDefault(),V.current[W.length-1]?.focus()}},[W.length]),Q=a(null),X=a(null);return o(()=>{Q.current=e=>{T.current&&!T.current.contains(e.target)&&R(!1)},X.current=e=>{"Escape"===e.key&&R(!1)}}),o(()=>{if(!K)return;const e=e=>Q.current?.(e),t=e=>X.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[K]),o(()=>{if("development"===process.env.NODE_ENV&&z.length>0){const e=z.map(e=>e.value),t=new Set(e);e.length!==t.size&&f("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[z]),o(()=>{V.current.length>W.length&&(V.current=V.current.slice(0,W.length))},[W]),r&&Array.isArray(r)?/* @__PURE__ */e("div",{ref:A,className:l(g,$&&"opacity-40 pointer-events-none",C),role:"group","aria-label":"Chip group","data-testid":I||"chip-group","data-cy":S||"chip-group",...j,children:[q&&/* @__PURE__ */e("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:[W.length," additional ",1===W.length?"chip":"chips"," hidden"]}),
+/* @__PURE__ */e("div",{ref:L,className:s,children:[G.map(r=>{const a=w===r.value,n=r.variant||E,i=$||r.disabled||!1,o=z.findIndex(e=>e.value===r.value);/* @__PURE__ */
+return t("div",{ref:e=>{M.current[o]=e||null},className:u,"data-cy":`chip-group-item-wrapper-${r.value}`,"data-testid":`chip-group-item-wrapper-${r.value}`,children:/* @__PURE__ */e("div",{className:d,onClick:e=>H(r.value,i,e),onKeyDown:e=>_(e,r.value,i),tabIndex:i?-1:0,role:"button","aria-pressed":a?"true":"false","aria-disabled":i?"true":"false","data-cy":`chip-group-item-${r.value}`,"data-testid":`chip-group-item-${r.value}`,children:[
+/* @__PURE__ */t(c,{variant:n,selected:a,disabled:i,className:!N||$||i?void 0:"pe-6","data-cy":`chip-${r.value}`,"data-testid":`chip-${r.value}`,children:r.label}),N&&!$&&!i&&/* @__PURE__ */t("button",{className:p,onClick:e=>U(e,r.value),"aria-label":`Remove ${r.label}`,"data-cy":`chip-remove-${r.value}`,"data-testid":`chip-remove-${r.value}`,type:"button",children:/* @__PURE__ */t(b,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},r.value)}),q&&/* @__PURE__ */e("div",{ref:T,className:m,role:"button",tabIndex:0,"aria-expanded":K?"true":"false","aria-haspopup":"menu","aria-label":`Show ${W.length} more ${1===W.length?"chip":"chips"}`,onMouseEnter:()=>!K&&F(!0),onMouseLeave:()=>F(!1),onClick:B,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),R(!K),F(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[
+/* @__PURE__ */e(c,{variant:E,className:h[E],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",W.length]}),O&&!K&&/* @__PURE__ */t("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:W.map(e=>/* @__PURE__ */t("div",{className:v,"data-cy":`chip-group-tooltip-item-${e.value}`,"data-testid":`chip-group-tooltip-item-${e.value}`,children:e.label},e.value))}),K&&/* @__PURE__ */t("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:W.map((e,r)=>/* @__PURE__ */t("div",{ref:e=>{V.current[r]=e||null},className:l("chip-group-dropdown-item",e.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled?"true":"false",onClick:t=>{t.stopPropagation(),e.disabled||(H(e.value,!1,t),R(!1))},onKeyDown:t=>{J(t,r),"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),e.disabled||(H(e.value,!1,t),R(!1)))},"data-cy":`chip-group-dropdown-item-${e.value}`,"data-testid":`chip-group-dropdown-item-${e.value}`,children:e.label},e.value))})]})]})]}):null});w.displayName="ChipGroup";export{w as ChipGroup};

package/dist/index22.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),e=require("./index31.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 e=require("react/jsx-runtime"),a=require("react"),t=require("@radix-ui/react-dialog"),o=require("./index32.cjs"),s=require("./index52.cjs"),r=require("@adam-milo/icons");function i(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const t in e)if("default"!==t){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}return a.default=e,Object.freeze(a)}const l=i(t),d=l.Root,c=l.Trigger,n=l.Portal,y=l.Close,g=a.forwardRef(({className:a,"data-cy":t,"data-testid":i,...d},c)=>{const n=t||"dialog-close-button",y=i||"dialog-close-button";return e.jsx(l.Close,{ref:c,className:o.cn(s.closeButtonStyles,a),"data-cy":n,"data-testid":y,"aria-label":"Close dialog",...d,children:e.jsx(r.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})});g.displayName="DialogCloseButton";const m=({children:a,variant:t="default",className:r,"data-cy":i,"data-testid":l,...d})=>{const c=i||"dialog-icon",n=l||"dialog-icon";return e.jsx("div",{className:o.cn(s.iconRootStyles,s.iconVariantColor[t],r),"data-cy":c,"data-testid":n,"aria-hidden":"true",...d,children:a})};m.displayName="DialogIcon";const p=a.forwardRef(({className:a,variant:t="default","data-cy":r,"data-testid":i,...d},c)=>{const n=r||"dialog-overlay",y=i||"dialog-overlay";return e.jsx(l.Overlay,{ref:c,className:o.cn(s.overlayRootStyles,s.overlayBgStyles[t],a),"data-cy":n,"data-testid":y,...d})});p.displayName=l.Overlay.displayName;const u=a.forwardRef(({className:a,children:t,overlayVariant:r="default","data-cy":i,"data-testid":d,...c},y)=>{const g=i||"dialog-content",m=d||"dialog-content";return e.jsxs(n,{children:[e.jsx(p,{variant:r}),e.jsx("div",{className:s.contentWrapperStyles,children:e.jsx(l.Content,{ref:y,className:o.cn(s.contentStyles,a),"data-cy":g,"data-testid":m,...c,children:t})})]})});u.displayName=l.Content.displayName;const f=({centered:a=!1,className:t,"data-cy":r,"data-testid":i,...l})=>{const d=r||"dialog-header",c=i||"dialog-header";return e.jsx("div",{className:o.cn(s.headerStyles,a&&s.headerCenteredStyles,t),"data-cy":d,"data-testid":c,...l})};f.displayName="DialogHeader";const x=({className:a,"data-cy":t,"data-testid":r,...i})=>{const l=t||"dialog-footer",d=r||"dialog-footer";return e.jsx("div",{className:o.cn(s.footerStyles,a),"data-cy":l,"data-testid":d,...i})};x.displayName="DialogFooter";const N=a.forwardRef(({className:a,"data-cy":t,"data-testid":r,...i},d)=>{const c=t||"dialog-title",n=r||"dialog-title";return e.jsx(l.Title,{ref:d,className:o.cn(s.titleStyles,a),"data-cy":c,"data-testid":n,...i})});N.displayName=l.Title.displayName;const j=a.forwardRef(({className:a,"data-cy":t,"data-testid":r,...i},d)=>{const c=t||"dialog-description",n=r||"dialog-description";return e.jsx(l.Description,{ref:d,className:o.cn(s.descriptionStyles,a),"data-cy":c,"data-testid":n,...i})});j.displayName=l.Description.displayName,exports.Dialog=d,exports.DialogClose=y,exports.DialogCloseButton=g,exports.DialogContent=u,exports.DialogDescription=j,exports.DialogFooter=x,exports.DialogHeader=f,exports.DialogIcon=m,exports.DialogOverlay=p,exports.DialogPortal=n,exports.DialogTitle=N,exports.DialogTrigger=c;

package/dist/index22.js

@@ -1,44 +1,11 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { cn } from "./index31.js";
-/* empty css        */
-const Stack = forwardRef(
-  ({
-    direction = "vertical",
-    spacing = "4",
-    align = "stretch",
-    justify = "start",
-    wrap = false,
-    className,
-    children,
-    "data-cy": dataCy,
-    "data-testid": dataTestId,
-    ...props
-  }, ref) => {
-    const finalDataCy = dataCy || `stack-${direction}`;
-    const finalTestId = dataTestId || `stack-${direction}`;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "stack",
-          `stack--${direction}`,
-          `stack--spacing-${spacing}`,
-          `stack--align-${align}`,
-          `stack--justify-${justify}`,
-          wrap && "stack--wrap",
-          className
-        ),
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Stack.displayName = "Stack";
-export {
-  Stack
-};
+import{jsx as a,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import*as d from"@radix-ui/react-dialog";import{cn as i}from"./index32.js";import{contentWrapperStyles as s,closeButtonStyles as o,iconVariantColor as l,iconRootStyles as c,overlayBgStyles as r,overlayRootStyles as n,contentStyles as m,headerCenteredStyles as y,headerStyles as N,footerStyles as g,titleStyles as p,descriptionStyles as u}from"./index52.js";import{Icon as f}from"@adam-milo/icons";const v=d.Root,h=d.Trigger,C=d.Portal,D=d.Close,x=e(({className:t,"data-cy":e,"data-testid":s,...l},c)=>{const r=e||"dialog-close-button",n=s||"dialog-close-button";/* @__PURE__ */
+return a(d.Close,{ref:c,className:i(o,t),"data-cy":r,"data-testid":n,"aria-label":"Close dialog",...l,children:/* @__PURE__ */a(f,{name:"Cross2Icon",size:"sm",decorative:!0})})});x.displayName="DialogCloseButton";const b=({children:t,variant:e="default",className:d,"data-cy":s,"data-testid":o,...r})=>{const n=s||"dialog-icon",m=o||"dialog-icon";/* @__PURE__ */
+return a("div",{className:i(c,l[e],d),"data-cy":n,"data-testid":m,"aria-hidden":"true",...r,children:t})};b.displayName="DialogIcon";const j=e(({className:t,variant:e="default","data-cy":s,"data-testid":o,...l},c)=>{const m=s||"dialog-overlay",y=o||"dialog-overlay";/* @__PURE__ */
+return a(d.Overlay,{ref:c,className:i(n,r[e],t),"data-cy":m,"data-testid":y,...l})});j.displayName=d.Overlay.displayName;const T=e(({className:e,children:o,overlayVariant:l="default","data-cy":c,"data-testid":r,...n},y)=>{const N=c||"dialog-content",g=r||"dialog-content";/* @__PURE__ */
+return t(C,{children:[
+/* @__PURE__ */a(j,{variant:l}),
+/* @__PURE__ */a("div",{className:s,children:/* @__PURE__ */a(d.Content,{ref:y,className:i(m,e),"data-cy":N,"data-testid":g,...n,children:o})})]})});T.displayName=d.Content.displayName;const I=({centered:t=!1,className:e,"data-cy":d,"data-testid":s,...o})=>{const l=d||"dialog-header",c=s||"dialog-header";/* @__PURE__ */
+return a("div",{className:i(N,t&&y,e),"data-cy":l,"data-testid":c,...o})};I.displayName="DialogHeader";const O=({className:t,"data-cy":e,"data-testid":d,...s})=>{const o=e||"dialog-footer",l=d||"dialog-footer";/* @__PURE__ */
+return a("div",{className:i(g,t),"data-cy":o,"data-testid":l,...s})};O.displayName="DialogFooter";const z=e(({className:t,"data-cy":e,"data-testid":s,...o},l)=>{const c=e||"dialog-title",r=s||"dialog-title";/* @__PURE__ */
+return a(d.Title,{ref:l,className:i(p,t),"data-cy":c,"data-testid":r,...o})});z.displayName=d.Title.displayName;const B=e(({className:t,"data-cy":e,"data-testid":s,...o},l)=>{const c=e||"dialog-description",r=s||"dialog-description";/* @__PURE__ */
+return a(d.Description,{ref:l,className:i(u,t),"data-cy":c,"data-testid":r,...o})});B.displayName=d.Description.displayName;export{v as Dialog,D as DialogClose,x as DialogCloseButton,T as DialogContent,B as DialogDescription,O as DialogFooter,I as DialogHeader,b as DialogIcon,j as DialogOverlay,C as DialogPortal,z as DialogTitle,h as DialogTrigger};

package/dist/index23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index31.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 e=require("react/jsx-runtime"),t=require("react"),a=require("./index32.cjs"),r=require("./index53.cjs"),s=t.forwardRef(({direction:t="vertical",spacing:s="4",align:i="stretch",justify:c="start",wrap:l=!1,className:n,children:d,"data-cy":u,"data-testid":o,...y},f)=>{const p=u||`stack-${t}`,x=o||`stack-${t}`;return e.jsx("div",{ref:f,className:a.cn("flex w-full min-w-0",r.directionStyles[t],r.spacingStyles[s],r.alignStyles[i],r.justifyStyles[c],l&&"flex-wrap",n),"data-cy":p,"data-testid":x,...y,children:d})});s.displayName="Stack",exports.Stack=s;

package/dist/index23.js

@@ -1,38 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { cn } from "./index31.js";
-/* empty css        */
-const Container = forwardRef(
-  ({
-    className,
-    maxWidth = "lg",
-    padding = "md",
-    "data-cy": dataCy,
-    "data-testid": dataTestId,
-    children,
-    ...props
-  }, ref) => {
-    const finalDataCy = dataCy || "container";
-    const finalTestId = dataTestId || "container";
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "container",
-          `container--max-width-${maxWidth}`,
-          `container--padding-${padding}`,
-          className
-        ),
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Container.displayName = "Container";
-export {
-  Container
-};
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as r}from"./index32.js";import{justifyStyles as e,alignStyles as i,spacingStyles as s,directionStyles as c}from"./index53.js";const d=a(({direction:a="vertical",spacing:d="4",align:m="stretch",justify:n="start",wrap:o=!1,className:l,children:f,"data-cy":p,"data-testid":x,...j},u)=>{const w=p||`stack-${a}`,y=x||`stack-${a}`;/* @__PURE__ */
+return t("div",{ref:u,className:r("flex w-full min-w-0",c[a],s[d],i[m],e[n],o&&"flex-wrap",l),"data-cy":w,"data-testid":y,...j,children:f})});d.displayName="Stack";export{d as Stack};

package/dist/index24.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("./index31.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"),r=require("./index32.cjs"),t=require("./index54.cjs"),i=a.forwardRef(({className:a,maxWidth:i="lg",padding:d="md","data-cy":n,"data-testid":c,children:s,...o},l)=>{const u=n||"container",x=c||"container";return e.jsx("div",{ref:l,className:r.cn("w-full mx-auto box-border",t.maxWidthMap[i],t.paddingMap[d],a),"data-cy":u,"data-testid":x,...o,children:s})});i.displayName="Container",exports.Container=i;

package/dist/index24.js

@@ -1,46 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { cn } from "./index31.js";
-/* empty css        */
-const Divider = forwardRef(
-  ({
-    orientation = "horizontal",
-    decorative = true,
-    spacing = "0",
-    color,
-    className,
-    style,
-    "data-cy": dataCy,
-    "data-testid": dataTestId,
-    ...props
-  }, ref) => {
-    const finalDataCy = dataCy || `divider-${orientation}`;
-    const finalTestId = dataTestId || `divider-${orientation}`;
-    return /* @__PURE__ */ jsx(
-      SeparatorPrimitive.Root,
-      {
-        ref,
-        decorative,
-        orientation,
-        className: cn(
-          "divider",
-          `divider--${orientation}`,
-          `divider--spacing-${spacing}`,
-          className
-        ),
-        style: {
-          ...color && { backgroundColor: color },
-          ...style
-        },
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props
-      }
-    );
-  }
-);
-Divider.displayName = "Divider";
-export {
-  Divider
-};
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as r}from"./index32.js";import{paddingMap as e,maxWidthMap as i}from"./index54.js";const d=a(({className:a,maxWidth:d="lg",padding:o="md","data-cy":m,"data-testid":n,children:c,...s},l)=>{const p=m||"container",x=n||"container";/* @__PURE__ */
+return t("div",{ref:l,className:r("w-full mx-auto box-border",i[d],e[o],a),"data-cy":p,"data-testid":x,...s,children:c})});d.displayName="Container";export{d as Container};

package/dist/index25.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("./index31.cjs"),s=require("./index4.cjs");;/* empty css          */const d=t.forwardRef(({children:t,cardSize:d="lg",logo:i,showSettings:n=!0,showUserMenu:r=!0,userInitials:u,onSettingsClick:c,onUserMenuClick:l,activeMenu:o=null,"data-testid":h,"data-cy":y,...m},$)=>{const g=y||"auth-layout",x=h||"auth-layout";return a.jsxs("div",{ref:$,className:"auth-layout","data-testid":x,"data-cy":g,...m,children:[a.jsx("div",{className:"auth-layout__background","data-testid":`${x}-background`,"data-cy":`${g}-background`,"aria-hidden":"true"}),a.jsxs("header",{className:"auth-layout__header","data-testid":`${x}-header`,"data-cy":`${g}-header`,children:[a.jsx("div",{className:"auth-layout__logo","data-testid":`${x}-logo`,"data-cy":`${g}-logo`,children:i}),a.jsxs("div",{className:"auth-layout__menu","data-testid":`${x}-menu`,"data-cy":`${g}-menu`,children:[n&&a.jsx(s.MenuIconButton,{variant:"settings",selected:"settings"===o,onClick:c,"aria-label":"Settings","data-testid":`${x}-settings-btn`,"data-cy":`${g}-settings-btn`}),r&&a.jsx(s.MenuIconButton,{variant:"user",initials:u,selected:"user"===o,onClick:l,"aria-label":u?`User menu - ${u}`:"User menu","data-testid":`${x}-user-btn`,"data-cy":`${g}-user-btn`})]})]}),a.jsx("main",{className:"auth-layout__main","data-testid":`${x}-main`,"data-cy":`${g}-main`,children:a.jsx("div",{className:e.cn("auth-layout__card",`auth-layout__card--${d}`),"data-testid":`${x}-card`,"data-cy":`${g}-card`,children:t})})]})});d.displayName="AuthLayout",exports.AuthLayout=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("@radix-ui/react-separator"),i=require("./index32.cjs"),a=require("./index55.cjs");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const n=o(r),c=t.forwardRef(({orientation:t="horizontal",decorative:r=!0,spacing:o="0",color:c,className:s,style:d,"data-cy":l,"data-testid":u,...y},f)=>{const b=l||`divider-${t}`,g=u||`divider-${t}`;return e.jsx(n.Root,{ref:f,decorative:r,orientation:t,className:i.cn(a.baseStyles,a.orientationStyles[t],a.spacingStyles[o][t],s),style:{...c&&{backgroundColor:c},...d},"data-cy":b,"data-testid":g,...y})});c.displayName="Divider",exports.Divider=c;

package/dist/index25.js

@@ -1,118 +1,2 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { cn } from "./index31.js";
-import { MenuIconButton } from "./index4.js";
-/* empty css        */
-const AuthLayout = forwardRef(
-  ({
-    children,
-    cardSize = "lg",
-    logo,
-    showSettings = true,
-    showUserMenu = true,
-    userInitials,
-    onSettingsClick,
-    onUserMenuClick,
-    activeMenu = null,
-    "data-testid": dataTestId,
-    "data-cy": dataCy,
-    ...props
-  }, ref) => {
-    const finalDataCy = dataCy || "auth-layout";
-    const finalTestId = dataTestId || "auth-layout";
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: "auth-layout",
-        "data-testid": finalTestId,
-        "data-cy": finalDataCy,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "auth-layout__background",
-              "data-testid": `${finalTestId}-background`,
-              "data-cy": `${finalDataCy}-background`,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "header",
-            {
-              className: "auth-layout__header",
-              "data-testid": `${finalTestId}-header`,
-              "data-cy": `${finalDataCy}-header`,
-              children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "auth-layout__logo",
-                    "data-testid": `${finalTestId}-logo`,
-                    "data-cy": `${finalDataCy}-logo`,
-                    children: logo
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: "auth-layout__menu",
-                    "data-testid": `${finalTestId}-menu`,
-                    "data-cy": `${finalDataCy}-menu`,
-                    children: [
-                      showSettings && /* @__PURE__ */ jsx(
-                        MenuIconButton,
-                        {
-                          variant: "settings",
-                          selected: activeMenu === "settings",
-                          onClick: onSettingsClick,
-                          "aria-label": "Settings",
-                          "data-testid": `${finalTestId}-settings-btn`,
-                          "data-cy": `${finalDataCy}-settings-btn`
-                        }
-                      ),
-                      showUserMenu && /* @__PURE__ */ jsx(
-                        MenuIconButton,
-                        {
-                          variant: "user",
-                          initials: userInitials,
-                          selected: activeMenu === "user",
-                          onClick: onUserMenuClick,
-                          "aria-label": userInitials ? `User menu - ${userInitials}` : "User menu",
-                          "data-testid": `${finalTestId}-user-btn`,
-                          "data-cy": `${finalDataCy}-user-btn`
-                        }
-                      )
-                    ]
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "main",
-            {
-              className: "auth-layout__main",
-              "data-testid": `${finalTestId}-main`,
-              "data-cy": `${finalDataCy}-main`,
-              children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: cn("auth-layout__card", `auth-layout__card--${cardSize}`),
-                  "data-testid": `${finalTestId}-card`,
-                  "data-cy": `${finalDataCy}-card`,
-                  children
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-AuthLayout.displayName = "AuthLayout";
-export {
-  AuthLayout
-};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import*as o from"@radix-ui/react-separator";import{cn as a}from"./index32.js";import{spacingStyles as i,orientationStyles as e,baseStyles as d}from"./index55.js";const s=t(({orientation:t="horizontal",decorative:s=!0,spacing:c="0",color:m,className:n,style:p,"data-cy":l,"data-testid":f,...v},x)=>{const y=l||`divider-${t}`,u=f||`divider-${t}`;/* @__PURE__ */
+return r(o.Root,{ref:x,decorative:s,orientation:t,className:a(d,e[t],i[c][t],n),style:{...m&&{backgroundColor:m},...p},"data-cy":y,"data-testid":u,...v})});s.displayName="Divider";export{s as Divider};

package/dist/index26.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),e=require("./index31.cjs");;/* empty css          */const t=i.forwardRef(({columns:i=3,rows:t,gap:a="4",rowGap:d,columnGap:s,align:c="stretch",justify:o="stretch",autoFitMinWidth:n="15rem",className:g,children:l,style:u,"data-cy":m,"data-testid":p,...y},$)=>{const f=m||`grid-${i}col`,j=p||`grid-${i}col`,x={...u,..."auto"===i&&{"--grid-auto-fit-min":n}};return r.jsx("div",{ref:$,className:e.cn("grid",`grid--columns-${i}`,t&&`grid--rows-${t}`,`grid--gap-${a}`,d&&`grid--row-gap-${d}`,s&&`grid--column-gap-${s}`,`grid--align-${c}`,`grid--justify-${o}`,g),style:x,"data-cy":f,"data-testid":j,...y,children:l})});t.displayName="Grid",exports.Grid=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index32.cjs"),s=require("./index5.cjs"),d=require("./index56.cjs"),r=a.forwardRef(({children:a,cardSize:r="lg",logo:i,showSettings:n=!0,showUserMenu:c=!0,userInitials:l,onSettingsClick:u,onUserMenuClick:o,activeMenu:y=null,"data-testid":m,"data-cy":h,...g},x)=>{const $=h||"auth-layout",j=m||"auth-layout";return e.jsxs("div",{ref:x,className:t.cn(d.rootStyles),"data-testid":j,"data-cy":$,...g,children:[e.jsx("div",{className:t.cn(d.backgroundStyles),"data-testid":`${j}-background`,"data-cy":`${$}-background`,"aria-hidden":"true"}),e.jsxs("header",{className:t.cn(d.headerStyles),"data-testid":`${j}-header`,"data-cy":`${$}-header`,children:[e.jsx("div",{className:t.cn(d.logoWrapperStyles),"data-testid":`${j}-logo`,"data-cy":`${$}-logo`,children:i}),e.jsxs("div",{className:t.cn(d.menuWrapperStyles),"data-testid":`${j}-menu`,"data-cy":`${$}-menu`,children:[n&&e.jsx(s.MenuIconButton,{variant:"settings",selected:"settings"===y,onClick:u,"aria-label":"Settings","data-testid":`${j}-settings-btn`,"data-cy":`${$}-settings-btn`}),c&&e.jsx(s.MenuIconButton,{variant:"user",initials:l,selected:"user"===y,onClick:o,"aria-label":l?`User menu - ${l}`:"User menu","data-testid":`${j}-user-btn`,"data-cy":`${$}-user-btn`})]})]}),e.jsx("main",{className:t.cn(d.mainStyles),"data-testid":`${j}-main`,"data-cy":`${$}-main`,children:e.jsx("div",{className:t.cn(d.cardWrapperStyles,d.cardSizeClasses[r],"max-md:max-w-full"),"data-testid":`${j}-card`,"data-cy":`${$}-card`,"data-card-size":r,children:a})})]})});r.displayName="AuthLayout",exports.AuthLayout=r;

package/dist/index26.js

@@ -1,55 +1,7 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { cn } from "./index31.js";
-/* empty css        */
-const Grid = forwardRef(
-  ({
-    columns = 3,
-    rows,
-    gap = "4",
-    rowGap,
-    columnGap,
-    align = "stretch",
-    justify = "stretch",
-    autoFitMinWidth = "15rem",
-    className,
-    children,
-    style,
-    "data-cy": dataCy,
-    "data-testid": dataTestId,
-    ...props
-  }, ref) => {
-    const finalDataCy = dataCy || `grid-${columns}col`;
-    const finalTestId = dataTestId || `grid-${columns}col`;
-    const customStyle = {
-      ...style,
-      ...columns === "auto" && { "--grid-auto-fit-min": autoFitMinWidth }
-    };
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "grid",
-          `grid--columns-${columns}`,
-          rows && `grid--rows-${rows}`,
-          `grid--gap-${gap}`,
-          rowGap && `grid--row-gap-${rowGap}`,
-          columnGap && `grid--column-gap-${columnGap}`,
-          `grid--align-${align}`,
-          `grid--justify-${justify}`,
-          className
-        ),
-        style: customStyle,
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Grid.displayName = "Grid";
-export {
-  Grid
-};
+import{jsxs as a,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as d}from"./index32.js";import{MenuIconButton as i}from"./index5.js";import{backgroundStyles as s,logoWrapperStyles as r,menuWrapperStyles as n,headerStyles as c,cardSizeClasses as l,cardWrapperStyles as o,mainStyles as m,rootStyles as u}from"./index56.js";const $=e(({children:e,cardSize:$="lg",logo:h,showSettings:y=!0,showUserMenu:g=!0,userInitials:b,onSettingsClick:v,onUserMenuClick:N,activeMenu:f=null,"data-testid":p,"data-cy":x,...k},j)=>{const C=x||"auth-layout",S=p||"auth-layout";/* @__PURE__ */
+return a("div",{ref:j,className:d(u),"data-testid":S,"data-cy":C,...k,children:[
+/* @__PURE__ */t("div",{className:d(s),"data-testid":`${S}-background`,"data-cy":`${C}-background`,"aria-hidden":"true"}),
+/* @__PURE__ */a("header",{className:d(c),"data-testid":`${S}-header`,"data-cy":`${C}-header`,children:[
+/* @__PURE__ */t("div",{className:d(r),"data-testid":`${S}-logo`,"data-cy":`${C}-logo`,children:h}),
+/* @__PURE__ */a("div",{className:d(n),"data-testid":`${S}-menu`,"data-cy":`${C}-menu`,children:[y&&/* @__PURE__ */t(i,{variant:"settings",selected:"settings"===f,onClick:v,"aria-label":"Settings","data-testid":`${S}-settings-btn`,"data-cy":`${C}-settings-btn`}),g&&/* @__PURE__ */t(i,{variant:"user",initials:b,selected:"user"===f,onClick:N,"aria-label":b?`User menu - ${b}`:"User menu","data-testid":`${S}-user-btn`,"data-cy":`${C}-user-btn`})]})]}),
+/* @__PURE__ */t("main",{className:d(m),"data-testid":`${S}-main`,"data-cy":`${C}-main`,children:/* @__PURE__ */t("div",{className:d(o,l[$],"max-md:max-w-full"),"data-testid":`${S}-card`,"data-cy":`${C}-card`,"data-card-size":$,children:e})})]})});$.displayName="AuthLayout";export{$ as AuthLayout};

package/dist/index27.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 a=require("react/jsx-runtime"),r=require("react"),e=require("./index32.cjs"),t=require("./index57.cjs"),i=r.forwardRef(({columns:r=3,rows:i,gap:s="4",rowGap:o,columnGap:p,align:c="stretch",justify:d="stretch",autoFitMinWidth:n="15rem",className:l,children:u,style:m,"data-cy":M,"data-testid":g,...G},y)=>{const $=M||`grid-${r}col`,f=g||`grid-${r}col`,j=o&&p?`${t.columnGapMap[p]} ${t.rowGapMap[o]}`:o?`${t.columnGapMap[s]} ${t.rowGapMap[o]}`:p?`${t.columnGapMap[p]} ${t.rowGapMap[s]}`:t.gapMap[s],w={...m,..."auto"===r&&{"--grid-auto-fit-min":n}};return a.jsx("div",{ref:y,className:e.cn("grid",t.gridColumnsMap[r],i&&t.gridRowsMap[i],j,t.alignMap[c],t.justifyMap[d],l),style:w,"data-cy":$,"data-testid":f,...G,children:u})});i.displayName="Grid",exports.Grid=i;

package/dist/index27.js

@@ -1,45 +1,2 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-/* empty css        */
-const Text = forwardRef(
-  ({
-    size = "md",
-    weight = "regular",
-    as: Component = "p",
-    color = "text",
-    align = "start",
-    truncate = false,
-    className = "",
-    "data-cy": dataCy,
-    "data-testid": dataTestId,
-    children,
-    ...props
-  }, ref) => {
-    const finalDataCy = dataCy || `text-${size}-${weight}`;
-    const finalDataTestId = dataTestId || `text-${size}-${weight}`;
-    const classes = [
-      "text",
-      `text--size-${size}`,
-      `text--weight-${weight}`,
-      `text--color-${color}`,
-      `text--align-${align}`,
-      truncate && "text--truncate",
-      className
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: classes,
-        "data-cy": finalDataCy,
-        "data-testid": finalDataTestId,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Text.displayName = "Text";
-export {
-  Text
-};
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{cn as i}from"./index32.js";import{justifyMap as a,alignMap as e,columnGapMap as o,rowGapMap as s,gapMap as d,gridRowsMap as c,gridColumnsMap as m}from"./index57.js";const n=r(({columns:r=3,rows:n,gap:l="4",rowGap:p,columnGap:u,align:$="stretch",justify:f="stretch",autoFitMinWidth:g="15rem",className:y,children:h,style:j,"data-cy":x,"data-testid":G,...N},w)=>{const v=x||`grid-${r}col`,F=G||`grid-${r}col`,M=p&&u?`${o[u]} ${s[p]}`:p?`${o[l]} ${s[p]}`:u?`${o[u]} ${s[l]}`:d[l],W={...j,..."auto"===r&&{"--grid-auto-fit-min":g}};/* @__PURE__ */
+return t("div",{ref:w,className:i("grid",m[r],n&&c[n],M,e[$],a[f],y),style:W,"data-cy":v,"data-testid":F,...N,children:h})});n.displayName="Grid";export{n as Grid};