@jbpark/ui-kit 6.2.0 → 7.0.0

package/dist/Tag.d.mts

@@ -6,18 +6,19 @@ type NativeSpanProps = React$1.ComponentProps<'span'> & {
 };
 interface Props extends Omit<NativeSpanProps, 'variant' | 'color'> {
   /**
-   * Fill style, aligned with `Button`'s vocabulary. `'default'` is a
-   * **deprecated alias** for `'filled'` — it still renders identically, but
-   * prefer `'filled'` going forward (#320).
-   *
-   * @remarks `'default'` will be removed in a future major.
+   * Fill style, aligned with `Button`'s vocabulary (#320). The pre-7.0
+   * `'default'` spelling was removed — use `'filled'`, which renders
+   * identically.
    */
-  variant?: 'filled' | 'outlined' | 'default';
+  variant?: 'filled' | 'outlined';
   /**
-   * Colour, sharing `Button`'s preset palette. The named states
-   * (`primary`/`success`/`warning`/`danger`) keep their semantic look; the
-   * shared presets (`blue`, `red`, `gold`, …) are backed by the same
-   * `data-color` system as `Button` (#320).
+   * Colour. Every value — the semantic states (`primary`/`success`/`warning`/
+   * `danger`) as well as the palette shared with `Button` (`blue`, `red`,
+   * `gold`, …) — resolves through the same `data-color` + `--tag-*` system
+   * (#320), so any of them can be re-themed the same way.
+   *
+   * `success`/`warning` have no `Button` counterpart on purpose: a Tag marks
+   * state, which is why antd's Tag also carries them while its Button does not.
    */
   color?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | PresetColor;
 }

package/dist/Tag.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.mts","names":[],"sources":["../src/components/atoms/tag.tsx"],"mappings":";;;KAYK,kBAAkB,QAAM;EAC3B;;UAGe,cAAc,KAAK;;;;;;;;EAQlC;;;;;;;EAOA,mEAC6D;;cAgDzD,QAAO,WAAA,SAAA,OAAA,SAAA,aAAA,SAOV,UAAK,QAAA,IAAA"}
+{"version":3,"file":"Tag.d.mts","names":[],"sources":["../src/components/atoms/tag.tsx"],"mappings":";;;KAYK,kBAAkB,QAAM;EAC3B;;UAGe,cAAc,KAAK;;;;;;EAMlC;;;;;;;;;;EAUA,mEAC6D;;cA+BzD,QAAO,WAAA,SAAA,OAAA,SAAA,aAAA,SAOV,UAAK,QAAA,IAAA"}

package/dist/Tag.mjs

@@ -2,39 +2,23 @@
 import { cn } from "./utils.mjs";
 import { useConfig } from "./providers/config/context.mjs";
 import { INTERACTIVE_CHASSIS } from "./lib/chassis.mjs";
-import { isPresetColor } from "./lib/colors.mjs";
 import "react";
 import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/atoms/tag.tsx
 const TAG_BASE = cn(INTERACTIVE_CHASSIS, "border w-fit whitespace-nowrap overflow-hidden", "text-xs font-medium gap-1 transition-[color,box-shadow]", "[&>svg]:size-3 [&>svg]:pointer-events-none", "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground");
