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

package/dist/tag/index.mjs

@@ -1,211 +1,192 @@
-import { jsx as d } from "react/jsx-runtime";
-import { S as u } from "../Slot-DLY1rJrG.mjs";
-import { tw as t, makeVariants as n } from "@spark-ui/internal-utils";
-import { cva as g } from "class-variance-authority";
-const p = [
-  {
-    intent: "main",
-    design: "filled",
-    class: t(["bg-main", "text-on-main"])
-  },
-  {
-    intent: "support",
-    design: "filled",
-    class: t(["bg-support", "text-on-support"])
-  },
-  {
-    intent: "accent",
-    design: "filled",
-    class: t(["bg-accent", "text-on-accent"])
-  },
-  {
-    intent: "success",
-    design: "filled",
-    class: t(["bg-success", "text-on-success"])
-  },
-  {
-    intent: "alert",
-    design: "filled",
-    class: t(["bg-alert", "text-on-alert"])
-  },
-  {
-    intent: "danger",
-    design: "filled",
-    class: t(["bg-error", "text-on-error"])
-  },
-  {
-    intent: "info",
-    design: "filled",
-    class: t(["bg-info", "text-on-info"])
-  },
-  {
-    intent: "neutral",
-    design: "filled",
-    class: t(["bg-neutral", "text-on-neutral"])
-  },
-  {
-    intent: "surface",
-    design: "filled",
-    class: t(["bg-surface", "text-on-surface"])
-  }
-], f = [
-  {
-    intent: "main",
-    design: "outlined",
-    class: t(["text-main"])
-  },
-  {
-    intent: "support",
-    design: "outlined",
-    class: t(["text-support"])
-  },
-  {
-    intent: "accent",
-    design: "outlined",
-    class: t(["text-accent"])
-  },
-  {
-    intent: "success",
-    design: "outlined",
-    class: t(["text-success"])
-  },
-  {
-    intent: "alert",
-    design: "outlined",
-    class: t(["text-alert"])
-  },
-  {
-    intent: "danger",
-    design: "outlined",
-    class: t(["text-error"])
-  },
-  {
-    intent: "info",
-    design: "outlined",
-    class: t(["text-info"])
-  },
-  {
-    intent: "neutral",
-    design: "outlined",
-    class: t(["text-neutral"])
-  }
-], m = [
-  {
-    intent: "main",
-    design: "tinted",
-    class: t(["bg-main-container", "text-on-main-container"])
-  },
-  {
-    intent: "support",
-    design: "tinted",
-    class: t(["bg-support-container", "text-on-support-container"])
-  },
-  {
-    intent: "accent",
-    design: "tinted",
-    class: t(["bg-accent-container", "text-on-accent-container"])
-  },
-  {
-    intent: "success",
-    design: "tinted",
-    class: t(["bg-success-container", "text-on-success-container"])
-  },
-  {
-    intent: "alert",
-    design: "tinted",
-    class: t(["bg-alert-container", "text-on-alert-container"])
-  },
-  {
-    intent: "danger",
-    design: "tinted",
-    class: t(["bg-error-container", "text-on-error-container"])
-  },
-  {
-    intent: "info",
-    design: "tinted",
-    class: t(["bg-info-container", "text-on-info-container"])
-  },
-  {
-    intent: "neutral",
-    design: "tinted",
-    class: t(["bg-neutral-container", "text-on-neutral-container"])
-  }
-], x = g(
-  [
-    "box-border default:inline-flex default:w-fit items-center justify-center gap-sm whitespace-nowrap",
-    "text-caption font-bold",
-    "px-md"
-  ],
-  {
-    variants: {
-      /**
-       * Main style of the tag.
-       * - `filled`: Tag will be plain.
-       * - `outlined`: Tag will have a surface background with an colored outline/text.
-       * - `tinted`: Tag will be filled but using a lighter color scheme.
-       */
-      design: n({
-        filled: [],
-        outlined: ["border-sm", "border-current"],
-        tinted: []
-      }),
-      size: n({
-        md: ["h-sz-20"],
-        lg: ["h-sz-24"]
-      }),
-      shape: n({
-        square: [],
-        rounded: ["rounded-md"],
-        pill: ["rounded-full"]
-      }),
-      /**
-       * Color scheme of the tag.
-       */
-      intent: n({
-        main: [],
-        support: [],
-        accent: [],
-        success: [],
-        alert: [],
-        danger: [],
-        info: [],
-        neutral: [],
-        surface: []
-      })
-    },
-    compoundVariants: [...p, ...f, ...m],
-    defaultVariants: {
-      design: "filled",
-      intent: "support",
-      size: "md",
-      shape: "pill"
-    }
-  }
-), S = ({
-  design: e = "filled",
-  intent: s = "support",
-  size: i = "md",
-  shape: a = "pill",
-  asChild: o,
-  className: r,
-  ref: l,
-  ...c
-}) => /* @__PURE__ */ d(
-  o ? u : "span",
-  {
-    "data-spark-component": "tag",
-    ref: l,
-    className: x({
-      className: r,
-      design: e,
-      intent: s,
-      size: i,
-      shape: a
-    }),
-    ...c
-  }
-);
-export {
-  S as Tag
-};
-//# sourceMappingURL=index.mjs.map
+import { Slot as e } from "../slot/index.mjs";
+import { cva as t } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+import { makeVariants as r, tw as i } from "@spark-ui/internal-utils";
+//#region src/tag/variants/filled.ts
+var a = [
+	{
+		intent: "main",
+		design: "filled",
+		class: i(["bg-main", "text-on-main"])
+	},
+	{
+		intent: "support",
+		design: "filled",
+		class: i(["bg-support", "text-on-support"])
+	},
+	{
+		intent: "accent",
+		design: "filled",
+		class: i(["bg-accent", "text-on-accent"])
+	},
+	{
+		intent: "success",
+		design: "filled",
+		class: i(["bg-success", "text-on-success"])
+	},
+	{
+		intent: "alert",
+		design: "filled",
+		class: i(["bg-alert", "text-on-alert"])
+	},
+	{
+		intent: "danger",
+		design: "filled",
+		class: i(["bg-error", "text-on-error"])
+	},
+	{
+		intent: "info",
+		design: "filled",
+		class: i(["bg-info", "text-on-info"])
+	},
+	{
+		intent: "neutral",
+		design: "filled",
+		class: i(["bg-neutral", "text-on-neutral"])
+	},
+	{
+		intent: "surface",
+		design: "filled",
+		class: i(["bg-surface", "text-on-surface"])
+	}
+], o = [
+	{
+		intent: "main",
+		design: "outlined",
+		class: i(["text-main"])
+	},
+	{
+		intent: "support",
+		design: "outlined",
+		class: i(["text-support"])
+	},
+	{
+		intent: "accent",
+		design: "outlined",
+		class: i(["text-accent"])
+	},
+	{
+		intent: "success",
+		design: "outlined",
+		class: i(["text-success"])
+	},
+	{
+		intent: "alert",
+		design: "outlined",
+		class: i(["text-alert"])
+	},
+	{
+		intent: "danger",
+		design: "outlined",
+		class: i(["text-error"])
+	},
+	{
+		intent: "info",
+		design: "outlined",
+		class: i(["text-info"])
+	},
+	{
+		intent: "neutral",
+		design: "outlined",
+		class: i(["text-neutral"])
+	}
+], s = [
+	{
+		intent: "main",
+		design: "tinted",
+		class: i(["bg-main-container", "text-on-main-container"])
+	},
+	{
+		intent: "support",
+		design: "tinted",
+		class: i(["bg-support-container", "text-on-support-container"])
+	},
+	{
+		intent: "accent",
+		design: "tinted",
+		class: i(["bg-accent-container", "text-on-accent-container"])
+	},
+	{
+		intent: "success",
+		design: "tinted",
+		class: i(["bg-success-container", "text-on-success-container"])
+	},
+	{
+		intent: "alert",
+		design: "tinted",
+		class: i(["bg-alert-container", "text-on-alert-container"])
+	},
+	{
+		intent: "danger",
+		design: "tinted",
+		class: i(["bg-error-container", "text-on-error-container"])
+	},
+	{
+		intent: "info",
+		design: "tinted",
+		class: i(["bg-info-container", "text-on-info-container"])
+	},
+	{
+		intent: "neutral",
+		design: "tinted",
+		class: i(["bg-neutral-container", "text-on-neutral-container"])
+	}
+], c = t([
+	"box-border default:inline-flex default:w-fit items-center justify-center gap-sm whitespace-nowrap",
+	"text-caption font-bold",
+	"px-md"
+], {
+	variants: {
+		design: r({
+			filled: [],
+			outlined: ["border-sm", "border-current"],
+			tinted: []
+		}),
+		size: r({
+			md: ["h-sz-20"],
+			lg: ["h-sz-24"]
+		}),
+		shape: r({
+			square: [],
+			rounded: ["rounded-md"],
+			pill: ["rounded-full"]
+		}),
+		intent: r({
+			main: [],
+			support: [],
+			accent: [],
+			success: [],
+			alert: [],
+			danger: [],
+			info: [],
+			neutral: [],
+			surface: []
+		})
+	},
+	compoundVariants: [
+		...a,
+		...o,
+		...s
+	],
+	defaultVariants: {
+		design: "filled",
+		intent: "support",
+		size: "md",
+		shape: "pill"
+	}
+}), l = ({ design: t = "filled", intent: r = "support", size: i = "md", shape: a = "pill", asChild: o, className: s, ref: l, ...u }) => /* @__PURE__ */ n(o ? e : "span", {
+	"data-spark-component": "tag",
+	ref: l,
+	className: c({
+		className: s,
+		design: t,
+		intent: r,
+		size: i,
+		shape: a
+	}),
+	...u
+});
+//#endregion
+export { l as Tag };
+
+//# sourceMappingURL=index.mjs.map

