@nebula-demo/ui 0.1.3

package/dist/components/Avatar/Avatar.variants.js

@@ -0,0 +1,37 @@
+import { cva as a } from "class-variance-authority";
+const t = a(
+  "cai-relative cai-inline-flex cai-items-center cai-justify-center cai-rounded-full cai-overflow-hidden cai-select-none cai-shrink-0",
+  {
+    variants: {
+      size: {
+        xxs: "cai-h-3 cai-w-3 cai-text-[0.375rem]",
+        xs: "cai-h-4 cai-w-4 cai-text-[0.5rem]",
+        sm: "cai-h-5 cai-w-5 cai-text-micro2",
+        md: "cai-h-6 cai-w-6 cai-text-micro1",
+        lg: "cai-h-7 cai-w-7 cai-text-subbody",
+        xl: "cai-h-8 cai-w-8 cai-text-body2",
+        "2xl": "cai-h-9 cai-w-9 cai-text-body1",
+        "3xl": "cai-h-10 cai-w-10 cai-text-body1",
+        "4xl": "cai-h-11 cai-w-11 cai-text-heading4",
+        "5xl": "cai-h-12 cai-w-12 cai-text-heading4"
+      },
+      colorTheme: {
+        grey: "cai-bg-tertiary cai-text-primary [&_svg]:cai-text-icon-secondary",
+        brand: "cai-bg-brand-primary cai-text-primary-invert [&_svg]:cai-text-icon-primary-invert",
+        "teal-light": "cai-bg-[var(--dv-teal-75)] cai-text-primary-alt [&_svg]:cai-text-icon-primary-alt",
+        "teal-dark": "cai-bg-[var(--dv-teal-600)] cai-text-primary-invert-alt [&_svg]:cai-text-icon-primary-invert-alt",
+        lavender: "cai-bg-[var(--dv-lavender-75)] cai-text-primary-alt [&_svg]:cai-text-icon-primary-alt",
+        lime: "cai-bg-[var(--dv-lime-200)] cai-text-primary-alt [&_svg]:cai-text-icon-primary-alt",
+        pink: "cai-bg-[var(--dv-pink-300)] cai-text-primary-invert-alt [&_svg]:cai-text-icon-primary-invert-alt",
+        orange: "cai-bg-[var(--dv-orange-300)] cai-text-primary-invert-alt [&_svg]:cai-text-icon-primary-invert-alt"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      colorTheme: "grey"
+    }
+  }
+);
+export {
+  t as avatarVariants
+};

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,5 @@
+export { Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar';
+export { avatarVariants } from './Avatar.variants';
+export type { AvatarVariantsProps } from './Avatar.variants';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/components/AvatarGroup/AvatarGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),s=require("../../utils/cn.cjs"),y=require("../../utils/focusRing.cjs"),j=require("../Avatar/Avatar.cjs"),w=require("../Icon/Icon.cjs");function A(c){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const i in c)if(i!=="default"){const t=Object.getOwnPropertyDescriptor(c,i);Object.defineProperty(a,i,t.get?t:{enumerable:!0,get:()=>c[i]})}}return a.default=c,Object.freeze(a)}const l=A(v),o=9,N={xxs:"-cai-space-x-2",xs:"-cai-space-x-2",sm:"-cai-space-x-2",md:"-cai-space-x-2",lg:"-cai-space-x-3",xl:"-cai-space-x-4","2xl":"-cai-space-x-4","3xl":"-cai-space-x-4","4xl":"-cai-space-x-4","5xl":"-cai-space-x-4"},S={xxs:"cai-gap-x-xs",xs:"cai-gap-x-sm",sm:"cai-gap-x-sm",md:"cai-gap-x-md",lg:"cai-gap-x-md",xl:"cai-gap-x-md","2xl":"cai-gap-x-md","3xl":"cai-gap-x-md","4xl":"cai-gap-x-md","5xl":"cai-gap-x-md"},I={xxs:"cai-h-3 cai-w-3",xs:"cai-h-4 cai-w-4",sm:"cai-h-5 cai-w-5",md:"cai-h-6 cai-w-6",lg:"cai-h-7 cai-w-7",xl:"cai-h-8 cai-w-8","2xl":"cai-h-9 cai-w-9","3xl":"cai-h-10 cai-w-10","4xl":"cai-h-11 cai-w-11","5xl":"cai-h-12 cai-w-12"},x=l.forwardRef(({avatars:c,size:a="md",max:i=o,isAddAvatar:t=!1,onAddAvatar:p,addLabel:d="Add person",className:m,...u},g)=>{const n=Math.min(i,o),h=c.slice(0,n),r=c.length-n;return e.jsxs("div",{ref:g,className:s.cn("cai-relative cai-flex cai-items-center",S[a],m),...u,children:[e.jsxs("ul",{className:s.cn("cai-flex cai-items-center cai-list-none cai-p-0 cai-m-0",N[a]),children:[h.map((f,b)=>e.jsx("li",{className:"cai-relative",style:{zIndex:1},children:l.cloneElement(f,{size:a})},b)),r>0&&e.jsx("li",{className:"cai-relative",style:{zIndex:1},children:e.jsx(j.Avatar,{variant:"initials",size:a,initials:`+${r}`,"aria-label":`${r} more people`})})]}),t&&e.jsx("button",{type:"button",onClick:p,"aria-label":d,className:s.cn("cai-inline-flex cai-items-center cai-justify-center","cai-rounded-full cai-border-[1.5px] cai-border-dashed cai-border-tertiary","cai-bg-transparent cai-text-tertiary cai-shrink-0","cai-cursor-pointer cai-transition-colors","hover:cai-border-primary hover:cai-text-[var(--icon-primary)]",y.FOCUS_RING,I[a]),children:e.jsx(w.Icon,{name:"plus","aria-hidden":"true",className:"cai-h-1/2 cai-w-1/2"})})]})});x.displayName="AvatarGroup";exports.AvatarGroup=x;