-const fillColorClasses = {
-	default: "border-transparent bg-muted text-muted-foreground",
-	primary: "border-transparent bg-primary/10 text-primary",
-	success: "border-transparent bg-green-500/10 text-green-600 dark:text-green-400",
-	warning: "border-transparent bg-yellow-500/10 text-yellow-600 dark:text-yellow-400",
-	danger: "border-transparent bg-destructive/10 text-destructive"
-};
-const outlinedColorClasses = {
-	default: "border-border text-foreground",
-	primary: "border-primary text-primary",
-	success: "border-green-500 text-green-600 dark:text-green-400",
-	warning: "border-yellow-500 text-yellow-600 dark:text-yellow-400",
-	danger: "border-destructive text-destructive"
-};
-const presetFillClasses = cn("border-transparent", "bg-[color-mix(in_oklch,var(--tag-bg),transparent_90%)]", "text-(--tag-bg)");
-const presetOutlinedClasses = cn("border-(--tag-bg) text-(--tag-bg)");
+const fillClasses = cn("border-transparent bg-(--tag-tint) text-(--tag-fg)");
+const outlinedClasses = cn("border-(--tag-bg) text-(--tag-fg)");
 const Tag = ({ className, variant, color, asChild = false, children, ...props }) => {
 	const { defaultProps } = useConfig();
 	const tagDefaults = defaultProps?.tag;
 	const resolvedVariant = variant ?? tagDefaults?.variant ?? "filled";
 	const resolvedColor = color ?? tagDefaults?.color ?? "default";
-	const isOutlined = resolvedVariant === "outlined";
-	const preset = isPresetColor(resolvedColor);
 	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
 		"data-slot": "badge",
-		"data-color": preset ? resolvedColor : void 0,
-		className: cn(TAG_BASE, "rounded-full px-2.5 py-1", "text-xs font-medium", preset ? isOutlined ? presetOutlinedClasses : presetFillClasses : isOutlined ? outlinedColorClasses[resolvedColor] : fillColorClasses[resolvedColor], className),
+		"data-color": resolvedColor,
+		"data-variant": resolvedVariant,
+		className: cn(TAG_BASE, "rounded-full px-2.5 py-1", "text-xs font-medium", resolvedVariant === "outlined" ? outlinedClasses : fillClasses, className),
 		...props,
 		children
 	});