package/dist/tag/index.mjs.map

@@ -1 +1 @@
-{"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: '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: '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: '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        ['main', 'support', 'accent', 'success', 'alert', 'info', 'neutral', 'danger', 'surface']\n      >({\n        main: [],\n        support: [],\n        accent: [],\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: 'support',\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 = 'support',\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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"}
+{"version":3,"file":"index.mjs","names":[],"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: '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: '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: '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        ['main', 'support', 'accent', 'success', 'alert', 'info', 'neutral', 'danger', 'surface']\n      >({\n        main: [],\n        support: [],\n        accent: [],\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: 'support',\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>>, 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 = 'support',\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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"}

package/dist/text-link/index.js

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

package/dist/text-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/text-link/TextLink.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority'\nimport { type ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nconst textLinkStyles = cva(['inline-flex items-center focus-visible:u-outline'], {\n  variants: {\n    intent: {\n      current: 'text-current hover:opacity-dim-1',\n      main: 'text-main hover:text-main-hovered',\n      support: 'text-support hover:text-support-hovered',\n      accent: 'text-accent hover:text-accent-hovered',\n      success: 'text-success hover:text-success-hovered',\n      alert: 'text-alert hover:text-alert-hovered',\n      danger: 'text-error hover:text-error-hovered',\n      info: 'text-info hover:text-info-hovered',\n      neutral: 'text-neutral hover:text-neutral-hovered',\n    },\n    /** By default, TextLink inherits the current font weight. Use `bold` to highlight it. */\n    bold: {\n      true: 'font-bold',\n    },\n    /**\n     * Underline is enabled by default.\n     * You can remove it, but be careful about a11y, as you should make obvious to users what is a link or not.\n     */\n    underline: {\n      true: 'underline',\n      false: 'hover:underline focus:underline',\n    },\n  },\n  defaultVariants: {\n    intent: 'current',\n    bold: false,\n    underline: true,\n  },\n})\n\nexport type StylesProps = VariantProps<typeof textLinkStyles>\n\nexport type TextLinkProps = ComponentPropsWithRef<'a'> &\n  StylesProps & {\n    /**\n     * Change the component to the HTML tag or custom component of the only child.\n     */\n    asChild?: boolean\n  }\n\nexport const TextLink = ({\n  asChild = false,\n  bold = false,\n  children,\n  className,\n  intent = 'current',\n  underline = true,\n  ref,\n  ...props\n}: TextLinkProps) => {\n  const Component = asChild ? Slot : 'a'\n\n  return (\n    <Component\n      data-spark-component=\"text-link\"\n      ref={ref}\n      className={textLinkStyles({ className, bold, intent, underline })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"mappings":"gNAKA,IAAM,GAAA,EAAA,EAAA,KAAqB,CAAC,mDAAmD,CAAE,CAC/E,SAAU,CACR,OAAQ,CACN,QAAS,mCACT,KAAM,oCACN,QAAS,0CACT,OAAQ,wCACR,QAAS,0CACT,MAAO,sCACP,OAAQ,sCACR,KAAM,oCACN,QAAS,0CACV,CAED,KAAM,CACJ,KAAM,YACP,CAKD,UAAW,CACT,KAAM,YACN,MAAO,kCACR,CACF,CACD,gBAAiB,CACf,OAAQ,UACR,KAAM,GACN,UAAW,GACZ,CACF,CAAC,CAYW,GAAY,CACvB,UAAU,GACV,OAAO,GACP,WACA,YACA,SAAS,UACT,YAAY,GACZ,MACA,GAAG,MAKD,EAAA,EAAA,KAHgB,EAAU,EAAA,KAAO,IAGjC,CACE,uBAAqB,YAChB,MACL,UAAW,EAAe,CAAE,YAAW,OAAM,SAAQ,YAAW,CAAC,CACjE,GAAI,EAEH,WACS,CAAA"}

