@spark-ui/components 13.1.4 → 13.2.0

package/dist/tag/index.mjs

@@ -1,168 +1,151 @@
-import {
-  Slot
-} from "../chunk-6QCEPQ3U.mjs";
-
-// src/tag/Tag.styles.tsx
-import { makeVariants } from "@spark-ui/internal-utils";
-import { cva } from "class-variance-authority";
-
-// src/tag/variants/filled.ts
-import { tw } from "@spark-ui/internal-utils";
-var filledVariants = [
+import { jsx as d } from "react/jsx-runtime";
+import { a as g } from "../Slot-D2Bbf8Gw.mjs";
+import { tw as t, makeVariants as n } from "@spark-ui/internal-utils";
+import { cva as u } from "class-variance-authority";
+const f = [
   {
     intent: "main",
     design: "filled",
-    class: tw(["bg-main", "text-on-main"])
+    class: t(["bg-main", "text-on-main"])
   },
   {
     intent: "support",
     design: "filled",
-    class: tw(["bg-support", "text-on-support"])
+    class: t(["bg-support", "text-on-support"])
   },
   {
     intent: "accent",
     design: "filled",
-    class: tw(["bg-accent", "text-on-accent"])
+    class: t(["bg-accent", "text-on-accent"])
   },
   {
     intent: "basic",
     design: "filled",
-    class: tw(["bg-basic", "text-on-basic"])
+    class: t(["bg-basic", "text-on-basic"])
   },
   {
     intent: "success",
     design: "filled",
-    class: tw(["bg-success", "text-on-success"])
+    class: t(["bg-success", "text-on-success"])
   },
   {
     intent: "alert",
     design: "filled",
-    class: tw(["bg-alert", "text-on-alert"])
+    class: t(["bg-alert", "text-on-alert"])
   },
   {
     intent: "danger",
     design: "filled",
-    class: tw(["bg-error", "text-on-error"])
+    class: t(["bg-error", "text-on-error"])
   },
   {
     intent: "info",
     design: "filled",
-    class: tw(["bg-info", "text-on-info"])
+    class: t(["bg-info", "text-on-info"])
   },
   {
     intent: "neutral",
     design: "filled",
-    class: tw(["bg-neutral", "text-on-neutral"])
+    class: t(["bg-neutral", "text-on-neutral"])
   },
   {
     intent: "surface",
     design: "filled",
-    class: tw(["bg-surface", "text-on-surface"])
+    class: t(["bg-surface", "text-on-surface"])
   }
-];
-
-// src/tag/variants/outlined.ts
-import { tw as tw2 } from "@spark-ui/internal-utils";
-var outlinedVariants = [
+], p = [
   {
     intent: "main",
     design: "outlined",
-    class: tw2(["text-main"])
+    class: t(["text-main"])
   },
   {
     intent: "support",
     design: "outlined",
-    class: tw2(["text-support"])
+    class: t(["text-support"])
   },
   {
     intent: "accent",
     design: "outlined",
-    class: tw2(["text-accent"])
+    class: t(["text-accent"])
   },
   {
     intent: "basic",
     design: "outlined",
-    class: tw2(["text-basic"])
+    class: t(["text-basic"])
   },
   {
     intent: "success",
     design: "outlined",
-    class: tw2(["text-success"])
+    class: t(["text-success"])
   },
   {
     intent: "alert",
     design: "outlined",
-    class: tw2(["text-alert"])
+    class: t(["text-alert"])
   },
   {
     intent: "danger",
     design: "outlined",
-    class: tw2(["text-error"])
+    class: t(["text-error"])
   },
   {
     intent: "info",
     design: "outlined",
-    class: tw2(["text-info"])
+    class: t(["text-info"])
   },
   {
     intent: "neutral",
     design: "outlined",
-    class: tw2(["text-neutral"])
+    class: t(["text-neutral"])
   }
-];
-
-// src/tag/variants/tinted.ts
-import { tw as tw3 } from "@spark-ui/internal-utils";
-var tintedVariants = [
+], b = [
   {
     intent: "main",
     design: "tinted",
-    class: tw3(["bg-main-container", "text-on-main-container"])
+    class: t(["bg-main-container", "text-on-main-container"])
   },
   {
     intent: "support",
     design: "tinted",
-    class: tw3(["bg-support-container", "text-on-support-container"])
+    class: t(["bg-support-container", "text-on-support-container"])
   },
   {
     intent: "accent",
     design: "tinted",
-    class: tw3(["bg-accent-container", "text-on-accent-container"])
+    class: t(["bg-accent-container", "text-on-accent-container"])
   },
   {
     intent: "basic",
     design: "tinted",
-    class: tw3(["bg-basic-container", "text-on-basic-container"])
+    class: t(["bg-basic-container", "text-on-basic-container"])
   },
   {
     intent: "success",
     design: "tinted",
-    class: tw3(["bg-success-container", "text-on-success-container"])
+    class: t(["bg-success-container", "text-on-success-container"])
   },
   {
     intent: "alert",
     design: "tinted",
-    class: tw3(["bg-alert-container", "text-on-alert-container"])
+    class: t(["bg-alert-container", "text-on-alert-container"])
   },
   {
     intent: "danger",
     design: "tinted",
-    class: tw3(["bg-error-container", "text-on-error-container"])
+    class: t(["bg-error-container", "text-on-error-container"])
   },
   {
     intent: "info",
     design: "tinted",
-    class: tw3(["bg-info-container", "text-on-info-container"])
+    class: t(["bg-info-container", "text-on-info-container"])
   },
   {
     intent: "neutral",
     design: "tinted",
-    class: tw3(["bg-neutral-container", "text-on-neutral-container"])
+    class: t(["bg-neutral-container", "text-on-neutral-container"])
   }
-];
-
-// src/tag/Tag.styles.tsx
-var tagStyles = cva(
+], x = u(
   [
     "box-border default:inline-flex default:w-fit items-center justify-center gap-sm whitespace-nowrap",
     "text-caption font-bold",
@@ -176,16 +159,16 @@ var tagStyles = cva(
        * - `outlined`: Tag will have a surface background with an colored outline/text.
        * - `tinted`: Tag will be filled but using a lighter color scheme.
        */
-      design: makeVariants({
+      design: n({
         filled: [],
         outlined: ["border-sm", "border-current"],
         tinted: []
       }),
-      size: makeVariants({
+      size: n({
         md: ["h-sz-20"],
         lg: ["h-sz-24"]
       }),
-      shape: makeVariants({
+      shape: n({
         square: [],
         rounded: ["rounded-md"],
         pill: ["rounded-full"]
@@ -193,7 +176,7 @@ var tagStyles = cva(
       /**
        * Color scheme of the tag.
        */
-      intent: makeVariants({
+      intent: n({
         main: [],
         support: [],
         accent: [],
@@ -206,7 +189,7 @@ var tagStyles = cva(
         surface: []
       })
     },
-    compoundVariants: [...filledVariants, ...outlinedVariants, ...tintedVariants],
+    compoundVariants: [...f, ...p, ...b],
     defaultVariants: {
       design: "filled",
       intent: "basic",
@@ -214,38 +197,31 @@ var tagStyles = cva(
       shape: "pill"
     }
   }
+), j = ({
+  design: e = "filled",
+  intent: s = "basic",
+  size: i = "md",
+  shape: a = "pill",
+  asChild: c,
+  className: o,
+  ref: l,
+  ...r
+}) => /* @__PURE__ */ d(
+  c ? g : "span",
+  {
+    "data-spark-component": "tag",
+    ref: l,
+    className: x({
+      className: o,
+      design: e,
+      intent: s,
+      size: i,
+      shape: a
+    }),
+    ...r
+  }
 );
-
-// src/tag/Tag.tsx
-import { jsx } from "react/jsx-runtime";
-var Tag = ({
-  design = "filled",
-  intent = "basic",
-  size = "md",
-  shape = "pill",
-  asChild,
-  className,
-  ref,
-  ...others
-}) => {
-  const Component = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      "data-spark-component": "tag",
-      ref,
-      className: tagStyles({
-        className,
-        design,
-        intent,
-        size,
-        shape
-      }),
-      ...others
-    }
-  );
-};
 export {
-  Tag
+  j as Tag
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/tag/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tag/Tag.styles.tsx","../../src/tag/variants/filled.ts","../../src/tag/variants/outlined.ts","../../src/tag/variants/tinted.ts","../../src/tag/Tag.tsx"],"sourcesContent":["import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport { filledVariants, outlinedVariants, tintedVariants } from './variants'\n\nexport const tagStyles = cva(\n  [\n    'box-border default:inline-flex default:w-fit items-center justify-center gap-sm whitespace-nowrap',\n    'text-caption font-bold',\n    'px-md',\n  ],\n  {\n    variants: {\n      /**\n       * Main style of the tag.\n       * - `filled`: Tag will be plain.\n       * - `outlined`: Tag will have a surface background with an colored outline/text.\n       * - `tinted`: Tag will be filled but using a lighter color scheme.\n       */\n      design: makeVariants<'design', ['filled', 'outlined', 'tinted']>({\n        filled: [],\n        outlined: ['border-sm', 'border-current'],\n        tinted: [],\n      }),\n      size: makeVariants<'size', ['md', 'lg']>({\n        md: ['h-sz-20'],\n        lg: ['h-sz-24'],\n      }),\n      shape: makeVariants<'shape', ['square', 'rounded', 'pill']>({\n        square: [],\n        rounded: ['rounded-md'],\n        pill: ['rounded-full'],\n      }),\n      /**\n       * Color scheme of the tag.\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'basic',\n          'success',\n          'alert',\n          'info',\n          'neutral',\n          'danger',\n          'surface',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        basic: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n      }),\n    },\n    compoundVariants: [...filledVariants, ...outlinedVariants, ...tintedVariants],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'basic',\n      size: 'md',\n      shape: 'pill',\n    },\n  }\n)\n\nexport type TagStylesProps = VariantProps<typeof tagStyles>\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const filledVariants = [\n  {\n    intent: 'main',\n    design: 'filled',\n    class: tw(['bg-main', 'text-on-main']),\n  },\n  {\n    intent: 'support',\n    design: 'filled',\n    class: tw(['bg-support', 'text-on-support']),\n  },\n  {\n    intent: 'accent',\n    design: 'filled',\n    class: tw(['bg-accent', 'text-on-accent']),\n  },\n  {\n    intent: 'basic',\n    design: 'filled',\n    class: tw(['bg-basic', 'text-on-basic']),\n  },\n  {\n    intent: 'success',\n    design: 'filled',\n    class: tw(['bg-success', 'text-on-success']),\n  },\n  {\n    intent: 'alert',\n    design: 'filled',\n    class: tw(['bg-alert', 'text-on-alert']),\n  },\n  {\n    intent: 'danger',\n    design: 'filled',\n    class: tw(['bg-error', 'text-on-error']),\n  },\n  {\n    intent: 'info',\n    design: 'filled',\n    class: tw(['bg-info', 'text-on-info']),\n  },\n  {\n    intent: 'neutral',\n    design: 'filled',\n    class: tw(['bg-neutral', 'text-on-neutral']),\n  },\n  {\n    intent: 'surface',\n    design: 'filled',\n    class: tw(['bg-surface', 'text-on-surface']),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const outlinedVariants = [\n  {\n    intent: 'main',\n    design: 'outlined',\n    class: tw(['text-main']),\n  },\n  {\n    intent: 'support',\n    design: 'outlined',\n    class: tw(['text-support']),\n  },\n  {\n    intent: 'accent',\n    design: 'outlined',\n    class: tw(['text-accent']),\n  },\n  {\n    intent: 'basic',\n    design: 'outlined',\n    class: tw(['text-basic']),\n  },\n  {\n    intent: 'success',\n    design: 'outlined',\n    class: tw(['text-success']),\n  },\n  {\n    intent: 'alert',\n    design: 'outlined',\n    class: tw(['text-alert']),\n  },\n  {\n    intent: 'danger',\n    design: 'outlined',\n    class: tw(['text-error']),\n  },\n  {\n    intent: 'info',\n    design: 'outlined',\n    class: tw(['text-info']),\n  },\n  {\n    intent: 'neutral',\n    design: 'outlined',\n    class: tw(['text-neutral']),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const tintedVariants = [\n  {\n    intent: 'main',\n    design: 'tinted',\n    class: tw(['bg-main-container', 'text-on-main-container']),\n  },\n  {\n    intent: 'support',\n    design: 'tinted',\n    class: tw(['bg-support-container', 'text-on-support-container']),\n  },\n  {\n    intent: 'accent',\n    design: 'tinted',\n    class: tw(['bg-accent-container', 'text-on-accent-container']),\n  },\n  {\n    intent: 'basic',\n    design: 'tinted',\n    class: tw(['bg-basic-container', 'text-on-basic-container']),\n  },\n  {\n    intent: 'success',\n    design: 'tinted',\n    class: tw(['bg-success-container', 'text-on-success-container']),\n  },\n  {\n    intent: 'alert',\n    design: 'tinted',\n    class: tw(['bg-alert-container', 'text-on-alert-container']),\n  },\n  {\n    intent: 'danger',\n    design: 'tinted',\n    class: tw(['bg-error-container', 'text-on-error-container']),\n  },\n  {\n    intent: 'info',\n    design: 'tinted',\n    class: tw(['bg-info-container', 'text-on-info-container']),\n  },\n  {\n    intent: 'neutral',\n    design: 'tinted',\n    class: tw(['bg-neutral-container', 'text-on-neutral-container']),\n  },\n] as const\n","import { ButtonHTMLAttributes, type PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { tagStyles, type TagStylesProps } from './Tag.styles'\n\ninterface BaseTagProps\n  extends PropsWithChildren<ButtonHTMLAttributes<HTMLSpanElement>>,\n    TagStylesProps {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n}\n\ninterface FilteredDesignIntent<\n  Design extends TagProps['design'],\n  K extends TagStylesProps['intent'] | never = never,\n> {\n  design?: Design\n  intent?: Exclude<TagStylesProps['intent'], K>\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport type ValidTagDesignIntent =\n  | FilteredDesignIntent<'tinted', 'surface'>\n  | FilteredDesignIntent<'outlined', 'surface'>\n  | FilteredDesignIntent<'filled'>\n\nexport type TagProps = BaseTagProps & ValidTagDesignIntent\n\nexport const Tag = ({\n  design = 'filled',\n  intent = 'basic',\n  size = 'md',\n  shape = 'pill',\n  asChild,\n  className,\n  ref,\n  ...others\n}: TagProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      data-spark-component=\"tag\"\n      ref={ref}\n      className={tagStyles({\n        className,\n        design,\n        intent,\n        size,\n        shape,\n      })}\n      {...others}\n    />\n  )\n}\n"],"mappings":"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","names":["tw","tw"]}
+{"version":3,"file":"index.mjs","sources":["../../src/tag/variants/filled.ts","../../src/tag/variants/outlined.ts","../../src/tag/variants/tinted.ts","../../src/tag/Tag.styles.tsx","../../src/tag/Tag.tsx"],"sourcesContent":["import { tw } from '@spark-ui/internal-utils'\n\nexport const filledVariants = [\n  {\n    intent: 'main',\n    design: 'filled',\n    class: tw(['bg-main', 'text-on-main']),\n  },\n  {\n    intent: 'support',\n    design: 'filled',\n    class: tw(['bg-support', 'text-on-support']),\n  },\n  {\n    intent: 'accent',\n    design: 'filled',\n    class: tw(['bg-accent', 'text-on-accent']),\n  },\n  {\n    intent: 'basic',\n    design: 'filled',\n    class: tw(['bg-basic', 'text-on-basic']),\n  },\n  {\n    intent: 'success',\n    design: 'filled',\n    class: tw(['bg-success', 'text-on-success']),\n  },\n  {\n    intent: 'alert',\n    design: 'filled',\n    class: tw(['bg-alert', 'text-on-alert']),\n  },\n  {\n    intent: 'danger',\n    design: 'filled',\n    class: tw(['bg-error', 'text-on-error']),\n  },\n  {\n    intent: 'info',\n    design: 'filled',\n    class: tw(['bg-info', 'text-on-info']),\n  },\n  {\n    intent: 'neutral',\n    design: 'filled',\n    class: tw(['bg-neutral', 'text-on-neutral']),\n  },\n  {\n    intent: 'surface',\n    design: 'filled',\n    class: tw(['bg-surface', 'text-on-surface']),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const outlinedVariants = [\n  {\n    intent: 'main',\n    design: 'outlined',\n    class: tw(['text-main']),\n  },\n  {\n    intent: 'support',\n    design: 'outlined',\n    class: tw(['text-support']),\n  },\n  {\n    intent: 'accent',\n    design: 'outlined',\n    class: tw(['text-accent']),\n  },\n  {\n    intent: 'basic',\n    design: 'outlined',\n    class: tw(['text-basic']),\n  },\n  {\n    intent: 'success',\n    design: 'outlined',\n    class: tw(['text-success']),\n  },\n  {\n    intent: 'alert',\n    design: 'outlined',\n    class: tw(['text-alert']),\n  },\n  {\n    intent: 'danger',\n    design: 'outlined',\n    class: tw(['text-error']),\n  },\n  {\n    intent: 'info',\n    design: 'outlined',\n    class: tw(['text-info']),\n  },\n  {\n    intent: 'neutral',\n    design: 'outlined',\n    class: tw(['text-neutral']),\n  },\n] as const\n","import { tw } from '@spark-ui/internal-utils'\n\nexport const tintedVariants = [\n  {\n    intent: 'main',\n    design: 'tinted',\n    class: tw(['bg-main-container', 'text-on-main-container']),\n  },\n  {\n    intent: 'support',\n    design: 'tinted',\n    class: tw(['bg-support-container', 'text-on-support-container']),\n  },\n  {\n    intent: 'accent',\n    design: 'tinted',\n    class: tw(['bg-accent-container', 'text-on-accent-container']),\n  },\n  {\n    intent: 'basic',\n    design: 'tinted',\n    class: tw(['bg-basic-container', 'text-on-basic-container']),\n  },\n  {\n    intent: 'success',\n    design: 'tinted',\n    class: tw(['bg-success-container', 'text-on-success-container']),\n  },\n  {\n    intent: 'alert',\n    design: 'tinted',\n    class: tw(['bg-alert-container', 'text-on-alert-container']),\n  },\n  {\n    intent: 'danger',\n    design: 'tinted',\n    class: tw(['bg-error-container', 'text-on-error-container']),\n  },\n  {\n    intent: 'info',\n    design: 'tinted',\n    class: tw(['bg-info-container', 'text-on-info-container']),\n  },\n  {\n    intent: 'neutral',\n    design: 'tinted',\n    class: tw(['bg-neutral-container', 'text-on-neutral-container']),\n  },\n] as const\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nimport { filledVariants, outlinedVariants, tintedVariants } from './variants'\n\nexport const tagStyles = cva(\n  [\n    'box-border default:inline-flex default:w-fit items-center justify-center gap-sm whitespace-nowrap',\n    'text-caption font-bold',\n    'px-md',\n  ],\n  {\n    variants: {\n      /**\n       * Main style of the tag.\n       * - `filled`: Tag will be plain.\n       * - `outlined`: Tag will have a surface background with an colored outline/text.\n       * - `tinted`: Tag will be filled but using a lighter color scheme.\n       */\n      design: makeVariants<'design', ['filled', 'outlined', 'tinted']>({\n        filled: [],\n        outlined: ['border-sm', 'border-current'],\n        tinted: [],\n      }),\n      size: makeVariants<'size', ['md', 'lg']>({\n        md: ['h-sz-20'],\n        lg: ['h-sz-24'],\n      }),\n      shape: makeVariants<'shape', ['square', 'rounded', 'pill']>({\n        square: [],\n        rounded: ['rounded-md'],\n        pill: ['rounded-full'],\n      }),\n      /**\n       * Color scheme of the tag.\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'basic',\n          'success',\n          'alert',\n          'info',\n          'neutral',\n          'danger',\n          'surface',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        basic: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n      }),\n    },\n    compoundVariants: [...filledVariants, ...outlinedVariants, ...tintedVariants],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'basic',\n      size: 'md',\n      shape: 'pill',\n    },\n  }\n)\n\nexport type TagStylesProps = VariantProps<typeof tagStyles>\n","import { ButtonHTMLAttributes, type PropsWithChildren, Ref } from 'react'\n\nimport { Slot } from '../slot'\nimport { tagStyles, type TagStylesProps } from './Tag.styles'\n\ninterface BaseTagProps\n  extends PropsWithChildren<ButtonHTMLAttributes<HTMLSpanElement>>,\n    TagStylesProps {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n}\n\ninterface FilteredDesignIntent<\n  Design extends TagProps['design'],\n  K extends TagStylesProps['intent'] | never = never,\n> {\n  design?: Design\n  intent?: Exclude<TagStylesProps['intent'], K>\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport type ValidTagDesignIntent =\n  | FilteredDesignIntent<'tinted', 'surface'>\n  | FilteredDesignIntent<'outlined', 'surface'>\n  | FilteredDesignIntent<'filled'>\n\nexport type TagProps = BaseTagProps & ValidTagDesignIntent\n\nexport const Tag = ({\n  design = 'filled',\n  intent = 'basic',\n  size = 'md',\n  shape = 'pill',\n  asChild,\n  className,\n  ref,\n  ...others\n}: TagProps) => {\n  const Component = asChild ? Slot : 'span'\n\n  return (\n    <Component\n      data-spark-component=\"tag\"\n      ref={ref}\n      className={tagStyles({\n        className,\n        design,\n        intent,\n        size,\n        shape,\n      })}\n      {...others}\n    />\n  )\n}\n"],"names":["filledVariants","tw","outlinedVariants","tintedVariants","tagStyles","cva","makeVariants","Tag","design","intent","size","shape","asChild","className","ref","others","jsx","Slot"],"mappings":"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"}

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

@@ -0,0 +1,41 @@
+export declare const filledVariants: readonly [{
+    readonly intent: "main";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "support";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "accent";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "basic";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "info";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "surface";
+    readonly design: "filled";
+    readonly class: string[];
+}];

package/dist/tag/variants/index.d.mts

@@ -0,0 +1,3 @@
+export { filledVariants } from './filled';
+export { outlinedVariants } from './outlined';
+export { tintedVariants } from './tinted';

package/dist/tag/variants/index.d.ts

@@ -0,0 +1,3 @@
+export { filledVariants } from './filled';
+export { outlinedVariants } from './outlined';
+export { tintedVariants } from './tinted';

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

@@ -0,0 +1,37 @@
+export declare const outlinedVariants: readonly [{
+    readonly intent: "main";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "support";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "accent";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "basic";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "info";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "outlined";
+    readonly class: string[];
+}];

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

@@ -0,0 +1,37 @@
+export declare const tintedVariants: readonly [{
+    readonly intent: "main";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "support";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "accent";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "basic";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "info";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "tinted";
+    readonly class: string[];
+}];

package/dist/text-link/TextLink.d.ts

@@ -0,0 +1,16 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentPropsWithRef } from 'react';
+declare const textLinkStyles: (props?: ({
+    intent?: "main" | "current" | "alert" | "support" | "accent" | "basic" | "success" | "info" | "neutral" | "danger" | null | undefined;
+    bold?: boolean | null | undefined;
+    underline?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type StylesProps = VariantProps<typeof textLinkStyles>;
+export type TextLinkProps = ComponentPropsWithRef<'a'> & StylesProps & {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+};
+export declare const TextLink: ({ asChild, bold, children, className, intent, underline, ref, ...props }: TextLinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/text-link/index.d.mts

@@ -1,20 +1 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import { ComponentPropsWithRef } from 'react';
-
-declare const textLinkStyles: (props?: ({
-    intent?: "main" | "current" | "support" | "accent" | "basic" | "success" | "alert" | "danger" | "info" | "neutral" | null | undefined;
-    bold?: boolean | null | undefined;
-    underline?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type StylesProps = VariantProps<typeof textLinkStyles>;
-type TextLinkProps = ComponentPropsWithRef<'a'> & StylesProps & {
-    /**
-     * Change the component to the HTML tag or custom component of the only child.
-     */
-    asChild?: boolean;
-};
-declare const TextLink: ({ asChild, bold, children, className, intent, underline, ref, ...props }: TextLinkProps) => react_jsx_runtime.JSX.Element;
-
-export { type StylesProps, TextLink, type TextLinkProps };
+export * from './TextLink';

package/dist/text-link/index.d.ts

@@ -1,20 +1 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-import { ComponentPropsWithRef } from 'react';
-
-declare const textLinkStyles: (props?: ({
-    intent?: "main" | "current" | "support" | "accent" | "basic" | "success" | "alert" | "danger" | "info" | "neutral" | null | undefined;
-    bold?: boolean | null | undefined;
-    underline?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type StylesProps = VariantProps<typeof textLinkStyles>;
-type TextLinkProps = ComponentPropsWithRef<'a'> & StylesProps & {
-    /**
-     * Change the component to the HTML tag or custom component of the only child.
-     */
-    asChild?: boolean;
-};
-declare const TextLink: ({ asChild, bold, children, className, intent, underline, ref, ...props }: TextLinkProps) => react_jsx_runtime.JSX.Element;
-
-export { type StylesProps, TextLink, type TextLinkProps };
+export * from './TextLink';

package/dist/text-link/index.js

@@ -1,100 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/text-link/index.ts
-var text_link_exports = {};
-__export(text_link_exports, {
-  TextLink: () => TextLink
-});
-module.exports = __toCommonJS(text_link_exports);
-
-// src/text-link/TextLink.tsx
-var import_class_variance_authority = require("class-variance-authority");
-
-// src/slot/Slot.tsx
-var import_radix_ui = require("radix-ui");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Slottable = import_radix_ui.Slot.Slottable;
-var Slot = ({ ref, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radix_ui.Slot.Root, { ref, ...props });
-};
-
-// src/text-link/TextLink.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var textLinkStyles = (0, import_class_variance_authority.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",
-      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",
-      info: "text-info hover:text-info-hovered",
-      neutral: "text-neutral hover:text-neutral-hovered"
-    },
-    /** By default, TextLink inherits the current font weight. Use `bold` to highlight it. */
-    bold: {
-      true: "font-bold"
-    },
-    /**
-     * Underline is enabled by default.
-     * You can remove it, but be careful about a11y, as you should make obvious to users what is a link or not.
-     */
-    underline: {
-      true: "underline",
-      false: "hover:underline focus:underline"
-    }
-  },
-  defaultVariants: {
-    intent: "current",
-    bold: false,
-    underline: true
-  }
-});
-var TextLink = ({
-  asChild = false,
-  bold = false,
-  children,
-  className,
-  intent = "current",
-  underline = true,
-  ref,
-  ...props
-}) => {
-  const Component = asChild ? Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    Component,
-    {
-      "data-spark-component": "text-link",
-      ref,
-      className: textLinkStyles({ className, bold, intent, underline }),
-      ...props,
-      children
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TextLink
-});
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../TextLink-C3xDLsbC.js");exports.TextLink=e.TextLink;
+//# sourceMappingURL=index.js.map