package/dist/components/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+type AvatarGroupSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Array of Avatar elements to render in the group. */
+    avatars: React.ReactElement[];
+    /** Avatar size key, applied to every child avatar via cloneElement. */
+    size?: AvatarGroupSize;
+    /** Maximum visible avatars before overflow. Hard-capped at 9. */
+    max?: number;
+    /** Show the add-avatar button at the end. */
+    isAddAvatar?: boolean;
+    /** Callback fired when the add-avatar button is clicked. */
+    onAddAvatar?: () => void;
+    /** Accessible label for the add button. Lets teams provide context-specific names ("Add teammate", "Add reviewer") instead of the generic default. */
+    addLabel?: string;
+}
+declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { AvatarGroup };
+//# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/components/AvatarGroup/AvatarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,KAAK,eAAe,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;AAgD/F,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,uDAAuD;IACvD,OAAO,EAAE,KAAK,CAAC,YAAY,EAAE,CAAA;IAC7B,uEAAuE;IACvE,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,iEAAiE;IACjE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,sJAAsJ;IACtJ,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAMD,QAAA,MAAM,WAAW,yFAqEhB,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,106 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as e } from "../../utils/cn.js";
+import { FOCUS_RING as w } from "../../utils/focusRing.js";
+import { Avatar as y } from "../Avatar/Avatar.js";
+import { Icon as b } from "../Icon/Icon.js";
+const x = 9, A = {
+  xxs: "-cai-space-x-2",
+  xs: "-cai-space-x-2",
+  sm: "-cai-space-x-2",
+  md: "-cai-space-x-2",
+  lg: "-cai-space-x-3",
+  xl: "-cai-space-x-4",
+  "2xl": "-cai-space-x-4",
+  "3xl": "-cai-space-x-4",
+  "4xl": "-cai-space-x-4",
+  "5xl": "-cai-space-x-4"
+}, N = {
+  xxs: "cai-gap-x-xs",
+  xs: "cai-gap-x-sm",
+  sm: "cai-gap-x-sm",
+  md: "cai-gap-x-md",
+  lg: "cai-gap-x-md",
+  xl: "cai-gap-x-md",
+  "2xl": "cai-gap-x-md",
+  "3xl": "cai-gap-x-md",
+  "4xl": "cai-gap-x-md",
+  "5xl": "cai-gap-x-md"
+}, I = {
+  xxs: "cai-h-3 cai-w-3",
+  xs: "cai-h-4 cai-w-4",
+  sm: "cai-h-5 cai-w-5",
+  md: "cai-h-6 cai-w-6",
+  lg: "cai-h-7 cai-w-7",
+  xl: "cai-h-8 cai-w-8",
+  "2xl": "cai-h-9 cai-w-9",
+  "3xl": "cai-h-10 cai-w-10",
+  "4xl": "cai-h-11 cai-w-11",
+  "5xl": "cai-h-12 cai-w-12"
+}, S = t.forwardRef(
+  ({
+    avatars: r,
+    size: a = "md",
+    max: o = x,
+    isAddAvatar: n = !1,
+    onAddAvatar: m,
+    addLabel: p = "Add person",
+    className: d,
+    ...h
+  }, g) => {
+    const l = Math.min(o, x), f = r.slice(0, l), c = r.length - l;
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: g,
+        className: e("cai-relative cai-flex cai-items-center", N[a], d),
+        ...h,
+        children: [
+          /* @__PURE__ */ s(
+            "ul",
+            {
+              className: e(
+                "cai-flex cai-items-center cai-list-none cai-p-0 cai-m-0",
+                A[a]
+              ),
+              children: [
+                f.map((u, v) => /* @__PURE__ */ i("li", { className: "cai-relative", style: { zIndex: 1 }, children: t.cloneElement(u, { size: a }) }, v)),
+                c > 0 && /* @__PURE__ */ i("li", { className: "cai-relative", style: { zIndex: 1 }, children: /* @__PURE__ */ i(
+                  y,
+                  {
+                    variant: "initials",
+                    size: a,
+                    initials: `+${c}`,
+                    "aria-label": `${c} more people`
+                  }
+                ) })
+              ]
+            }
+          ),
+          n && /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              onClick: m,
+              "aria-label": p,
+              className: e(
+                "cai-inline-flex cai-items-center cai-justify-center",
+                "cai-rounded-full cai-border-[1.5px] cai-border-dashed cai-border-tertiary",
+                "cai-bg-transparent cai-text-tertiary cai-shrink-0",
+                "cai-cursor-pointer cai-transition-colors",
+                "hover:cai-border-primary hover:cai-text-[var(--icon-primary)]",
+                w,
+                I[a]
+              ),
+              children: /* @__PURE__ */ i(b, { name: "plus", "aria-hidden": "true", className: "cai-h-1/2 cai-w-1/2" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+S.displayName = "AvatarGroup";
+export {
+  S as AvatarGroup
+};

package/dist/components/AvatarGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { AvatarGroup } from './AvatarGroup';
+export type { AvatarGroupProps } from './AvatarGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AvatarGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/AvatarLabelGroup/AvatarLabelGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),x=require("class-variance-authority"),u=require("../../utils/cn.cjs");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const r=f(d),b=x.cva("cai-flex cai-items-center cai-gap-x-md cai-w-fit cai-leading-normal",{variants:{size:{xxs:"cai-text-micro2",xs:"cai-text-micro2",sm:"cai-text-micro2",md:"cai-text-micro2",lg:"cai-text-micro2",xl:"cai-text-micro1","2xl":"cai-text-subbody","3xl":"cai-text-body2","4xl":"cai-text-body1","5xl":"cai-text-body1"}},defaultVariants:{size:"md"}}),n=r.forwardRef(({avatar:e,text:t,subtext:a,size:c="md",className:o,...l},s)=>{const m=r.cloneElement(e,{size:c});return i.jsxs("div",{ref:s,className:u.cn(b({size:c}),o),...l,children:[m,i.jsxs("div",{className:"cai-flex cai-flex-col",children:[i.jsx("p",{className:"cai-font-semibold cai-text-primary cai-m-0 cai-leading-normal",children:t}),a&&i.jsx("p",{className:"cai-text-tertiary cai-m-0 cai-leading-normal",children:a})]})]})});n.displayName="AvatarLabelGroup";exports.AvatarLabelGroup=n;

package/dist/components/AvatarLabelGroup/AvatarLabelGroup.d.ts

@@ -0,0 +1,19 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const avatarLabelGroupVariants: (props?: ({
+    size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type AvatarLabelGroupSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+export interface AvatarLabelGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof avatarLabelGroupVariants> {
+    /** An Avatar element to render on the left. Size is forwarded automatically. */
+    avatar: React.ReactElement;
+    /** Primary text (name). */
+    text: string;
+    /** Secondary text (role, email, etc.). */
+    subtext?: string;
+    /** Size variant controlling both avatar and typography scale. */
+    size?: AvatarLabelGroupSize;
+}
+declare const AvatarLabelGroup: React.ForwardRefExoticComponent<AvatarLabelGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { AvatarLabelGroup };
+//# sourceMappingURL=AvatarLabelGroup.d.ts.map

package/dist/components/AvatarLabelGroup/AvatarLabelGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarLabelGroup.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarLabelGroup/AvatarLabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,QAAA,MAAM,wBAAwB;;8EAqB7B,CAAA;AAED,KAAK,oBAAoB,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;AAMpG,MAAM,WAAW,qBACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACtD,YAAY,CAAC,OAAO,wBAAwB,CAAC;IAC/C,gFAAgF;IAChF,MAAM,EAAE,KAAK,CAAC,YAAY,CAAA;IAC1B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iEAAiE;IACjE,IAAI,CAAC,EAAE,oBAAoB,CAAA;CAC5B;AAMD,QAAA,MAAM,gBAAgB,8FAiBrB,CAAA;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/AvatarLabelGroup/AvatarLabelGroup.js

@@ -0,0 +1,43 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import * as e from "react";
+import { cva as d } from "class-variance-authority";
+import { cn as n } from "../../utils/cn.js";
+const p = d(
+  "cai-flex cai-items-center cai-gap-x-md cai-w-fit cai-leading-normal",
+  {
+    variants: {
+      size: {
+        xxs: "cai-text-micro2",
+        xs: "cai-text-micro2",
+        sm: "cai-text-micro2",
+        md: "cai-text-micro2",
+        lg: "cai-text-micro2",
+        xl: "cai-text-micro1",
+        "2xl": "cai-text-subbody",
+        "3xl": "cai-text-body2",
+        "4xl": "cai-text-body1",
+        "5xl": "cai-text-body1"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), f = e.forwardRef(
+  ({ avatar: r, text: m, subtext: a, size: i = "md", className: o, ...l }, s) => {
+    const x = e.cloneElement(r, {
+      size: i
+    });
+    return /* @__PURE__ */ c("div", { ref: s, className: n(p({ size: i }), o), ...l, children: [
+      x,
+      /* @__PURE__ */ c("div", { className: "cai-flex cai-flex-col", children: [
+        /* @__PURE__ */ t("p", { className: "cai-font-semibold cai-text-primary cai-m-0 cai-leading-normal", children: m }),
+        a && /* @__PURE__ */ t("p", { className: "cai-text-tertiary cai-m-0 cai-leading-normal", children: a })
+      ] })
+    ] });
+  }
+);
+f.displayName = "AvatarLabelGroup";
+export {
+  f as AvatarLabelGroup
+};

package/dist/components/AvatarLabelGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { AvatarLabelGroup } from './AvatarLabelGroup';
+export type { AvatarLabelGroupProps } from './AvatarLabelGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AvatarLabelGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AvatarLabelGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/components/Badge/Badge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),j=require("react"),y=require("../../utils/cn.cjs"),N=require("./Badge.variants.cjs"),O=require("../Icon/Icon.cjs");function b(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(t,s,c.get?c:{enumerable:!0,get:()=>n[s]})}}return t.default=n,Object.freeze(t)}const d=b(j),w={success:"check-circle",warning:"alert-triangle",error:"alert-circle"},a={sm:9,md:12,lg:18},o={sm:12,md:16,lg:24},g={sm:12,md:16,lg:20},h=d.forwardRef(({className:n,variant:t="default",size:s="md",avatar:c,icon:u,children:m,...f},S)=>{const p=t==="success"||t==="warning"||t==="error",e=s??"md";let i="none",r=null;return p?(i="icon",r=l.jsx("span",{className:"cai-inline-flex cai-items-center cai-justify-center cai-shrink-0",style:{width:o[e],height:o[e]},children:l.jsx(O.Icon,{name:w[t],width:a[e],height:a[e],"aria-hidden":"true"})})):c?(i="avatar",r=d.cloneElement(c,{style:{width:g[e],height:g[e],...c.props.style||{}}})):u&&(i="icon",r=l.jsx("span",{className:"cai-inline-flex cai-items-center cai-justify-center cai-shrink-0",style:{width:o[e],height:o[e]},children:d.cloneElement(u,{width:a[e],height:a[e],"aria-hidden":!0})})),l.jsxs("span",{ref:S,role:"status",className:y.cn(N.badgeVariants({variant:t,size:s,leading:i}),n),...f,children:[r,m]})});h.displayName="Badge";exports.Badge=h;

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,11 @@
+import { BadgeVariantsProps } from './Badge.variants';
+import * as React from 'react';
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, Omit<BadgeVariantsProps, 'leading'> {
+    /** Optional avatar element shown as the leading element. */
+    avatar?: React.ReactElement;
+    /** Optional icon element shown as the leading element (auto-set for status variants). */
+    icon?: React.ReactElement;
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { Badge };
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAYzE,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC;IACrC,4DAA4D;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC3B,yFAAyF;IACzF,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC1B;AAED,QAAA,MAAM,KAAK,oFAsEV,CAAA;AAID,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/Badge/Badge.js

@@ -0,0 +1,70 @@
+import { jsx as l, jsxs as S } from "react/jsx-runtime";
+import * as a from "react";
+import { cn as N } from "../../utils/cn.js";
+import { badgeVariants as w } from "./Badge.variants.js";
+import { Icon as I } from "../Icon/Icon.js";
+const y = {
+  success: "check-circle",
+  warning: "alert-triangle",
+  error: "alert-circle"
+}, c = { sm: 9, md: 12, lg: 18 }, n = { sm: 12, md: 16, lg: 24 }, d = { sm: 12, md: 16, lg: 20 }, E = a.forwardRef(
+  ({ className: h, variant: i = "default", size: o = "md", avatar: r, icon: m, children: g, ...f }, p) => {
+    const u = i === "success" || i === "warning" || i === "error", e = o ?? "md";
+    let s = "none", t = null;
+    return u ? (s = "icon", t = /* @__PURE__ */ l(
+      "span",
+      {
+        className: "cai-inline-flex cai-items-center cai-justify-center cai-shrink-0",
+        style: { width: n[e], height: n[e] },
+        children: /* @__PURE__ */ l(
+          I,
+          {
+            name: y[i],
+            width: c[e],
+            height: c[e],
+            "aria-hidden": "true"
+          }
+        )
+      }
+    )) : r ? (s = "avatar", t = a.cloneElement(
+      r,
+      {
+        style: {
+          width: d[e],
+          height: d[e],
+          ...r.props.style || {}
+        }
+      }
+    )) : m && (s = "icon", t = /* @__PURE__ */ l(
+      "span",
+      {
+        className: "cai-inline-flex cai-items-center cai-justify-center cai-shrink-0",
+        style: { width: n[e], height: n[e] },
+        children: a.cloneElement(
+          m,
+          {
+            width: c[e],
+            height: c[e],
+            "aria-hidden": !0
+          }
+        )
+      }
+    )), /* @__PURE__ */ S(
+      "span",
+      {
+        ref: p,
+        role: "status",
+        className: N(w({ variant: i, size: o, leading: s }), h),
+        ...f,
+        children: [
+          t,
+          g
+        ]
+      }
+    );
+  }
+);
+E.displayName = "Badge";
+export {
+  E as Badge
+};

package/dist/components/Badge/Badge.variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),i=a.cva("cai-inline-flex cai-items-center cai-font-semibold cai-leading-none cai-whitespace-nowrap",{variants:{variant:{default:"cai-bg-[var(--bdg-default-bg)] cai-text-[var(--bdg-default-text)] cai-border cai-border-[var(--bdg-default-bd)]",strong:"cai-bg-comp-strong cai-text-comp-strong-text",brand:"cai-bg-comp-brand cai-text-comp-brand-text","brand-alt":"cai-bg-[var(--bdg-brand-alt-bg)] cai-text-[var(--bdg-brand-alt-text)]",success:"cai-bg-[var(--bdg-success-bg)] cai-text-[var(--bdg-status-text)] [&_svg]:cai-text-[var(--icon-success-alt)]",warning:"cai-bg-[var(--bdg-warning-bg)] cai-text-[var(--bdg-status-text)] [&_svg]:cai-text-[var(--icon-warning-alt)]",error:"cai-bg-[var(--bdg-error-bg)] cai-text-[var(--bdg-status-text)] [&_svg]:cai-text-[var(--icon-error-alt)]"},size:{sm:"cai-text-[12px] cai-rounded",md:"cai-text-[14px] cai-rounded-md",lg:"cai-text-[16px] cai-rounded-md"},leading:{none:"",avatar:"",icon:""}},compoundVariants:[{size:"sm",leading:"none",class:"cai-pt-1.5 cai-pb-1 cai-px-2"},{size:"sm",leading:"avatar",class:"cai-pt-1.5 cai-pb-1 cai-px-2 cai-gap-x-1.5"},{size:"sm",leading:"icon",class:"cai-pt-1.5 cai-pb-1 cai-pl-1.5 cai-pr-2 cai-gap-x-0.5"},{size:"md",leading:"none",class:"cai-pt-1.5 cai-pb-1 cai-px-2"},{size:"md",leading:"avatar",class:"cai-pt-1.5 cai-pb-1 cai-px-2 cai-gap-x-1.5"},{size:"md",leading:"icon",class:"cai-pt-1.5 cai-pb-1 cai-pl-1.5 cai-pr-3 cai-gap-x-1"},{size:"lg",leading:"none",class:"cai-pt-2 cai-pb-1.5 cai-px-2"},{size:"lg",leading:"avatar",class:"cai-pt-2 cai-pb-1.5 cai-px-2 cai-gap-x-1.5"},{size:"lg",leading:"icon",class:"cai-pt-2 cai-pb-1.5 cai-pl-1.5 cai-pr-3 cai-gap-x-1"}],defaultVariants:{variant:"default",size:"md",leading:"none"}});exports.badgeVariants=i;

package/dist/components/Badge/Badge.variants.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "brand" | "strong" | "brand-alt" | "success" | "warning" | "error" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    leading?: "none" | "avatar" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
+//# sourceMappingURL=Badge.variants.d.ts.map

package/dist/components/Badge/Badge.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,eAAO,MAAM,aAAa;;;;8EA6CzB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA"}

package/dist/components/Badge/Badge.variants.js

@@ -0,0 +1,46 @@
+import { cva as a } from "class-variance-authority";
+const c = a(
+  "cai-inline-flex cai-items-center cai-font-semibold cai-leading-none cai-whitespace-nowrap",
+  {
+    variants: {
+      variant: {
+        default: "cai-bg-[var(--bdg-default-bg)] cai-text-[var(--bdg-default-text)] cai-border cai-border-[var(--bdg-default-bd)]",
+        strong: "cai-bg-comp-strong cai-text-comp-strong-text",
+        brand: "cai-bg-comp-brand cai-text-comp-brand-text",
+        "brand-alt": "cai-bg-[var(--bdg-brand-alt-bg)] cai-text-[var(--bdg-brand-alt-text)]",
+        success: "cai-bg-[var(--bdg-success-bg)] cai-text-[var(--bdg-status-text)] [&_svg]:cai-text-[var(--icon-success-alt)]",
+        warning: "cai-bg-[var(--bdg-warning-bg)] cai-text-[var(--bdg-status-text)] [&_svg]:cai-text-[var(--icon-warning-alt)]",
+        error: "cai-bg-[var(--bdg-error-bg)] cai-text-[var(--bdg-status-text)] [&_svg]:cai-text-[var(--icon-error-alt)]"
+      },
+      size: {
+        sm: "cai-text-[12px] cai-rounded",
+        md: "cai-text-[14px] cai-rounded-md",
+        lg: "cai-text-[16px] cai-rounded-md"
+      },
+      leading: {
+        none: "",
+        avatar: "",
+        icon: ""
+      }
+    },
+    compoundVariants: [
+      { size: "sm", leading: "none", class: "cai-pt-1.5 cai-pb-1 cai-px-2" },
+      { size: "sm", leading: "avatar", class: "cai-pt-1.5 cai-pb-1 cai-px-2 cai-gap-x-1.5" },
+      { size: "sm", leading: "icon", class: "cai-pt-1.5 cai-pb-1 cai-pl-1.5 cai-pr-2 cai-gap-x-0.5" },
+      { size: "md", leading: "none", class: "cai-pt-1.5 cai-pb-1 cai-px-2" },
+      { size: "md", leading: "avatar", class: "cai-pt-1.5 cai-pb-1 cai-px-2 cai-gap-x-1.5" },
+      { size: "md", leading: "icon", class: "cai-pt-1.5 cai-pb-1 cai-pl-1.5 cai-pr-3 cai-gap-x-1" },
+      { size: "lg", leading: "none", class: "cai-pt-2 cai-pb-1.5 cai-px-2" },
+      { size: "lg", leading: "avatar", class: "cai-pt-2 cai-pb-1.5 cai-px-2 cai-gap-x-1.5" },
+      { size: "lg", leading: "icon", class: "cai-pt-2 cai-pb-1.5 cai-pl-1.5 cai-pr-3 cai-gap-x-1" }
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      leading: "none"
+    }
+  }
+);
+export {
+  c as badgeVariants
+};

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,5 @@
+export { Badge } from './Badge';
+export type { BadgeProps } from './Badge';
+export { badgeVariants } from './Badge.variants';
+export type { BadgeVariantsProps } from './Badge.variants';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/BadgeCounter/BadgeCounter.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("react"),j=require("../../utils/cn.cjs"),p=require("./BadgeCounter.variants.cjs");function b(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const m=b(f),y=99,u=m.forwardRef(({className:t,variant:n="sm",value:e,label:r="notifications",max:c=y,...i},o)=>{if(e<1)return s.jsx("div",{ref:o,className:"cai-hidden","aria-hidden":"true",...i});const a=n==="dot",l=e>c?`${c}+`:String(e),d=e<=c&&!a,g=a?`New ${r}`:`${e} ${r}`;return s.jsxs("div",{ref:o,"aria-label":g,className:j.cn(p.badgeCounterVariants({variant:n}),d&&"cai-aspect-square",!d&&!a&&"cai-w-auto",t),...i,children:[!a&&s.jsx("span",{children:l}),a&&s.jsxs("span",{className:"cai-sr-only",children:["New ",r]})]})});u.displayName="BadgeCounter";exports.BadgeCounter=u;

package/dist/components/BadgeCounter/BadgeCounter.d.ts

@@ -0,0 +1,13 @@
+import { BadgeCounterVariantsProps } from './BadgeCounter.variants';
+import * as React from 'react';
+export interface BadgeCounterProps extends React.HTMLAttributes<HTMLDivElement>, BadgeCounterVariantsProps {
+    /** Numeric count to display */
+    value: number;
+    /** Accessible label describing what the count represents */
+    label?: string;
+    /** Maximum displayable value before showing "{max}+" (default 99) */
+    max?: number;
+}
+declare const BadgeCounter: React.ForwardRefExoticComponent<BadgeCounterProps & React.RefAttributes<HTMLDivElement>>;
+export { BadgeCounter };
+//# sourceMappingURL=BadgeCounter.d.ts.map

package/dist/components/BadgeCounter/BadgeCounter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCounter.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeCounter/BadgeCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AAI9F,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,yBAAyB;IACvE,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,QAAA,MAAM,YAAY,0FAsCjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/BadgeCounter/BadgeCounter.js

@@ -0,0 +1,43 @@
+import { jsx as c, jsxs as d } from "react/jsx-runtime";
+import * as N from "react";
+import { cn as g } from "../../utils/cn.js";
+import { badgeCounterVariants as h } from "./BadgeCounter.variants.js";
+const l = 99, u = N.forwardRef(
+  ({
+    className: m,
+    variant: n = "sm",
+    value: a,
+    label: r = "notifications",
+    max: s = l,
+    ...t
+  }, o) => {
+    if (a < 1)
+      return /* @__PURE__ */ c("div", { ref: o, className: "cai-hidden", "aria-hidden": "true", ...t });
+    const i = n === "dot", p = a > s ? `${s}+` : String(a), e = a <= s && !i, f = i ? `New ${r}` : `${a} ${r}`;
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: o,
+        "aria-label": f,
+        className: g(
+          h({ variant: n }),
+          e && "cai-aspect-square",
+          !e && !i && "cai-w-auto",
+          m
+        ),
+        ...t,
+        children: [
+          !i && /* @__PURE__ */ c("span", { children: p }),
+          i && /* @__PURE__ */ d("span", { className: "cai-sr-only", children: [
+            "New ",
+            r
+          ] })
+        ]
+      }
+    );
+  }
+);
+u.displayName = "BadgeCounter";
+export {
+  u as BadgeCounter
+};

package/dist/components/BadgeCounter/BadgeCounter.variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),i=a.cva("cai-inline-flex cai-items-center cai-justify-center cai-rounded-full cai-bg-quaternary cai-text-primary-invert cai-font-medium cai-font-mono",{variants:{variant:{sm:"cai-h-4 cai-min-w-4 cai-text-micro2 cai-leading-3 cai-px-[3px]",lg:"cai-h-6 cai-min-w-6 cai-text-subbody cai-leading-5 cai-px-[5px]",dot:"cai-h-[0.625rem] cai-w-[0.625rem]"}},defaultVariants:{variant:"sm"}});exports.badgeCounterVariants=i;

package/dist/components/BadgeCounter/BadgeCounter.variants.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const badgeCounterVariants: (props?: ({
+    variant?: "sm" | "lg" | "dot" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type BadgeCounterVariantsProps = VariantProps<typeof badgeCounterVariants>;
+//# sourceMappingURL=BadgeCounter.variants.d.ts.map

package/dist/components/BadgeCounter/BadgeCounter.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeCounter.variants.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeCounter/BadgeCounter.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,eAAO,MAAM,oBAAoB;;8EAchC,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAA"}

package/dist/components/BadgeCounter/BadgeCounter.variants.js

@@ -0,0 +1,19 @@
+import { cva as a } from "class-variance-authority";
+const c = a(
+  "cai-inline-flex cai-items-center cai-justify-center cai-rounded-full cai-bg-quaternary cai-text-primary-invert cai-font-medium cai-font-mono",
+  {
+    variants: {
+      variant: {
+        sm: "cai-h-4 cai-min-w-4 cai-text-micro2 cai-leading-3 cai-px-[3px]",
+        lg: "cai-h-6 cai-min-w-6 cai-text-subbody cai-leading-5 cai-px-[5px]",
+        dot: "cai-h-[0.625rem] cai-w-[0.625rem]"
+      }
+    },
+    defaultVariants: {
+      variant: "sm"
+    }
+  }
+);
+export {
+  c as badgeCounterVariants
+};

package/dist/components/BadgeCounter/index.d.ts

@@ -0,0 +1,5 @@
+export { BadgeCounter } from './BadgeCounter';
+export type { BadgeCounterProps } from './BadgeCounter';
+export { badgeCounterVariants } from './BadgeCounter.variants';
+export type { BadgeCounterVariantsProps } from './BadgeCounter.variants';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/BadgeCounter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BadgeCounter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/components/Button/Button.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),j=require("react"),y=require("@radix-ui/react-slot"),S=require("../../utils/cn.cjs"),O=require("./Button.variants.cjs");function q(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=q(j),l=i.forwardRef(({className:e,variant:n,size:t,asChild:o=!1,icon:c,iconReverse:u=!1,type:a,children:f,...d},b)=>{const m=o?y.Slot:"button",p=o?a:a??"button",s=t==="sm"?12:t==="md"?14:16,r=c?i.cloneElement(c,{width:s,height:s,"aria-hidden":!0}):null;return g.jsxs(m,{ref:b,type:p,className:S.cn(O.buttonVariants({variant:n,size:t}),e),...d,children:[r&&!u&&r,f,r&&u&&r]})});l.displayName="Button";exports.Button=l;

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,13 @@
+import { ButtonVariantsProps } from './Button.variants';
+import * as React from 'react';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantsProps {
+    /** Render as child element (for links, etc.) */
+    asChild?: boolean;
+    /** Leading icon element */
+    icon?: React.ReactElement;
+    /** Flip icon to trailing position */
+    iconReverse?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button };
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5E,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,mBAAmB;IAC1E,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IACzB,qCAAqC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,QAAA,MAAM,MAAM,uFAyBX,CAAA;AAID,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/Button/Button.js

@@ -0,0 +1,23 @@
+import { jsxs as b } from "react/jsx-runtime";
+import * as s from "react";
+import { Slot as h } from "@radix-ui/react-slot";
+import { cn as w } from "../../utils/cn.js";
+import { buttonVariants as x } from "./Button.variants.js";
+const y = s.forwardRef(
+  ({ className: c, variant: i, size: o, asChild: n = !1, icon: r, iconReverse: m = !1, type: a, children: l, ...f }, p) => {
+    const u = n ? h : "button", d = n ? a : a ?? "button", e = o === "sm" ? 12 : o === "md" ? 14 : 16, t = r ? s.cloneElement(r, {
+      width: e,
+      height: e,
+      "aria-hidden": !0
+    }) : null;
+    return /* @__PURE__ */ b(u, { ref: p, type: d, className: w(x({ variant: i, size: o }), c), ...f, children: [
+      t && !m && t,
+      l,
+      t && m && t
+    ] });
+  }
+);
+y.displayName = "Button";
+export {
+  y as Button
+};

package/dist/components/Button/Button.variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),i=require("../../utils/focusRing.cjs"),t=a.cva(["cai-inline-flex cai-items-center cai-justify-center cai-whitespace-nowrap","cai-font-semibold cai-transition-colors","disabled:cai-opacity-40 disabled:cai-pointer-events-none","aria-disabled:cai-opacity-40 aria-disabled:cai-pointer-events-none",i.FOCUS_RING].join(" "),{variants:{variant:{primary:"cai-bg-comp-primary cai-text-comp-primary-text hover:cai-opacity-90",secondary:"cai-bg-transparent cai-text-primary cai-border cai-border-senary hover:cai-bg-secondary",tertiary:"cai-bg-transparent cai-text-primary hover:cai-bg-secondary",brand:"cai-bg-comp-brand cai-text-comp-brand-text hover:cai-opacity-90","brand-alt":"cai-bg-comp-brand-alt cai-text-comp-brand-alt-text hover:cai-opacity-90"},size:{sm:"cai-px-3 cai-py-1 cai-gap-x-1.5 cai-text-micro1 cai-rounded-full",md:"cai-px-4 cai-py-1.5 cai-gap-x-1.5 cai-text-subbody cai-rounded-full",lg:"cai-px-6 cai-py-2 cai-gap-x-2 cai-text-body2 cai-rounded-full"}},compoundVariants:[{variant:"tertiary",class:"cai-text-subbody"}],defaultVariants:{variant:"primary",size:"lg"}});exports.buttonVariants=t;