package/dist/text-link/index.mjs

@@ -1,5 +1,44 @@
-import { T as r } from "../TextLink-Cc_LeVcx.mjs";
-export {
-  r as TextLink
-};
-//# sourceMappingURL=index.mjs.map
+import { Slot as e } from "../slot/index.mjs";
+import { cva as t } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/text-link/TextLink.tsx
+var r = t(["inline-flex items-center focus-visible:u-outline"], {
+	variants: {
+		intent: {
+			current: "text-current hover:opacity-dim-1",
+			main: "text-main hover:text-main-hovered",
+			support: "text-support hover:text-support-hovered",
+			accent: "text-accent hover:text-accent-hovered",
+			success: "text-success hover:text-success-hovered",
+			alert: "text-alert hover:text-alert-hovered",
+			danger: "text-error hover:text-error-hovered",
+			info: "text-info hover:text-info-hovered",
+			neutral: "text-neutral hover:text-neutral-hovered"
+		},
+		bold: { true: "font-bold" },
+		underline: {
+			true: "underline",
+			false: "hover:underline focus:underline"
+		}
+	},
+	defaultVariants: {
+		intent: "current",
+		bold: !1,
+		underline: !0
+	}
+}), i = ({ asChild: t = !1, bold: i = !1, children: a, className: o, intent: s = "current", underline: c = !0, ref: l, ...u }) => /* @__PURE__ */ n(t ? e : "a", {
+	"data-spark-component": "text-link",
+	ref: l,
+	className: r({
+		className: o,
+		bold: i,
+		intent: s,
+		underline: c
+	}),
+	...u,
+	children: a
+});
+//#endregion
+export { i as TextLink };
+
+//# sourceMappingURL=index.mjs.map

