@sixthshift/design-system 0.8.0 → 0.9.0

package/README.md

@@ -152,7 +152,7 @@ import { cn } from "@sixthshift/design-system/utils";
 import { useTheme, useLocalStorage } from "@sixthshift/design-system/hooks";
 ```
 
-The full list is the `exports` map in [`package.json`](package.json); the catalog is [`docs/component-catalog.md`](docs/component-catalog.md).
+The full list is the `exports` map in [`package.json`](package.json); every component's props, generated from its source, are on its docs page in [Storybook](https://sixthshift.github.io/design-system/).
 
 ## Component API
 
@@ -204,8 +204,8 @@ ISO-native helpers (`todayISO`, `addDaysISO`, `startOfMonthISO`, `isWeekendISO`,
 Temporal itself, for arithmetic the ISO surface deliberately does not carry —
 widen with `fromISODate`, compute, narrow back with `toISODate`.
 
-See [docs/component-catalog.md](docs/component-catalog.md#datetime-pickers) for the
-full prop tables.
+The full prop tables are on each picker's docs page in Storybook — start at
+[DatePicker](https://sixthshift.github.io/design-system/?path=/docs/components-datepicker--docs).
 
 ### Upgrading from 0.2.x
 
@@ -351,6 +351,7 @@ deliberate, and all of it is worth knowing before you commit.
 
 | What | Effect on your app |
 | --- | --- |
+| **Tailwind's radius scale is replaced** | `rounded-xs` to `rounded-xl` read the theme's `--border-radius-*` steps (`md` the default), so they change when a theme does. `rounded-2xl`, `rounded-3xl` and `rounded-4xl` stop compiling — in your own markup too; use `rounded-xl`, or an arbitrary value if you truly need more. Bare `rounded` still compiles but is a fixed `0.25rem` no theme reaches; prefer `rounded-sm`. |
 | **Tailwind's default palette is removed** | `bg-red-500`, `text-gray-700`, `border-gray-200` and the rest stop compiling — in your own markup too. What remains is this system's tokens (`bg-bg-brand`, `text-fg-subtle`, `border-border-normal`, …) plus `white`, `black`, `transparent` and `current`. A colour that was never designed should not be one class away. |
 | **`dark:` means `[data-theme="dark"]`** | Not `prefers-color-scheme`. Theming here is a runtime attribute swap, so every `dark:` utility in your app follows the attribute instead of the OS setting. |
 | **`font-sans` and `font-mono`** | Resolve to Inter Variable and JetBrains Mono. Install the [font peers](#fonts) or the stacks fall through to the system defaults. |
@@ -476,4 +477,4 @@ git tag v0.2.0 && git push origin v0.2.0
 
 ## Docs
 
-Design-system knowledge lives in [`docs/`](docs/): [design tokens](docs/design-tokens.md), [component catalog](docs/component-catalog.md), [component authoring](docs/component-authoring.md), [component API design](docs/component-api-design.md), [composition](docs/composition.md), [visual hierarchy](docs/visual-hierarchy.md), [spacing](docs/spacing.md), [motion](docs/motion.md), [states](docs/states.md), [overlays](docs/overlay-primitives.md), [forms](docs/forms.md), [modals](docs/modals.md), [responsive](docs/responsive.md), [density](docs/density.md), [copy](docs/copy-conventions.md), [time formatting](docs/time-formatting.md), [design philosophy](docs/design-philosophy.md).
+Design-system knowledge lives in [`docs/`](docs/): [design tokens](docs/design-tokens.md), [component axes](docs/component-axes.md), [component authoring](docs/component-authoring.md), [component API design](docs/component-api-design.md), [composition](docs/composition.md), [visual hierarchy](docs/visual-hierarchy.md), [spacing](docs/spacing.md), [motion](docs/motion.md), [states](docs/states.md), [overlays](docs/overlay-primitives.md), [forms](docs/forms.md), [modals](docs/modals.md), [responsive](docs/responsive.md), [density](docs/density.md), [copy](docs/copy-conventions.md), [time formatting](docs/time-formatting.md), [design philosophy](docs/design-philosophy.md).

package/dist/components/Badge/Badge.d.ts

@@ -5,12 +5,14 @@ import * as React from "react";
  *
  * Every colour reads a `--badge-*` component token whose value is decided by
  * src/components/Badge/badge.recipe.css. That file is the mapping from
- * `(variant, intent)` to a semantic token — the layer that used to be
+ * `variant` to the intent slots — the layer that used to be
  * `compoundVariants` here, where it was compiled into class-name literals and
  * unreachable from outside. Nothing in this file names a colour, which is the
  * point: the semantics are now configurable without a release.
  */
-declare const badgeVariants: (props?: ({} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const badgeVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * Widened deliberately. Adding a variant or an intent is a CSS change in the
  * consuming app, not a release here — so the type has to admit values this
@@ -18,34 +20,11 @@ declare const badgeVariants: (props?: ({} & import("class-variance-authority/typ
  */
 type Loose<T extends string> = T | (string & {});
 export type BadgeVariantName = "solid" | "soft" | "outline";
-/**
- * `primary` was this component's name for the brand colour, and nothing else in
- * the system used it — the token is `--bg-brand`, and
- * docs/modals.md already told callers to write `intent="brand"`. It is off the
- * closed union as of this release but still resolves, via an aliased selector in
- * badge.css; `BadgeIntent` is widened, so it also still type-checks.
- */
-export type BadgeIntentName = "neutral" | "brand" | "danger" | "success" | "warning" | "muted";
+/** The system's intent set — the families src/theming/intents.css defines. */
+export type BadgeIntentName = "neutral" | "brand" | "danger" | "success" | "warning";
 export type BadgeVariant = Loose<BadgeVariantName>;
 export type BadgeIntent = Loose<BadgeIntentName>;
-export type BadgeRecipeProps = VariantProps<typeof badgeVariants> & {
-    variant?: BadgeVariant | undefined;
-    intent?: BadgeIntent | undefined;
-    /** Re-points this element's brand tokens to a brand the theme defines. See the Scoped brands docs. */
-    brand?: string | undefined;
-    className?: string | undefined;
-};
-/**
- * The class string plus the attributes the recipe selects on. `data-brand` is
- * omitted unless `brand` is set, same as `buttonRecipe`.
- */
-export declare function badgeRecipe({ variant, intent, brand, className }: BadgeRecipeProps): {
-    className: string;
-    "data-variant": BadgeVariant;
-    "data-intent": BadgeIntent;
-    "data-brand": string | undefined;
-};
-export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {
+export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants> & {
     variant?: BadgeVariant | undefined;
     intent?: BadgeIntent | undefined;
     /** Name of a brand the theme defines, rendered as `data-brand`. Omitted, the badge follows the nearest `data-brand` ancestor. */
@@ -56,17 +35,20 @@ export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {
  *
  * Two independent axes, same split as Button: `variant` is the fill
  * (`solid`, `soft`, `outline`), `intent` is what it signals (`neutral`,
- * `brand`, `danger`, `success`, `warning`, `muted`) — `muted` has no
- * Button equivalent, for de-emphasized metadata rather than a status.
+ * `brand`, `danger`, `success`, `warning`). `neutral`, the default, is the
+ * grey family; a brand-coloured badge says `intent="brand"`. `size` is `sm`
+ * or `md` (the default).
  * Renders a `<span>`; purely presentational, so give it visible text — it
  * does not manage an accessible name of its own.
  *
- * Colour is not decided here: each `(variant, intent)` pairing resolves
- * through a `--badge-*` component token (src/components/Badge/badge.recipe.css), the
- * same seam Button uses, so a consumer can re-point a cell without a
- * release.
+ * Colour is not decided here: each variant resolves through a `--badge-*`
+ * component token (src/components/Badge/badge.recipe.css) that paints with the
+ * intent slots, the same seam Button uses, so a consumer can re-point a cell
+ * or add an intent without a release.
  */
-export declare const Badge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+export declare const Badge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     variant?: BadgeVariant | undefined;
     intent?: BadgeIntent | undefined;
     /** Name of a brand the theme defines, rendered as `data-brand`. Omitted, the badge follows the nearest `data-brand` ancestor. */

package/dist/components/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,2FAOlB,CAAC;AAcF;;;;GAIG;AACH,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAC5D;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC/F,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAClE,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,sGAAsG;IACtG,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,OAAiB,EAAE,MAAgB,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB;;;;;EAOtG;AAED,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,iIAAiI;IACjI,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;cArBN,YAAY,GAAG,SAAS;aACzB,WAAW,GAAG,SAAS;IAChC,iIAAiI;YACzH,MAAM,GAAG,SAAS;yCAoB1B,CAAC;AAGH,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa;;8EAelB,CAAC;AAcF;;;;GAIG;AACH,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAC5D,8EAA8E;AAC9E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AACrF,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAC5D,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,iIAAiI;IACjI,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAEJ;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK;;;cAtBJ,YAAY,GAAG,SAAS;aACzB,WAAW,GAAG,SAAS;IAChC,iIAAiI;YACzH,MAAM,GAAG,SAAS;yCA+B5B,CAAC;AAGH,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Badge/Badge.js

@@ -7,7 +7,7 @@ import * as React from "react";
  *
  * Every colour reads a `--badge-*` component token whose value is decided by
  * src/components/Badge/badge.recipe.css. That file is the mapping from
- * `(variant, intent)` to a semantic token — the layer that used to be
+ * `variant` to the intent slots — the layer that used to be
  * `compoundVariants` here, where it was compiled into class-name literals and
  * unreachable from outside. Nothing in this file names a colour, which is the
  * point: the semantics are now configurable without a release.
@@ -17,7 +17,15 @@ const badgeVariants = cva(
 // space before a `+`, silently welding the last class of one fragment to the
 // first of the next. The screenshots catch it, but a single string means the
 // sorter has nothing to break.
-"badge border-(color:--badge-border) focus:ring-(color:--badge-ring) inline-flex items-center rounded-md border bg-(--badge-bg) px-2.5 py-0.5 font-semibold text-(--badge-fg) text-xs transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2", { variants: {} });
+"badge border-(color:--badge-border) focus:ring-(color:--badge-ring) inline-flex items-center rounded-md border bg-(--badge-bg) font-semibold text-(--badge-fg) transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2", {
+    variants: {
+        size: {
+            sm: "px-1.5 py-0 text-[10px]",
+            md: "px-2.5 py-0.5 text-xs",
+        },
+    },
+    defaultVariants: { size: "md" },
+});
 /**
  * The non-colour half of `variant` — elevation only, for Badge. A plain
  * lookup rather than a CVA variant so an unrecognised variant stays a legal
@@ -29,35 +37,24 @@ const variantStructure = {
     soft: "",
     outline: "",
 };
-/**
- * The class string plus the attributes the recipe selects on. `data-brand` is
- * omitted unless `brand` is set, same as `buttonRecipe`.
- */
-export function badgeRecipe({ variant = "solid", intent = "brand", brand, className }) {
-    return {
-        className: cn(variantStructure[variant], badgeVariants({ className })),
-        "data-variant": variant,
-        "data-intent": intent,
-        "data-brand": brand,
-    };
-}
 /**
  * Small label for status, category, or count.
  *
  * Two independent axes, same split as Button: `variant` is the fill
  * (`solid`, `soft`, `outline`), `intent` is what it signals (`neutral`,
- * `brand`, `danger`, `success`, `warning`, `muted`) — `muted` has no
- * Button equivalent, for de-emphasized metadata rather than a status.
+ * `brand`, `danger`, `success`, `warning`). `neutral`, the default, is the
+ * grey family; a brand-coloured badge says `intent="brand"`. `size` is `sm`
+ * or `md` (the default).
  * Renders a `<span>`; purely presentational, so give it visible text — it
  * does not manage an accessible name of its own.
  *
- * Colour is not decided here: each `(variant, intent)` pairing resolves
- * through a `--badge-*` component token (src/components/Badge/badge.recipe.css), the
- * same seam Button uses, so a consumer can re-point a cell without a
- * release.
+ * Colour is not decided here: each variant resolves through a `--badge-*`
+ * component token (src/components/Badge/badge.recipe.css) that paints with the
+ * intent slots, the same seam Button uses, so a consumer can re-point a cell
+ * or add an intent without a release.
  */
-export const Badge = React.forwardRef(({ className, variant = "solid", intent = "brand", brand, ...props }, ref) => {
-    return _jsx("span", { ref: ref, ...badgeRecipe({ variant, intent, brand, className }), ...props });
+export const Badge = React.forwardRef(({ className, variant = "solid", intent = "neutral", brand, size, ...props }, ref) => {
+    return (_jsx("span", { ref: ref, className: cn(variantStructure[variant], badgeVariants({ size, className })), "data-variant": variant, "data-intent": intent, "data-brand": brand, ...props }));
 });
 Badge.displayName = "Badge";
 export { badgeVariants };

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,MAAM,aAAa,GAAG,GAAG;AACvB,6EAA6E;AAC7E,6EAA6E;AAC7E,6EAA6E;AAC7E,+BAA+B;AAC/B,8PAA8P,EAC9P,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,gBAAgB,GAA2B;IAC/C,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,EAAE;CACZ,CAAC;AA6BF;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,SAAS,EAAoB;IACrG,OAAO;QACL,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QACtE,cAAc,EAAE,OAAO;QACvB,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,KAAK;KACpB,CAAC;AACJ,CAAC;AASD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9I,OAAO,eAAM,GAAG,EAAE,GAAG,KAAM,WAAW,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KAAM,KAAK,GAAI,CAAC;AAC/F,CAAC,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,MAAM,aAAa,GAAG,GAAG;AACvB,6EAA6E;AAC7E,6EAA6E;AAC7E,6EAA6E;AAC7E,+BAA+B;AAC/B,wOAAwO,EACxO;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,yBAAyB;YAC7B,EAAE,EAAE,uBAAuB;SAC5B;KACF;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;CAChC,CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,gBAAgB,GAA2B;IAC/C,KAAK,EAAE,QAAQ;IACf,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,EAAE;CACZ,CAAC;AAuBF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,OAAO,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtJ,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,kBAE9D,OAAO,iBACR,MAAM,gBACP,KAAK,KACb,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Badge/index.d.ts

@@ -1,2 +1,2 @@
-export { Badge, type BadgeIntent, type BadgeIntentName, type BadgeProps, type BadgeVariant, type BadgeVariantName, badgeRecipe, badgeVariants, } from "./Badge.js";
+export { Badge, type BadgeIntent, type BadgeIntentName, type BadgeProps, type BadgeVariant, type BadgeVariantName, badgeVariants, } from "./Badge.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,WAAW,EACX,aAAa,GACd,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,aAAa,GACd,MAAM,SAAS,CAAC"}

package/dist/components/Badge/index.js

@@ -1,2 +1,2 @@
-export { Badge, badgeRecipe, badgeVariants, } from "./Badge.js";
+export { Badge, badgeVariants, } from "./Badge.js";
 //# sourceMappingURL=index.js.map

package/dist/components/Badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAML,WAAW,EACX,aAAa,GACd,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAML,aAAa,GACd,MAAM,SAAS,CAAC"}

package/dist/components/Button/Button.d.ts

@@ -5,13 +5,13 @@ import * as React from "react";
  *
  * Every colour reads a `--button-*` component token whose value is decided by
  * src/components/Button/button.recipe.css. That file is the mapping from
- * `(variant, intent, state)` to a semantic token — the layer that used to be
+ * `(variant, state)` to the intent slots — the layer that used to be
  * `compoundVariants` here, where it was compiled into class-name literals and
  * unreachable from outside. Nothing in this file names a colour, which is the
  * point: the semantics are now configurable without a release.
  */
 declare const buttonVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * Widened deliberately. Adding a variant or an intent is a CSS change in the
@@ -19,39 +19,14 @@ declare const buttonVariants: (props?: ({
  * has never heard of, while still autocompleting the ones it ships.
  *
  * The closed unions are exported alongside, because widening a type gives up the
- * ability to narrow it downstream: once `string` is in the union,
- * `Exclude<ButtonVariant, "link">` can no longer remove `link`. ToggleGroup
- * relies on exactly that exclusion, so it builds on the closed names.
+ * ability to narrow it downstream: once `string` is in the union, an `Exclude`
+ * can no longer remove anything. Code that must narrow builds on the closed names.
  */
 type Loose<T extends string> = T | (string & {});
-export type ButtonVariantName = "solid" | "outline" | "ghost" | "link";
+export type ButtonVariantName = "solid" | "outline" | "ghost";
 export type ButtonIntentName = "neutral" | "brand" | "danger" | "success" | "warning";
 export type ButtonVariant = Loose<ButtonVariantName>;
 export type ButtonIntent = Loose<ButtonIntentName>;
-export type ButtonRecipeProps = VariantProps<typeof buttonVariants> & {
-    variant?: ButtonVariant | undefined;
-    intent?: ButtonIntent | undefined;
-    /** Re-points this element's brand tokens to a brand the theme defines. See the Scoped brands docs. */
-    brand?: string | undefined;
-    iconOnly?: boolean | undefined;
-    className?: string | undefined;
-};
-/**
- * The class string plus the attributes the recipe selects on.
- *
- * `data-brand` is only emitted when `brand` is set: `undefined` makes React
- * omit the attribute, so the element takes its brand from its surroundings.
- *
- * Shared with Toggle and ToggleGroupItem, which are built on Button's look. The
- * data attributes are half the contract now, so anything reusing that look has
- * to emit them as well or it lands on the recipe's floor instead of a cell.
- */
-export declare function buttonRecipe({ variant, intent, brand, size, iconOnly, className }: ButtonRecipeProps): {
-    className: string;
-    "data-variant": ButtonVariant;
-    "data-intent": ButtonIntent;
-    "data-brand": string | undefined;
-};
 export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
     variant?: ButtonVariant | undefined;
     intent?: ButtonIntent | undefined;
@@ -63,6 +38,8 @@ export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Varian
     brand?: string | undefined;
     /** Square the button at its current size, for an icon with no label. */
     iconOnly?: boolean;
+    /** Render as inline text with no button box — a link-styled action. Ignores `variant`. */
+    inline?: boolean;
     asChild?: boolean;
     loading?: boolean;
 };
@@ -70,9 +47,9 @@ export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Varian
  * A single action the user can take.
  *
  * Appearance is three independent axes, so every combination is expressible:
- * `variant` is the fill and shape (`solid`, `outline`, `ghost`, `link`),
- * `intent` is what the action *means* (`brand` — the default — plus `neutral`,
- * `danger`, `success`, `warning`), and `size` is the height scale. Reach for
+ * `variant` is the treatment (`solid`, `outline`, `ghost`), `intent` is what
+ * the action *means* (`neutral` — the default — plus `brand`, `danger`,
+ * `success`, `warning`), and `size` is the height scale. Reach for
  * `intent="danger"` on a destructive action rather than a red `variant` — that
  * is the distinction that keeps "outline danger" possible.
  *
@@ -80,14 +57,17 @@ export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Varian
  * means on Badge and Message. A brand-coloured button is
  * `intent="brand"` — an affirmative choice, which is why `neutral` is the
  * default: omitting the prop means "no particular meaning", so it should not
- * quietly hand back the brand colour. Button used to spell brand as `neutral`
- * for `solid` and `link` while `outline` and `ghost` were already grey, so a
- * primary action now needs `intent="brand"` said out loud.
+ * quietly hand back the brand colour. A primary action says `intent="brand"`
+ * out loud.
+ *
+ * Colour is not decided here. Each variant resolves through a `--button-*`
+ * component token painted from the intent slots, so a consumer can re-point
+ * any cell — or add an intent this library never shipped — from their own
+ * stylesheet. See the Component tokens story below.
  *
- * Colour is not decided here. Each pairing resolves through a `--button-*`
- * component token, so a consumer can re-point any cell — or add an intent this
- * library never shipped — from their own stylesheet. See the Component tokens
- * story below.
+ * `inline` renders the action as inline text with no box — underline on
+ * hover, colour from `intent` — for an action that sits in a line of text or a
+ * toast. It is terminal: `variant` is ignored.
  *
  * `iconOnly` squares the box at whatever `size` is set and drops the
  * horizontal padding, for a button whose whole content is an icon — give it an
@@ -104,7 +84,7 @@ export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Varian
  * and disables the control, so it does not need `disabled` as well.
  */
 declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     variant?: ButtonVariant | undefined;
     intent?: ButtonIntent | undefined;
@@ -116,6 +96,8 @@ declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes
     brand?: string | undefined;
     /** Square the button at its current size, for an icon with no label. */
     iconOnly?: boolean;
+    /** Render as inline text with no button box — a link-styled action. Ignores `variant`. */
+    inline?: boolean;
     asChild?: boolean;
     loading?: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc;;8EAoBnB,CAAC;AAiCF;;;;;;;;;GASG;AACH,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AACvE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AACtF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpE,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC,sGAAsG;IACtG,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAiB,EAAE,MAAkB,EAAE,KAAK,EAAE,IAAI,EAAE,QAAgB,EAAE,SAAS,EAAE,EAAE,iBAAiB;;;;;EAWlI;AAED,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACrE,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,QAAA,MAAM,MAAM;;;cAnDE,aAAa,GAAG,SAAS;aAC1B,YAAY,GAAG,SAAS;IACjC;;;;OAIG;YACK,MAAM,GAAG,SAAS;IAC1B,wEAAwE;eAC7D,OAAO;cACR,OAAO;cACP,OAAO;2CAkEpB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc;;8EAoBnB,CAAC;AAuCF;;;;;;;;GAQG;AACH,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEjD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC9D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AACtF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AACrD,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GACrE,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,QAAA,MAAM,MAAM;;;cAxDE,aAAa,GAAG,SAAS;aAC1B,YAAY,GAAG,SAAS;IACjC;;;;OAIG;YACK,MAAM,GAAG,SAAS;IAC1B,wEAAwE;eAC7D,OAAO;IAClB,0FAA0F;aACjF,OAAO;cACN,OAAO;cACP,OAAO;2CAiGpB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Button/Button.js

@@ -8,7 +8,7 @@ import { Slot } from "../../internal/Slot.js";
  *
  * Every colour reads a `--button-*` component token whose value is decided by
  * src/components/Button/button.recipe.css. That file is the mapping from
- * `(variant, intent, state)` to a semantic token — the layer that used to be
+ * `(variant, state)` to the intent slots — the layer that used to be
  * `compoundVariants` here, where it was compiled into class-name literals and
  * unreachable from outside. Nothing in this file names a colour, which is the
  * point: the semantics are now configurable without a release.
@@ -33,7 +33,7 @@ const buttonVariants = cva(
     },
 });
 /**
- * The non-colour half of `variant` — border width, elevation, underline.
+ * The non-colour half of `variant` — border width, elevation.
  *
  * A plain lookup rather than a CVA variant so an unrecognised variant stays a
  * legal value that contributes no structure, leaving a consumer's CSS free to
@@ -43,8 +43,13 @@ const variantStructure = {
     solid: "shadow",
     outline: "border shadow-xs",
     ghost: "",
-    link: "underline-offset-4 hover:underline",
 };
+/**
+ * `inline` — inline text, no button box. Not a variant: it is different
+ * geometry, not a quieter fill, so it replaces the box rather than joining the
+ * variant axis. The size's text scale stays; its height and padding go.
+ */
+const inlineGeometry = "h-auto px-0 py-0 underline-offset-4 hover:underline";
 /**
  * Squares the box at whatever size is set, and drops the horizontal padding.
  *
@@ -61,33 +66,13 @@ const iconOnlyGeometry = {
     lg: "w-10 px-0",
     xl: "w-12 px-0",
 };
-/**
- * The class string plus the attributes the recipe selects on.
- *
- * `data-brand` is only emitted when `brand` is set: `undefined` makes React
- * omit the attribute, so the element takes its brand from its surroundings.
- *
- * Shared with Toggle and ToggleGroupItem, which are built on Button's look. The
- * data attributes are half the contract now, so anything reusing that look has
- * to emit them as well or it lands on the recipe's floor instead of a cell.
- */
-export function buttonRecipe({ variant = "solid", intent = "neutral", brand, size, iconOnly = false, className }) {
-    return {
-        className: cn(variantStructure[variant], 
-        // `className` stays last so a caller still outranks the icon geometry.
-        buttonVariants({ size, className: cn(iconOnly ? iconOnlyGeometry[size ?? "md"] : undefined, className) })),
-        "data-variant": variant,
-        "data-intent": intent,
-        "data-brand": brand,
-    };
-}
 /**
  * A single action the user can take.
  *
  * Appearance is three independent axes, so every combination is expressible:
- * `variant` is the fill and shape (`solid`, `outline`, `ghost`, `link`),
- * `intent` is what the action *means* (`brand` — the default — plus `neutral`,
- * `danger`, `success`, `warning`), and `size` is the height scale. Reach for
+ * `variant` is the treatment (`solid`, `outline`, `ghost`), `intent` is what
+ * the action *means* (`neutral` — the default — plus `brand`, `danger`,
+ * `success`, `warning`), and `size` is the height scale. Reach for
  * `intent="danger"` on a destructive action rather than a red `variant` — that
  * is the distinction that keeps "outline danger" possible.
  *
@@ -95,14 +80,17 @@ export function buttonRecipe({ variant = "solid", intent = "neutral", brand, siz
  * means on Badge and Message. A brand-coloured button is
  * `intent="brand"` — an affirmative choice, which is why `neutral` is the
  * default: omitting the prop means "no particular meaning", so it should not
- * quietly hand back the brand colour. Button used to spell brand as `neutral`
- * for `solid` and `link` while `outline` and `ghost` were already grey, so a
- * primary action now needs `intent="brand"` said out loud.
+ * quietly hand back the brand colour. A primary action says `intent="brand"`
+ * out loud.
+ *
+ * Colour is not decided here. Each variant resolves through a `--button-*`
+ * component token painted from the intent slots, so a consumer can re-point
+ * any cell — or add an intent this library never shipped — from their own
+ * stylesheet. See the Component tokens story below.
  *
- * Colour is not decided here. Each pairing resolves through a `--button-*`
- * component token, so a consumer can re-point any cell — or add an intent this
- * library never shipped — from their own stylesheet. See the Component tokens
- * story below.
+ * `inline` renders the action as inline text with no box — underline on
+ * hover, colour from `intent` — for an action that sits in a line of text or a
+ * toast. It is terminal: `variant` is ignored.
  *
  * `iconOnly` squares the box at whatever `size` is set and drops the
  * horizontal padding, for a button whose whole content is an icon — give it an
@@ -118,9 +106,14 @@ export function buttonRecipe({ variant = "solid", intent = "neutral", brand, siz
  * `<button>`, for links that should look like buttons. `loading` shows a spinner
  * and disables the control, so it does not need `disabled` as well.
  */
-const Button = React.forwardRef(({ className, variant = "solid", intent = "neutral", brand, size, iconOnly = false, asChild = false, loading = false, children, disabled, ...props }, ref) => {
+const Button = React.forwardRef(({ className, variant = "solid", intent = "neutral", brand, size, iconOnly = false, inline = false, asChild = false, loading = false, children, disabled, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { ...buttonRecipe({ variant, intent, brand, size, iconOnly, className }), ref: ref, disabled: disabled || loading, ...props, children: loading ? (_jsxs(_Fragment, { children: [_jsxs("svg", { className: "animate-spin", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), children] })) : (children) }));
+    const shape = inline ? inlineGeometry : iconOnly ? iconOnlyGeometry[size ?? "md"] : undefined;
+    return (_jsx(Comp
+    // `className` stays last so a caller still outranks the shape geometry.
+    , { 
+        // `className` stays last so a caller still outranks the shape geometry.
+        className: cn(inline ? undefined : variantStructure[variant], buttonVariants({ size, className: cn(shape, className) })), "data-variant": inline ? undefined : variant, "data-inline": inline ? "true" : undefined, "data-intent": intent, "data-brand": brand, ref: ref, disabled: disabled || loading, ...props, children: loading ? (_jsxs(_Fragment, { children: [_jsxs("svg", { className: "animate-spin", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), children] })) : (children) }));
 });
 Button.displayName = "Button";
 export { Button, buttonVariants };

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/components/Button/index.d.ts

@@ -1,2 +1,2 @@
-export { Button, type ButtonIntent, type ButtonIntentName, type ButtonProps, type ButtonVariant, type ButtonVariantName, buttonRecipe, buttonVariants, } from "./Button.js";
+export { Button, type ButtonIntent, type ButtonIntentName, type ButtonProps, type ButtonVariant, type ButtonVariantName, buttonVariants, } from "./Button.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,YAAY,EACZ,cAAc,GACf,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,cAAc,GACf,MAAM,UAAU,CAAC"}

package/dist/components/Button/index.js

@@ -1,2 +1,2 @@
-export { Button, buttonRecipe, buttonVariants, } from "./Button.js";
+export { Button, buttonVariants, } from "./Button.js";
 //# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAMN,YAAY,EACZ,cAAc,GACf,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAMN,cAAc,GACf,MAAM,UAAU,CAAC"}

package/dist/components/Card/Card.d.ts

@@ -34,7 +34,7 @@ import * as React from "react";
  * spacing; content components set type.
  */
 export declare const cardVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
     interactive?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type CardSize = NonNullable<VariantProps<typeof cardVariants>["size"]>;
@@ -62,7 +62,7 @@ export type CardProps = Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & Pi
  * without a release.
  */
 export declare const Card: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "title"> & Pick<VariantProps<(props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
     interactive?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string>, "size"> & {
     /** Optional header title - string or ReactNode */

package/dist/components/Card/Card.js

@@ -47,7 +47,7 @@ export const cardVariants = cva(
             sm: "rounded-lg p-3",
             md: "rounded-xl p-4",
             lg: "rounded-xl p-6",
-            xl: "rounded-2xl p-8",
+            xl: "rounded-xl p-8",
         },
         interactive: {
             true: "hover:border-(color:--card-border-hovered) focus-visible:outline-(color:--card-ring) cursor-pointer transition-colors focus-visible:outline-2 focus-visible:outline-offset-2",

package/dist/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG;AAC7B,6EAA6E;AAC7E,6EAA6E;AAC7E,4EAA4E;AAC5E,iFAAiF,EACjF;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,iBAAiB;SACtB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,8KAA8K;YACpL,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,WAAW,EAAE,KAAK;KACnB;CACF,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,cAAc,GAAG,GAAG,CAAC,kCAAkC,EAAE;IAC7D,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;SACjB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAYH;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA4B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACxJ,MAAM,aAAa,GAAG,CAAC,CAAC,OAAO,CAAC;IAEhC,MAAM,aAAa,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC/D,IAAI,aAAa,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;YAC1D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,EAAE,CAAC,CAAgD,CAAC,CAAC;QAC9D,CAAC;QACD,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO;IACL,6HAA6H;IAC7H,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,CAAC,EAC5E,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,aAAa,KACpB,CAAC,aAAa,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,KAClD,KAAK,aAER,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,CAC1B,eAAK,SAAS,EAAE,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,aACrC,KAAK,IAAI,cAAK,SAAS,EAAC,eAAe,YAAE,KAAK,GAAO,EACrD,YAAY,IAAI,cAAK,SAAS,EAAC,UAAU,YAAE,YAAY,GAAO,IAC3D,CACP,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG;AAC7B,6EAA6E;AAC7E,6EAA6E;AAC7E,4EAA4E;AAC5E,iFAAiF,EACjF;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;SACrB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,8KAA8K;YACpL,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,WAAW,EAAE,KAAK;KACnB;CACF,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,cAAc,GAAG,GAAG,CAAC,kCAAkC,EAAE;IAC7D,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,YAAY;SACjB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAYH;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA4B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACxJ,MAAM,aAAa,GAAG,CAAC,CAAC,OAAO,CAAC;IAEhC,MAAM,aAAa,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC/D,IAAI,aAAa,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;YAC1D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,EAAE,CAAC,CAAgD,CAAC,CAAC;QAC9D,CAAC;QACD,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO;IACL,6HAA6H;IAC7H,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC,EAAE,SAAS,CAAC,EAC5E,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,aAAa,KACpB,CAAC,aAAa,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,KAClD,KAAK,aAER,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,CAC1B,eAAK,SAAS,EAAE,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,aACrC,KAAK,IAAI,cAAK,SAAS,EAAC,eAAe,YAAE,KAAK,GAAO,EACrD,YAAY,IAAI,cAAK,SAAS,EAAC,UAAU,YAAE,YAAY,GAAO,IAC3D,CACP,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}