@spark-ui/components 17.2.3 → 17.2.4-beta.0

package/dist/badge/index.mjs

@@ -1,82 +1,116 @@
-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(
-  ["inline-flex h-fit", "empty:p-0", "text-center font-bold", "rounded-full box-content"],
-  {
-    variants: {
-      /**
-       * Visual color appearance of the component.
-       * @default 'danger'
-       */
-      intent: c({
-        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 of the component.
-       * @default 'md'
-       */
-      size: c({
-        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 of the component.
-       * @default 'relative'
-       */
-      type: {
-        relative: ["absolute right-0 border-md", "translate-x-1/2 -translate-y-1/2"],
-        standalone: []
-      }
-    },
-    defaultVariants: {
-      intent: "danger",
-      size: "md",
-      type: "relative"
-    }
-  }
-), o = ({
-  intent: e = "danger",
-  size: t = "md",
-  type: i = "relative",
-  count: a,
-  overflowCount: r = 99,
-  "aria-label": s,
-  className: d,
-  ...l
-}) => {
-  const p = a && a > r, m = typeof s == "function" ? s({ count: a, overflowCount: r }) : s, f = { ...l, "aria-label": m };
-  return /* @__PURE__ */ n(
-    "span",
-    {
-      "data-spark-component": "badge",
-      role: "status",
-      className: x({
-        intent: e,
-        size: t,
-        type: i,
-        className: d
-      }),
-      ...f,
-      children: p ? `${r}+` : a
-    }
-  );
+import { cva as e } from "class-variance-authority";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { makeVariants as r } from "@spark-ui/internal-utils";
+//#region src/badge/BadgeItem.styles.tsx
+var i = e([
+	"inline-flex h-fit",
+	"empty:p-0",
+	"text-center font-bold",
+	"rounded-full box-content"
+], {
+	variants: {
+		intent: r({
+			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: r({
+			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"
+	}
+}), a = ({ intent: e = "danger", size: n = "md", type: r = "relative", count: a, overflowCount: o = 99, "aria-label": s, className: c, ...l }) => {
+	let u = a && a > o, d = typeof s == "function" ? s({
+		count: a,
+		overflowCount: o
+	}) : s, f = {
+		...l,
+		"aria-label": d
+	};
+	return /* @__PURE__ */ t("span", {
+		"data-spark-component": "badge",
+		role: "status",
+		className: i({
+			intent: e,
+			size: n,
+			type: r,
+			className: c
+		}),
+		...f,
+		children: u ? `${o}+` : a
+	});
 };
-o.displayName = "BadgeItem";
-const g = ({ children: e, ...t }) => !e ? /* @__PURE__ */ n(o, { type: "standalone", ...t }) : /* @__PURE__ */ b("div", { className: "relative inline-flex", children: [
-  e,
-  /* @__PURE__ */ n(o, { ...t })
-] });
-g.displayName = "Badge";
-export {
-  g as Badge
-};
-//# sourceMappingURL=index.mjs.map
+a.displayName = "BadgeItem";
+//#endregion
+//#region src/badge/Badge.tsx
+var o = ({ children: e, ...r }) => e ? /* @__PURE__ */ n("div", {
+	className: "relative inline-flex",
+	children: [e, /* @__PURE__ */ t(a, { ...r })]
+}) : /* @__PURE__ */ t(a, {
+	type: "standalone",
+	...r
+});
+o.displayName = "Badge";
+//#endregion
+export { o as Badge };
+
+//# sourceMappingURL=index.mjs.map

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        ['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;"}
+{"version":3,"file":"index.mjs","names":[],"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'>, 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"],"mappings":";;;;AAGA,IAAa,IAAS,EACpB;CAAC;CAAqB;CAAa;CAAyB;CAA2B,EACvF;CACE,UAAU;EAKR,QAAQ,EAGN;GACA,MAAM;IAAC;IAAW;IAAgB;IAAiB;GACnD,SAAS;IAAC;IAAc;IAAmB;IAAiB;GAC5D,QAAQ;IAAC;IAAa;IAAkB;IAAiB;GACzD,SAAS;IAAC;IAAc;IAAmB;IAAiB;GAC5D,OAAO;IAAC;IAAY;IAAiB;IAAiB;GACtD,QAAQ;IAAC;IAAY;IAAiB;IAAiB;GACvD,MAAM;IAAC;IAAW;IAAgB;IAAiB;GACnD,SAAS;IAAC;IAAc;IAAmB;IAAiB;GAC5D,SAAS;IAAC;IAAc;IAAmB;IAAiB;GAC7D,CAAC;EAKF,MAAM,EAAmC;GACvC,IAAI;IAAC;IAAc;IAAqD;IAAkB;GAC1F,IAAI;IAAC;IAAgB;IAAe;IAAmB;GACxD,CAAC;EAKF,MAAM;GACJ,UAAU,CAAC,8BAA8B,mCAAmC;GAC5E,YAAY,EAAE;GACf;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,MAAM;EACP;CACF,CACF,EClBY,KAAa,EACxB,YAAS,UACT,UAAO,MACP,UAAO,YACP,UACA,mBAAgB,IAChB,cAAc,GACd,cACA,GAAG,QACiB;CACpB,IAAM,IAAc,KAAS,IAAQ,GAC/B,IAAY,OAAO,KAAU,aAAa,EAAM;EAAE;EAAO;EAAe,CAAC,GAAG,GAC5E,IAAQ;EAAE,GAAG;EAAQ,cAAc;EAAW;AAEpD,QACE,kBAAC,QAAD;EACE,wBAAqB;EACrB,MAAK;EACL,WAAW,EAAO;GAChB;GACA;GACA;GACA;GACD,CAAC;EACF,GAAI;YAEH,IAAc,GAAG,EAAc,KAAK;EAChC,CAAA;;AAIX,EAAU,cAAc;;;ACrDxB,IAAa,KAAS,EAAE,aAAU,GAAG,QACb,IAKpB,kBAAC,OAAD;CAAK,WAAU;WAAf,CACG,GACD,kBAAC,GAAD,EAAW,GAAI,GAAS,CAAA,CACpB;KALN,kBAAC,GAAD;CAAW,MAAK;CAAa,GAAI;CAAS,CAAA;AAS9C,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-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
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-C91j1N6u.js`);const e=require(`../slot/index.js`),t=require(`../icon-CRPcdgYp.js`),n=require(`../text-link/index.js`);let r=require(`class-variance-authority`),i=require(`react/jsx-runtime`),a=require(`@spark-ui/icons/ArrowVerticalRight`);var o=({className:e,"aria-label":t,ref:n,...a})=>(0,i.jsx)(`nav`,{"data-spark-component":`breadcrumb`,ref:n,"aria-label":t,className:(0,r.cx)(`text-caption text-neutral`,e),children:(0,i.jsx)(`ol`,{className:(0,r.cx)(`gap-sm flex flex-wrap items-center break-words`),...a})});o.displayName=`Breadcrumb.Breadcrumb`;var s=({asChild:t=!1,className:n,children:a,...o})=>(0,i.jsx)(t?e.Slot:`span`,{"data-spark-component":`breadcrumb-current-page`,role:`link`,"aria-disabled":!0,"aria-current":`page`,className:(0,r.cx)(`inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current`,n),...o,children:a});s.displayName=`Breadcrumb.CurrentPage`;var c=({className:e,...t})=>(0,i.jsx)(`li`,{"data-spark-component":`breadcrumb-item`,className:(0,r.cx)(`min-w-none gap-sm inline-flex items-center`,e),...t});c.displayName=`Breadcrumb.Item`;var l=({asChild:t=!1,className:a,bold:o=!0,intent:s=`current`,underline:c=!0,href:l,ref:u,...d})=>(0,i.jsx)(t?e.Slot:n.TextLink,{"data-spark-component":`breadcrumb-link`,href:l,ref:u,className:(0,r.cx)(`inline! overflow-hidden text-ellipsis whitespace-nowrap`,a),bold:o,intent:s,underline:c,...d});l.displayName=`Breadcrumb.Link`;var u=({asChild:n=!1,className:o,children:s,ref:c,...l})=>(0,i.jsx)(n?e.Slot:`li`,{role:`presentation`,"aria-hidden":!0,"data-spark-component":`breadcrumb-separator`,ref:c,className:(0,r.cx)(`gap-sm inline-flex items-center`,o),...l,children:s??(0,i.jsx)(t.t,{children:(0,i.jsx)(a.ArrowVerticalRight,{})})});u.displayName=`Breadcrumb.Separator`;var d=Object.assign(o,{Item:c,Link:l,CurrentPage:s,Separator:u});d.displayName=`Breadcrumb`,c.displayName=`Breadcrumb.Item`,l.displayName=`Breadcrumb.Link`,s.displayName=`Breadcrumb.CurrentPage`,u.displayName=`Breadcrumb.Separator`,exports.Breadcrumb=d;
+//# sourceMappingURL=index.js.map

package/dist/breadcrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/breadcrumb/Breadcrumb.tsx","../../src/breadcrumb/BreadcrumbCurrentPage.tsx","../../src/breadcrumb/BreadcrumbItem.tsx","../../src/breadcrumb/BreadcrumbLink.tsx","../../src/breadcrumb/BreadcrumbSeparator.tsx","../../src/breadcrumb/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {\n  className?: string\n  ['aria-label']: string\n  ref?: Ref<HTMLElement>\n}\n\nexport const Breadcrumb = ({\n  className,\n  'aria-label': ariaLabel,\n  ref,\n  ...rest\n}: BreadcrumbProps) => {\n  return (\n    <nav\n      data-spark-component=\"breadcrumb\"\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cx('text-caption text-neutral', className)}\n    >\n      <ol className={cx('gap-sm flex flex-wrap items-center break-words')} {...rest} />\n    </nav>\n  )\n}\n\nBreadcrumb.displayName = 'Breadcrumb.Breadcrumb'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface CurrentPageProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const CurrentPage = ({\n  asChild = false,\n  className,\n  children,\n  ...rest\n}: CurrentPageProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-current-page\"\n      role=\"link\"\n      aria-disabled\n      aria-current=\"page\"\n      className={cx(\n        'inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current',\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  )\n}\n\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface ItemProps extends ComponentPropsWithoutRef<'li'> {\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Item = ({ className, ...rest }: ItemProps) => {\n  return (\n    <li\n      data-spark-component=\"breadcrumb-item\"\n      className={cx('min-w-none gap-sm inline-flex items-center', className)}\n      {...rest}\n    />\n  )\n}\n\nItem.displayName = 'Breadcrumb.Item'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface LinkProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  href?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const Link = ({\n  asChild = false,\n  className,\n  bold = true,\n  intent = 'current',\n  underline = true,\n  href,\n  ref,\n  ...rest\n}: LinkProps) => {\n  const Component = asChild ? Slot : TextLink\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-link\"\n      href={href}\n      ref={ref}\n      className={cx('inline! overflow-hidden text-ellipsis whitespace-nowrap', className)}\n      bold={bold}\n      intent={intent}\n      underline={underline}\n      {...rest}\n    />\n  )\n}\n\nLink.displayName = 'Breadcrumb.Link'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { Slot } from '../slot'\n\nexport interface SeparatorProps extends ComponentPropsWithoutRef<'li'> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Separator = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: SeparatorProps) => {\n  const Component = asChild ? Slot : 'li'\n\n  return (\n    <Component\n      role=\"presentation\"\n      aria-hidden\n      data-spark-component=\"breadcrumb-separator\"\n      ref={ref}\n      className={cx('gap-sm inline-flex items-center', className)}\n      {...rest}\n    >\n      {children ?? (\n        <Icon>\n          <ArrowVerticalRight />\n        </Icon>\n      )}\n    </Component>\n  )\n}\n\nSeparator.displayName = 'Breadcrumb.Separator'\n","import { Breadcrumb as Root } from './Breadcrumb'\nimport { CurrentPage } from './BreadcrumbCurrentPage'\nimport { Item } from './BreadcrumbItem'\nimport { Link } from './BreadcrumbLink'\nimport { Separator } from './BreadcrumbSeparator'\n\nexport const Breadcrumb: typeof Root & {\n  Item: typeof Item\n  Link: typeof Link\n  CurrentPage: typeof CurrentPage\n  Separator: typeof Separator\n} = Object.assign(Root, {\n  Item,\n  Link,\n  CurrentPage,\n  Separator,\n})\n\nBreadcrumb.displayName = 'Breadcrumb'\nItem.displayName = 'Breadcrumb.Item'\nLink.displayName = 'Breadcrumb.Link'\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\nSeparator.displayName = 'Breadcrumb.Separator'\n\nexport type { BreadcrumbProps } from './Breadcrumb'\n"],"names":["Breadcrumb","className","ariaLabel","ref","rest","jsx","cx","CurrentPage","asChild","children","Component","Slot","Item","Link","bold","intent","underline","href","TextLink","Separator","Icon","ArrowVerticalRight","Root"],"mappings":"kTASaA,EAAa,CAAC,CACzB,UAAAC,EACA,aAAcC,EACd,IAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,IAAC,MAAA,CACC,uBAAqB,aACrB,IAAAF,EACA,aAAYD,EACZ,UAAWI,EAAAA,GAAG,4BAA6BL,CAAS,EAEpD,eAAC,KAAA,CAAG,UAAWK,EAAAA,GAAG,gDAAgD,EAAI,GAAGF,CAAA,CAAM,CAAA,CAAA,EAKrFJ,EAAW,YAAc,wBCflB,MAAMO,EAAc,CAAC,CAC1B,QAAAC,EAAU,GACV,UAAAP,EACA,SAAAQ,EACA,GAAGL,CACL,IAAwB,CACtB,MAAMM,EAAYF,EAAUG,EAAAA,KAAO,OAEnC,OACEN,EAAAA,IAACK,EAAA,CACC,uBAAqB,0BACrB,KAAK,OACL,gBAAa,GACb,eAAa,OACb,UAAWJ,EAAAA,GACT,iFACAL,CAAA,EAED,GAAGG,EAEH,SAAAK,CAAA,CAAA,CAGP,EAEAF,EAAY,YAAc,yBC7BnB,MAAMK,EAAO,CAAC,CAAE,UAAAX,EAAW,GAAGG,KAEjCC,EAAAA,IAAC,KAAA,CACC,uBAAqB,kBACrB,UAAWC,EAAAA,GAAG,6CAA8CL,CAAS,EACpE,GAAGG,CAAA,CAAA,EAKVQ,EAAK,YAAc,kBCLZ,MAAMC,EAAO,CAAC,CACnB,QAAAL,EAAU,GACV,UAAAP,EACA,KAAAa,EAAO,GACP,OAAAC,EAAS,UACT,UAAAC,EAAY,GACZ,KAAAC,EACA,IAAAd,EACA,GAAGC,CACL,IAAiB,CACf,MAAMM,EAAYF,EAAUG,EAAAA,KAAOO,EAAAA,SAEnC,OACEb,EAAAA,IAACK,EAAA,CACC,uBAAqB,kBACrB,KAAAO,EACA,IAAAd,EACA,UAAWG,EAAAA,GAAG,0DAA2DL,CAAS,EAClF,KAAAa,EACA,OAAAC,EACA,UAAAC,EACC,GAAGZ,CAAA,CAAA,CAGV,EAEAS,EAAK,YAAc,kBC1BZ,MAAMM,EAAY,CAAC,CACxB,QAAAX,EAAU,GACV,UAAAP,EACA,SAAAQ,EACA,IAAAN,EACA,GAAGC,CACL,IAAsB,CACpB,MAAMM,EAAYF,EAAUG,EAAAA,KAAO,KAEnC,OACEN,EAAAA,IAACK,EAAA,CACC,KAAK,eACL,cAAW,GACX,uBAAqB,uBACrB,IAAAP,EACA,UAAWG,EAAAA,GAAG,kCAAmCL,CAAS,EACzD,GAAGG,EAEH,SAAAK,GACCJ,EAAAA,IAACe,EAAAA,KAAA,CACC,SAAAf,EAAAA,IAACgB,uBAAmB,CAAA,CACtB,CAAA,CAAA,CAIR,EAEAF,EAAU,YAAc,uBClCjB,MAAMnB,EAKT,OAAO,OAAOsB,EAAM,CACtB,KAAAV,EACA,KAAAC,EACA,YAAAN,EACA,UAAAY,CACF,CAAC,EAEDnB,EAAW,YAAc,aACzBY,EAAK,YAAc,kBACnBC,EAAK,YAAc,kBACnBN,EAAY,YAAc,yBAC1BY,EAAU,YAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/breadcrumb/Breadcrumb.tsx","../../src/breadcrumb/BreadcrumbCurrentPage.tsx","../../src/breadcrumb/BreadcrumbItem.tsx","../../src/breadcrumb/BreadcrumbLink.tsx","../../src/breadcrumb/BreadcrumbSeparator.tsx","../../src/breadcrumb/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {\n  className?: string\n  ['aria-label']: string\n  ref?: Ref<HTMLElement>\n}\n\nexport const Breadcrumb = ({\n  className,\n  'aria-label': ariaLabel,\n  ref,\n  ...rest\n}: BreadcrumbProps) => {\n  return (\n    <nav\n      data-spark-component=\"breadcrumb\"\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cx('text-caption text-neutral', className)}\n    >\n      <ol className={cx('gap-sm flex flex-wrap items-center break-words')} {...rest} />\n    </nav>\n  )\n}\n\nBreadcrumb.displayName = 'Breadcrumb.Breadcrumb'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface CurrentPageProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const CurrentPage = ({\n  asChild = false,\n  className,\n  children,\n  ...rest\n}: CurrentPageProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-current-page\"\n      role=\"link\"\n      aria-disabled\n      aria-current=\"page\"\n      className={cx(\n        'inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current',\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  )\n}\n\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface ItemProps extends ComponentPropsWithoutRef<'li'> {\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Item = ({ className, ...rest }: ItemProps) => {\n  return (\n    <li\n      data-spark-component=\"breadcrumb-item\"\n      className={cx('min-w-none gap-sm inline-flex items-center', className)}\n      {...rest}\n    />\n  )\n}\n\nItem.displayName = 'Breadcrumb.Item'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface LinkProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  href?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const Link = ({\n  asChild = false,\n  className,\n  bold = true,\n  intent = 'current',\n  underline = true,\n  href,\n  ref,\n  ...rest\n}: LinkProps) => {\n  const Component = asChild ? Slot : TextLink\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-link\"\n      href={href}\n      ref={ref}\n      className={cx('inline! overflow-hidden text-ellipsis whitespace-nowrap', className)}\n      bold={bold}\n      intent={intent}\n      underline={underline}\n      {...rest}\n    />\n  )\n}\n\nLink.displayName = 'Breadcrumb.Link'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { Slot } from '../slot'\n\nexport interface SeparatorProps extends ComponentPropsWithoutRef<'li'> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Separator = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: SeparatorProps) => {\n  const Component = asChild ? Slot : 'li'\n\n  return (\n    <Component\n      role=\"presentation\"\n      aria-hidden\n      data-spark-component=\"breadcrumb-separator\"\n      ref={ref}\n      className={cx('gap-sm inline-flex items-center', className)}\n      {...rest}\n    >\n      {children ?? (\n        <Icon>\n          <ArrowVerticalRight />\n        </Icon>\n      )}\n    </Component>\n  )\n}\n\nSeparator.displayName = 'Breadcrumb.Separator'\n","import { Breadcrumb as Root } from './Breadcrumb'\nimport { CurrentPage } from './BreadcrumbCurrentPage'\nimport { Item } from './BreadcrumbItem'\nimport { Link } from './BreadcrumbLink'\nimport { Separator } from './BreadcrumbSeparator'\n\nexport const Breadcrumb: typeof Root & {\n  Item: typeof Item\n  Link: typeof Link\n  CurrentPage: typeof CurrentPage\n  Separator: typeof Separator\n} = Object.assign(Root, {\n  Item,\n  Link,\n  CurrentPage,\n  Separator,\n})\n\nBreadcrumb.displayName = 'Breadcrumb'\nItem.displayName = 'Breadcrumb.Item'\nLink.displayName = 'Breadcrumb.Link'\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\nSeparator.displayName = 'Breadcrumb.Separator'\n\nexport type { BreadcrumbProps } from './Breadcrumb'\n"],"mappings":"oUASA,IAAa,GAAc,CACzB,YACA,aAAc,EACd,MACA,GAAG,MAGD,EAAA,EAAA,KAAC,MAAD,CACE,uBAAqB,aAChB,MACL,aAAY,EACZ,WAAA,EAAA,EAAA,IAAc,4BAA6B,EAAU,WAErD,EAAA,EAAA,KAAC,KAAD,CAAI,WAAA,EAAA,EAAA,IAAc,iDAAiD,CAAE,GAAI,EAAQ,CAAA,CAC7E,CAAA,CAIV,EAAW,YAAc,wBCfzB,IAAa,GAAe,CAC1B,UAAU,GACV,YACA,WACA,GAAG,MAKD,EAAA,EAAA,KAHgB,EAAU,EAAA,KAAO,OAGjC,CACE,uBAAqB,0BACrB,KAAK,OACL,gBAAA,GACA,eAAa,OACb,WAAA,EAAA,EAAA,IACE,iFACA,EACD,CACD,GAAI,EAEH,WACS,CAAA,CAIhB,EAAY,YAAc,yBC7B1B,IAAa,GAAQ,CAAE,YAAW,GAAG,MAEjC,EAAA,EAAA,KAAC,KAAD,CACE,uBAAqB,kBACrB,WAAA,EAAA,EAAA,IAAc,6CAA8C,EAAU,CACtE,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc,kBCLnB,IAAa,GAAQ,CACnB,UAAU,GACV,YACA,OAAO,GACP,SAAS,UACT,YAAY,GACZ,OACA,MACA,GAAG,MAKD,EAAA,EAAA,KAHgB,EAAU,EAAA,KAAO,EAAA,SAGjC,CACE,uBAAqB,kBACf,OACD,MACL,WAAA,EAAA,EAAA,IAAc,0DAA2D,EAAU,CAC7E,OACE,SACG,YACX,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc,kBC1BnB,IAAa,GAAa,CACxB,UAAU,GACV,YACA,WACA,MACA,GAAG,MAKD,EAAA,EAAA,KAHgB,EAAU,EAAA,KAAO,KAGjC,CACE,KAAK,eACL,cAAA,GACA,uBAAqB,uBAChB,MACL,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,CAC3D,GAAI,WAEH,IACC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,mBAAD,EAAsB,CAAA,CACjB,CAAA,CAEC,CAAA,CAIhB,EAAU,YAAc,uBClCxB,IAAa,EAKT,OAAO,OAAO,EAAM,CACtB,OACA,OACA,cACA,YACD,CAAC,CAEF,EAAW,YAAc,aACzB,EAAK,YAAc,kBACnB,EAAK,YAAc,kBACnB,EAAY,YAAc,yBAC1B,EAAU,YAAc"}

package/dist/breadcrumb/index.mjs

@@ -1,109 +1,76 @@
-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-Cc_LeVcx.mjs";
-import { ArrowVerticalRight as x } from "@spark-ui/icons/ArrowVerticalRight";
-import { I as B } from "../Icon-BO327oHU.mjs";
-const u = ({
-  className: e,
-  "aria-label": r,
-  ref: t,
-  ...n
-}) => /* @__PURE__ */ a(
-  "nav",
-  {
-    "data-spark-component": "breadcrumb",
-    ref: t,
-    "aria-label": r,
-    className: m("text-caption text-neutral", e),
-    children: /* @__PURE__ */ a("ol", { className: m("gap-sm flex flex-wrap items-center break-words"), ...n })
-  }
-);
-u.displayName = "Breadcrumb.Breadcrumb";
-const i = ({
-  asChild: e = !1,
-  className: r,
-  children: t,
-  ...n
-}) => /* @__PURE__ */ a(
-  e ? s : "span",
-  {
-    "data-spark-component": "breadcrumb-current-page",
-    role: "link",
-    "aria-disabled": !0,
-    "aria-current": "page",
-    className: m(
-      "inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current",
-      r
-    ),
-    ...n,
-    children: t
-  }
-);
-i.displayName = "Breadcrumb.CurrentPage";
-const c = ({ className: e, ...r }) => /* @__PURE__ */ a(
-  "li",
-  {
-    "data-spark-component": "breadcrumb-item",
-    className: m("min-w-none gap-sm inline-flex items-center", e),
-    ...r
-  }
-);
-c.displayName = "Breadcrumb.Item";
-const l = ({
-  asChild: e = !1,
-  className: r,
-  bold: t = !0,
-  intent: n = "current",
-  underline: o = !0,
-  href: d,
-  ref: b,
-  ...f
-}) => /* @__PURE__ */ a(
-  e ? s : N,
-  {
-    "data-spark-component": "breadcrumb-link",
-    href: d,
-    ref: b,
-    className: m("inline! overflow-hidden text-ellipsis whitespace-nowrap", r),
-    bold: t,
-    intent: n,
-    underline: o,
-    ...f
-  }
-);
-l.displayName = "Breadcrumb.Link";
-const p = ({
-  asChild: e = !1,
-  className: r,
-  children: t,
-  ref: n,
-  ...o
-}) => /* @__PURE__ */ a(
-  e ? s : "li",
-  {
-    role: "presentation",
-    "aria-hidden": !0,
-    "data-spark-component": "breadcrumb-separator",
-    ref: n,
-    className: m("gap-sm inline-flex items-center", r),
-    ...o,
-    children: t ?? /* @__PURE__ */ a(B, { children: /* @__PURE__ */ a(x, {}) })
-  }
-);
-p.displayName = "Breadcrumb.Separator";
-const k = Object.assign(u, {
-  Item: c,
-  Link: l,
-  CurrentPage: i,
-  Separator: p
+import { Slot as e } from "../slot/index.mjs";
+import { t } from "../icon-D05Uqh8_.mjs";
+import { TextLink as n } from "../text-link/index.mjs";
+import { cx as r } from "class-variance-authority";
+import { jsx as i } from "react/jsx-runtime";
+import { ArrowVerticalRight as a } from "@spark-ui/icons/ArrowVerticalRight";
+//#region src/breadcrumb/Breadcrumb.tsx
+var o = ({ className: e, "aria-label": t, ref: n, ...a }) => /* @__PURE__ */ i("nav", {
+	"data-spark-component": "breadcrumb",
+	ref: n,
+	"aria-label": t,
+	className: r("text-caption text-neutral", e),
+	children: /* @__PURE__ */ i("ol", {
+		className: r("gap-sm flex flex-wrap items-center break-words"),
+		...a
+	})
+});
+o.displayName = "Breadcrumb.Breadcrumb";
+//#endregion
+//#region src/breadcrumb/BreadcrumbCurrentPage.tsx
+var s = ({ asChild: t = !1, className: n, children: a, ...o }) => /* @__PURE__ */ i(t ? e : "span", {
+	"data-spark-component": "breadcrumb-current-page",
+	role: "link",
+	"aria-disabled": !0,
+	"aria-current": "page",
+	className: r("inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current", n),
+	...o,
+	children: a
+});
+s.displayName = "Breadcrumb.CurrentPage";
+//#endregion
+//#region src/breadcrumb/BreadcrumbItem.tsx
+var c = ({ className: e, ...t }) => /* @__PURE__ */ i("li", {
+	"data-spark-component": "breadcrumb-item",
+	className: r("min-w-none gap-sm inline-flex items-center", e),
+	...t
 });
-k.displayName = "Breadcrumb";
 c.displayName = "Breadcrumb.Item";
+//#endregion
+//#region src/breadcrumb/BreadcrumbLink.tsx
+var l = ({ asChild: t = !1, className: a, bold: o = !0, intent: s = "current", underline: c = !0, href: l, ref: u, ...d }) => /* @__PURE__ */ i(t ? e : n, {
+	"data-spark-component": "breadcrumb-link",
+	href: l,
+	ref: u,
+	className: r("inline! overflow-hidden text-ellipsis whitespace-nowrap", a),
+	bold: o,
+	intent: s,
+	underline: c,
+	...d
+});
 l.displayName = "Breadcrumb.Link";
-i.displayName = "Breadcrumb.CurrentPage";
-p.displayName = "Breadcrumb.Separator";
-export {
-  k as Breadcrumb
-};
-//# sourceMappingURL=index.mjs.map
+//#endregion
+//#region src/breadcrumb/BreadcrumbSeparator.tsx
+var u = ({ asChild: n = !1, className: o, children: s, ref: c, ...l }) => /* @__PURE__ */ i(n ? e : "li", {
+	role: "presentation",
+	"aria-hidden": !0,
+	"data-spark-component": "breadcrumb-separator",
+	ref: c,
+	className: r("gap-sm inline-flex items-center", o),
+	...l,
+	children: s ?? /* @__PURE__ */ i(t, { children: /* @__PURE__ */ i(a, {}) })
+});
+u.displayName = "Breadcrumb.Separator";
+//#endregion
+//#region src/breadcrumb/index.ts
+var d = Object.assign(o, {
+	Item: c,
+	Link: l,
+	CurrentPage: s,
+	Separator: u
+});
+d.displayName = "Breadcrumb", c.displayName = "Breadcrumb.Item", l.displayName = "Breadcrumb.Link", s.displayName = "Breadcrumb.CurrentPage", u.displayName = "Breadcrumb.Separator";
+//#endregion
+export { d as Breadcrumb };
+
+//# sourceMappingURL=index.mjs.map

package/dist/breadcrumb/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/breadcrumb/Breadcrumb.tsx","../../src/breadcrumb/BreadcrumbCurrentPage.tsx","../../src/breadcrumb/BreadcrumbItem.tsx","../../src/breadcrumb/BreadcrumbLink.tsx","../../src/breadcrumb/BreadcrumbSeparator.tsx","../../src/breadcrumb/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {\n  className?: string\n  ['aria-label']: string\n  ref?: Ref<HTMLElement>\n}\n\nexport const Breadcrumb = ({\n  className,\n  'aria-label': ariaLabel,\n  ref,\n  ...rest\n}: BreadcrumbProps) => {\n  return (\n    <nav\n      data-spark-component=\"breadcrumb\"\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cx('text-caption text-neutral', className)}\n    >\n      <ol className={cx('gap-sm flex flex-wrap items-center break-words')} {...rest} />\n    </nav>\n  )\n}\n\nBreadcrumb.displayName = 'Breadcrumb.Breadcrumb'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface CurrentPageProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const CurrentPage = ({\n  asChild = false,\n  className,\n  children,\n  ...rest\n}: CurrentPageProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-current-page\"\n      role=\"link\"\n      aria-disabled\n      aria-current=\"page\"\n      className={cx(\n        'inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current',\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  )\n}\n\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface ItemProps extends ComponentPropsWithoutRef<'li'> {\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Item = ({ className, ...rest }: ItemProps) => {\n  return (\n    <li\n      data-spark-component=\"breadcrumb-item\"\n      className={cx('min-w-none gap-sm inline-flex items-center', className)}\n      {...rest}\n    />\n  )\n}\n\nItem.displayName = 'Breadcrumb.Item'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface LinkProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  href?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const Link = ({\n  asChild = false,\n  className,\n  bold = true,\n  intent = 'current',\n  underline = true,\n  href,\n  ref,\n  ...rest\n}: LinkProps) => {\n  const Component = asChild ? Slot : TextLink\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-link\"\n      href={href}\n      ref={ref}\n      className={cx('inline! overflow-hidden text-ellipsis whitespace-nowrap', className)}\n      bold={bold}\n      intent={intent}\n      underline={underline}\n      {...rest}\n    />\n  )\n}\n\nLink.displayName = 'Breadcrumb.Link'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { Slot } from '../slot'\n\nexport interface SeparatorProps extends ComponentPropsWithoutRef<'li'> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Separator = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: SeparatorProps) => {\n  const Component = asChild ? Slot : 'li'\n\n  return (\n    <Component\n      role=\"presentation\"\n      aria-hidden\n      data-spark-component=\"breadcrumb-separator\"\n      ref={ref}\n      className={cx('gap-sm inline-flex items-center', className)}\n      {...rest}\n    >\n      {children ?? (\n        <Icon>\n          <ArrowVerticalRight />\n        </Icon>\n      )}\n    </Component>\n  )\n}\n\nSeparator.displayName = 'Breadcrumb.Separator'\n","import { Breadcrumb as Root } from './Breadcrumb'\nimport { CurrentPage } from './BreadcrumbCurrentPage'\nimport { Item } from './BreadcrumbItem'\nimport { Link } from './BreadcrumbLink'\nimport { Separator } from './BreadcrumbSeparator'\n\nexport const Breadcrumb: typeof Root & {\n  Item: typeof Item\n  Link: typeof Link\n  CurrentPage: typeof CurrentPage\n  Separator: typeof Separator\n} = Object.assign(Root, {\n  Item,\n  Link,\n  CurrentPage,\n  Separator,\n})\n\nBreadcrumb.displayName = 'Breadcrumb'\nItem.displayName = 'Breadcrumb.Item'\nLink.displayName = 'Breadcrumb.Link'\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\nSeparator.displayName = 'Breadcrumb.Separator'\n\nexport type { BreadcrumbProps } from './Breadcrumb'\n"],"names":["Breadcrumb","className","ariaLabel","ref","rest","jsx","cx","CurrentPage","asChild","children","Slot","Item","Link","bold","intent","underline","href","TextLink","Separator","Icon","ArrowVerticalRight","Root"],"mappings":";;;;;;AASO,MAAMA,IAAa,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,cAAcC;AAAA,EACd,KAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,wBAAqB;AAAA,IACrB,KAAAF;AAAA,IACA,cAAYD;AAAA,IACZ,WAAWI,EAAG,6BAA6BL,CAAS;AAAA,IAEpD,4BAAC,MAAA,EAAG,WAAWK,EAAG,gDAAgD,GAAI,GAAGF,EAAA,CAAM;AAAA,EAAA;AAAA;AAKrFJ,EAAW,cAAc;ACflB,MAAMO,IAAc,CAAC;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,WAAAP;AAAA,EACA,UAAAQ;AAAA,EACA,GAAGL;AACL,MAII,gBAAAC;AAAA,EAHgBG,IAAUE,IAAO;AAAA,EAGhC;AAAA,IACC,wBAAqB;AAAA,IACrB,MAAK;AAAA,IACL,iBAAa;AAAA,IACb,gBAAa;AAAA,IACb,WAAWJ;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGG;AAAA,IAEH,UAAAK;AAAA,EAAA;AAAA;AAKPF,EAAY,cAAc;AC7BnB,MAAMI,IAAO,CAAC,EAAE,WAAAV,GAAW,GAAGG,QAEjC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,wBAAqB;AAAA,IACrB,WAAWC,EAAG,8CAA8CL,CAAS;AAAA,IACpE,GAAGG;AAAA,EAAA;AAAA;AAKVO,EAAK,cAAc;ACLZ,MAAMC,IAAO,CAAC;AAAA,EACnB,SAAAJ,IAAU;AAAA,EACV,WAAAP;AAAA,EACA,MAAAY,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,KAAAb;AAAA,EACA,GAAGC;AACL,MAII,gBAAAC;AAAA,EAHgBG,IAAUE,IAAOO;AAAA,EAGhC;AAAA,IACC,wBAAqB;AAAA,IACrB,MAAAD;AAAA,IACA,KAAAb;AAAA,IACA,WAAWG,EAAG,2DAA2DL,CAAS;AAAA,IAClF,MAAAY;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACC,GAAGX;AAAA,EAAA;AAAA;AAKVQ,EAAK,cAAc;AC1BZ,MAAMM,IAAY,CAAC;AAAA,EACxB,SAAAV,IAAU;AAAA,EACV,WAAAP;AAAA,EACA,UAAAQ;AAAA,EACA,KAAAN;AAAA,EACA,GAAGC;AACL,MAII,gBAAAC;AAAA,EAHgBG,IAAUE,IAAO;AAAA,EAGhC;AAAA,IACC,MAAK;AAAA,IACL,eAAW;AAAA,IACX,wBAAqB;AAAA,IACrB,KAAAP;AAAA,IACA,WAAWG,EAAG,mCAAmCL,CAAS;AAAA,IACzD,GAAGG;AAAA,IAEH,UAAAK,KACC,gBAAAJ,EAACc,GAAA,EACC,UAAA,gBAAAd,EAACe,KAAmB,EAAA,CACtB;AAAA,EAAA;AAAA;AAMRF,EAAU,cAAc;AClCjB,MAAMlB,IAKT,OAAO,OAAOqB,GAAM;AAAA,EACtB,MAAAV;AAAA,EACA,MAAAC;AAAA,EACA,aAAAL;AAAA,EACA,WAAAW;AACF,CAAC;AAEDlB,EAAW,cAAc;AACzBW,EAAK,cAAc;AACnBC,EAAK,cAAc;AACnBL,EAAY,cAAc;AAC1BW,EAAU,cAAc;"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/breadcrumb/Breadcrumb.tsx","../../src/breadcrumb/BreadcrumbCurrentPage.tsx","../../src/breadcrumb/BreadcrumbItem.tsx","../../src/breadcrumb/BreadcrumbLink.tsx","../../src/breadcrumb/BreadcrumbSeparator.tsx","../../src/breadcrumb/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface BreadcrumbProps extends ComponentPropsWithoutRef<'nav'> {\n  className?: string\n  ['aria-label']: string\n  ref?: Ref<HTMLElement>\n}\n\nexport const Breadcrumb = ({\n  className,\n  'aria-label': ariaLabel,\n  ref,\n  ...rest\n}: BreadcrumbProps) => {\n  return (\n    <nav\n      data-spark-component=\"breadcrumb\"\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cx('text-caption text-neutral', className)}\n    >\n      <ol className={cx('gap-sm flex flex-wrap items-center break-words')} {...rest} />\n    </nav>\n  )\n}\n\nBreadcrumb.displayName = 'Breadcrumb.Breadcrumb'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface CurrentPageProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const CurrentPage = ({\n  asChild = false,\n  className,\n  children,\n  ...rest\n}: CurrentPageProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-current-page\"\n      role=\"link\"\n      aria-disabled\n      aria-current=\"page\"\n      className={cx(\n        'inline! overflow-hidden font-bold text-ellipsis whitespace-nowrap text-current',\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  )\n}\n\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nexport interface ItemProps extends ComponentPropsWithoutRef<'li'> {\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Item = ({ className, ...rest }: ItemProps) => {\n  return (\n    <li\n      data-spark-component=\"breadcrumb-item\"\n      className={cx('min-w-none gap-sm inline-flex items-center', className)}\n      {...rest}\n    />\n  )\n}\n\nItem.displayName = 'Breadcrumb.Item'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { TextLink } from '../text-link'\n\nexport interface LinkProps extends ComponentPropsWithoutRef<typeof TextLink> {\n  asChild?: boolean\n  className?: string\n  href?: string\n  ref?: Ref<HTMLAnchorElement>\n}\n\nexport const Link = ({\n  asChild = false,\n  className,\n  bold = true,\n  intent = 'current',\n  underline = true,\n  href,\n  ref,\n  ...rest\n}: LinkProps) => {\n  const Component = asChild ? Slot : TextLink\n\n  return (\n    <Component\n      data-spark-component=\"breadcrumb-link\"\n      href={href}\n      ref={ref}\n      className={cx('inline! overflow-hidden text-ellipsis whitespace-nowrap', className)}\n      bold={bold}\n      intent={intent}\n      underline={underline}\n      {...rest}\n    />\n  )\n}\n\nLink.displayName = 'Breadcrumb.Link'\n","import { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { Slot } from '../slot'\n\nexport interface SeparatorProps extends ComponentPropsWithoutRef<'li'> {\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLLIElement>\n}\n\nexport const Separator = ({\n  asChild = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: SeparatorProps) => {\n  const Component = asChild ? Slot : 'li'\n\n  return (\n    <Component\n      role=\"presentation\"\n      aria-hidden\n      data-spark-component=\"breadcrumb-separator\"\n      ref={ref}\n      className={cx('gap-sm inline-flex items-center', className)}\n      {...rest}\n    >\n      {children ?? (\n        <Icon>\n          <ArrowVerticalRight />\n        </Icon>\n      )}\n    </Component>\n  )\n}\n\nSeparator.displayName = 'Breadcrumb.Separator'\n","import { Breadcrumb as Root } from './Breadcrumb'\nimport { CurrentPage } from './BreadcrumbCurrentPage'\nimport { Item } from './BreadcrumbItem'\nimport { Link } from './BreadcrumbLink'\nimport { Separator } from './BreadcrumbSeparator'\n\nexport const Breadcrumb: typeof Root & {\n  Item: typeof Item\n  Link: typeof Link\n  CurrentPage: typeof CurrentPage\n  Separator: typeof Separator\n} = Object.assign(Root, {\n  Item,\n  Link,\n  CurrentPage,\n  Separator,\n})\n\nBreadcrumb.displayName = 'Breadcrumb'\nItem.displayName = 'Breadcrumb.Item'\nLink.displayName = 'Breadcrumb.Link'\nCurrentPage.displayName = 'Breadcrumb.CurrentPage'\nSeparator.displayName = 'Breadcrumb.Separator'\n\nexport type { BreadcrumbProps } from './Breadcrumb'\n"],"mappings":";;;;;;;AASA,IAAa,KAAc,EACzB,cACA,cAAc,GACd,QACA,GAAG,QAGD,kBAAC,OAAD;CACE,wBAAqB;CAChB;CACL,cAAY;CACZ,WAAW,EAAG,6BAA6B,EAAU;WAErD,kBAAC,MAAD;EAAI,WAAW,EAAG,iDAAiD;EAAE,GAAI;EAAQ,CAAA;CAC7E,CAAA;AAIV,EAAW,cAAc;;;ACfzB,IAAa,KAAe,EAC1B,aAAU,IACV,cACA,aACA,GAAG,QAKD,kBAHgB,IAAU,IAAO,QAGjC;CACE,wBAAqB;CACrB,MAAK;CACL,iBAAA;CACA,gBAAa;CACb,WAAW,EACT,kFACA,EACD;CACD,GAAI;CAEH;CACS,CAAA;AAIhB,EAAY,cAAc;;;AC7B1B,IAAa,KAAQ,EAAE,cAAW,GAAG,QAEjC,kBAAC,MAAD;CACE,wBAAqB;CACrB,WAAW,EAAG,8CAA8C,EAAU;CACtE,GAAI;CACJ,CAAA;AAIN,EAAK,cAAc;;;ACLnB,IAAa,KAAQ,EACnB,aAAU,IACV,cACA,UAAO,IACP,YAAS,WACT,eAAY,IACZ,SACA,QACA,GAAG,QAKD,kBAHgB,IAAU,IAAO,GAGjC;CACE,wBAAqB;CACf;CACD;CACL,WAAW,EAAG,2DAA2D,EAAU;CAC7E;CACE;CACG;CACX,GAAI;CACJ,CAAA;AAIN,EAAK,cAAc;;;AC1BnB,IAAa,KAAa,EACxB,aAAU,IACV,cACA,aACA,QACA,GAAG,QAKD,kBAHgB,IAAU,IAAO,MAGjC;CACE,MAAK;CACL,eAAA;CACA,wBAAqB;CAChB;CACL,WAAW,EAAG,mCAAmC,EAAU;CAC3D,GAAI;WAEH,KACC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAsB,CAAA,EACjB,CAAA;CAEC,CAAA;AAIhB,EAAU,cAAc;;;AClCxB,IAAa,IAKT,OAAO,OAAO,GAAM;CACtB;CACA;CACA;CACA;CACD,CAAC;AAEF,EAAW,cAAc,cACzB,EAAK,cAAc,mBACnB,EAAK,cAAc,mBACnB,EAAY,cAAc,0BAC1B,EAAU,cAAc"}

package/dist/button/index.js

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

package/dist/button/index.mjs

@@ -1,5 +1,2 @@
-import { B as r } from "../Button-1M9DcZl0.mjs";
-export {
-  r as Button
-};
-//# sourceMappingURL=index.mjs.map
+import { t as e } from "../button-_YZ_4J42.mjs";
+export { e as Button };

package/dist/button-BTDRzvpB.js

@@ -0,0 +1,2 @@
+require(`./chunk-C91j1N6u.js`);const e=require(`./slot/index.js`),t=require(`./spinner-DFUoYvmm.js`);let n=require(`class-variance-authority`),r=require(`react`),i=require(`react/jsx-runtime`),a=require(`@spark-ui/internal-utils`);var o=[{intent:`main`,design:`filled`,class:(0,a.tw)([`bg-main`,`text-on-main`,`hover:bg-main-hovered`,`enabled:active:bg-main-hovered`,`focus-visible:bg-main-hovered`])},{intent:`support`,design:`filled`,class:(0,a.tw)([`bg-support`,`text-on-support`,`hover:bg-support-hovered`,`enabled:active:bg-support-hovered`,`focus-visible:bg-support-hovered`])},{intent:`accent`,design:`filled`,class:(0,a.tw)([`bg-accent`,`text-on-accent`,`hover:bg-accent-hovered`,`enabled:active:bg-accent-hovered`,`focus-visible:bg-accent-hovered`])},{intent:`success`,design:`filled`,class:(0,a.tw)([`bg-success`,`text-on-success`,`hover:bg-success-hovered`,`enabled:active:bg-success-hovered`,`focus-visible:bg-success-hovered`])},{intent:`alert`,design:`filled`,class:(0,a.tw)([`bg-alert`,`text-on-alert`,`hover:bg-alert-hovered`,`enabled:active:bg-alert-hovered`,`focus-visible:bg-alert-hovered`])},{intent:`danger`,design:`filled`,class:(0,a.tw)([`text-on-error bg-error`,`hover:bg-error-hovered enabled:active:bg-error-hovered`,`focus-visible:bg-error-hovered`])},{intent:`info`,design:`filled`,class:(0,a.tw)([`text-on-error bg-info`,`hover:bg-info-hovered enabled:active:bg-info-hovered`,`focus-visible:bg-info-hovered`])},{intent:`neutral`,design:`filled`,class:(0,a.tw)([`bg-neutral`,`text-on-neutral`,`hover:bg-neutral-hovered`,`enabled:active:bg-neutral-hovered`,`focus-visible:bg-neutral-hovered`])},{intent:`surface`,design:`filled`,class:(0,a.tw)([`bg-surface`,`text-on-surface`,`hover:bg-surface-hovered`,`enabled:active:bg-surface-hovered`,`focus-visible:bg-surface-hovered`])},{intent:`surfaceInverse`,design:`filled`,class:(0,a.tw)([`bg-surface-inverse`,`text-on-surface-inverse`,`hover:bg-surface-inverse-hovered`,`enabled:active:bg-surface-inverse-hovered`,`focus-visible:bg-surface-inverse-hovered`])}],s=[{intent:`main`,design:`ghost`,class:(0,a.tw)([`text-on-main-container`,`hover:bg-main/dim-5`,`enabled:active:bg-main/dim-5`,`focus-visible:bg-main/dim-5`])},{intent:`support`,design:`ghost`,class:(0,a.tw)([`text-on-support-container`,`hover:bg-support/dim-5`,`enabled:active:bg-support/dim-5`,`focus-visible:bg-support/dim-5`])},{intent:`accent`,design:`ghost`,class:(0,a.tw)([`text-on-accent-container`,`hover:bg-accent/dim-5`,`enabled:active:bg-accent/dim-5`,`focus-visible:bg-accent/dim-5`])},{intent:`success`,design:`ghost`,class:(0,a.tw)([`text-on-success-container`,`hover:bg-success/dim-5`,`enabled:active:bg-success/dim-5`,`focus-visible:bg-success/dim-5`])},{intent:`alert`,design:`ghost`,class:(0,a.tw)([`text-on-alert-container`,`hover:bg-alert/dim-5`,`enabled:active:bg-alert/dim-5`,`focus-visible:bg-alert/dim-5`])},{intent:`danger`,design:`ghost`,class:(0,a.tw)([`text-on-error-container`,`hover:bg-error/dim-5`,`enabled:active:bg-error/dim-5`,`focus-visible:bg-error/dim-5`])},{intent:`info`,design:`ghost`,class:(0,a.tw)([`text-on-info-container`,`hover:bg-info/dim-5`,`enabled:active:bg-info/dim-5`,`focus-visible:bg-info/dim-5`])},{intent:`neutral`,design:`ghost`,class:(0,a.tw)([`text-on-neutral-container`,`hover:bg-neutral/dim-5`,`enabled:active:bg-neutral/dim-5`,`focus-visible:bg-neutral/dim-5`])},{intent:`surface`,design:`ghost`,class:(0,a.tw)([`text-surface`,`hover:bg-surface/dim-5`,`enabled:active:bg-surface/dim-5`,`focus-visible:bg-surface/dim-5`])},{intent:`surfaceInverse`,design:`ghost`,class:(0,a.tw)([`text-surface-inverse`,`hover:bg-surface-inverse/dim-5`,`enabled:active:bg-surface-inverse/dim-5`,`focus-visible:bg-surface-inverse/dim-5`])}],c=[{intent:`main`,design:`outlined`,class:(0,a.tw)([`hover:bg-main/dim-5`,`enabled:active:bg-main/dim-5`,`focus-visible:bg-main/dim-5`,`text-main`])},{intent:`support`,design:`outlined`,class:(0,a.tw)([`hover:bg-support/dim-5`,`enabled:active:bg-support/dim-5`,`focus-visible:bg-support/dim-5`,`text-support`])},{intent:`accent`,design:`outlined`,class:(0,a.tw)([`hover:bg-accent/dim-5`,`enabled:active:bg-accent/dim-5`,`focus-visible:bg-accent/dim-5`,`text-accent`])},{intent:`success`,design:`outlined`,class:(0,a.tw)([`hover:bg-success/dim-5`,`enabled:active:bg-success/dim-5`,`focus-visible:bg-success/dim-5`,`text-success`])},{intent:`alert`,design:`outlined`,class:(0,a.tw)([`hover:bg-alert/dim-5`,`enabled:active:bg-alert/dim-5`,`focus-visible:bg-alert/dim-5`,`text-alert`])},{intent:`danger`,design:`outlined`,class:(0,a.tw)([`hover:bg-error/dim-5`,`enabled:active:bg-error/dim-5`,`focus-visible:bg-error/dim-5`,`text-error`])},{intent:`info`,design:`outlined`,class:(0,a.tw)([`hover:bg-info/dim-5`,`enabled:active:bg-info/dim-5`,`focus-visible:bg-info/dim-5`,`text-info`])},{intent:`neutral`,design:`outlined`,class:(0,a.tw)([`hover:bg-neutral/dim-5`,`enabled:active:bg-neutral/dim-5`,`focus-visible:bg-neutral/dim-5`,`text-neutral`])},{intent:`surface`,design:`outlined`,class:(0,a.tw)([`hover:bg-surface/dim-5`,`enabled:active:bg-surface/dim-5`,`focus-visible:bg-surface/dim-5`,`text-surface`])},{intent:`surfaceInverse`,design:`outlined`,class:(0,a.tw)([`hover:bg-surface-inverse/dim-5`,`enabled:active:bg-surface-inverse/dim-5`,`focus-visible:bg-surface-inverse/dim-5`,`text-surface-inverse`])}],l=[{intent:`main`,design:`tinted`,class:(0,a.tw)([`bg-main-container`,`text-on-main-container`,`hover:bg-main-container-hovered`,`enabled:active:bg-main-container-hovered`,`focus-visible:bg-main-container-hovered`])},{intent:`support`,design:`tinted`,class:(0,a.tw)([`bg-support-container`,`text-on-support-container`,`hover:bg-support-container-hovered`,`enabled:active:bg-support-container-hovered`,`focus-visible:bg-support-container-hovered`])},{intent:`accent`,design:`tinted`,class:(0,a.tw)([`bg-accent-container`,`text-on-accent-container`,`hover:bg-accent-container-hovered`,`enabled:active:bg-accent-container-hovered`,`focus-visible:bg-accent-container-hovered`])},{intent:`success`,design:`tinted`,class:(0,a.tw)([`bg-success-container`,`text-on-success-container`,`hover:bg-success-container-hovered`,`enabled:active:bg-success-container-hovered`,`focus-visible:bg-success-container-hovered`])},{intent:`alert`,design:`tinted`,class:(0,a.tw)([`bg-alert-container`,`text-on-alert-container`,`hover:bg-alert-container-hovered`,`enabled:active:bg-alert-container-hovered`,`focus-visible:bg-alert-container-hovered`])},{intent:`danger`,design:`tinted`,class:(0,a.tw)([`bg-error-container`,`text-on-error-container`,`hover:bg-error-container-hovered`,`enabled:active:bg-error-container-hovered`,`focus-visible:bg-error-container-hovered`])},{intent:`info`,design:`tinted`,class:(0,a.tw)([`bg-info-container`,`text-on-info-container`,`hover:bg-info-container-hovered`,`enabled:active:bg-info-container-hovered`,`focus-visible:bg-info-container-hovered`])},{intent:`neutral`,design:`tinted`,class:(0,a.tw)([`bg-neutral-container`,`text-on-neutral-container`,`hover:bg-neutral-container-hovered`,`enabled:active:bg-neutral-container-hovered`,`focus-visible:bg-neutral-container-hovered`])},{intent:`surface`,design:`tinted`,class:(0,a.tw)([`bg-surface`,`text-on-surface`,`hover:bg-surface-hovered`,`enabled:active:bg-surface-hovered`,`focus-visible:bg-surface-hovered`])},{intent:`surfaceInverse`,design:`tinted`,class:(0,a.tw)([`bg-surface-inverse`,`text-on-surface-inverse`,`hover:bg-surface-inverse-hovered`,`enabled:active:bg-surface-inverse-hovered`,`focus-visible:bg-surface-inverse-hovered`])}],u=[{intent:`main`,design:`contrast`,class:(0,a.tw)([`text-on-main-contaier bg-surface`,`hover:bg-main-container-hovered`,`enabled:active:bg-main-container-hovered`,`focus-visible:bg-main-container-hovered`])},{intent:`support`,design:`contrast`,class:(0,a.tw)([`text-on-support-container bg-surface`,`hover:bg-support-container-hovered`,`enabled:active:bg-support-container-hovered`,`focus-visible:bg-support-container-hovered`])},{intent:`accent`,design:`contrast`,class:(0,a.tw)([`text-on-accent-container bg-surface`,`hover:bg-accent-container-hovered`,`enabled:active:bg-accent-container-hovered`,`focus-visible:bg-accent-container-hovered`])},{intent:`success`,design:`contrast`,class:(0,a.tw)([`text-on-success-container bg-surface`,`hover:bg-success-container-hovered`,`enabled:active:bg-success-container-hovered`,`focus-visible:bg-success-container-hovered`])},{intent:`alert`,design:`contrast`,class:(0,a.tw)([`text-on-alert-container bg-surface`,`hover:bg-alert-container-hovered`,`enabled:active:bg-alert-container-hovered`,`focus-visible:bg-alert-container-hovered`])},{intent:`danger`,design:`contrast`,class:(0,a.tw)([`text-on-error-container bg-surface`,`hover:bg-error-container-hovered`,`enabled:active:bg-error-container-hovered`,`focus-visible:bg-error-container-hovered`])},{intent:`info`,design:`contrast`,class:(0,a.tw)([`text-on-info-container bg-surface`,`hover:bg-info-container-hovered`,`enabled:active:bg-info-container-hovered`,`focus-visible:bg-info-container-hovered`])},{intent:`neutral`,design:`contrast`,class:(0,a.tw)([`text-on-neutral-container bg-surface`,`hover:bg-neutral-container-hovered`,`enabled:active:bg-neutral-container-hovered`,`focus-visible:bg-neutral-container-hovered`])},{intent:`surface`,design:`contrast`,class:(0,a.tw)([`text-on-surface bg-surface`,`hover:bg-surface-hovered`,`enabled:active:bg-surface-hovered`,`focus-visible:bg-surface-hovered`])},{intent:`surfaceInverse`,design:`contrast`,class:(0,a.tw)([`text-on-surface-inverse bg-surface-inverse`,`hover:bg-surface-inverse-hovered`,`enabled:active:bg-surface-inverse-hovered`,`focus-visible:bg-surface-inverse-hovered`])}],d=(0,n.cva)([`u-shadow-border-transition`,`box-border inline-flex items-center justify-center gap-md whitespace-nowrap`,`default:px-lg`,`text-body-1 font-bold`,`focus-visible:u-outline`],{variants:{design:(0,a.makeVariants)({filled:[],outlined:[`bg-transparent`,`border-sm`,`border-current`],tinted:[],ghost:[`default:-mx-md px-md hover:bg-main/dim-5`],contrast:[]}),underline:{true:[`underline`]},intent:(0,a.makeVariants)({main:[],support:[],accent:[],success:[],alert:[],danger:[],info:[],neutral:[],surface:[],surfaceInverse:[]}),size:(0,a.makeVariants)({sm:[`min-w-sz-32`,`h-sz-32`],md:[`min-w-sz-44`,`h-sz-44`],lg:[`min-w-sz-56`,`h-sz-56`]}),shape:(0,a.makeVariants)({rounded:[`rounded-lg`],square:[`rounded-0`],pill:[`rounded-full`]}),disabled:{true:[`cursor-not-allowed`,`opacity-dim-3`],false:[`cursor-pointer`]}},compoundVariants:[...o,...c,...l,...s,...u],defaultVariants:{design:`filled`,intent:`main`,size:`md`,shape:`rounded`}}),f=[`onClick`,`onMouseDown`,`onMouseUp`,`onMouseEnter`,`onMouseLeave`,`onMouseOver`,`onMouseOut`,`onKeyDown`,`onKeyPress`,`onKeyUp`,`onSubmit`],p=({children:a,design:o=`filled`,disabled:s=!1,intent:c=`main`,isLoading:l=!1,loadingLabel:u,loadingText:p,shape:m=`rounded`,size:h=`md`,asChild:g,className:_,underline:v=!1,ref:y,...b})=>{let x=g?e.Slot:`button`,S=!!s||l,C=(0,r.useMemo)(()=>{let e={};return S&&f.forEach(t=>e[t]=void 0),e},[S]),w={size:`current`,className:p?`inline-block`:`absolute`,...u&&{"aria-label":u}};return(0,i.jsx)(x,{"data-spark-component":`button`,...x===`button`&&{type:`button`},ref:y,className:d({className:_,design:o,disabled:S,intent:c,shape:m,size:h,underline:v}),disabled:!!s,"aria-busy":l,"aria-live":l?`assertive`:`off`,...b,...C,children:e.wrapPolymorphicSlot(g,a,e=>l?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.t,{...w}),p,(0,i.jsx)(`div`,{"aria-hidden":!0,className:(0,n.cx)(`gap-md`,p?`hidden`:`inline-flex opacity-0`),children:e})]}):e)})};p.displayName=`Button`,Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return p}});
+//# sourceMappingURL=button-BTDRzvpB.js.map