package/dist/text-link/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/text-link/TextLink.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority'\nimport { type ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nconst textLinkStyles = cva(['inline-flex items-center focus-visible:u-outline'], {\n  variants: {\n    intent: {\n      current: 'text-current hover:opacity-dim-1',\n      main: 'text-main hover:text-main-hovered',\n      support: 'text-support hover:text-support-hovered',\n      accent: 'text-accent hover:text-accent-hovered',\n      success: 'text-success hover:text-success-hovered',\n      alert: 'text-alert hover:text-alert-hovered',\n      danger: 'text-error hover:text-error-hovered',\n      info: 'text-info hover:text-info-hovered',\n      neutral: 'text-neutral hover:text-neutral-hovered',\n    },\n    /** By default, TextLink inherits the current font weight. Use `bold` to highlight it. */\n    bold: {\n      true: 'font-bold',\n    },\n    /**\n     * Underline is enabled by default.\n     * You can remove it, but be careful about a11y, as you should make obvious to users what is a link or not.\n     */\n    underline: {\n      true: 'underline',\n      false: 'hover:underline focus:underline',\n    },\n  },\n  defaultVariants: {\n    intent: 'current',\n    bold: false,\n    underline: true,\n  },\n})\n\nexport type StylesProps = VariantProps<typeof textLinkStyles>\n\nexport type TextLinkProps = ComponentPropsWithRef<'a'> &\n  StylesProps & {\n    /**\n     * Change the component to the HTML tag or custom component of the only child.\n     */\n    asChild?: boolean\n  }\n\nexport const TextLink = ({\n  asChild = false,\n  bold = false,\n  children,\n  className,\n  intent = 'current',\n  underline = true,\n  ref,\n  ...props\n}: TextLinkProps) => {\n  const Component = asChild ? Slot : 'a'\n\n  return (\n    <Component\n      data-spark-component=\"text-link\"\n      ref={ref}\n      className={textLinkStyles({ className, bold, intent, underline })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"mappings":";;;;AAKA,IAAM,IAAiB,EAAI,CAAC,mDAAmD,EAAE;CAC/E,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,OAAO;GACP,QAAQ;GACR,MAAM;GACN,SAAS;GACV;EAED,MAAM,EACJ,MAAM,aACP;EAKD,WAAW;GACT,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,WAAW;EACZ;CACF,CAAC,EAYW,KAAY,EACvB,aAAU,IACV,UAAO,IACP,aACA,cACA,YAAS,WACT,eAAY,IACZ,QACA,GAAG,QAKD,kBAHgB,IAAU,IAAO,KAGjC;CACE,wBAAqB;CAChB;CACL,WAAW,EAAe;EAAE;EAAW;EAAM;EAAQ;EAAW,CAAC;CACjE,GAAI;CAEH;CACS,CAAA"}