package/dist/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","names":[],"sources":["../src/components/atoms/tag.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { INTERACTIVE_CHASSIS } from '../../lib/chassis';\nimport { type PresetColor, isPresetColor } from '../../lib/colors';\n\ntype NativeSpanProps = React.ComponentProps<'span'> & {\n  asChild?: boolean;\n};\n\nexport interface Props extends Omit<NativeSpanProps, 'variant' | 'color'> {\n  /**\n   * Fill style, aligned with `Button`'s vocabulary. `'default'` is a\n   * **deprecated alias** for `'filled'` — it still renders identically, but\n   * prefer `'filled'` going forward (#320).\n   *\n   * @remarks `'default'` will be removed in a future major.\n   */\n  variant?: 'filled' | 'outlined' | 'default';\n  /**\n   * Colour, sharing `Button`'s preset palette. The named states\n   * (`primary`/`success`/`warning`/`danger`) keep their semantic look; the\n   * shared presets (`blue`, `red`, `gold`, …) are backed by the same\n   * `data-color` system as `Button` (#320).\n   */\n  color?:\n    'default' | 'primary' | 'success' | 'warning' | 'danger' | PresetColor;\n}\n\n// Base absorbed from core/badge's cva base + its `outline` variant, which Tag\n// always rendered as (#278 ③ / #294 Phase 4). The shared focus/aria/centering\n// set lives in INTERACTIVE_CHASSIS; a Tag adds badge geometry and its svg\n// sizing but — unlike Button — no `disabled:*` (a Tag is not disableable). The\n// rounded/padding leftovers are overridden by the atom classes below exactly as\n// before, so the rendered output is unchanged (verified against a pre-refactor\n// render matrix).\nconst TAG_BASE = cn(\n  INTERACTIVE_CHASSIS,\n  'border w-fit whitespace-nowrap overflow-hidden',\n  'text-xs font-medium gap-1 transition-[color,box-shadow]',\n  '[&>svg]:size-3 [&>svg]:pointer-events-none',\n  'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n);\n\nconst fillColorClasses: Record<string, string> = {\n  default: 'border-transparent bg-muted text-muted-foreground',\n  primary: 'border-transparent bg-primary/10 text-primary',\n  success:\n    'border-transparent bg-green-500/10 text-green-600 dark:text-green-400',\n  warning:\n    'border-transparent bg-yellow-500/10 text-yellow-600 dark:text-yellow-400',\n  danger: 'border-transparent bg-destructive/10 text-destructive',\n};\n\nconst outlinedColorClasses: Record<string, string> = {\n  default: 'border-border text-foreground',\n  primary: 'border-primary text-primary',\n  success: 'border-green-500 text-green-600 dark:text-green-400',\n  warning: 'border-yellow-500 text-yellow-600 dark:text-yellow-400',\n  danger: 'border-destructive text-destructive',\n};\n\n// Preset colours resolve their hue from the shared `--tag-bg` custom property\n// (globals.css, keyed on `data-color`) rather than a per-colour Tailwind class,\n// so `Tag` and `Button` stay in lock-step. Fill uses a 10% tint behind the\n// full-strength hue; outlined borders and texts it directly.\nconst presetFillClasses = cn(\n  'border-transparent',\n  'bg-[color-mix(in_oklch,var(--tag-bg),transparent_90%)]',\n  'text-(--tag-bg)',\n);\n\nconst presetOutlinedClasses = cn('border-(--tag-bg) text-(--tag-bg)');\n\nconst Tag = ({\n  className,\n  variant,\n  color,\n  asChild = false,\n  children,\n  ...props\n}: Props) => {\n  const { defaultProps } = useConfig();\n  const tagDefaults = defaultProps?.tag as\n    Partial<Pick<Props, 'variant' | 'color'>> | undefined;\n  // An explicit prop wins over a `Config` default, which wins over the built-in\n  // — the same resolution order `Button` uses.\n  const resolvedVariant = variant ?? tagDefaults?.variant ?? 'filled';\n  const resolvedColor = color ?? tagDefaults?.color ?? 'default';\n  // `'default'` is the pre-#320 spelling of `'filled'`; fold it in so the alias\n  // renders identically.\n  const isOutlined = resolvedVariant === 'outlined';\n  const preset = isPresetColor(resolvedColor);\n  const Comp = asChild ? Slot : 'span';\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      // Only preset colours drive the `--tag-*` system; the named states keep\n      // their bespoke classes, so existing usage renders byte-identical.\n      data-color={preset ? resolvedColor : undefined}\n      className={cn(\n        TAG_BASE,\n        'rounded-full px-2.5 py-1',\n        'text-xs font-medium',\n        preset\n          ? isOutlined\n            ? presetOutlinedClasses\n            : presetFillClasses\n          : isOutlined\n            ? outlinedColorClasses[resolvedColor]\n            : fillColorClasses[resolvedColor],\n        className,\n        //\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;;AA0CA,MAAM,WAAW,GACf,qBACA,kDACA,2DACA,8CACA,wEACF;AAEA,MAAM,mBAA2C;CAC/C,SAAS;CACT,SAAS;CACT,SACE;CACF,SACE;CACF,QAAQ;AACV;AAEA,MAAM,uBAA+C;CACnD,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;AAMA,MAAM,oBAAoB,GACxB,sBACA,0DACA,iBACF;AAEA,MAAM,wBAAwB,GAAG,mCAAmC;AAEpE,MAAM,OAAO,EACX,WACA,SACA,OACA,UAAU,OACV,UACA,GAAG,YACQ;CACX,MAAM,EAAE,iBAAiB,UAAU;CACnC,MAAM,cAAc,cAAc;CAIlC,MAAM,kBAAkB,WAAW,aAAa,WAAW;CAC3D,MAAM,gBAAgB,SAAS,aAAa,SAAS;CAGrD,MAAM,aAAa,oBAAoB;CACvC,MAAM,SAAS,cAAc,aAAa;CAG1C,OACE,oBAHW,UAAU,OAAO,QAG5B;EACE,aAAU;EAGV,cAAY,SAAS,gBAAgB,KAAA;EACrC,WAAW,GACT,UACA,4BACA,uBACA,SACI,aACE,wBACA,oBACF,aACE,qBAAqB,iBACrB,iBAAiB,gBACvB,SAEF;EACA,GAAI;EAEH;CACG,CAAA;AAEV"}
+{"version":3,"file":"Tag.mjs","names":[],"sources":["../src/components/atoms/tag.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { INTERACTIVE_CHASSIS } from '../../lib/chassis';\nimport { type PresetColor } from '../../lib/colors';\n\ntype NativeSpanProps = React.ComponentProps<'span'> & {\n  asChild?: boolean;\n};\n\nexport interface Props extends Omit<NativeSpanProps, 'variant' | 'color'> {\n  /**\n   * Fill style, aligned with `Button`'s vocabulary (#320). The pre-7.0\n   * `'default'` spelling was removed — use `'filled'`, which renders\n   * identically.\n   */\n  variant?: 'filled' | 'outlined';\n  /**\n   * Colour. Every value — the semantic states (`primary`/`success`/`warning`/\n   * `danger`) as well as the palette shared with `Button` (`blue`, `red`,\n   * `gold`, …) — resolves through the same `data-color` + `--tag-*` system\n   * (#320), so any of them can be re-themed the same way.\n   *\n   * `success`/`warning` have no `Button` counterpart on purpose: a Tag marks\n   * state, which is why antd's Tag also carries them while its Button does not.\n   */\n  color?:\n    'default' | 'primary' | 'success' | 'warning' | 'danger' | PresetColor;\n}\n\n// Base absorbed from core/badge's cva base + its `outline` variant, which Tag\n// always rendered as (#278 ③ / #294 Phase 4). The shared focus/aria/centering\n// set lives in INTERACTIVE_CHASSIS; a Tag adds badge geometry and its svg\n// sizing but — unlike Button — no `disabled:*` (a Tag is not disableable). The\n// rounded/padding leftovers are overridden by the atom classes below exactly as\n// before, so the rendered output is unchanged (verified against a pre-refactor\n// render matrix).\nconst TAG_BASE = cn(\n  INTERACTIVE_CHASSIS,\n  'border w-fit whitespace-nowrap overflow-hidden',\n  'text-xs font-medium gap-1 transition-[color,box-shadow]',\n  '[&>svg]:size-3 [&>svg]:pointer-events-none',\n  'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n);\n\n// Every colour — semantic states and shared presets alike — resolves from the\n// `--tag-*` custom properties that `globals.css` sets per `data-color` (#320).\n// Before 7.0 only the presets took this path while the states carried bespoke\n// Tailwind classes, which meant `[data-color]` hooks and `--tag-*` overrides\n// worked on some colours but silently not on others.\n//\n//   --tag-bg    the hue; the border in `outlined`\n//   --tag-fg    text colour (defaults to --tag-bg)\n//   --tag-tint  the fill behind `filled` (defaults to a 10% --tag-bg wash)\nconst fillClasses = cn('border-transparent bg-(--tag-tint) text-(--tag-fg)');\n\nconst outlinedClasses = cn('border-(--tag-bg) text-(--tag-fg)');\n\nconst Tag = ({\n  className,\n  variant,\n  color,\n  asChild = false,\n  children,\n  ...props\n}: Props) => {\n  const { defaultProps } = useConfig();\n  const tagDefaults = defaultProps?.tag as\n    Partial<Pick<Props, 'variant' | 'color'>> | undefined;\n  // An explicit prop wins over a `Config` default, which wins over the built-in\n  // — the same resolution order `Button` uses.\n  const resolvedVariant = variant ?? tagDefaults?.variant ?? 'filled';\n  const resolvedColor = color ?? tagDefaults?.color ?? 'default';\n  const isOutlined = resolvedVariant === 'outlined';\n  const Comp = asChild ? Slot : 'span';\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      // Emitted for every colour, not just the presets, so consumers can hook\n      // `[data-color]` / `[data-variant]` uniformly. `data-variant` is what\n      // lets `globals.css` give `default` a different text colour when\n      // outlined without reintroducing a second class path here.\n      data-color={resolvedColor}\n      data-variant={resolvedVariant}\n      className={cn(\n        TAG_BASE,\n        'rounded-full px-2.5 py-1',\n        'text-xs font-medium',\n        isOutlined ? outlinedClasses : fillClasses,\n        className,\n        //\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;;AA2CA,MAAM,WAAW,GACf,qBACA,kDACA,2DACA,8CACA,wEACF;AAWA,MAAM,cAAc,GAAG,oDAAoD;AAE3E,MAAM,kBAAkB,GAAG,mCAAmC;AAE9D,MAAM,OAAO,EACX,WACA,SACA,OACA,UAAU,OACV,UACA,GAAG,YACQ;CACX,MAAM,EAAE,iBAAiB,UAAU;CACnC,MAAM,cAAc,cAAc;CAIlC,MAAM,kBAAkB,WAAW,aAAa,WAAW;CAC3D,MAAM,gBAAgB,SAAS,aAAa,SAAS;CAIrD,OACE,oBAHW,UAAU,OAAO,QAG5B;EACE,aAAU;EAKV,cAAY;EACZ,gBAAc;EACd,WAAW,GACT,UACA,4BACA,uBAfa,oBAAoB,aAgBpB,kBAAkB,aAC/B,SAEF;EACA,GAAI;EAEH;CACG,CAAA;AAEV"}

package/dist/style.css

@@ -6,11 +6,7 @@
     --font-mono: var(--font-geist-mono);
     --color-red-400: oklch(70.4% .191 22.216);
     --color-yellow-400: oklch(85.2% .199 91.936);
-    --color-yellow-500: oklch(79.5% .184 86.047);
-    --color-yellow-600: oklch(68.1% .162 75.834);
     --color-green-400: oklch(79.2% .209 151.711);
-    --color-green-500: oklch(72.3% .219 149.579);
-    --color-green-600: oklch(62.7% .194 149.214);
     --color-blue-400: oklch(70.7% .165 254.624);
     --color-black: #000;
     --color-white: #fff;
@@ -149,6 +145,41 @@
   [data-slot="button"][data-color="gold"] {
     --btn-bg: #f59e0b;
   }
+  [data-slot="badge"][data-color] {
+    --tag-fg: var(--tag-bg);
+    --tag-tint: var(--tag-bg);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tag-tint: color-mix(in oklab, var(--tag-bg), transparent 90%);
+    }
+  }
+  [data-slot="badge"][data-color="default"] {
+    --tag-bg: var(--border);
+    --tag-tint: var(--muted);
+    --tag-fg: var(--muted-foreground);
+  }
+  [data-slot="badge"][data-color="default"][data-variant="outlined"] {
+    --tag-fg: var(--foreground);
+  }
+  [data-slot="badge"][data-color="primary"] {
+    --tag-bg: var(--primary);
+  }
+  [data-slot="badge"][data-color="danger"] {
+    --tag-bg: var(--destructive);
+  }
+  [data-slot="badge"][data-color="success"] {
+    --tag-bg: oklch(72.3% .219 149.579);
+    --tag-fg: oklch(62.7% .194 149.214);
+  }
+  [data-slot="badge"][data-color="warning"] {
+    --tag-bg: oklch(79.5% .184 86.047);
+    --tag-fg: oklch(68.1% .162 75.834);
+  }
+  :is(.dark, [data-theme="dark"]) [data-slot="badge"][data-color="success"] {
+    --tag-fg: oklch(79.2% .209 151.711);
+  }
+  :is(.dark, [data-theme="dark"]) [data-slot="badge"][data-color="warning"] {
+    --tag-fg: oklch(85.2% .199 91.936);
+  }
   [data-slot="badge"][data-color="blue"] {
     --tag-bg: #3b82f6;
   }
