@spark-ui/components 16.2.3 → 17.0.1-beta.0

package/dist/{Spinner-aLrtE2JN.mjs → Spinner-Co3AjkQV.mjs}

@@ -1,12 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
 import { V as c } from "./VisuallyHidden-DjlV0-CW.mjs";
-import { makeVariants as d } from "@spark-ui/internal-utils";
-import { cva as l } from "class-variance-authority";
-const u = {
+import { makeVariants as l } from "@spark-ui/internal-utils";
+import { cva as u } from "class-variance-authority";
+const d = {
   intent: "current",
   size: "current",
   isBackgroundVisible: !1
-}, b = l(
+}, b = u(
   ["inline-block", "border-solid", "rounded-full", "border-md", "animate-spin"],
   {
     variants: {
@@ -22,12 +22,11 @@ const u = {
       /**
        * Color scheme of the spinner.
        */
-      intent: d({
+      intent: l({
         current: ["border-current"],
         main: ["border-main"],
         support: ["border-support"],
         accent: ["border-accent"],
-        basic: ["border-basic"],
         success: ["border-success"],
         alert: ["border-alert"],
         error: ["border-error"],
@@ -42,7 +41,7 @@ const u = {
         false: ["border-b-transparent", "border-l-transparent"]
       }
     },
-    defaultVariants: u
+    defaultVariants: d
   }
 ), V = ({
   className: n,
@@ -66,4 +65,4 @@ const u = {
 export {
   V as S
 };
-//# sourceMappingURL=Spinner-aLrtE2JN.mjs.map
+//# sourceMappingURL=Spinner-Co3AjkQV.mjs.map

package/dist/Spinner-Co3AjkQV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-Co3AjkQV.mjs","sources":["../src/spinner/Spinner.styles.tsx","../src/spinner/Spinner.tsx"],"sourcesContent":["import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nconst defaultVariants = {\n  intent: 'current',\n  size: 'current',\n  isBackgroundVisible: false,\n} as const\n\nexport const spinnerStyles = cva(\n  ['inline-block', 'border-solid', 'rounded-full', 'border-md', 'animate-spin'],\n  {\n    variants: {\n      /**\n       * Use `size` prop to set the size of the spinner. If you want to set the full size for the spinner, don't forget to add a wrapping container with its own size.\n       */\n      size: {\n        current: ['u-current-font-size'],\n        sm: ['w-sz-20', 'h-sz-20'],\n        md: ['w-sz-28', 'h-sz-28'],\n        full: ['w-full', 'h-full'],\n      },\n      /**\n       * Color scheme of the spinner.\n       */\n      intent: makeVariants<\n        'intent',\n        ['current', 'main', 'support', 'accent', 'success', 'alert', 'error', 'info', 'neutral']\n      >({\n        current: ['border-current'],\n        main: ['border-main'],\n        support: ['border-support'],\n        accent: ['border-accent'],\n        success: ['border-success'],\n        alert: ['border-alert'],\n        error: ['border-error'],\n        info: ['border-info'],\n        neutral: ['border-neutral'],\n      }),\n      /**\n       * Size of the button.\n       */\n      isBackgroundVisible: {\n        true: ['border-b-neutral-container', 'border-l-neutral-container'],\n        false: ['border-b-transparent', 'border-l-transparent'],\n      },\n    },\n    defaultVariants,\n  }\n)\n\nexport type SpinnerStylesProps = VariantProps<typeof spinnerStyles>\n","import { ComponentPropsWithRef, PropsWithChildren } from 'react'\n\nimport { VisuallyHidden } from '../visually-hidden'\nimport { spinnerStyles, SpinnerStylesProps } from './Spinner.styles'\n\nexport interface SpinnerProps extends ComponentPropsWithRef<'div'>, SpinnerStylesProps {\n  /**\n   * Use `label` prop for accessibility, it is important to add a fallback loading text. This text will be visible to screen readers.\n   */\n  label?: string\n}\n\nexport const Spinner = ({\n  className,\n  size = 'current',\n  intent = 'current',\n  label,\n  isBackgroundVisible,\n  ref,\n  ...others\n}: PropsWithChildren<SpinnerProps>) => {\n  return (\n    <span\n      role=\"status\"\n      data-spark-component=\"spinner\"\n      ref={ref}\n      className={spinnerStyles({ className, size, intent, isBackgroundVisible })}\n      {...others}\n    >\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n    </span>\n  )\n}\n"],"names":["defaultVariants","spinnerStyles","cva","makeVariants","Spinner","className","size","intent","label","isBackgroundVisible","ref","others","jsx","VisuallyHidden"],"mappings":";;;;AAGA,MAAMA,IAAkB;AAAA,EACtB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,qBAAqB;AACvB,GAEaC,IAAgBC;AAAA,EAC3B,CAAC,gBAAgB,gBAAgB,gBAAgB,aAAa,cAAc;AAAA,EAC5E;AAAA,IACE,UAAU;AAAA;AAAA;AAAA;AAAA,MAIR,MAAM;AAAA,QACJ,SAAS,CAAC,qBAAqB;AAAA,QAC/B,IAAI,CAAC,WAAW,SAAS;AAAA,QACzB,IAAI,CAAC,WAAW,SAAS;AAAA,QACzB,MAAM,CAAC,UAAU,QAAQ;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA,MAK3B,QAAQC,EAGN;AAAA,QACA,SAAS,CAAC,gBAAgB;AAAA,QAC1B,MAAM,CAAC,aAAa;AAAA,QACpB,SAAS,CAAC,gBAAgB;AAAA,QAC1B,QAAQ,CAAC,eAAe;AAAA,QACxB,SAAS,CAAC,gBAAgB;AAAA,QAC1B,OAAO,CAAC,cAAc;AAAA,QACtB,OAAO,CAAC,cAAc;AAAA,QACtB,MAAM,CAAC,aAAa;AAAA,QACpB,SAAS,CAAC,gBAAgB;AAAA,MAAA,CAC3B;AAAA;AAAA;AAAA;AAAA,MAID,qBAAqB;AAAA,QACnB,MAAM,CAAC,8BAA8B,4BAA4B;AAAA,QACjE,OAAO,CAAC,wBAAwB,sBAAsB;AAAA,MAAA;AAAA,IACxD;AAAA,IAEF,iBAAAH;AAAA,EAAA;AAEJ,GCrCaI,IAAU,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,wBAAqB;AAAA,IACrB,KAAAF;AAAA,IACA,WAAWT,EAAc,EAAE,WAAAI,GAAW,MAAAC,GAAM,QAAAC,GAAQ,qBAAAE,GAAqB;AAAA,IACxE,GAAGE;AAAA,IAEH,UAAAH,KAAS,gBAAAI,EAACC,GAAA,EAAgB,UAAAL,EAAA,CAAM;AAAA,EAAA;AAAA;"}

package/dist/TextLink-5MvP0P8D.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),l=require("class-variance-authority"),x=require("./Slot-DQ8z2zsy.js"),v=l.cva(["inline-flex items-center focus-visible:u-outline"],{variants:{intent:{current:"text-current hover:opacity-dim-1",main:"text-main hover:text-main-hovered",support:"text-support hover:text-support-hovered",accent:"text-accent hover:text-accent-hovered",success:"text-success hover:text-success-hovered",alert:"text-alert hover:text-alert-hovered",danger:"text-error hover:text-error-hovered",info:"text-info hover:text-info-hovered",neutral:"text-neutral hover:text-neutral-hovered"},bold:{true:"font-bold"},underline:{true:"underline",false:"hover:underline focus:underline"}},defaultVariants:{intent:"current",bold:!1,underline:!0}}),d=({asChild:e=!1,bold:t=!1,children:r,className:n,intent:o="current",underline:s=!0,ref:i,...u})=>{const a=e?x.Slot:"a";return c.jsx(a,{"data-spark-component":"text-link",ref:i,className:v({className:n,bold:t,intent:o,underline:s}),...u,children:r})};exports.TextLink=d;
+//# sourceMappingURL=TextLink-5MvP0P8D.js.map

package/dist/TextLink-5MvP0P8D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink-5MvP0P8D.js","sources":["../src/text-link/TextLink.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority'\nimport { type ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nconst textLinkStyles = cva(['inline-flex items-center focus-visible:u-outline'], {\n  variants: {\n    intent: {\n      current: 'text-current hover:opacity-dim-1',\n      main: 'text-main hover:text-main-hovered',\n      support: 'text-support hover:text-support-hovered',\n      accent: 'text-accent hover:text-accent-hovered',\n      success: 'text-success hover:text-success-hovered',\n      alert: 'text-alert hover:text-alert-hovered',\n      danger: 'text-error hover:text-error-hovered',\n      info: 'text-info hover:text-info-hovered',\n      neutral: 'text-neutral hover:text-neutral-hovered',\n    },\n    /** By default, TextLink inherits the current font weight. Use `bold` to highlight it. */\n    bold: {\n      true: 'font-bold',\n    },\n    /**\n     * Underline is enabled by default.\n     * You can remove it, but be careful about a11y, as you should make obvious to users what is a link or not.\n     */\n    underline: {\n      true: 'underline',\n      false: 'hover:underline focus:underline',\n    },\n  },\n  defaultVariants: {\n    intent: 'current',\n    bold: false,\n    underline: true,\n  },\n})\n\nexport type StylesProps = VariantProps<typeof textLinkStyles>\n\nexport type TextLinkProps = ComponentPropsWithRef<'a'> &\n  StylesProps & {\n    /**\n     * Change the component to the HTML tag or custom component of the only child.\n     */\n    asChild?: boolean\n  }\n\nexport const TextLink = ({\n  asChild = false,\n  bold = false,\n  children,\n  className,\n  intent = 'current',\n  underline = true,\n  ref,\n  ...props\n}: TextLinkProps) => {\n  const Component = asChild ? Slot : 'a'\n\n  return (\n    <Component\n      data-spark-component=\"text-link\"\n      ref={ref}\n      className={textLinkStyles({ className, bold, intent, underline })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"names":["textLinkStyles","cva","TextLink","asChild","bold","children","className","intent","underline","ref","props","Component","Slot","jsx"],"mappings":"wHAKMA,EAAiBC,EAAAA,IAAI,CAAC,kDAAkD,EAAG,CAC/E,SAAU,CACR,OAAQ,CACN,QAAS,mCACT,KAAM,oCACN,QAAS,0CACT,OAAQ,wCACR,QAAS,0CACT,MAAO,sCACP,OAAQ,sCACR,KAAM,oCACN,QAAS,yCAAA,EAGX,KAAM,CACJ,KAAM,WAAA,EAMR,UAAW,CACT,KAAM,YACN,MAAO,iCAAA,CACT,EAEF,gBAAiB,CACf,OAAQ,UACR,KAAM,GACN,UAAW,EAAA,CAEf,CAAC,EAYYC,EAAW,CAAC,CACvB,QAAAC,EAAU,GACV,KAAAC,EAAO,GACP,SAAAC,EACA,UAAAC,EACA,OAAAC,EAAS,UACT,UAAAC,EAAY,GACZ,IAAAC,EACA,GAAGC,CACL,IAAqB,CACnB,MAAMC,EAAYR,EAAUS,EAAAA,KAAO,IAEnC,OACEC,EAAAA,IAACF,EAAA,CACC,uBAAqB,YACrB,IAAAF,EACA,UAAWT,EAAe,CAAE,UAAAM,EAAW,KAAAF,EAAM,OAAAG,EAAQ,UAAAC,EAAW,EAC/D,GAAGE,EAEH,SAAAL,CAAA,CAAA,CAGP"}

package/dist/{TextLink-D7mOCjY_.mjs → TextLink-Cc_LeVcx.mjs}

@@ -1,14 +1,13 @@
-import { jsx as c } from "react/jsx-runtime";
-import { cva as u } from "class-variance-authority";
-import { S as l } from "./Slot-DLY1rJrG.mjs";
-const x = u(["inline-flex items-center focus-visible:u-outline"], {
+import { jsx as u } from "react/jsx-runtime";
+import { cva as l } from "class-variance-authority";
+import { S as c } from "./Slot-DLY1rJrG.mjs";
+const x = l(["inline-flex items-center focus-visible:u-outline"], {
   variants: {
     intent: {
       current: "text-current hover:opacity-dim-1",
       main: "text-main hover:text-main-hovered",
       support: "text-support hover:text-support-hovered",
       accent: "text-accent hover:text-accent-hovered",
-      basic: "text-basic hover:text-basic-hovered",
       success: "text-success hover:text-success-hovered",
       alert: "text-alert hover:text-alert-hovered",
       danger: "text-error hover:text-error-hovered",
@@ -37,17 +36,17 @@ const x = u(["inline-flex items-center focus-visible:u-outline"], {
   asChild: e = !1,
   bold: t = !1,
   children: r,
-  className: o,
-  intent: n = "current",
+  className: n,
+  intent: o = "current",
   underline: a = !0,
   ref: s,
   ...i
-}) => /* @__PURE__ */ c(
-  e ? l : "a",
+}) => /* @__PURE__ */ u(
+  e ? c : "a",
   {
     "data-spark-component": "text-link",
     ref: s,
-    className: x({ className: o, bold: t, intent: n, underline: a }),
+    className: x({ className: n, bold: t, intent: o, underline: a }),
     ...i,
     children: r
   }
@@ -55,4 +54,4 @@ const x = u(["inline-flex items-center focus-visible:u-outline"], {
 export {
   m as T
 };
-//# sourceMappingURL=TextLink-D7mOCjY_.mjs.map
+//# sourceMappingURL=TextLink-Cc_LeVcx.mjs.map

package/dist/TextLink-Cc_LeVcx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink-Cc_LeVcx.mjs","sources":["../src/text-link/TextLink.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority'\nimport { type ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nconst textLinkStyles = cva(['inline-flex items-center focus-visible:u-outline'], {\n  variants: {\n    intent: {\n      current: 'text-current hover:opacity-dim-1',\n      main: 'text-main hover:text-main-hovered',\n      support: 'text-support hover:text-support-hovered',\n      accent: 'text-accent hover:text-accent-hovered',\n      success: 'text-success hover:text-success-hovered',\n      alert: 'text-alert hover:text-alert-hovered',\n      danger: 'text-error hover:text-error-hovered',\n      info: 'text-info hover:text-info-hovered',\n      neutral: 'text-neutral hover:text-neutral-hovered',\n    },\n    /** By default, TextLink inherits the current font weight. Use `bold` to highlight it. */\n    bold: {\n      true: 'font-bold',\n    },\n    /**\n     * Underline is enabled by default.\n     * You can remove it, but be careful about a11y, as you should make obvious to users what is a link or not.\n     */\n    underline: {\n      true: 'underline',\n      false: 'hover:underline focus:underline',\n    },\n  },\n  defaultVariants: {\n    intent: 'current',\n    bold: false,\n    underline: true,\n  },\n})\n\nexport type StylesProps = VariantProps<typeof textLinkStyles>\n\nexport type TextLinkProps = ComponentPropsWithRef<'a'> &\n  StylesProps & {\n    /**\n     * Change the component to the HTML tag or custom component of the only child.\n     */\n    asChild?: boolean\n  }\n\nexport const TextLink = ({\n  asChild = false,\n  bold = false,\n  children,\n  className,\n  intent = 'current',\n  underline = true,\n  ref,\n  ...props\n}: TextLinkProps) => {\n  const Component = asChild ? Slot : 'a'\n\n  return (\n    <Component\n      data-spark-component=\"text-link\"\n      ref={ref}\n      className={textLinkStyles({ className, bold, intent, underline })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"names":["textLinkStyles","cva","TextLink","asChild","bold","children","className","intent","underline","ref","props","jsx","Slot"],"mappings":";;;AAKA,MAAMA,IAAiBC,EAAI,CAAC,kDAAkD,GAAG;AAAA,EAC/E,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,MAAM;AAAA,MACJ,MAAM;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMR,WAAW;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,WAAW;AAAA,EAAA;AAEf,CAAC,GAYYC,IAAW,CAAC;AAAA,EACvB,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,KAAAC;AAAA,EACA,GAAGC;AACL,MAII,gBAAAC;AAAA,EAHgBR,IAAUS,IAAO;AAAA,EAGhC;AAAA,IACC,wBAAqB;AAAA,IACrB,KAAAH;AAAA,IACA,WAAWT,EAAe,EAAE,WAAAM,GAAW,MAAAF,GAAM,QAAAG,GAAQ,WAAAC,GAAW;AAAA,IAC/D,GAAGE;AAAA,IAEH,UAAAL;AAAA,EAAA;AAAA;"}

package/dist/accordion/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("@base-ui/react/accordion"),a=require("class-variance-authority"),x=require("react"),f=require("../Slot-DQ8z2zsy.js"),N=require("@spark-ui/icons/ArrowHorizontalDown"),j=require("../Icon-CF0W0LKr.js");function d(e,o){const t=e?f.Slot:o;return e?({...r})=>n.jsx(t,{...r}):void 0}const h=x.createContext(null),b=({asChild:e=!1,children:o,design:t="outlined",hiddenUntilFound:r=!0,multiple:c=!1,className:i,ref:l,...v})=>{const y=d(e,"div");return n.jsx(h.Provider,{value:{design:t},children:n.jsx(s.Accordion.Root,{"data-spark-component":"accordion",ref:l,multiple:c,hiddenUntilFound:r,className:a.cx("bg-surface h-fit rounded-lg",i),render:y,...v,children:o})})};b.displayName="Accordion";const I=()=>{const e=x.useContext(h);if(!e)throw Error("useAccordionContext must be used within a Accordion provider");return e},u=({asChild:e=!1,className:o,children:t,ref:r,...c})=>{const i=I(),l=d(e,"div");return n.jsx(s.Accordion.Item,{ref:r,"data-spark-component":"accordion-item",render:l,className:a.cx("relative first:rounded-t-lg last:rounded-b-lg","not-last:border-b-0",{"border-sm border-outline":i.design==="outlined"},o),...c,children:t})};u.displayName="Accordion.Item";const m=({asChild:e=!1,className:o,children:t,ref:r,...c})=>{const i=d(e,"div");return n.jsx(s.Accordion.Panel,{ref:r,"data-spark-component":"accordion-item-content",className:a.cx("[&>:first-child]:p-lg overflow-hidden","h-[var(--accordion-panel-height)] transition-all duration-200 data-[ending-style]:h-0 data-[starting-style]:h-0","text-body-1 text-on-surface",o),render:i,...c,children:t})};m.displayName="Accordion.ItemContent";const p=({asChild:e=!1,children:o,className:t,ref:r})=>{const c=e?f.Slot:"h3";return n.jsx(c,{ref:r,"data-spark-component":"accordion-item-header",className:a.cx("rounded-[inherit]",t),children:o})};p.displayName="Accordion.ItemHeader";const g=({asChild:e=!1,children:o,className:t,ref:r,...c})=>{const i=d(e,"button");return n.jsxs(s.Accordion.Trigger,{ref:r,"data-spark-component":"accordion-item-trigger",render:i,className:a.cx("group","gap-lg min-h-sz-48 relative flex items-center justify-between","px-lg py-md text-headline-2 text-on-surface data-[panel-open]:rounded-b-0 w-full rounded-[inherit] text-left","hover:enabled:bg-surface-hovered focus:bg-surface-hovered","focus-visible:u-outline focus-visible:z-raised focus-visible:outline-hidden","disabled:opacity-dim-3 cursor-pointer disabled:cursor-not-allowed",t),...c,children:[n.jsx("div",{className:"gap-lg flex grow items-center",children:o}),n.jsx(j.Icon,{intent:"neutral",className:a.cx("shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none","group-data-[panel-open]:rotate-180"),size:"sm",children:n.jsx(N.ArrowHorizontalDown,{})})]})};g.displayName="Accordion.ItemTrigger";const A=Object.assign(b,{Item:u,ItemHeader:p,ItemTrigger:g,ItemContent:m});A.displayName="Accordion";u.displayName="Item";p.displayName="ItemHeader";g.displayName="Accordion.Trigger";m.displayName="Accordion.Content";exports.Accordion=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("@base-ui/react/accordion"),a=require("class-variance-authority"),x=require("react"),f=require("../Slot-DQ8z2zsy.js"),N=require("@spark-ui/icons/ArrowHorizontalDown"),j=require("../Icon-C-cNTnzd.js");function d(e,o){const t=e?f.Slot:o;return e?({...r})=>n.jsx(t,{...r}):void 0}const h=x.createContext(null),b=({asChild:e=!1,children:o,design:t="outlined",hiddenUntilFound:r=!0,multiple:c=!1,className:i,ref:l,...v})=>{const y=d(e,"div");return n.jsx(h.Provider,{value:{design:t},children:n.jsx(s.Accordion.Root,{"data-spark-component":"accordion",ref:l,multiple:c,hiddenUntilFound:r,className:a.cx("bg-surface h-fit rounded-lg",i),render:y,...v,children:o})})};b.displayName="Accordion";const I=()=>{const e=x.useContext(h);if(!e)throw Error("useAccordionContext must be used within a Accordion provider");return e},u=({asChild:e=!1,className:o,children:t,ref:r,...c})=>{const i=I(),l=d(e,"div");return n.jsx(s.Accordion.Item,{ref:r,"data-spark-component":"accordion-item",render:l,className:a.cx("relative first:rounded-t-lg last:rounded-b-lg","not-last:border-b-0",{"border-sm border-outline":i.design==="outlined"},o),...c,children:t})};u.displayName="Accordion.Item";const m=({asChild:e=!1,className:o,children:t,ref:r,...c})=>{const i=d(e,"div");return n.jsx(s.Accordion.Panel,{ref:r,"data-spark-component":"accordion-item-content",className:a.cx("[&>:first-child]:p-lg overflow-hidden","h-[var(--accordion-panel-height)] transition-all duration-200 data-[ending-style]:h-0 data-[starting-style]:h-0","text-body-1 text-on-surface",o),render:i,...c,children:t})};m.displayName="Accordion.ItemContent";const p=({asChild:e=!1,children:o,className:t,ref:r})=>{const c=e?f.Slot:"h3";return n.jsx(c,{ref:r,"data-spark-component":"accordion-item-header",className:a.cx("rounded-[inherit]",t),children:o})};p.displayName="Accordion.ItemHeader";const g=({asChild:e=!1,children:o,className:t,ref:r,...c})=>{const i=d(e,"button");return n.jsxs(s.Accordion.Trigger,{ref:r,"data-spark-component":"accordion-item-trigger",render:i,className:a.cx("group","gap-lg min-h-sz-48 relative flex items-center justify-between","px-lg py-md text-headline-2 text-on-surface data-[panel-open]:rounded-b-0 w-full rounded-[inherit] text-left","hover:enabled:bg-surface-hovered focus:bg-surface-hovered","focus-visible:u-outline focus-visible:z-raised focus-visible:outline-hidden","disabled:opacity-dim-3 cursor-pointer disabled:cursor-not-allowed",t),...c,children:[n.jsx("div",{className:"gap-lg flex grow items-center",children:o}),n.jsx(j.Icon,{intent:"neutral",className:a.cx("shrink-0 rotate-0 duration-100 ease-in motion-reduce:transition-none","group-data-[panel-open]:rotate-180"),size:"sm",children:n.jsx(N.ArrowHorizontalDown,{})})]})};g.displayName="Accordion.ItemTrigger";const A=Object.assign(b,{Item:u,ItemHeader:p,ItemTrigger:g,ItemContent:m});A.displayName="Accordion";u.displayName="Item";p.displayName="ItemHeader";g.displayName="Accordion.Trigger";m.displayName="Accordion.Content";exports.Accordion=A;
 //# sourceMappingURL=index.js.map

package/dist/accordion/index.mjs

@@ -4,7 +4,7 @@ import { cx as d } from "class-variance-authority";
 import { createContext as N, useContext as y } from "react";
 import { S as g } from "../Slot-DLY1rJrG.mjs";
 import { ArrowHorizontalDown as I } from "@spark-ui/icons/ArrowHorizontalDown";
-import { I as C } from "../Icon-C23-htlD.mjs";
+import { I as C } from "../Icon-BO327oHU.mjs";
 function s(e, o) {
   const t = e ? g : o;
   return e ? ({ ...r }) => /* @__PURE__ */ n(t, { ...r }) : void 0;

package/dist/avatar/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),m=require("class-variance-authority"),N=require("react"),h=require("../Slot-DQ8z2zsy.js"),q=require("@spark-ui/icons/PenOutline"),w=require("../Icon-CF0W0LKr.js"),R=require("../IconButton-D3g86WpZ.js");function $(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const b=$(N),P=b.createContext(void 0),v=()=>{const e=b.useContext(P);if(!e)throw new Error("useAvatarContext must be used within an Avatar component");return e},j={xs:24,sm:32,md:40,lg:56,xl:64,"2xl":96},z=b.forwardRef(({className:e,size:n="xl",isOnline:t=!1,onlineText:a,username:s,asChild:l,children:i,shape:c="circle",...o},u)=>{const d=l?h.Slot:"div",r=b.useMemo(()=>({size:n,isOnline:t,onlineText:a,username:s,shape:c,pixelSize:j[n]}),[n,t,s,c,a]);return x.jsx(P.Provider,{value:r,children:x.jsx(d,{ref:u,style:{width:j[n],height:j[n]},"data-spark-component":"avatar",className:m.cx("relative inline-flex items-center justify-center",e),...o,children:i})})});z.displayName="Avatar";const O=({className:e,asChild:n,src:t,onLoad:a,onError:s,...l})=>{const{username:i,isOnline:c,onlineText:o}=v(),u=n?h.Slot:"img",[d,r]=N.useState(!1),y=c&&o?`${i} (${o})`:i;if(N.useEffect(()=>{r(!1)},[t]),!t)return null;const g=A=>{r(!0),a?.(A)},p=A=>{r(!1),s?.(A)};return x.jsx(u,{"aria-hidden":!0,className:m.cx("absolute inset-0 size-full","object-cover",{"transition-all duration-300 group-hover:scale-120":l.onClick},"focus-visible:u-outline",d?"block":"hidden",e),alt:y,src:t,onLoad:g,onError:p,...l})};O.displayName="AvatarImage";const S=({className:e,children:n,asChild:t,angle:a=135,ariaLabel:s,...l})=>{const i=t?h.Slot:R.IconButton,{pixelSize:c,shape:o}=v();function u(y){const g=(90-a)*Math.PI/180,p=y/2;return{x:p+p*Math.cos(g),y:p-p*Math.sin(g)}}const d=u(c),r=t;return x.jsx(i,{"data-spark-component":"avatar-action",style:{position:"absolute",...o==="circle"?{left:`${d.x}px`,top:`${d.y}px`}:{},...o==="square"?{right:"0px",bottom:"0px"}:{}},className:m.cx("z-raised",o==="circle"?"-translate-x-1/2 -translate-y-1/2":"translate-x-1/4 translate-y-1/4",{"shadow-sm":!r},e),"aria-label":s,title:s,...r?{}:{size:"sm",intent:"support",design:"contrast"},...l,children:n||x.jsx(w.Icon,{size:"sm",children:x.jsx(q.PenOutline,{})})})};S.displayName="AvatarAction";const C=({angle:e=135,...n})=>{const{isOnline:t,pixelSize:a,shape:s,onlineText:l,size:i}=v();if(!t)return null;function c(u){const d=(90-e)*Math.PI/180,r=u/2;return{x:r+r*Math.cos(d),y:r-r*Math.sin(d)}}const o=c(a);return x.jsx("div",{"data-spark-component":"avatar-online-badge",role:"status","aria-label":l,style:{...s==="circle"?{left:`${o.x}px`,top:`${o.y}px`}:{right:"0px",bottom:"0px"}},className:m.cx("bg-success outline-surface absolute rounded-full",s==="circle"?"-translate-x-1/2 -translate-y-1/2":"translate-x-1/4 translate-y-1/4",["lg","xl","2xl"].includes(i)?m.cx("size-sz-12 outline-4"):m.cx("size-sz-8 outline-2")),...n})};C.displayName="AvatarOnlineBadge";const I=({asChild:e,children:n,className:t,...a})=>{const{shape:s,isOnline:l,onlineText:i,username:c}=v(),o=e?h.Slot:"div",u=l&&i?`${c} (${i})`:c;return x.jsx(o,{...!e&&{role:"img"},"aria-label":u,title:u,className:m.cx("group default:border-outline relative size-full overflow-hidden","focus-visible:u-outline",{"default:rounded-full":s==="circle","default:rounded-md":s==="square","hover:opacity-dim-1 cursor-pointer":e||a.onClick},t),...a,children:n})};I.displayName="AvatarUser";const M=({className:e,children:n,...t})=>{const{size:a,username:s}=v(),l=s?.charAt(0);return x.jsx("div",{"aria-hidden":!0,className:m.cx("absolute inset-0 flex size-full items-center justify-center","default:bg-neutral default:text-on-neutral",{"text-display-1":a==="2xl","text-display-2":["xl","lg"].includes(a),"text-display-3":a==="md","text-headline-2":a==="sm","text-body-2 font-bold":a==="xs"},e),...t,children:n||l})};M.displayName="AvatarPlaceholder";const f=z;f.Image=O;f.Action=S;f.OnlineBadge=C;f.User=I;f.Placeholder=M;exports.Avatar=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),m=require("class-variance-authority"),N=require("react"),h=require("../Slot-DQ8z2zsy.js"),q=require("@spark-ui/icons/PenOutline"),w=require("../Icon-C-cNTnzd.js"),R=require("../IconButton-JFDGiOOn.js");function $(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const b=$(N),P=b.createContext(void 0),v=()=>{const e=b.useContext(P);if(!e)throw new Error("useAvatarContext must be used within an Avatar component");return e},j={xs:24,sm:32,md:40,lg:56,xl:64,"2xl":96},z=b.forwardRef(({className:e,size:n="xl",isOnline:t=!1,onlineText:a,username:s,asChild:l,children:i,shape:c="circle",...o},u)=>{const d=l?h.Slot:"div",r=b.useMemo(()=>({size:n,isOnline:t,onlineText:a,username:s,shape:c,pixelSize:j[n]}),[n,t,s,c,a]);return x.jsx(P.Provider,{value:r,children:x.jsx(d,{ref:u,style:{width:j[n],height:j[n]},"data-spark-component":"avatar",className:m.cx("relative inline-flex items-center justify-center",e),...o,children:i})})});z.displayName="Avatar";const O=({className:e,asChild:n,src:t,onLoad:a,onError:s,...l})=>{const{username:i,isOnline:c,onlineText:o}=v(),u=n?h.Slot:"img",[d,r]=N.useState(!1),y=c&&o?`${i} (${o})`:i;if(N.useEffect(()=>{r(!1)},[t]),!t)return null;const g=A=>{r(!0),a?.(A)},p=A=>{r(!1),s?.(A)};return x.jsx(u,{"aria-hidden":!0,className:m.cx("absolute inset-0 size-full","object-cover",{"transition-all duration-300 group-hover:scale-120":l.onClick},"focus-visible:u-outline",d?"block":"hidden",e),alt:y,src:t,onLoad:g,onError:p,...l})};O.displayName="AvatarImage";const S=({className:e,children:n,asChild:t,angle:a=135,ariaLabel:s,...l})=>{const i=t?h.Slot:R.IconButton,{pixelSize:c,shape:o}=v();function u(y){const g=(90-a)*Math.PI/180,p=y/2;return{x:p+p*Math.cos(g),y:p-p*Math.sin(g)}}const d=u(c),r=t;return x.jsx(i,{"data-spark-component":"avatar-action",style:{position:"absolute",...o==="circle"?{left:`${d.x}px`,top:`${d.y}px`}:{},...o==="square"?{right:"0px",bottom:"0px"}:{}},className:m.cx("z-raised",o==="circle"?"-translate-x-1/2 -translate-y-1/2":"translate-x-1/4 translate-y-1/4",{"shadow-sm":!r},e),"aria-label":s,title:s,...r?{}:{size:"sm",intent:"support",design:"contrast"},...l,children:n||x.jsx(w.Icon,{size:"sm",children:x.jsx(q.PenOutline,{})})})};S.displayName="AvatarAction";const C=({angle:e=135,...n})=>{const{isOnline:t,pixelSize:a,shape:s,onlineText:l,size:i}=v();if(!t)return null;function c(u){const d=(90-e)*Math.PI/180,r=u/2;return{x:r+r*Math.cos(d),y:r-r*Math.sin(d)}}const o=c(a);return x.jsx("div",{"data-spark-component":"avatar-online-badge",role:"status","aria-label":l,style:{...s==="circle"?{left:`${o.x}px`,top:`${o.y}px`}:{right:"0px",bottom:"0px"}},className:m.cx("bg-success outline-surface absolute rounded-full",s==="circle"?"-translate-x-1/2 -translate-y-1/2":"translate-x-1/4 translate-y-1/4",["lg","xl","2xl"].includes(i)?m.cx("size-sz-12 outline-4"):m.cx("size-sz-8 outline-2")),...n})};C.displayName="AvatarOnlineBadge";const I=({asChild:e,children:n,className:t,...a})=>{const{shape:s,isOnline:l,onlineText:i,username:c}=v(),o=e?h.Slot:"div",u=l&&i?`${c} (${i})`:c;return x.jsx(o,{...!e&&{role:"img"},"aria-label":u,title:u,className:m.cx("group default:border-outline relative size-full overflow-hidden","focus-visible:u-outline",{"default:rounded-full":s==="circle","default:rounded-md":s==="square","hover:opacity-dim-1 cursor-pointer":e||a.onClick},t),...a,children:n})};I.displayName="AvatarUser";const M=({className:e,children:n,...t})=>{const{size:a,username:s}=v(),l=s?.charAt(0);return x.jsx("div",{"aria-hidden":!0,className:m.cx("absolute inset-0 flex size-full items-center justify-center","default:bg-neutral default:text-on-neutral",{"text-display-1":a==="2xl","text-display-2":["xl","lg"].includes(a),"text-display-3":a==="md","text-headline-2":a==="sm","text-body-2 font-bold":a==="xs"},e),...t,children:n||l})};M.displayName="AvatarPlaceholder";const f=z;f.Image=O;f.Action=S;f.OnlineBadge=C;f.User=I;f.Placeholder=M;exports.Avatar=f;
 //# sourceMappingURL=index.js.map

package/dist/avatar/index.mjs

@@ -4,8 +4,8 @@ import * as g from "react";
 import { useState as k, useEffect as B } from "react";
 import { S as b } from "../Slot-DLY1rJrG.mjs";
 import { PenOutline as O } from "@spark-ui/icons/PenOutline";
-import { I as R } from "../Icon-C23-htlD.mjs";
-import { I as S } from "../IconButton-Bfd-6BAD.mjs";
+import { I as R } from "../Icon-BO327oHU.mjs";
+import { I as S } from "../IconButton-CP4JbWsI.mjs";
 const z = g.createContext(void 0), f = () => {
   const t = g.useContext(z);
   if (!t)

package/dist/badge/BadgeItem.styles.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const styles: (props?: ({
-    intent?: "main" | "alert" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | "danger" | "surface" | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | null | undefined;
     size?: "sm" | "md" | null | undefined;
     type?: "relative" | "standalone" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/badge/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("@spark-ui/internal-utils"),f=require("class-variance-authority"),g=f.cva(["inline-flex h-fit","empty:p-0","text-center font-bold","rounded-full box-content"],{variants:{intent:c.makeVariants({main:["bg-main","text-on-main","border-surface"],support:["bg-support","text-on-support","border-surface"],accent:["bg-accent","text-on-accent","border-surface"],success:["bg-success","text-on-success","border-surface"],alert:["bg-alert","text-on-alert","border-surface"],danger:["bg-error","text-on-error","border-surface"],info:["bg-info","text-on-info","border-surface"],neutral:["bg-neutral","text-on-neutral","border-surface"],surface:["bg-surface","text-on-surface","border-surface"],basic:["bg-basic","text-on-basic","border-surface"]}),size:c.makeVariants({sm:["text-small","px-[var(--spacing-sz-6)] py-[var(--spacing-sz-2)]","empty:size-sz-8"],md:["text-caption","px-md py-sm","empty:size-sz-16"]}),type:{relative:["absolute right-0 border-md","translate-x-1/2 -translate-y-1/2"],standalone:[]}},defaultVariants:{intent:"danger",size:"md",type:"relative"}}),i=({intent:e="danger",size:t="md",type:o="relative",count:a,overflowCount:s=99,"aria-label":n,className:l,...u})=>{const b=a&&a>s,p=typeof n=="function"?n({count:a,overflowCount:s}):n,m={...u,"aria-label":p};return r.jsx("span",{"data-spark-component":"badge",role:"status",className:g({intent:e,size:t,type:o,className:l}),...m,children:b?`${s}+`:a})};i.displayName="BadgeItem";const d=({children:e,...t})=>!e?r.jsx(i,{type:"standalone",...t}):r.jsxs("div",{className:"relative inline-flex",children:[e,r.jsx(i,{...t})]});d.displayName="Badge";exports.Badge=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("@spark-ui/internal-utils"),f=require("class-variance-authority"),g=f.cva(["inline-flex h-fit","empty:p-0","text-center font-bold","rounded-full box-content"],{variants:{intent:c.makeVariants({main:["bg-main","text-on-main","border-surface"],support:["bg-support","text-on-support","border-surface"],accent:["bg-accent","text-on-accent","border-surface"],success:["bg-success","text-on-success","border-surface"],alert:["bg-alert","text-on-alert","border-surface"],danger:["bg-error","text-on-error","border-surface"],info:["bg-info","text-on-info","border-surface"],neutral:["bg-neutral","text-on-neutral","border-surface"],surface:["bg-surface","text-on-surface","border-surface"]}),size:c.makeVariants({sm:["text-small","px-[var(--spacing-sz-6)] py-[var(--spacing-sz-2)]","empty:size-sz-8"],md:["text-caption","px-md py-sm","empty:size-sz-16"]}),type:{relative:["absolute right-0 border-md","translate-x-1/2 -translate-y-1/2"],standalone:[]}},defaultVariants:{intent:"danger",size:"md",type:"relative"}}),i=({intent:e="danger",size:t="md",type:o="relative",count:a,overflowCount:s=99,"aria-label":n,className:d,...u})=>{const p=a&&a>s,b=typeof n=="function"?n({count:a,overflowCount:s}):n,m={...u,"aria-label":b};return r.jsx("span",{"data-spark-component":"badge",role:"status",className:g({intent:e,size:t,type:o,className:d}),...m,children:p?`${s}+`:a})};i.displayName="BadgeItem";const l=({children:e,...t})=>!e?r.jsx(i,{type:"standalone",...t}):r.jsxs("div",{className:"relative inline-flex",children:[e,r.jsx(i,{...t})]});l.displayName="Badge";exports.Badge=l;
 //# sourceMappingURL=index.js.map

package/dist/badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/badge/BadgeItem.styles.tsx","../../src/badge/BadgeItem.tsx","../../src/badge/Badge.tsx"],"sourcesContent":["import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const styles = cva(\n  ['inline-flex h-fit', 'empty:p-0', 'text-center font-bold', 'rounded-full box-content'],\n  {\n    variants: {\n      /**\n       * Visual color appearance of the component.\n       * @default 'danger'\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'basic',\n        ]\n      >({\n        main: ['bg-main', 'text-on-main', 'border-surface'],\n        support: ['bg-support', 'text-on-support', 'border-surface'],\n        accent: ['bg-accent', 'text-on-accent', 'border-surface'],\n        success: ['bg-success', 'text-on-success', 'border-surface'],\n        alert: ['bg-alert', 'text-on-alert', 'border-surface'],\n        danger: ['bg-error', 'text-on-error', 'border-surface'],\n        info: ['bg-info', 'text-on-info', 'border-surface'],\n        neutral: ['bg-neutral', 'text-on-neutral', 'border-surface'],\n        surface: ['bg-surface', 'text-on-surface', 'border-surface'],\n        basic: ['bg-basic', 'text-on-basic', 'border-surface'],\n      }),\n      /**\n       * Size of the component.\n       * @default 'md'\n       */\n      size: makeVariants<'size', ['sm', 'md']>({\n        sm: ['text-small', 'px-[var(--spacing-sz-6)] py-[var(--spacing-sz-2)]', 'empty:size-sz-8'],\n        md: ['text-caption', 'px-md py-sm', 'empty:size-sz-16'],\n      }),\n      /**\n       * Type of the component.\n       * @default 'relative'\n       */\n      type: {\n        relative: ['absolute right-0 border-md', 'translate-x-1/2 -translate-y-1/2'],\n        standalone: [],\n      },\n    },\n    defaultVariants: {\n      intent: 'danger',\n      size: 'md',\n      type: 'relative',\n    },\n  }\n)\n\nexport type StylesProps = VariantProps<typeof styles>\n","import { HTMLAttributes, Ref } from 'react'\n\nimport { styles, type StylesProps } from './BadgeItem.styles'\n\nexport interface BadgeItemProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>,\n    StylesProps {\n  /**\n   * Numeric value used as indicator inside the component.\n   */\n  count?: number\n  /**\n   * Maximum numeric value to be dispayed as a count value.\n   * @default 99\n   */\n  overflowCount?: number\n  /**\n   * A custom label for accessibility purposes. It can also be defined as a builder function\n   * to handle dynamic inner data to create a custom label.\n   */\n  'aria-label'?:\n    | string\n    | (({ count, overflowCount }: { count?: number; overflowCount?: number }) => string)\n  /**\n   * Describes the way the component is displayed: relative to another element or just standalone.\n   * @default 'relative'\n   */\n  type?: 'relative' | 'standalone'\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const BadgeItem = ({\n  intent = 'danger',\n  size = 'md',\n  type = 'relative',\n  count,\n  overflowCount = 99,\n  'aria-label': label,\n  className,\n  ...others\n}: BadgeItemProps) => {\n  const hasOverflow = count && count > overflowCount\n  const ariaLabel = typeof label === 'function' ? label({ count, overflowCount }) : label\n  const props = { ...others, 'aria-label': ariaLabel }\n\n  return (\n    <span\n      data-spark-component=\"badge\"\n      role=\"status\"\n      className={styles({\n        intent,\n        size,\n        type,\n        className,\n      })}\n      {...props}\n    >\n      {hasOverflow ? `${overflowCount}+` : count}\n    </span>\n  )\n}\n\nBadgeItem.displayName = 'BadgeItem'\n","import { PropsWithChildren, Ref } from 'react'\n\nimport { BadgeItem, BadgeItemProps } from './BadgeItem'\n\nexport type BadgeProps = PropsWithChildren<Omit<BadgeItemProps, 'type'>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Badge = ({ children, ...props }: BadgeProps) => {\n  const isStandalone = !children\n\n  return isStandalone ? (\n    <BadgeItem type=\"standalone\" {...props} />\n  ) : (\n    <div className=\"relative inline-flex\">\n      {children}\n      <BadgeItem {...props} />\n    </div>\n  )\n}\n\nBadge.displayName = 'Badge'\n"],"names":["styles","cva","makeVariants","BadgeItem","intent","size","type","count","overflowCount","label","className","others","hasOverflow","ariaLabel","props","jsx","Badge","children","jsxs"],"mappings":"iMAGaA,EAASC,EAAAA,IACpB,CAAC,oBAAqB,YAAa,wBAAyB,0BAA0B,EACtF,CACE,SAAU,CAKR,OAAQC,EAAAA,aAcN,CACA,KAAM,CAAC,UAAW,eAAgB,gBAAgB,EAClD,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,OAAQ,CAAC,YAAa,iBAAkB,gBAAgB,EACxD,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,MAAO,CAAC,WAAY,gBAAiB,gBAAgB,EACrD,OAAQ,CAAC,WAAY,gBAAiB,gBAAgB,EACtD,KAAM,CAAC,UAAW,eAAgB,gBAAgB,EAClD,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,MAAO,CAAC,WAAY,gBAAiB,gBAAgB,CAAA,CACtD,EAKD,KAAMA,EAAAA,aAAmC,CACvC,GAAI,CAAC,aAAc,oDAAqD,iBAAiB,EACzF,GAAI,CAAC,eAAgB,cAAe,kBAAkB,CAAA,CACvD,EAKD,KAAM,CACJ,SAAU,CAAC,6BAA8B,kCAAkC,EAC3E,WAAY,CAAA,CAAC,CACf,EAEF,gBAAiB,CACf,OAAQ,SACR,KAAM,KACN,KAAM,UAAA,CACR,CAEJ,EC7BaC,EAAY,CAAC,CACxB,OAAAC,EAAS,SACT,KAAAC,EAAO,KACP,KAAAC,EAAO,WACP,MAAAC,EACA,cAAAC,EAAgB,GAChB,aAAcC,EACd,UAAAC,EACA,GAAGC,CACL,IAAsB,CACpB,MAAMC,EAAcL,GAASA,EAAQC,EAC/BK,EAAY,OAAOJ,GAAU,WAAaA,EAAM,CAAE,MAAAF,EAAO,cAAAC,CAAA,CAAe,EAAIC,EAC5EK,EAAQ,CAAE,GAAGH,EAAQ,aAAcE,CAAA,EAEzC,OACEE,EAAAA,IAAC,OAAA,CACC,uBAAqB,QACrB,KAAK,SACL,UAAWf,EAAO,CAChB,OAAAI,EACA,KAAAC,EACA,KAAAC,EACA,UAAAI,CAAA,CACD,EACA,GAAGI,EAEH,SAAAF,EAAc,GAAGJ,CAAa,IAAMD,CAAA,CAAA,CAG3C,EAEAJ,EAAU,YAAc,YCtDjB,MAAMa,EAAQ,CAAC,CAAE,SAAAC,EAAU,GAAGH,KACd,CAACG,EAGpBF,EAAAA,IAACZ,EAAA,CAAU,KAAK,aAAc,GAAGW,CAAA,CAAO,EAExCI,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACZ,SAAA,CAAAD,EACDF,MAACZ,EAAA,CAAW,GAAGW,CAAA,CAAO,CAAA,EACxB,EAIJE,EAAM,YAAc"}
+{"version":3,"file":"index.js","sources":["../../src/badge/BadgeItem.styles.tsx","../../src/badge/BadgeItem.tsx","../../src/badge/Badge.tsx"],"sourcesContent":["import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const styles = cva(\n  ['inline-flex h-fit', 'empty:p-0', 'text-center font-bold', 'rounded-full box-content'],\n  {\n    variants: {\n      /**\n       * Visual color appearance of the component.\n       * @default 'danger'\n       */\n      intent: makeVariants<\n        'intent',\n        ['main', 'support', 'accent', 'success', 'alert', 'danger', 'info', 'neutral', 'surface']\n      >({\n        main: ['bg-main', 'text-on-main', 'border-surface'],\n        support: ['bg-support', 'text-on-support', 'border-surface'],\n        accent: ['bg-accent', 'text-on-accent', 'border-surface'],\n        success: ['bg-success', 'text-on-success', 'border-surface'],\n        alert: ['bg-alert', 'text-on-alert', 'border-surface'],\n        danger: ['bg-error', 'text-on-error', 'border-surface'],\n        info: ['bg-info', 'text-on-info', 'border-surface'],\n        neutral: ['bg-neutral', 'text-on-neutral', 'border-surface'],\n        surface: ['bg-surface', 'text-on-surface', 'border-surface'],\n      }),\n      /**\n       * Size of the component.\n       * @default 'md'\n       */\n      size: makeVariants<'size', ['sm', 'md']>({\n        sm: ['text-small', 'px-[var(--spacing-sz-6)] py-[var(--spacing-sz-2)]', 'empty:size-sz-8'],\n        md: ['text-caption', 'px-md py-sm', 'empty:size-sz-16'],\n      }),\n      /**\n       * Type of the component.\n       * @default 'relative'\n       */\n      type: {\n        relative: ['absolute right-0 border-md', 'translate-x-1/2 -translate-y-1/2'],\n        standalone: [],\n      },\n    },\n    defaultVariants: {\n      intent: 'danger',\n      size: 'md',\n      type: 'relative',\n    },\n  }\n)\n\nexport type StylesProps = VariantProps<typeof styles>\n","import { HTMLAttributes, Ref } from 'react'\n\nimport { styles, type StylesProps } from './BadgeItem.styles'\n\nexport interface BadgeItemProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>,\n    StylesProps {\n  /**\n   * Numeric value used as indicator inside the component.\n   */\n  count?: number\n  /**\n   * Maximum numeric value to be dispayed as a count value.\n   * @default 99\n   */\n  overflowCount?: number\n  /**\n   * A custom label for accessibility purposes. It can also be defined as a builder function\n   * to handle dynamic inner data to create a custom label.\n   */\n  'aria-label'?:\n    | string\n    | (({ count, overflowCount }: { count?: number; overflowCount?: number }) => string)\n  /**\n   * Describes the way the component is displayed: relative to another element or just standalone.\n   * @default 'relative'\n   */\n  type?: 'relative' | 'standalone'\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const BadgeItem = ({\n  intent = 'danger',\n  size = 'md',\n  type = 'relative',\n  count,\n  overflowCount = 99,\n  'aria-label': label,\n  className,\n  ...others\n}: BadgeItemProps) => {\n  const hasOverflow = count && count > overflowCount\n  const ariaLabel = typeof label === 'function' ? label({ count, overflowCount }) : label\n  const props = { ...others, 'aria-label': ariaLabel }\n\n  return (\n    <span\n      data-spark-component=\"badge\"\n      role=\"status\"\n      className={styles({\n        intent,\n        size,\n        type,\n        className,\n      })}\n      {...props}\n    >\n      {hasOverflow ? `${overflowCount}+` : count}\n    </span>\n  )\n}\n\nBadgeItem.displayName = 'BadgeItem'\n","import { PropsWithChildren, Ref } from 'react'\n\nimport { BadgeItem, BadgeItemProps } from './BadgeItem'\n\nexport type BadgeProps = PropsWithChildren<Omit<BadgeItemProps, 'type'>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Badge = ({ children, ...props }: BadgeProps) => {\n  const isStandalone = !children\n\n  return isStandalone ? (\n    <BadgeItem type=\"standalone\" {...props} />\n  ) : (\n    <div className=\"relative inline-flex\">\n      {children}\n      <BadgeItem {...props} />\n    </div>\n  )\n}\n\nBadge.displayName = 'Badge'\n"],"names":["styles","cva","makeVariants","BadgeItem","intent","size","type","count","overflowCount","label","className","others","hasOverflow","ariaLabel","props","jsx","Badge","children","jsxs"],"mappings":"iMAGaA,EAASC,EAAAA,IACpB,CAAC,oBAAqB,YAAa,wBAAyB,0BAA0B,EACtF,CACE,SAAU,CAKR,OAAQC,EAAAA,aAGN,CACA,KAAM,CAAC,UAAW,eAAgB,gBAAgB,EAClD,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,OAAQ,CAAC,YAAa,iBAAkB,gBAAgB,EACxD,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,MAAO,CAAC,WAAY,gBAAiB,gBAAgB,EACrD,OAAQ,CAAC,WAAY,gBAAiB,gBAAgB,EACtD,KAAM,CAAC,UAAW,eAAgB,gBAAgB,EAClD,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,EAC3D,QAAS,CAAC,aAAc,kBAAmB,gBAAgB,CAAA,CAC5D,EAKD,KAAMA,EAAAA,aAAmC,CACvC,GAAI,CAAC,aAAc,oDAAqD,iBAAiB,EACzF,GAAI,CAAC,eAAgB,cAAe,kBAAkB,CAAA,CACvD,EAKD,KAAM,CACJ,SAAU,CAAC,6BAA8B,kCAAkC,EAC3E,WAAY,CAAA,CAAC,CACf,EAEF,gBAAiB,CACf,OAAQ,SACR,KAAM,KACN,KAAM,UAAA,CACR,CAEJ,ECjBaC,EAAY,CAAC,CACxB,OAAAC,EAAS,SACT,KAAAC,EAAO,KACP,KAAAC,EAAO,WACP,MAAAC,EACA,cAAAC,EAAgB,GAChB,aAAcC,EACd,UAAAC,EACA,GAAGC,CACL,IAAsB,CACpB,MAAMC,EAAcL,GAASA,EAAQC,EAC/BK,EAAY,OAAOJ,GAAU,WAAaA,EAAM,CAAE,MAAAF,EAAO,cAAAC,CAAA,CAAe,EAAIC,EAC5EK,EAAQ,CAAE,GAAGH,EAAQ,aAAcE,CAAA,EAEzC,OACEE,EAAAA,IAAC,OAAA,CACC,uBAAqB,QACrB,KAAK,SACL,UAAWf,EAAO,CAChB,OAAAI,EACA,KAAAC,EACA,KAAAC,EACA,UAAAI,CAAA,CACD,EACA,GAAGI,EAEH,SAAAF,EAAc,GAAGJ,CAAa,IAAMD,CAAA,CAAA,CAG3C,EAEAJ,EAAU,YAAc,YCtDjB,MAAMa,EAAQ,CAAC,CAAE,SAAAC,EAAU,GAAGH,KACd,CAACG,EAGpBF,EAAAA,IAACZ,EAAA,CAAU,KAAK,aAAc,GAAGW,CAAA,CAAO,EAExCI,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACZ,SAAA,CAAAD,EACDF,MAACZ,EAAA,CAAW,GAAGW,CAAA,CAAO,CAAA,EACxB,EAIJE,EAAM,YAAc"}

package/dist/badge/index.mjs

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as f } from "react/jsx-runtime";
+import { jsx as n, jsxs as b } from "react/jsx-runtime";
 import { makeVariants as c } from "@spark-ui/internal-utils";
 import { cva as u } from "class-variance-authority";
 const x = u(
@@ -18,8 +18,7 @@ const x = u(
         danger: ["bg-error", "text-on-error", "border-surface"],
         info: ["bg-info", "text-on-info", "border-surface"],
         neutral: ["bg-neutral", "text-on-neutral", "border-surface"],
-        surface: ["bg-surface", "text-on-surface", "border-surface"],
-        basic: ["bg-basic", "text-on-basic", "border-surface"]
+        surface: ["bg-surface", "text-on-surface", "border-surface"]
       }),
       /**
        * Size of the component.
@@ -46,15 +45,15 @@ const x = u(
   }
 ), o = ({
   intent: e = "danger",
-  size: a = "md",
+  size: t = "md",
   type: i = "relative",
-  count: t,
+  count: a,
   overflowCount: r = 99,
   "aria-label": s,
   className: d,
   ...l
 }) => {
-  const p = t && t > r, b = typeof s == "function" ? s({ count: t, overflowCount: r }) : s, m = { ...l, "aria-label": b };
+  const p = a && a > r, m = typeof s == "function" ? s({ count: a, overflowCount: r }) : s, f = { ...l, "aria-label": m };
   return /* @__PURE__ */ n(
     "span",
     {
@@ -62,19 +61,19 @@ const x = u(
       role: "status",
       className: x({
         intent: e,
-        size: a,
+        size: t,
         type: i,
         className: d
       }),
-      ...m,
-      children: p ? `${r}+` : t
+      ...f,
+      children: p ? `${r}+` : a
     }
   );
 };
 o.displayName = "BadgeItem";
-const g = ({ children: e, ...a }) => !e ? /* @__PURE__ */ n(o, { type: "standalone", ...a }) : /* @__PURE__ */ f("div", { className: "relative inline-flex", children: [
+const g = ({ children: e, ...t }) => !e ? /* @__PURE__ */ n(o, { type: "standalone", ...t }) : /* @__PURE__ */ b("div", { className: "relative inline-flex", children: [
   e,
-  /* @__PURE__ */ n(o, { ...a })
+  /* @__PURE__ */ n(o, { ...t })
 ] });
 g.displayName = "Badge";
 export {

package/dist/badge/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/badge/BadgeItem.styles.tsx","../../src/badge/BadgeItem.tsx","../../src/badge/Badge.tsx"],"sourcesContent":["import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const styles = cva(\n  ['inline-flex h-fit', 'empty:p-0', 'text-center font-bold', 'rounded-full box-content'],\n  {\n    variants: {\n      /**\n       * Visual color appearance of the component.\n       * @default 'danger'\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'basic',\n        ]\n      >({\n        main: ['bg-main', 'text-on-main', 'border-surface'],\n        support: ['bg-support', 'text-on-support', 'border-surface'],\n        accent: ['bg-accent', 'text-on-accent', 'border-surface'],\n        success: ['bg-success', 'text-on-success', 'border-surface'],\n        alert: ['bg-alert', 'text-on-alert', 'border-surface'],\n        danger: ['bg-error', 'text-on-error', 'border-surface'],\n        info: ['bg-info', 'text-on-info', 'border-surface'],\n        neutral: ['bg-neutral', 'text-on-neutral', 'border-surface'],\n        surface: ['bg-surface', 'text-on-surface', 'border-surface'],\n        basic: ['bg-basic', 'text-on-basic', 'border-surface'],\n      }),\n      /**\n       * Size of the component.\n       * @default 'md'\n       */\n      size: makeVariants<'size', ['sm', 'md']>({\n        sm: ['text-small', 'px-[var(--spacing-sz-6)] py-[var(--spacing-sz-2)]', 'empty:size-sz-8'],\n        md: ['text-caption', 'px-md py-sm', 'empty:size-sz-16'],\n      }),\n      /**\n       * Type of the component.\n       * @default 'relative'\n       */\n      type: {\n        relative: ['absolute right-0 border-md', 'translate-x-1/2 -translate-y-1/2'],\n        standalone: [],\n      },\n    },\n    defaultVariants: {\n      intent: 'danger',\n      size: 'md',\n      type: 'relative',\n    },\n  }\n)\n\nexport type StylesProps = VariantProps<typeof styles>\n","import { HTMLAttributes, Ref } from 'react'\n\nimport { styles, type StylesProps } from './BadgeItem.styles'\n\nexport interface BadgeItemProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>,\n    StylesProps {\n  /**\n   * Numeric value used as indicator inside the component.\n   */\n  count?: number\n  /**\n   * Maximum numeric value to be dispayed as a count value.\n   * @default 99\n   */\n  overflowCount?: number\n  /**\n   * A custom label for accessibility purposes. It can also be defined as a builder function\n   * to handle dynamic inner data to create a custom label.\n   */\n  'aria-label'?:\n    | string\n    | (({ count, overflowCount }: { count?: number; overflowCount?: number }) => string)\n  /**\n   * Describes the way the component is displayed: relative to another element or just standalone.\n   * @default 'relative'\n   */\n  type?: 'relative' | 'standalone'\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const BadgeItem = ({\n  intent = 'danger',\n  size = 'md',\n  type = 'relative',\n  count,\n  overflowCount = 99,\n  'aria-label': label,\n  className,\n  ...others\n}: BadgeItemProps) => {\n  const hasOverflow = count && count > overflowCount\n  const ariaLabel = typeof label === 'function' ? label({ count, overflowCount }) : label\n  const props = { ...others, 'aria-label': ariaLabel }\n\n  return (\n    <span\n      data-spark-component=\"badge\"\n      role=\"status\"\n      className={styles({\n        intent,\n        size,\n        type,\n        className,\n      })}\n      {...props}\n    >\n      {hasOverflow ? `${overflowCount}+` : count}\n    </span>\n  )\n}\n\nBadgeItem.displayName = 'BadgeItem'\n","import { PropsWithChildren, Ref } from 'react'\n\nimport { BadgeItem, BadgeItemProps } from './BadgeItem'\n\nexport type BadgeProps = PropsWithChildren<Omit<BadgeItemProps, 'type'>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Badge = ({ children, ...props }: BadgeProps) => {\n  const isStandalone = !children\n\n  return isStandalone ? (\n    <BadgeItem type=\"standalone\" {...props} />\n  ) : (\n    <div className=\"relative inline-flex\">\n      {children}\n      <BadgeItem {...props} />\n    </div>\n  )\n}\n\nBadge.displayName = 'Badge'\n"],"names":["styles","cva","makeVariants","BadgeItem","intent","size","type","count","overflowCount","label","className","others","hasOverflow","ariaLabel","props","jsx","Badge","children","jsxs"],"mappings":";;;AAGO,MAAMA,IAASC;AAAA,EACpB,CAAC,qBAAqB,aAAa,yBAAyB,0BAA0B;AAAA,EACtF;AAAA,IACE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKR,QAAQC,EAcN;AAAA,QACA,MAAM,CAAC,WAAW,gBAAgB,gBAAgB;AAAA,QAClD,SAAS,CAAC,cAAc,mBAAmB,gBAAgB;AAAA,QAC3D,QAAQ,CAAC,aAAa,kBAAkB,gBAAgB;AAAA,QACxD,SAAS,CAAC,cAAc,mBAAmB,gBAAgB;AAAA,QAC3D,OAAO,CAAC,YAAY,iBAAiB,gBAAgB;AAAA,QACrD,QAAQ,CAAC,YAAY,iBAAiB,gBAAgB;AAAA,QACtD,MAAM,CAAC,WAAW,gBAAgB,gBAAgB;AAAA,QAClD,SAAS,CAAC,cAAc,mBAAmB,gBAAgB;AAAA,QAC3D,SAAS,CAAC,cAAc,mBAAmB,gBAAgB;AAAA,QAC3D,OAAO,CAAC,YAAY,iBAAiB,gBAAgB;AAAA,MAAA,CACtD;AAAA;AAAA;AAAA;AAAA;AAAA,MAKD,MAAMA,EAAmC;AAAA,QACvC,IAAI,CAAC,cAAc,qDAAqD,iBAAiB;AAAA,QACzF,IAAI,CAAC,gBAAgB,eAAe,kBAAkB;AAAA,MAAA,CACvD;AAAA;AAAA;AAAA;AAAA;AAAA,MAKD,MAAM;AAAA,QACJ,UAAU,CAAC,8BAA8B,kCAAkC;AAAA,QAC3E,YAAY,CAAA;AAAA,MAAC;AAAA,IACf;AAAA,IAEF,iBAAiB;AAAA,MACf,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GC7BaC,IAAY,CAAC;AAAA,EACxB,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,cAAcC;AAAA,EACd,WAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AACpB,QAAMC,IAAcL,KAASA,IAAQC,GAC/BK,IAAY,OAAOJ,KAAU,aAAaA,EAAM,EAAE,OAAAF,GAAO,eAAAC,EAAA,CAAe,IAAIC,GAC5EK,IAAQ,EAAE,GAAGH,GAAQ,cAAcE,EAAA;AAEzC,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,wBAAqB;AAAA,MACrB,MAAK;AAAA,MACL,WAAWf,EAAO;AAAA,QAChB,QAAAI;AAAA,QACA,MAAAC;AAAA,QACA,MAAAC;AAAA,QACA,WAAAI;AAAA,MAAA,CACD;AAAA,MACA,GAAGI;AAAA,MAEH,UAAAF,IAAc,GAAGJ,CAAa,MAAMD;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEAJ,EAAU,cAAc;ACtDjB,MAAMa,IAAQ,CAAC,EAAE,UAAAC,GAAU,GAAGH,QACd,CAACG,IAGpB,gBAAAF,EAACZ,GAAA,EAAU,MAAK,cAAc,GAAGW,EAAA,CAAO,IAExC,gBAAAI,EAAC,OAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,EAAAD;AAAA,EACD,gBAAAF,EAACZ,GAAA,EAAW,GAAGW,EAAA,CAAO;AAAA,GACxB;AAIJE,EAAM,cAAc;"}
+{"version":3,"file":"index.mjs","sources":["../../src/badge/BadgeItem.styles.tsx","../../src/badge/BadgeItem.tsx","../../src/badge/Badge.tsx"],"sourcesContent":["import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const styles = cva(\n  ['inline-flex h-fit', 'empty:p-0', 'text-center font-bold', 'rounded-full box-content'],\n  {\n    variants: {\n      /**\n       * Visual color appearance of the component.\n       * @default 'danger'\n       */\n      intent: makeVariants<\n        'intent',\n        ['main', 'support', 'accent', 'success', 'alert', 'danger', 'info', 'neutral', 'surface']\n      >({\n        main: ['bg-main', 'text-on-main', 'border-surface'],\n        support: ['bg-support', 'text-on-support', 'border-surface'],\n        accent: ['bg-accent', 'text-on-accent', 'border-surface'],\n        success: ['bg-success', 'text-on-success', 'border-surface'],\n        alert: ['bg-alert', 'text-on-alert', 'border-surface'],\n        danger: ['bg-error', 'text-on-error', 'border-surface'],\n        info: ['bg-info', 'text-on-info', 'border-surface'],\n        neutral: ['bg-neutral', 'text-on-neutral', 'border-surface'],\n        surface: ['bg-surface', 'text-on-surface', 'border-surface'],\n      }),\n      /**\n       * Size of the component.\n       * @default 'md'\n       */\n      size: makeVariants<'size', ['sm', 'md']>({\n        sm: ['text-small', 'px-[var(--spacing-sz-6)] py-[var(--spacing-sz-2)]', 'empty:size-sz-8'],\n        md: ['text-caption', 'px-md py-sm', 'empty:size-sz-16'],\n      }),\n      /**\n       * Type of the component.\n       * @default 'relative'\n       */\n      type: {\n        relative: ['absolute right-0 border-md', 'translate-x-1/2 -translate-y-1/2'],\n        standalone: [],\n      },\n    },\n    defaultVariants: {\n      intent: 'danger',\n      size: 'md',\n      type: 'relative',\n    },\n  }\n)\n\nexport type StylesProps = VariantProps<typeof styles>\n","import { HTMLAttributes, Ref } from 'react'\n\nimport { styles, type StylesProps } from './BadgeItem.styles'\n\nexport interface BadgeItemProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'aria-label'>,\n    StylesProps {\n  /**\n   * Numeric value used as indicator inside the component.\n   */\n  count?: number\n  /**\n   * Maximum numeric value to be dispayed as a count value.\n   * @default 99\n   */\n  overflowCount?: number\n  /**\n   * A custom label for accessibility purposes. It can also be defined as a builder function\n   * to handle dynamic inner data to create a custom label.\n   */\n  'aria-label'?:\n    | string\n    | (({ count, overflowCount }: { count?: number; overflowCount?: number }) => string)\n  /**\n   * Describes the way the component is displayed: relative to another element or just standalone.\n   * @default 'relative'\n   */\n  type?: 'relative' | 'standalone'\n  ref?: Ref<HTMLSpanElement>\n}\n\nexport const BadgeItem = ({\n  intent = 'danger',\n  size = 'md',\n  type = 'relative',\n  count,\n  overflowCount = 99,\n  'aria-label': label,\n  className,\n  ...others\n}: BadgeItemProps) => {\n  const hasOverflow = count && count > overflowCount\n  const ariaLabel = typeof label === 'function' ? label({ count, overflowCount }) : label\n  const props = { ...others, 'aria-label': ariaLabel }\n\n  return (\n    <span\n      data-spark-component=\"badge\"\n      role=\"status\"\n      className={styles({\n        intent,\n        size,\n        type,\n        className,\n      })}\n      {...props}\n    >\n      {hasOverflow ? `${overflowCount}+` : count}\n    </span>\n  )\n}\n\nBadgeItem.displayName = 'BadgeItem'\n","import { PropsWithChildren, Ref } from 'react'\n\nimport { BadgeItem, BadgeItemProps } from './BadgeItem'\n\nexport type BadgeProps = PropsWithChildren<Omit<BadgeItemProps, 'type'>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Badge = ({ children, ...props }: BadgeProps) => {\n  const isStandalone = !children\n\n  return isStandalone ? (\n    <BadgeItem type=\"standalone\" {...props} />\n  ) : (\n    <div className=\"relative inline-flex\">\n      {children}\n      <BadgeItem {...props} />\n    </div>\n  )\n}\n\nBadge.displayName = 'Badge'\n"],"names":["styles","cva","makeVariants","BadgeItem","intent","size","type","count","overflowCount","label","className","others","hasOverflow","ariaLabel","props","jsx","Badge","children","jsxs"],"mappings":";;;AAGO,MAAMA,IAASC;AAAA,EACpB,CAAC,qBAAqB,aAAa,yBAAyB,0BAA0B;AAAA,EACtF;AAAA,IACE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKR,QAAQC,EAGN;AAAA,QACA,MAAM,CAAC,WAAW,gBAAgB,gBAAgB;AAAA,QAClD,SAAS,CAAC,cAAc,mBAAmB,gBAAgB;AAAA,QAC3D,QAAQ,CAAC,aAAa,kBAAkB,gBAAgB;AAAA,QACxD,SAAS,CAAC,cAAc,mBAAmB,gBAAgB;AAAA,QAC3D,OAAO,CAAC,YAAY,iBAAiB,gBAAgB;AAAA,QACrD,QAAQ,CAAC,YAAY,iBAAiB,gBAAgB;AAAA,QACtD,MAAM,CAAC,WAAW,gBAAgB,gBAAgB;AAAA,QAClD,SAAS,CAAC,cAAc,mBAAmB,gBAAgB;AAAA,QAC3D,SAAS,CAAC,cAAc,mBAAmB,gBAAgB;AAAA,MAAA,CAC5D;AAAA;AAAA;AAAA;AAAA;AAAA,MAKD,MAAMA,EAAmC;AAAA,QACvC,IAAI,CAAC,cAAc,qDAAqD,iBAAiB;AAAA,QACzF,IAAI,CAAC,gBAAgB,eAAe,kBAAkB;AAAA,MAAA,CACvD;AAAA;AAAA;AAAA;AAAA;AAAA,MAKD,MAAM;AAAA,QACJ,UAAU,CAAC,8BAA8B,kCAAkC;AAAA,QAC3E,YAAY,CAAA;AAAA,MAAC;AAAA,IACf;AAAA,IAEF,iBAAiB;AAAA,MACf,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GCjBaC,IAAY,CAAC;AAAA,EACxB,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,cAAcC;AAAA,EACd,WAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AACpB,QAAMC,IAAcL,KAASA,IAAQC,GAC/BK,IAAY,OAAOJ,KAAU,aAAaA,EAAM,EAAE,OAAAF,GAAO,eAAAC,EAAA,CAAe,IAAIC,GAC5EK,IAAQ,EAAE,GAAGH,GAAQ,cAAcE,EAAA;AAEzC,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,wBAAqB;AAAA,MACrB,MAAK;AAAA,MACL,WAAWf,EAAO;AAAA,QAChB,QAAAI;AAAA,QACA,MAAAC;AAAA,QACA,MAAAC;AAAA,QACA,WAAAI;AAAA,MAAA,CACD;AAAA,MACA,GAAGI;AAAA,MAEH,UAAAF,IAAc,GAAGJ,CAAa,MAAMD;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEAJ,EAAU,cAAc;ACtDjB,MAAMa,IAAQ,CAAC,EAAE,UAAAC,GAAU,GAAGH,QACd,CAACG,IAGpB,gBAAAF,EAACZ,GAAA,EAAU,MAAK,cAAc,GAAGW,EAAA,CAAO,IAExC,gBAAAI,EAAC,OAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,EAAAD;AAAA,EACD,gBAAAF,EAACZ,GAAA,EAAW,GAAGW,EAAA,CAAO;AAAA,GACxB;AAIJE,EAAM,cAAc;"}

package/dist/breadcrumb/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("class-variance-authority"),o=require("../Slot-DQ8z2zsy.js"),g=require("../TextLink-C3xDLsbC.js"),k=require("@spark-ui/icons/ArrowVerticalRight"),y=require("../Icon-CF0W0LKr.js"),p=({className:e,"aria-label":r,ref:t,...n})=>a.jsx("nav",{"data-spark-component":"breadcrumb",ref:t,"aria-label":r,className:s.cx("text-caption text-neutral",e),children:a.jsx("ol",{className:s.cx("gap-sm flex flex-wrap items-center break-words"),...n})});p.displayName="Breadcrumb.Breadcrumb";const l=({asChild:e=!1,className:r,children:t,...n})=>{const c=e?o.Slot:"span";return a.jsx(c,{"data-spark-component":"breadcrumb-current-page",role:"link","aria-disabled":!0,"aria-current":"page",className:s.cx("inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current",r),...n,children:t})};l.displayName="Breadcrumb.CurrentPage";const m=({className:e,...r})=>a.jsx("li",{"data-spark-component":"breadcrumb-item",className:s.cx("min-w-none gap-sm inline-flex items-center",e),...r});m.displayName="Breadcrumb.Item";const d=({asChild:e=!1,className:r,bold:t=!0,intent:n="current",underline:c=!0,href:i,ref:x,...N})=>{const B=e?o.Slot:g.TextLink;return a.jsx(B,{"data-spark-component":"breadcrumb-link",href:i,ref:x,className:s.cx("inline! overflow-hidden text-ellipsis whitespace-nowrap",r),bold:t,intent:n,underline:c,...N})};d.displayName="Breadcrumb.Link";const u=({asChild:e=!1,className:r,children:t,ref:n,...c})=>{const i=e?o.Slot:"li";return a.jsx(i,{role:"presentation","aria-hidden":!0,"data-spark-component":"breadcrumb-separator",ref:n,className:s.cx("gap-sm inline-flex items-center",r),...c,children:t??a.jsx(y.Icon,{children:a.jsx(k.ArrowVerticalRight,{})})})};u.displayName="Breadcrumb.Separator";const b=Object.assign(p,{Item:m,Link:d,CurrentPage:l,Separator:u});b.displayName="Breadcrumb";m.displayName="Breadcrumb.Item";d.displayName="Breadcrumb.Link";l.displayName="Breadcrumb.CurrentPage";u.displayName="Breadcrumb.Separator";exports.Breadcrumb=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("class-variance-authority"),o=require("../Slot-DQ8z2zsy.js"),g=require("../TextLink-5MvP0P8D.js"),k=require("@spark-ui/icons/ArrowVerticalRight"),y=require("../Icon-C-cNTnzd.js"),p=({className:e,"aria-label":r,ref:t,...n})=>a.jsx("nav",{"data-spark-component":"breadcrumb",ref:t,"aria-label":r,className:s.cx("text-caption text-neutral",e),children:a.jsx("ol",{className:s.cx("gap-sm flex flex-wrap items-center break-words"),...n})});p.displayName="Breadcrumb.Breadcrumb";const l=({asChild:e=!1,className:r,children:t,...n})=>{const c=e?o.Slot:"span";return a.jsx(c,{"data-spark-component":"breadcrumb-current-page",role:"link","aria-disabled":!0,"aria-current":"page",className:s.cx("inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current",r),...n,children:t})};l.displayName="Breadcrumb.CurrentPage";const m=({className:e,...r})=>a.jsx("li",{"data-spark-component":"breadcrumb-item",className:s.cx("min-w-none gap-sm inline-flex items-center",e),...r});m.displayName="Breadcrumb.Item";const d=({asChild:e=!1,className:r,bold:t=!0,intent:n="current",underline:c=!0,href:i,ref:x,...N})=>{const B=e?o.Slot:g.TextLink;return a.jsx(B,{"data-spark-component":"breadcrumb-link",href:i,ref:x,className:s.cx("inline! overflow-hidden text-ellipsis whitespace-nowrap",r),bold:t,intent:n,underline:c,...N})};d.displayName="Breadcrumb.Link";const u=({asChild:e=!1,className:r,children:t,ref:n,...c})=>{const i=e?o.Slot:"li";return a.jsx(i,{role:"presentation","aria-hidden":!0,"data-spark-component":"breadcrumb-separator",ref:n,className:s.cx("gap-sm inline-flex items-center",r),...c,children:t??a.jsx(y.Icon,{children:a.jsx(k.ArrowVerticalRight,{})})})};u.displayName="Breadcrumb.Separator";const b=Object.assign(p,{Item:m,Link:d,CurrentPage:l,Separator:u});b.displayName="Breadcrumb";m.displayName="Breadcrumb.Item";d.displayName="Breadcrumb.Link";l.displayName="Breadcrumb.CurrentPage";u.displayName="Breadcrumb.Separator";exports.Breadcrumb=b;
 //# sourceMappingURL=index.js.map

package/dist/breadcrumb/index.mjs

@@ -1,9 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
 import { cx as m } from "class-variance-authority";
 import { S as s } from "../Slot-DLY1rJrG.mjs";
-import { T as N } from "../TextLink-D7mOCjY_.mjs";
+import { T as N } from "../TextLink-Cc_LeVcx.mjs";
 import { ArrowVerticalRight as x } from "@spark-ui/icons/ArrowVerticalRight";
-import { I as B } from "../Icon-C23-htlD.mjs";
+import { I as B } from "../Icon-BO327oHU.mjs";
 const u = ({
   className: e,
   "aria-label": r,

package/dist/button/Button.styles.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 export declare const buttonStyles: (props?: ({
     design?: "filled" | "outlined" | "ghost" | "tinted" | "contrast" | null | undefined;
     underline?: boolean | null | undefined;
-    intent?: "main" | "alert" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     shape?: "square" | "rounded" | "pill" | null | undefined;
     disabled?: boolean | null | undefined;

package/dist/button/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Button-B6rA3-e5.js");exports.Button=t.Button;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Button-CXL2NOrq.js");exports.Button=t.Button;
 //# sourceMappingURL=index.js.map

package/dist/button/index.mjs

@@ -1,4 +1,4 @@
-import { B as r } from "../Button-DPncfbbM.mjs";
+import { B as r } from "../Button-CcIRizse.mjs";
 export {
   r as Button
 };

package/dist/button/variants/contrast.d.ts

@@ -10,10 +10,6 @@ export declare const contrastVariants: readonly [{
     readonly intent: "accent";
     readonly design: "contrast";
     readonly class: string[];
-}, {
-    readonly intent: "basic";
-    readonly design: "contrast";
-    readonly class: string[];
 }, {
     readonly intent: "success";
     readonly design: "contrast";

package/dist/button/variants/filled.d.ts

@@ -10,10 +10,6 @@ export declare const filledVariants: readonly [{
     readonly intent: "accent";
     readonly design: "filled";
     readonly class: string[];
-}, {
-    readonly intent: "basic";
-    readonly design: "filled";
-    readonly class: string[];
 }, {
     readonly intent: "success";
     readonly design: "filled";

package/dist/button/variants/ghost.d.ts

@@ -10,10 +10,6 @@ export declare const ghostVariants: readonly [{
     readonly intent: "accent";
     readonly design: "ghost";
     readonly class: string[];
-}, {
-    readonly intent: "basic";
-    readonly design: "ghost";
-    readonly class: string[];
 }, {
     readonly intent: "success";
     readonly design: "ghost";

package/dist/button/variants/outlined.d.ts

@@ -10,10 +10,6 @@ export declare const outlinedVariants: readonly [{
     readonly intent: "accent";
     readonly design: "outlined";
     readonly class: string[];
-}, {
-    readonly intent: "basic";
-    readonly design: "outlined";
-    readonly class: string[];
 }, {
     readonly intent: "success";
     readonly design: "outlined";

package/dist/button/variants/tinted.d.ts

@@ -10,10 +10,6 @@ export declare const tintedVariants: readonly [{
     readonly intent: "accent";
     readonly design: "tinted";
     readonly class: string[];
-}, {
-    readonly intent: "basic";
-    readonly design: "tinted";
-    readonly class: string[];
 }, {
     readonly intent: "success";
     readonly design: "tinted";

package/dist/card/Backdrop.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const backdropStyles: (props?: ({
     animation?: "none" | "pulse" | null | undefined;
-    intent?: "main" | "alert" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BackdropStylesProps = VariantProps<typeof backdropStyles>;
 interface BackdropProps extends BackdropStylesProps {

package/dist/card/Card.styles.d.ts

@@ -2,6 +2,6 @@ import { VariantProps } from 'class-variance-authority';
 export declare const cardStyles: (props?: ({
     design?: "filled" | "outlined" | "tinted" | null | undefined;
     hasBackdrop?: boolean | null | undefined;
-    intent?: "main" | "alert" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type CardStylesProps = VariantProps<typeof cardStyles>;

package/dist/card/Content.styles.d.ts

@@ -3,6 +3,6 @@ export declare const contentStyles: (props?: ({
     inset?: boolean | null | undefined;
     design?: "filled" | "outlined" | "tinted" | null | undefined;
     hasBackdrop?: boolean | null | undefined;
-    intent?: "main" | "alert" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ContentStylesProps = VariantProps<typeof contentStyles>;

package/dist/card/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),e=require("@spark-ui/internal-utils"),p=require("class-variance-authority"),h=require("../Slot-DQ8z2zsy.js"),u=require("react"),k=p.cva(["default:bg-surface default:bg-gradient-to-r absolute inset-x-0 top-0","h-sz-16","default:rounded-t-lg","bg-[length:200%_100%] bg-position-[0%_0%]"],{variants:{animation:{none:"",pulse:"animate-standalone-backdrop-pulse"},intent:e.makeVariants({main:["default:from-main/dim-4 default:via-main/dim-2 default:to-main/dim-4"],support:["default:from-support/dim-4 default:via-support/dim-2 default:to-support/dim-4"],accent:["default:from-accent/dim-4 default:via-accent/dim-2 default:to-accent/dim-4"],basic:["default:from-basic/dim-4 default:via-basic/dim-2 default:to-basic/dim-4"],success:["default:from-success/dim-4 default:via-success/dim-2 default:to-success/dim-4"],alert:["default:from-alert/dim-4 default:via-alert/dim-2 default:to-alert/dim-4"],danger:["default:from-error/dim-4 default:via-error/dim-2 default:to-error/dim-4"],info:["default:from-info/dim-4 default:via-info/dim-2 default:to-info/dim-4"],neutral:["default:from-neutral/dim-4 default:via-neutral/dim-2 default:to-neutral/dim-4"],surface:["default:from-outline/dim-4 default:via-outline/dim-2 default:to-outline/dim-4"],surfaceInverse:["default:from-surface/dim-4 default:via-surface/dim-2 default:to-surface/dim-4"]})},defaultVariants:{intent:"main",animation:"none"}}),f=({intent:n="main",animation:r="none",...o})=>g.jsx("div",{className:k({intent:n,animation:r}),...o});f.displayName="Card.Backdrop";const y=p.cva(["group relative bg-clip-padding default:rounded-lg focus-visible:u-outline","disabled:opacity-dim-3 disabled:cursor-not-allowed"],{variants:{design:{filled:[],outlined:["border-sm"],tinted:[]},hasBackdrop:{true:["pt-md"]},intent:e.makeVariants({main:[],support:[],accent:[],basic:[],success:[],alert:[],danger:[],info:[],neutral:[],surface:[],surfaceInverse:[]})},compoundVariants:[{intent:"main",design:"outlined",class:e.tw(["border-main"])},{intent:"support",design:"outlined",class:e.tw(["border-support"])},{intent:"accent",design:"outlined",class:e.tw(["border-accent"])},{intent:"basic",design:"outlined",class:e.tw(["border-basic"])},{intent:"success",design:"outlined",class:e.tw(["border-success"])},{intent:"alert",design:"outlined",class:e.tw(["border-alert"])},{intent:"danger",design:"outlined",class:e.tw(["border-error"])},{intent:"info",design:"outlined",class:e.tw(["border-info"])},{intent:"neutral",design:"outlined",class:e.tw(["border-neutral"])},{intent:"surface",design:"outlined",class:e.tw(["border-outline"])}],defaultVariants:{design:"filled",intent:"surface"}}),w=u.createContext(void 0),E=()=>{const n=u.useContext(w);if(!n)throw new Error("useCardContext must be used within a Card component");return n},m=["onClick","onMouseDown","onMouseUp","onMouseEnter","onMouseLeave","onMouseMove","onMouseOver","onMouseOut","onDoubleClick","onContextMenu"],B=n=>{let r=!1;const o=s=>{r||u.Children.forEach(s,t=>{if(!r&&u.isValidElement(t)){if(typeof t.type=="function"&&t.type.displayName==="Card.Backdrop"){r=!0;return}if(t.props&&typeof t.props=="object"&&"children"in t.props){const a=t.props.children;a!=null&&o(a)}}})};return o(n),r},M=(n,r,o)=>{if(m.some(i=>i in o))return!0;if(!r)return!1;const t=u.Children.only(n);if(!u.isValidElement(t))return!1;const d=["a","button"];if(typeof t.type=="string"&&d.includes(t.type))return!0;const a=t.props;return m.some(i=>i in a)},x=({children:n,design:r="filled",intent:o="surface",inset:s=!1,asChild:t,className:d,ref:c,...a})=>{const l=t?h.Slot:"div",i=B(n),v=M(n,t,a);return g.jsx(w.Provider,{value:{design:r,intent:o,hasBackdrop:i,inset:s,isInteractive:v},children:g.jsx(l,{"data-spark-component":"card","data-interactive":v,ref:c,className:y({className:d,design:r,intent:o,hasBackdrop:i}),...a,children:n})})};x.displayName="Card";const V=p.cva(["relative h-full default:rounded-lg w-full focus-visible:u-outline","default:transition-colors default:duration-200 ease-linear"],{variants:{inset:{false:["default:p-lg"]},design:{filled:[],outlined:["default:bg-surface group-focus:bg-surface-hovered group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"],tinted:[]},hasBackdrop:{true:["rounded-t-[16px_8px] "]},intent:e.makeVariants({main:[],support:[],accent:[],basic:[],success:[],alert:[],danger:[],info:[],neutral:[],surface:[],surfaceInverse:[]})},compoundVariants:[{intent:"main",design:"filled",class:e.tw(["bg-main text-on-main group-focus:bg-main-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-hovered"])},{intent:"support",design:"filled",class:e.tw(["bg-support text-on-support group-focus:bg-support-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-hovered"])},{intent:"accent",design:"filled",class:e.tw(["bg-accent text-on-accent group-focus:bg-accent-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-hovered"])},{intent:"basic",design:"filled",class:e.tw(["bg-basic text-on-basic group-focus:bg-basic-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-basic-hovered"])},{intent:"success",design:"filled",class:e.tw(["bg-success text-on-success group-focus:bg-success-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-hovered"])},{intent:"alert",design:"filled",class:e.tw(["bg-alert text-on-alert group-focus:bg-alert-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-hovered"])},{intent:"danger",design:"filled",class:e.tw(["text-on-error bg-error group-focus:bg-error-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-hovered"])},{intent:"info",design:"filled",class:e.tw(["text-on-error bg-info group-focus:bg-info-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-hovered"])},{intent:"neutral",design:"filled",class:e.tw(["bg-neutral text-on-neutral group-focus:bg-neutral-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-hovered"])},{intent:"surface",design:"filled",class:e.tw(["bg-surface text-on-surface group-focus:bg-surface-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"])},{intent:"main",design:"tinted",class:e.tw(["bg-main-container text-on-main-container group-focus:bg-main-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-container-hovered"])},{intent:"support",design:"tinted",class:e.tw(["bg-support-container text-on-support-container group-focus:bg-support-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-container-hovered"])},{intent:"accent",design:"tinted",class:e.tw(["bg-accent-container text-on-accent-container group-focus:bg-accent-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-container-hovered"])},{intent:"basic",design:"tinted",class:e.tw(["bg-basic-container text-on-basic-container group-focus:bg-basic-container-hovered"])},{intent:"success",design:"tinted",class:e.tw(["bg-success-container text-on-success-container group-focus:bg-success-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-container-hovered"])},{intent:"alert",design:"tinted",class:e.tw(["bg-alert-container text-on-alert-container group-focus:bg-alert-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-container-hovered"])},{intent:"danger",design:"tinted",class:e.tw(["bg-error-container text-on-error-container group-focus:bg-error-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-container-hovered"])},{intent:"info",design:"tinted",class:e.tw(["bg-info-container text-on-info-container group-focus:bg-info-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-container-hovered"])},{intent:"neutral",design:"tinted",class:e.tw(["bg-neutral-container text-on-neutral-container group-focus:bg-neutral-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-container-hovered"])},{intent:"surface",design:"tinted",class:e.tw(["bg-surface text-on-surface group-focus:bg-surface-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"])}],defaultVariants:{design:"filled",intent:"surface",inset:!1,hasBackdrop:!0}}),b=({children:n,inset:r,asChild:o,className:s,ref:t,...d})=>{const c=o?h.Slot:"div",{design:a,intent:l,hasBackdrop:i}=E();return g.jsx(c,{"data-spark-component":"card-content",ref:t,className:V({className:s,design:a,intent:l,inset:r,hasBackdrop:i}),...d,children:n})};b.displayName="Content";const C=Object.assign(x,{Content:b,Backdrop:f});C.displayName="Card";b.displayName="Card.Content";f.displayName="Card.Backdrop";exports.Card=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),e=require("@spark-ui/internal-utils"),p=require("class-variance-authority"),h=require("../Slot-DQ8z2zsy.js"),u=require("react"),k=p.cva(["default:bg-surface default:bg-gradient-to-r absolute inset-x-0 top-0","h-sz-16","default:rounded-t-lg","bg-[length:200%_100%] bg-position-[0%_0%]"],{variants:{animation:{none:"",pulse:"animate-standalone-backdrop-pulse"},intent:e.makeVariants({main:["default:from-main/dim-4 default:via-main/dim-2 default:to-main/dim-4"],support:["default:from-support/dim-4 default:via-support/dim-2 default:to-support/dim-4"],accent:["default:from-accent/dim-4 default:via-accent/dim-2 default:to-accent/dim-4"],success:["default:from-success/dim-4 default:via-success/dim-2 default:to-success/dim-4"],alert:["default:from-alert/dim-4 default:via-alert/dim-2 default:to-alert/dim-4"],danger:["default:from-error/dim-4 default:via-error/dim-2 default:to-error/dim-4"],info:["default:from-info/dim-4 default:via-info/dim-2 default:to-info/dim-4"],neutral:["default:from-neutral/dim-4 default:via-neutral/dim-2 default:to-neutral/dim-4"],surface:["default:from-outline/dim-4 default:via-outline/dim-2 default:to-outline/dim-4"],surfaceInverse:["default:from-surface/dim-4 default:via-surface/dim-2 default:to-surface/dim-4"]})},defaultVariants:{intent:"main",animation:"none"}}),f=({intent:r="main",animation:n="none",...o})=>g.jsx("div",{className:k({intent:r,animation:n}),...o});f.displayName="Card.Backdrop";const y=p.cva(["group relative bg-clip-padding default:rounded-lg focus-visible:u-outline","disabled:opacity-dim-3 disabled:cursor-not-allowed"],{variants:{design:{filled:[],outlined:["border-sm"],tinted:[]},hasBackdrop:{true:["pt-md"]},intent:e.makeVariants({main:[],support:[],accent:[],success:[],alert:[],danger:[],info:[],neutral:[],surface:[],surfaceInverse:[]})},compoundVariants:[{intent:"main",design:"outlined",class:e.tw(["border-main"])},{intent:"support",design:"outlined",class:e.tw(["border-support"])},{intent:"accent",design:"outlined",class:e.tw(["border-accent"])},{intent:"success",design:"outlined",class:e.tw(["border-success"])},{intent:"alert",design:"outlined",class:e.tw(["border-alert"])},{intent:"danger",design:"outlined",class:e.tw(["border-error"])},{intent:"info",design:"outlined",class:e.tw(["border-info"])},{intent:"neutral",design:"outlined",class:e.tw(["border-neutral"])},{intent:"surface",design:"outlined",class:e.tw(["border-outline"])}],defaultVariants:{design:"filled",intent:"surface"}}),C=u.createContext(void 0),E=()=>{const r=u.useContext(C);if(!r)throw new Error("useCardContext must be used within a Card component");return r},m=["onClick","onMouseDown","onMouseUp","onMouseEnter","onMouseLeave","onMouseMove","onMouseOver","onMouseOut","onDoubleClick","onContextMenu"],B=r=>{let n=!1;const o=s=>{n||u.Children.forEach(s,t=>{if(!n&&u.isValidElement(t)){if(typeof t.type=="function"&&t.type.displayName==="Card.Backdrop"){n=!0;return}if(t.props&&typeof t.props=="object"&&"children"in t.props){const a=t.props.children;a!=null&&o(a)}}})};return o(r),n},M=(r,n,o)=>{if(m.some(i=>i in o))return!0;if(!n)return!1;const t=u.Children.only(r);if(!u.isValidElement(t))return!1;const d=["a","button"];if(typeof t.type=="string"&&d.includes(t.type))return!0;const a=t.props;return m.some(i=>i in a)},w=({children:r,design:n="filled",intent:o="surface",inset:s=!1,asChild:t,className:d,ref:c,...a})=>{const l=t?h.Slot:"div",i=B(r),b=M(r,t,a);return g.jsx(C.Provider,{value:{design:n,intent:o,hasBackdrop:i,inset:s,isInteractive:b},children:g.jsx(l,{"data-spark-component":"card","data-interactive":b,ref:c,className:y({className:d,design:n,intent:o,hasBackdrop:i}),...a,children:r})})};w.displayName="Card";const V=p.cva(["relative h-full default:rounded-lg w-full focus-visible:u-outline","default:transition-colors default:duration-200 ease-linear"],{variants:{inset:{false:["default:p-lg"]},design:{filled:[],outlined:["default:bg-surface group-focus:bg-surface-hovered group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"],tinted:[]},hasBackdrop:{true:["rounded-t-[16px_8px] "]},intent:e.makeVariants({main:[],support:[],accent:[],success:[],alert:[],danger:[],info:[],neutral:[],surface:[],surfaceInverse:[]})},compoundVariants:[{intent:"main",design:"filled",class:e.tw(["bg-main text-on-main group-focus:bg-main-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-hovered"])},{intent:"support",design:"filled",class:e.tw(["bg-support text-on-support group-focus:bg-support-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-hovered"])},{intent:"accent",design:"filled",class:e.tw(["bg-accent text-on-accent group-focus:bg-accent-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-hovered"])},{intent:"success",design:"filled",class:e.tw(["bg-success text-on-success group-focus:bg-success-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-hovered"])},{intent:"alert",design:"filled",class:e.tw(["bg-alert text-on-alert group-focus:bg-alert-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-hovered"])},{intent:"danger",design:"filled",class:e.tw(["text-on-error bg-error group-focus:bg-error-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-hovered"])},{intent:"info",design:"filled",class:e.tw(["text-on-error bg-info group-focus:bg-info-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-hovered"])},{intent:"neutral",design:"filled",class:e.tw(["bg-neutral text-on-neutral group-focus:bg-neutral-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-hovered"])},{intent:"surface",design:"filled",class:e.tw(["bg-surface text-on-surface group-focus:bg-surface-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"])},{intent:"main",design:"tinted",class:e.tw(["bg-main-container text-on-main-container group-focus:bg-main-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-container-hovered"])},{intent:"support",design:"tinted",class:e.tw(["bg-support-container text-on-support-container group-focus:bg-support-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-container-hovered"])},{intent:"accent",design:"tinted",class:e.tw(["bg-accent-container text-on-accent-container group-focus:bg-accent-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-container-hovered"])},{intent:"success",design:"tinted",class:e.tw(["bg-success-container text-on-success-container group-focus:bg-success-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-container-hovered"])},{intent:"alert",design:"tinted",class:e.tw(["bg-alert-container text-on-alert-container group-focus:bg-alert-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-container-hovered"])},{intent:"danger",design:"tinted",class:e.tw(["bg-error-container text-on-error-container group-focus:bg-error-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-container-hovered"])},{intent:"info",design:"tinted",class:e.tw(["bg-info-container text-on-info-container group-focus:bg-info-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-container-hovered"])},{intent:"neutral",design:"tinted",class:e.tw(["bg-neutral-container text-on-neutral-container group-focus:bg-neutral-container-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-container-hovered"])},{intent:"surface",design:"tinted",class:e.tw(["bg-surface text-on-surface group-focus:bg-surface-hovered","group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"])}],defaultVariants:{design:"filled",intent:"surface",inset:!1,hasBackdrop:!0}}),v=({children:r,inset:n,asChild:o,className:s,ref:t,...d})=>{const c=o?h.Slot:"div",{design:a,intent:l,hasBackdrop:i}=E();return g.jsx(c,{"data-spark-component":"card-content",ref:t,className:V({className:s,design:a,intent:l,inset:n,hasBackdrop:i}),...d,children:r})};v.displayName="Content";const x=Object.assign(w,{Content:v,Backdrop:f});x.displayName="Card";v.displayName="Card.Content";f.displayName="Card.Backdrop";exports.Card=x;
 //# sourceMappingURL=index.js.map