package/dist/textarea/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("../input/index.js"),g=require("class-variance-authority"),t=a=>r.jsx(e.InputGroup.ClearButton,{inline:!0,"data-spark-component":"textarea-group-trailing-icon",...a});t.id=e.InputGroup.ClearButton.id;t.displayName="TextareaGroup.ClearButton";const i=a=>r.jsx(e.InputGroup,{...a});i.displayName="TextareaGroup";const n=a=>r.jsx(e.InputGroup.LeadingIcon,{"data-spark-component":"textarea-group-leading-icon",...a});n.id=e.InputGroup.LeadingIcon.id;n.displayName="TextareaGroup.LeadingIcon";const o=a=>r.jsx(e.InputGroup.TrailingIcon,{"data-spark-component":"textarea-group-trailing-icon",...a});o.id=e.InputGroup.TrailingIcon.id;o.displayName="TextareaGroup.TrailingIcon";const u=({className:a,disabled:s,rows:c=1,isResizable:d=!0,ref:l,onValueChange:x,...T})=>r.jsx(e.Input,{className:g.cx(a,"py-[var(--spacing-sz-10)]",d?"resize-y":"resize-none"),"data-spark-component":"textarea",disabled:s,asChild:!0,onValueChange:x,children:r.jsx("textarea",{ref:l,rows:c,...T})}),I=Object.assign(u,{id:e.Input.id});u.displayName="Textarea";const p=Object.assign(i,{LeadingIcon:n,TrailingIcon:o,ClearButton:t});p.displayName="TextareaGroup";n.displayName="TextareaGroup.LeadingIcon";o.displayName="TextareaGroup.TrailingIcon";t.displayName="TextareaGroup.ClearButton";exports.Textarea=I;exports.TextareaGroup=p;
-//# sourceMappingURL=index.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-C91j1N6u.js`);const e=require(`../input-DNr40G2Z.js`);let t=require(`class-variance-authority`),n=require(`react/jsx-runtime`);var r=t=>(0,n.jsx)(e.t.ClearButton,{inline:!0,"data-spark-component":`textarea-group-trailing-icon`,...t});r.id=e.t.ClearButton.id,r.displayName=`TextareaGroup.ClearButton`;var i=t=>(0,n.jsx)(e.t,{...t});i.displayName=`TextareaGroup`;var a=t=>(0,n.jsx)(e.t.LeadingIcon,{"data-spark-component":`textarea-group-leading-icon`,...t});a.id=e.t.LeadingIcon.id,a.displayName=`TextareaGroup.LeadingIcon`;var o=t=>(0,n.jsx)(e.t.TrailingIcon,{"data-spark-component":`textarea-group-trailing-icon`,...t});o.id=e.t.TrailingIcon.id,o.displayName=`TextareaGroup.TrailingIcon`;var s=({className:r,disabled:i,rows:a=1,isResizable:o=!0,ref:s,onValueChange:c,...l})=>(0,n.jsx)(e.n,{className:(0,t.cx)(r,`py-[var(--spacing-sz-10)]`,o?`resize-y`:`resize-none`),"data-spark-component":`textarea`,disabled:i,asChild:!0,onValueChange:c,children:(0,n.jsx)(`textarea`,{ref:s,rows:a,...l})}),c=Object.assign(s,{id:e.n.id});s.displayName=`Textarea`;var l=Object.assign(i,{LeadingIcon:a,TrailingIcon:o,ClearButton:r});l.displayName=`TextareaGroup`,a.displayName=`TextareaGroup.LeadingIcon`,o.displayName=`TextareaGroup.TrailingIcon`,r.displayName=`TextareaGroup.ClearButton`,exports.Textarea=c,exports.TextareaGroup=l;
+//# sourceMappingURL=index.js.map