@@ -1096,12 +1127,6 @@
   .border-current {
     border-color: currentcolor;
   }
-  .border-destructive {
-    border-color: var(--destructive);
-  }
-  .border-green-500 {
-    border-color: var(--color-green-500);
-  }
   .border-input {
     border-color: var(--input);
   }
@@ -1111,17 +1136,11 @@
   .border-transparent {
     border-color: transparent;
   }
-  .border-yellow-500 {
-    border-color: var(--color-yellow-500);
-  }
   .bg-\(--btn-bg\) {
     background-color: var(--btn-bg);
   }
-  .bg-\[color-mix\(in_oklch\,var\(--tag-bg\)\,transparent_90\%\)\] {
-    background-color: var(--tag-bg);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklch,var(--tag-bg),transparent 90%);
-    }
+  .bg-\(--tag-tint\) {
+    background-color: var(--tag-tint);
   }
   .bg-accent {
     background-color: var(--accent);
@@ -1156,18 +1175,6 @@
   .bg-destructive {
     background-color: var(--destructive);
   }
-  .bg-destructive\/10 {
-    background-color: var(--destructive);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
-    }
-  }
-  .bg-green-500\/10 {
-    background-color: color-mix(in srgb, oklch(72.3% .219 149.579) 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
-    }
-  }
   .bg-inherit {
     background-color: inherit;
   }