package/dist/textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/textarea/TextareaClearButton.tsx","../../src/textarea/TextareaGroup.tsx","../../src/textarea/TextareaLeadingIcon.tsx","../../src/textarea/TextareaTrailingIcon.tsx","../../src/textarea/Textarea.tsx","../../src/textarea/index.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { InputGroup } from '../input'\n\nexport interface TextareaClearButtonProps extends ComponentPropsWithoutRef<'button'> {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const TextareaClearButton = (props: TextareaClearButtonProps) => {\n  return (\n    <InputGroup.ClearButton inline data-spark-component=\"textarea-group-trailing-icon\" {...props} />\n  )\n}\n\nTextareaClearButton.id = InputGroup.ClearButton.id\nTextareaClearButton.displayName = 'TextareaGroup.ClearButton'\n","import { InputGroup, InputGroupProps } from '../input'\n\nexport type TextareaGroupProps = InputGroupProps\n\nexport const TextareaGroup = (props: TextareaGroupProps) => {\n  return <InputGroup {...props} />\n}\n\nTextareaGroup.displayName = 'TextareaGroup'\n","import { InputGroup, InputLeadingIconProps } from '../input'\n\nexport type TextareaLeadingIconProps = InputLeadingIconProps\n\nexport const TextareaLeadingIcon = (props: InputLeadingIconProps) => {\n  return <InputGroup.LeadingIcon data-spark-component=\"textarea-group-leading-icon\" {...props} />\n}\n\nTextareaLeadingIcon.id = InputGroup.LeadingIcon.id\nTextareaLeadingIcon.displayName = 'TextareaGroup.LeadingIcon'\n","import { InputGroup, InputTrailingIconProps } from '../input'\n\nexport type TextareaTrailingIconProps = InputTrailingIconProps\n\nexport const TextareaTrailingIcon = (props: InputTrailingIconProps) => {\n  return <InputGroup.TrailingIcon data-spark-component=\"textarea-group-trailing-icon\" {...props} />\n}\n\nTextareaTrailingIcon.id = InputGroup.TrailingIcon.id\nTextareaTrailingIcon.displayName = 'TextareaGroup.TrailingIcon'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react'\n\nimport { Input, InputProps } from '../input'\n\ntype TextareaPrimitiveProps = ComponentPropsWithoutRef<'textarea'>\n\nexport interface TextareaProps extends TextareaPrimitiveProps, Pick<InputProps, 'onValueChange'> {\n  isResizable?: boolean\n  ref?: Ref<HTMLTextAreaElement>\n}\n\nconst Root = ({\n  className,\n  disabled,\n  rows = 1,\n  isResizable = true,\n  ref,\n  onValueChange,\n  ...others\n}: PropsWithChildren<TextareaProps>) => {\n  return (\n    <Input\n      className={cx(\n        className,\n        'py-[var(--spacing-sz-10)]',\n        isResizable ? 'resize-y' : 'resize-none'\n      )}\n      data-spark-component=\"textarea\"\n      disabled={disabled}\n      asChild\n      onValueChange={onValueChange}\n    >\n      <textarea ref={ref} rows={rows} {...others} />\n    </Input>\n  )\n}\n\nexport const Textarea = Object.assign(Root, {\n  id: Input.id,\n})\n\nRoot.displayName = 'Textarea'\n","import { TextareaClearButton } from './TextareaClearButton'\nimport { TextareaGroup as Root } from './TextareaGroup'\nimport { TextareaLeadingIcon } from './TextareaLeadingIcon'\nimport { TextareaTrailingIcon } from './TextareaTrailingIcon'\n\nexport * from './Textarea'\n\nexport const TextareaGroup: typeof Root & {\n  LeadingIcon: typeof TextareaLeadingIcon\n  TrailingIcon: typeof TextareaTrailingIcon\n  ClearButton: typeof TextareaClearButton\n} = Object.assign(Root, {\n  LeadingIcon: TextareaLeadingIcon,\n  TrailingIcon: TextareaTrailingIcon,\n  ClearButton: TextareaClearButton,\n})\n\nTextareaGroup.displayName = 'TextareaGroup'\nTextareaLeadingIcon.displayName = 'TextareaGroup.LeadingIcon'\nTextareaTrailingIcon.displayName = 'TextareaGroup.TrailingIcon'\nTextareaClearButton.displayName = 'TextareaGroup.ClearButton'\n\nexport { type TextareaGroupProps } from './TextareaGroup'\nexport { type TextareaLeadingIconProps } from './TextareaLeadingIcon'\nexport { type TextareaTrailingIconProps } from './TextareaTrailingIcon'\nexport { type TextareaClearButtonProps } from './TextareaClearButton'\n"],"names":["TextareaClearButton","props","jsx","InputGroup","TextareaGroup","TextareaLeadingIcon","TextareaTrailingIcon","Root","className","disabled","rows","isResizable","ref","onValueChange","others","Input","cx","Textarea"],"mappings":"0LASaA,EAAuBC,GAEhCC,EAAAA,IAACC,aAAW,YAAX,CAAuB,OAAM,GAAC,uBAAqB,+BAAgC,GAAGF,EAAO,EAIlGD,EAAoB,GAAKG,aAAW,YAAY,GAChDH,EAAoB,YAAc,4BCZ3B,MAAMI,EAAiBH,GACrBC,MAACC,EAAAA,WAAA,CAAY,GAAGF,CAAA,CAAO,EAGhCG,EAAc,YAAc,gBCJrB,MAAMC,EAAuBJ,SAC1BE,EAAAA,WAAW,YAAX,CAAuB,uBAAqB,8BAA+B,GAAGF,EAAO,EAG/FI,EAAoB,GAAKF,aAAW,YAAY,GAChDE,EAAoB,YAAc,4BCL3B,MAAMC,EAAwBL,SAC3BE,EAAAA,WAAW,aAAX,CAAwB,uBAAqB,+BAAgC,GAAGF,EAAO,EAGjGK,EAAqB,GAAKH,aAAW,aAAa,GAClDG,EAAqB,YAAc,6BCGnC,MAAMC,EAAO,CAAC,CACZ,UAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,EACP,YAAAC,EAAc,GACd,IAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAEIZ,EAAAA,IAACa,EAAAA,MAAA,CACC,UAAWC,EAAAA,GACTR,EACA,4BACAG,EAAc,WAAa,aAAA,EAE7B,uBAAqB,WACrB,SAAAF,EACA,QAAO,GACP,cAAAI,EAEA,SAAAX,EAAAA,IAAC,WAAA,CAAS,IAAAU,EAAU,KAAAF,EAAa,GAAGI,CAAA,CAAQ,CAAA,CAAA,EAKrCG,EAAW,OAAO,OAAOV,EAAM,CAC1C,GAAIQ,EAAAA,MAAM,EACZ,CAAC,EAEDR,EAAK,YAAc,WCnCZ,MAAMH,EAIT,OAAO,OAAOG,EAAM,CACtB,YAAaF,EACb,aAAcC,EACd,YAAaN,CACf,CAAC,EAEDI,EAAc,YAAc,gBAC5BC,EAAoB,YAAc,4BAClCC,EAAqB,YAAc,6BACnCN,EAAoB,YAAc"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/textarea/TextareaClearButton.tsx","../../src/textarea/TextareaGroup.tsx","../../src/textarea/TextareaLeadingIcon.tsx","../../src/textarea/TextareaTrailingIcon.tsx","../../src/textarea/Textarea.tsx","../../src/textarea/index.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, Ref } from 'react'\n\nimport { InputGroup } from '../input'\n\nexport interface TextareaClearButtonProps extends ComponentPropsWithoutRef<'button'> {\n  'aria-label': string\n  ref?: Ref<HTMLButtonElement>\n}\n\nexport const TextareaClearButton = (props: TextareaClearButtonProps) => {\n  return (\n    <InputGroup.ClearButton inline data-spark-component=\"textarea-group-trailing-icon\" {...props} />\n  )\n}\n\nTextareaClearButton.id = InputGroup.ClearButton.id\nTextareaClearButton.displayName = 'TextareaGroup.ClearButton'\n","import { InputGroup, InputGroupProps } from '../input'\n\nexport type TextareaGroupProps = InputGroupProps\n\nexport const TextareaGroup = (props: TextareaGroupProps) => {\n  return <InputGroup {...props} />\n}\n\nTextareaGroup.displayName = 'TextareaGroup'\n","import { InputGroup, InputLeadingIconProps } from '../input'\n\nexport type TextareaLeadingIconProps = InputLeadingIconProps\n\nexport const TextareaLeadingIcon = (props: InputLeadingIconProps) => {\n  return <InputGroup.LeadingIcon data-spark-component=\"textarea-group-leading-icon\" {...props} />\n}\n\nTextareaLeadingIcon.id = InputGroup.LeadingIcon.id\nTextareaLeadingIcon.displayName = 'TextareaGroup.LeadingIcon'\n","import { InputGroup, InputTrailingIconProps } from '../input'\n\nexport type TextareaTrailingIconProps = InputTrailingIconProps\n\nexport const TextareaTrailingIcon = (props: InputTrailingIconProps) => {\n  return <InputGroup.TrailingIcon data-spark-component=\"textarea-group-trailing-icon\" {...props} />\n}\n\nTextareaTrailingIcon.id = InputGroup.TrailingIcon.id\nTextareaTrailingIcon.displayName = 'TextareaGroup.TrailingIcon'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithoutRef, PropsWithChildren, Ref } from 'react'\n\nimport { Input, InputProps } from '../input'\n\ntype TextareaPrimitiveProps = ComponentPropsWithoutRef<'textarea'>\n\nexport interface TextareaProps extends TextareaPrimitiveProps, Pick<InputProps, 'onValueChange'> {\n  isResizable?: boolean\n  ref?: Ref<HTMLTextAreaElement>\n}\n\nconst Root = ({\n  className,\n  disabled,\n  rows = 1,\n  isResizable = true,\n  ref,\n  onValueChange,\n  ...others\n}: PropsWithChildren<TextareaProps>) => {\n  return (\n    <Input\n      className={cx(\n        className,\n        'py-[var(--spacing-sz-10)]',\n        isResizable ? 'resize-y' : 'resize-none'\n      )}\n      data-spark-component=\"textarea\"\n      disabled={disabled}\n      asChild\n      onValueChange={onValueChange}\n    >\n      <textarea ref={ref} rows={rows} {...others} />\n    </Input>\n  )\n}\n\nexport const Textarea = Object.assign(Root, {\n  id: Input.id,\n})\n\nRoot.displayName = 'Textarea'\n","import { TextareaClearButton } from './TextareaClearButton'\nimport { TextareaGroup as Root } from './TextareaGroup'\nimport { TextareaLeadingIcon } from './TextareaLeadingIcon'\nimport { TextareaTrailingIcon } from './TextareaTrailingIcon'\n\nexport * from './Textarea'\n\nexport const TextareaGroup: typeof Root & {\n  LeadingIcon: typeof TextareaLeadingIcon\n  TrailingIcon: typeof TextareaTrailingIcon\n  ClearButton: typeof TextareaClearButton\n} = Object.assign(Root, {\n  LeadingIcon: TextareaLeadingIcon,\n  TrailingIcon: TextareaTrailingIcon,\n  ClearButton: TextareaClearButton,\n})\n\nTextareaGroup.displayName = 'TextareaGroup'\nTextareaLeadingIcon.displayName = 'TextareaGroup.LeadingIcon'\nTextareaTrailingIcon.displayName = 'TextareaGroup.TrailingIcon'\nTextareaClearButton.displayName = 'TextareaGroup.ClearButton'\n\nexport { type TextareaGroupProps } from './TextareaGroup'\nexport { type TextareaLeadingIconProps } from './TextareaLeadingIcon'\nexport { type TextareaTrailingIconProps } from './TextareaTrailingIcon'\nexport { type TextareaClearButtonProps } from './TextareaClearButton'\n"],"mappings":"oNASA,IAAa,EAAuB,IAEhC,EAAA,EAAA,KAAC,EAAA,EAAW,YAAZ,CAAwB,OAAA,GAAO,uBAAqB,+BAA+B,GAAI,EAAS,CAAA,CAIpG,EAAoB,GAAK,EAAA,EAAW,YAAY,GAChD,EAAoB,YAAc,4BCZlC,IAAa,EAAiB,IACrB,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,GAAI,EAAS,CAAA,CAGlC,EAAc,YAAc,gBCJ5B,IAAa,EAAuB,IAC3B,EAAA,EAAA,KAAC,EAAA,EAAW,YAAZ,CAAwB,uBAAqB,8BAA8B,GAAI,EAAS,CAAA,CAGjG,EAAoB,GAAK,EAAA,EAAW,YAAY,GAChD,EAAoB,YAAc,4BCLlC,IAAa,EAAwB,IAC5B,EAAA,EAAA,KAAC,EAAA,EAAW,aAAZ,CAAyB,uBAAqB,+BAA+B,GAAI,EAAS,CAAA,CAGnG,EAAqB,GAAK,EAAA,EAAW,aAAa,GAClD,EAAqB,YAAc,6BCGnC,IAAM,GAAQ,CACZ,YACA,WACA,OAAO,EACP,cAAc,GACd,MACA,gBACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,WAAA,EAAA,EAAA,IACE,EACA,4BACA,EAAc,WAAa,cAC5B,CACD,uBAAqB,WACX,WACV,QAAA,GACe,0BAEf,EAAA,EAAA,KAAC,WAAD,CAAe,MAAW,OAAM,GAAI,EAAU,CAAA,CACxC,CAAA,CAIC,EAAW,OAAO,OAAO,EAAM,CAC1C,GAAI,EAAA,EAAM,GACX,CAAC,CAEF,EAAK,YAAc,WCnCnB,IAAa,EAIT,OAAO,OAAO,EAAM,CACtB,YAAa,EACb,aAAc,EACd,YAAa,EACd,CAAC,CAEF,EAAc,YAAc,gBAC5B,EAAoB,YAAc,4BAClC,EAAqB,YAAc,6BACnC,EAAoB,YAAc"}