@@ -1183,12 +1190,6 @@
   .bg-primary {
     background-color: var(--primary);
   }
-  .bg-primary\/10 {
-    background-color: var(--primary);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
-    }
-  }
   .bg-primary\/20 {
     background-color: var(--primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1201,12 +1202,6 @@
   .bg-transparent {
     background-color: transparent;
   }
-  .bg-yellow-500\/10 {
-    background-color: color-mix(in srgb, oklch(79.5% .184 86.047) 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
-    }
-  }
   .fill-primary {
     fill: var(--primary);
   }
@@ -1415,8 +1410,8 @@
   .text-\(--btn-fg\) {
     color: var(--btn-fg);
   }
-  .text-\(--tag-bg\) {
-    color: var(--tag-bg);
+  .text-\(--tag-fg\) {
+    color: var(--tag-fg);
   }
   .text-accent-foreground {
     color: var(--accent-foreground);
@@ -1439,9 +1434,6 @@
   .text-green-400 {
     color: var(--color-green-400);
   }
-  .text-green-600 {
-    color: var(--color-green-600);
-  }
   .text-muted-foreground {
     color: var(--muted-foreground);
   }
@@ -1466,9 +1458,6 @@
   .text-yellow-400 {
     color: var(--color-yellow-400);
   }
-  .text-yellow-600 {
-    color: var(--color-yellow-600);
-  }
   .lowercase {
     text-transform: lowercase;
   }
@@ -2604,12 +2593,6 @@
       background-color: color-mix(in oklab, var(--input) 30%, transparent);
     }
   }
-  .dark\:text-green-400:is(.dark *, [data-theme="dark"] *) {
-    color: var(--color-green-400);
-  }
-  .dark\:text-yellow-400:is(.dark *, [data-theme="dark"] *) {
-    color: var(--color-yellow-400);
-  }
   @media (hover: hover) {
     .dark\:hover\:bg-accent\/50:is(.dark *, [data-theme="dark"] *):hover {
       background-color: var(--accent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbpark/ui-kit",
-  "version": "6.2.0",
+  "version": "7.0.0",
   "description": "Modern React UI component library built with TypeScript, Tailwind CSS, and Radix UI. Featuring atoms, molecules, organisms and layout templates for building beautiful interfaces.",
   "keywords": [
     "react",

package/dist/lib/colors.mjs

@@ -1,28 +0,0 @@
-//#region src/lib/colors.ts
-/**
-* The shared preset colour palette. `Button` and `Tag` both express these via
-* the `--btn-*` / `--tag-*` custom-property systems in `globals.css` (keyed off
-* `data-color`), so the same word means the same hue on either component
-* (#320). Keep this list in sync with the `[data-color='…']` rules there.
-*/
-const PRESET_COLORS = [
-	"blue",
-	"purple",
-	"cyan",
-	"green",
-	"magenta",
-	"pink",
-	"red",
-	"orange",
-	"yellow",
-	"volcano",
-	"geekblue",
-	"lime",
-	"gold"
-];
-/** Runtime membership test — true when `color` is one of the shared presets. */
-const isPresetColor = (color) => PRESET_COLORS.includes(color);
-//#endregion
-export { PRESET_COLORS, isPresetColor };
-
-//# sourceMappingURL=colors.mjs.map

package/dist/lib/colors.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.mjs","names":[],"sources":["../../src/lib/colors.ts"],"sourcesContent":["/**\n * The shared preset colour palette. `Button` and `Tag` both express these via\n * the `--btn-*` / `--tag-*` custom-property systems in `globals.css` (keyed off\n * `data-color`), so the same word means the same hue on either component\n * (#320). Keep this list in sync with the `[data-color='…']` rules there.\n */\nexport const PRESET_COLORS = [\n  'blue',\n  'purple',\n  'cyan',\n  'green',\n  'magenta',\n  'pink',\n  'red',\n  'orange',\n  'yellow',\n  'volcano',\n  'geekblue',\n  'lime',\n  'gold',\n] as const;\n\nexport type PresetColor = (typeof PRESET_COLORS)[number];\n\n/** Runtime membership test — true when `color` is one of the shared presets. */\nexport const isPresetColor = (color: string): color is PresetColor =>\n  (PRESET_COLORS as readonly string[]).includes(color);\n"],"mappings":";;;;;;;AAMA,MAAa,gBAAgB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;AAKA,MAAa,iBAAiB,UAC3B,cAAoC,SAAS,KAAK"}