@psnext/design-system 1.5.0 → 1.5.1

package/dist/index8.d.ts

@@ -1,14 +1,14 @@
 import * as react0 from "react";
 import { ComponentProps } from "react";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types10 from "class-variance-authority/types";
+import * as class_variance_authority_types25 from "class-variance-authority/types";
 
 //#region src/primitives/Button/Button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "default" | "outline" | "destructive" | "secondary" | "ghost" | "link" | null | undefined;
-  size?: "xs" | "sm" | "default" | "lg" | "icon" | null | undefined;
+  variant?: "default" | "outline" | "link" | "destructive" | "secondary" | "ghost" | null | undefined;
+  size?: "sm" | "lg" | "default" | "xs" | "icon" | null | undefined;
   shape?: "default" | "square" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types25.ClassProp) | undefined) => string;
 type ButtonProps = ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
   /** Render as the child element (Radix `Slot`) instead of a native `<button>`. */
   asChild?: boolean;

package/dist/index9.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime207 from "react/jsx-runtime";
+import * as react_jsx_runtime286 from "react/jsx-runtime";
 import { Separator } from "radix-ui";
 import * as React from "react";
 
@@ -14,7 +14,7 @@ declare function Separator$1({
 }: React.ComponentProps<typeof Separator.Root> & {
   /** Margin applied around the rule along its axis: `none`, `regular`, or `spacious`. */
   spacing?: SeparatorSpacing;
-}): react_jsx_runtime207.JSX.Element;
+}): react_jsx_runtime286.JSX.Element;
 //#endregion
 export { SeparatorSpacing as n, Separator$1 as t };
 //# sourceMappingURL=index9.d.cts.map

package/dist/index9.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Separator } from "radix-ui";
-import * as react_jsx_runtime238 from "react/jsx-runtime";
+import * as react_jsx_runtime99 from "react/jsx-runtime";
 
 //#region src/primitives/Separator/Separator.d.ts
 type SeparatorSpacing = "none" | "regular" | "spacious";
@@ -14,7 +14,7 @@ declare function Separator$1({
 }: React.ComponentProps<typeof Separator.Root> & {
   /** Margin applied around the rule along its axis: `none`, `regular`, or `spacious`. */
   spacing?: SeparatorSpacing;
-}): react_jsx_runtime238.JSX.Element;
+}): react_jsx_runtime99.JSX.Element;
 //#endregion
 export { SeparatorSpacing as n, Separator$1 as t };
 //# sourceMappingURL=index9.d.ts.map

package/dist/index9.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index9.d.ts","names":[],"sources":["../src/primitives/Separator/Separator.tsx"],"mappings":";;;;;KAKK,gBAAA;;iBASI,WAAA;;;;;;GAMN,KAAA,CAAM,sBAAsB,SAAA,CAAmB;EAf7C;EASI,OAAA,CAAA,EAQG,gBARM;CAAA,CAAA,EASjB,oBAAA,CAAA,GAAA,CAAA,OATiB"}
+{"version":3,"file":"index9.d.ts","names":[],"sources":["../src/primitives/Separator/Separator.tsx"],"mappings":";;;;;KAKK,gBAAA;;iBASI,WAAA;;;;;;GAMN,KAAA,CAAM,sBAAsB,SAAA,CAAmB;EAf7C;EASI,OAAA,CAAA,EAQG,gBARM;CAAA,CAAA,EASjB,mBAAA,CAAA,GAAA,CAAA,OATiB"}

package/dist/patterns/DataTable/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime273 from "react/jsx-runtime";
+import * as react_jsx_runtime221 from "react/jsx-runtime";
 import { Column, ColumnDef } from "@tanstack/react-table";
 
 //#region src/patterns/DataTable/DataTable.d.ts
@@ -24,7 +24,7 @@ declare function DataTable<TData, TValue>({
   striped,
   enablePagination,
   pageSize
-}: DataTableProps<TData, TValue>): react_jsx_runtime273.JSX.Element;
+}: DataTableProps<TData, TValue>): react_jsx_runtime221.JSX.Element;
 /** Sortable column header — drop into a column's `header` to get click-to-sort. */
 declare function DataTableColumnHeader<TData, TValue>({
   column,
@@ -37,7 +37,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   title: string;
   /** Optional class applied to the header button (or span when unsortable). */
   className?: string;
-}): react_jsx_runtime273.JSX.Element;
+}): react_jsx_runtime221.JSX.Element;
 //#endregion
 export { type ColumnDef, DataTable, DataTableColumnHeader };
 //# sourceMappingURL=index.d.cts.map

package/dist/patterns/DataTable/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime171 from "react/jsx-runtime";
+import * as react_jsx_runtime156 from "react/jsx-runtime";
 import { Column, ColumnDef } from "@tanstack/react-table";
 
 //#region src/patterns/DataTable/DataTable.d.ts
@@ -24,7 +24,7 @@ declare function DataTable<TData, TValue>({
   striped,
   enablePagination,
   pageSize
-}: DataTableProps<TData, TValue>): react_jsx_runtime171.JSX.Element;
+}: DataTableProps<TData, TValue>): react_jsx_runtime156.JSX.Element;
 /** Sortable column header — drop into a column's `header` to get click-to-sort. */
 declare function DataTableColumnHeader<TData, TValue>({
   column,
@@ -37,7 +37,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   title: string;
   /** Optional class applied to the header button (or span when unsortable). */
   className?: string;
-}): react_jsx_runtime171.JSX.Element;
+}): react_jsx_runtime156.JSX.Element;
 //#endregion
 export { type ColumnDef, DataTable, DataTableColumnHeader };
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/Footer/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime245 from "react/jsx-runtime";
+import * as react_jsx_runtime215 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/patterns/Footer/Footer.d.ts
@@ -18,22 +18,22 @@ declare function Footer({
   bordered?: boolean;
   /** Surface fill. `glass` is a translucent, blurred panel over the page background. */
   background?: keyof typeof footerBackgrounds;
-}): react_jsx_runtime245.JSX.Element;
+}): react_jsx_runtime215.JSX.Element;
 /** Leading region — left-aligned on md+ (e.g. an app version). */
 declare function FooterStart({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime245.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime215.JSX.Element;
 /** Centre region — always centred (e.g. a "Powered by" lockup). */
 declare function FooterCenter({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime245.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime215.JSX.Element;
 /** Trailing region — right-aligned on md+ (e.g. legal links). Wraps on small screens. */
 declare function FooterEnd({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime245.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime215.JSX.Element;
 /** "Powered by" lockup — the label plus a slot for the brand mark (a <Logo />). */
 declare function FooterPoweredBy({
   className,
@@ -43,12 +43,12 @@ declare function FooterPoweredBy({
 }: React.ComponentProps<"div"> & {
   /** Override the default "Powered by" label. */
   label?: React.ReactNode;
-}): react_jsx_runtime245.JSX.Element;
+}): react_jsx_runtime215.JSX.Element;
 /** Visual divider between trailing links. */
 declare function FooterSeparator({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime245.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime215.JSX.Element;
 //#endregion
 export { Footer, FooterCenter, FooterEnd, FooterPoweredBy, FooterSeparator, FooterStart };
 //# sourceMappingURL=index.d.cts.map

package/dist/patterns/Footer/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime133 from "react/jsx-runtime";
 
 //#region src/patterns/Footer/Footer.d.ts
 declare const footerBackgrounds: {
@@ -18,22 +18,22 @@ declare function Footer({
   bordered?: boolean;
   /** Surface fill. `glass` is a translucent, blurred panel over the page background. */
   background?: keyof typeof footerBackgrounds;
-}): react_jsx_runtime25.JSX.Element;
+}): react_jsx_runtime133.JSX.Element;
 /** Leading region — left-aligned on md+ (e.g. an app version). */
 declare function FooterStart({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime25.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime133.JSX.Element;
 /** Centre region — always centred (e.g. a "Powered by" lockup). */
 declare function FooterCenter({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime25.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime133.JSX.Element;
 /** Trailing region — right-aligned on md+ (e.g. legal links). Wraps on small screens. */
 declare function FooterEnd({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime25.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime133.JSX.Element;
 /** "Powered by" lockup — the label plus a slot for the brand mark (a <Logo />). */
 declare function FooterPoweredBy({
   className,
@@ -43,12 +43,12 @@ declare function FooterPoweredBy({
 }: React.ComponentProps<"div"> & {
   /** Override the default "Powered by" label. */
   label?: React.ReactNode;
-}): react_jsx_runtime25.JSX.Element;
+}): react_jsx_runtime133.JSX.Element;
 /** Visual divider between trailing links. */
 declare function FooterSeparator({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime25.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime133.JSX.Element;
 //#endregion
 export { Footer, FooterCenter, FooterEnd, FooterPoweredBy, FooterSeparator, FooterStart };
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/Footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/Footer/Footer.tsx"],"mappings":";;;;cAyBM;;;EAAA,SAAA,KAAA,EAAA,6CAII;AAAA,CAAA;;iBAGD,MAAA,CACP;EAAA,SAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAIC,KAAA,CAAM,cAJP,CAAA,QAAA,CAAA,GAAA;;UAEA,CAAA,EAAA,OAAA;;YAM0B,CAAA,EAAA,MAAA,OAAA,iBAAA;IAC3B,mBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,iBAoBQ,WAAA,CAAW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAA0B,KAAA,CAAM,cAAhC,CAAA,KAAA,CAAA,CAAA,EAAqD,mBAAA,CAAA,GAAA,CAAA,OAArD;;iBAcX,YAAA,CAdc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAcwB,KAAA,CAAM,cAd9B,CAAA,KAAA,CAAA,CAAA,EAcmD,mBAAA,CAAA,GAAA,CAAA,OAdnD;;iBAyBd,SAAA,CAzBgE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyB7B,KAAA,CAAM,cAzBuB,CAAA,KAAA,CAAA,CAAA,EAyBF,mBAAA,CAAA,GAAA,CAAA,OAzBE;AAAA;AAAA,iBAuChE,eAAA,CAzBY;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EA8BlB,KAAA,CAAM,cA9BY,CAAA,KAAA,CAAA,GAAA;EAAA;OAAG,CAAA,EAgCd,KAAA,CAAM,SAhCQ;IAiCvB,mBAAA,CAAA,GAAA,CAAA,OAjCoD;;AAAqB,iBAiDjE,eAAA,CAjDiE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiDxB,KAAA,CAAM,cAjDkB,CAAA,MAAA,CAAA,CAAA,EAiDI,mBAAA,CAAA,GAAA,CAAA,OAjDJ"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/Footer/Footer.tsx"],"mappings":";;;;cAyBM;;;EAAA,SAAA,KAAA,EAAA,6CAII;AAAA,CAAA;;iBAGD,MAAA,CACP;EAAA,SAAA;EAAA,QAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAIC,KAAA,CAAM,cAJP,CAAA,QAAA,CAAA,GAAA;;UAEA,CAAA,EAAA,OAAA;;YAM0B,CAAA,EAAA,MAAA,OAAA,iBAAA;IAC3B,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,iBAoBQ,WAAA,CAAW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAA0B,KAAA,CAAM,cAAhC,CAAA,KAAA,CAAA,CAAA,EAAqD,oBAAA,CAAA,GAAA,CAAA,OAArD;;iBAcX,YAAA,CAdc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAcwB,KAAA,CAAM,cAd9B,CAAA,KAAA,CAAA,CAAA,EAcmD,oBAAA,CAAA,GAAA,CAAA,OAdnD;;iBAyBd,SAAA,CAzBgE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyB7B,KAAA,CAAM,cAzBuB,CAAA,KAAA,CAAA,CAAA,EAyBF,oBAAA,CAAA,GAAA,CAAA,OAzBE;AAAA;AAAA,iBAuChE,eAAA,CAzBY;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;CAAA,EA8BlB,KAAA,CAAM,cA9BY,CAAA,KAAA,CAAA,GAAA;EAAA;OAAG,CAAA,EAgCd,KAAA,CAAM,SAhCQ;IAiCvB,oBAAA,CAAA,GAAA,CAAA,OAjCoD;;AAAqB,iBAiDjE,eAAA,CAjDiE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiDxB,KAAA,CAAM,cAjDkB,CAAA,MAAA,CAAA,CAAA,EAiDI,oBAAA,CAAA,GAAA,CAAA,OAjDJ"}

package/dist/patterns/MediaObject/index.d.cts

@@ -1,7 +1,7 @@
 import { n as HeadingProps } from "../../index28.cjs";
 import { t as Text } from "../../index60.cjs";
-import * as react_jsx_runtime265 from "react/jsx-runtime";
-import * as class_variance_authority_types22 from "class-variance-authority/types";
+import * as react_jsx_runtime200 from "react/jsx-runtime";
+import * as class_variance_authority_types11 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 
@@ -15,7 +15,7 @@ declare function MediaObject({
   className,
   interactive,
   ...props
-}: MediaObjectProps): react_jsx_runtime265.JSX.Element;
+}: MediaObjectProps): react_jsx_runtime200.JSX.Element;
 type MediaObjectImageProps = React.ComponentProps<"img"> & {
   /** Required alt text describing the media (enforced for accessibility). */
   alt: string;
@@ -25,17 +25,17 @@ declare function MediaObjectImage({
   className,
   alt,
   ...props
-}: MediaObjectImageProps): react_jsx_runtime265.JSX.Element;
+}: MediaObjectImageProps): react_jsx_runtime200.JSX.Element;
 /** Square container for the icon-top card variant; place an Icon inside it. */
 declare function MediaObjectIcon({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime265.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime200.JSX.Element;
 /** Padded body region of a card that holds the title, text, and actions. */
 declare function MediaObjectContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime265.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime200.JSX.Element;
 type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
   /** Heading size step passthrough (defaults to "4"). */
   size?: HeadingProps["size"];
@@ -44,20 +44,20 @@ type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
 declare function MediaObjectTitle({
   size,
   ...props
-}: MediaObjectTitleProps): react_jsx_runtime265.JSX.Element;
+}: MediaObjectTitleProps): react_jsx_runtime200.JSX.Element;
 /** Supporting body copy; wraps the Text primitive (muted, small). */
 declare function MediaObjectText({
   ...props
-}: React.ComponentProps<typeof Text>): react_jsx_runtime265.JSX.Element;
+}: React.ComponentProps<typeof Text>): react_jsx_runtime200.JSX.Element;
 /** Action row pinned to the bottom of the content; holds a Button or Link. */
 declare function MediaObjectActions({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime265.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime200.JSX.Element;
 declare const mediaObjectGroupVariants: (props?: ({
   columns?: 1 | 2 | 3 | 4 | null | undefined;
   gap?: "sm" | "lg" | "md" | null | undefined;
-} & class_variance_authority_types22.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 type MediaObjectGroupProps = React.ComponentProps<"div"> & VariantProps<typeof mediaObjectGroupVariants>;
 /** Responsive grid wrapper that lays out a set of MediaObject cards. */
 declare function MediaObjectGroup({
@@ -65,7 +65,7 @@ declare function MediaObjectGroup({
   columns,
   gap,
   ...props
-}: MediaObjectGroupProps): react_jsx_runtime265.JSX.Element;
+}: MediaObjectGroupProps): react_jsx_runtime200.JSX.Element;
 //#endregion
 export { MediaObject, MediaObjectActions, MediaObjectContent, MediaObjectGroup, type MediaObjectGroupProps, MediaObjectIcon, MediaObjectImage, type MediaObjectImageProps, type MediaObjectProps, MediaObjectText, MediaObjectTitle, type MediaObjectTitleProps, mediaObjectGroupVariants };
 //# sourceMappingURL=index.d.cts.map

package/dist/patterns/MediaObject/index.d.ts

@@ -1,7 +1,7 @@
 import { n as HeadingProps } from "../../index28.js";
 import { t as Text } from "../../index60.js";
 import * as React from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types3 from "class-variance-authority/types";
 
@@ -15,7 +15,7 @@ declare function MediaObject({
   className,
   interactive,
   ...props
-}: MediaObjectProps): react_jsx_runtime5.JSX.Element;
+}: MediaObjectProps): react_jsx_runtime16.JSX.Element;
 type MediaObjectImageProps = React.ComponentProps<"img"> & {
   /** Required alt text describing the media (enforced for accessibility). */
   alt: string;
@@ -25,17 +25,17 @@ declare function MediaObjectImage({
   className,
   alt,
   ...props
-}: MediaObjectImageProps): react_jsx_runtime5.JSX.Element;
+}: MediaObjectImageProps): react_jsx_runtime16.JSX.Element;
 /** Square container for the icon-top card variant; place an Icon inside it. */
 declare function MediaObjectIcon({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime16.JSX.Element;
 /** Padded body region of a card that holds the title, text, and actions. */
 declare function MediaObjectContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime16.JSX.Element;
 type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
   /** Heading size step passthrough (defaults to "4"). */
   size?: HeadingProps["size"];
@@ -44,19 +44,19 @@ type MediaObjectTitleProps = Omit<HeadingProps, "as"> & {
 declare function MediaObjectTitle({
   size,
   ...props
-}: MediaObjectTitleProps): react_jsx_runtime5.JSX.Element;
+}: MediaObjectTitleProps): react_jsx_runtime16.JSX.Element;
 /** Supporting body copy; wraps the Text primitive (muted, small). */
 declare function MediaObjectText({
   ...props
-}: React.ComponentProps<typeof Text>): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<typeof Text>): react_jsx_runtime16.JSX.Element;
 /** Action row pinned to the bottom of the content; holds a Button or Link. */
 declare function MediaObjectActions({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime16.JSX.Element;
 declare const mediaObjectGroupVariants: (props?: ({
-  columns?: 1 | 2 | 3 | 4 | null | undefined;
-  gap?: "sm" | "lg" | "md" | null | undefined;
+  columns?: 3 | 1 | 2 | 4 | null | undefined;
+  gap?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types3.ClassProp) | undefined) => string;
 type MediaObjectGroupProps = React.ComponentProps<"div"> & VariantProps<typeof mediaObjectGroupVariants>;
 /** Responsive grid wrapper that lays out a set of MediaObject cards. */
@@ -65,7 +65,7 @@ declare function MediaObjectGroup({
   columns,
   gap,
   ...props
-}: MediaObjectGroupProps): react_jsx_runtime5.JSX.Element;
+}: MediaObjectGroupProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { MediaObject, MediaObjectActions, MediaObjectContent, MediaObjectGroup, type MediaObjectGroupProps, MediaObjectIcon, MediaObjectImage, type MediaObjectImageProps, type MediaObjectProps, MediaObjectText, MediaObjectTitle, type MediaObjectTitleProps, mediaObjectGroupVariants };
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/MediaObject/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/MediaObject/MediaObject.tsx"],"mappings":";;;;;;;;KAcK,gBAAA,GAAmB,KAAA,CAAM;;;;AAVW;AAUG,iBAMnC,WAAA,CAAW;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EAAuC,gBAAvC,CAAA,EAAuD,kBAAA,CAAA,GAAA,CAAA,OAAvD;KAef,qBAAA,GAAwB,KAAA,CAAM,cAff,CAAA,KAAA,CAAA,GAAA;;KAAc,EAAA,MAAA;;;AAAyC,iBAqBlE,gBAAA,CArBkE;EAAA,SAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAqBnB,qBArBmB,CAAA,EAqBE,kBAAA,CAAA,GAAA,CAAA,OArBF;AAAA;AAe1B,iBAuBxC,eAAA,CAjBgB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiByB,KAAA,CAAM,cAjB/B,CAAA,KAAA,CAAA,CAAA,EAiBoD,kBAAA,CAAA,GAAA,CAAA,OAjBpD;;iBA6BhB,kBAAA,CA7BmB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6ByB,KAAA,CAAM,cA7B/B,CAAA,KAAA,CAAA,CAAA,EA6BoD,kBAAA,CAAA,GAAA,CAAA,OA7BpD;KAwCvB,qBAAA,GAAwB,IAxCU,CAwCL,YAxCK,EAAA,IAAA,CAAA,GAAA;;MAAsC,CAAA,EA0CpE,YA1CoE,CAAA,MAAA,CAAA;AAAA,CAAA;AAAA;iBA8CpE,gBAAA,CA7Be;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA6BsB,qBA7BtB,CAAA,EA6B2C,kBAAA,CAAA,GAAA,CAAA,OA7B3C;;iBAmCf,eAAA,CAnC+C;EAAA,GAAA;AAAA,CAAA,EAmCjB,KAAA,CAAM,cAnCW,CAAA,OAmCW,IAnCX,CAAA,CAAA,EAmCgB,kBAAA,CAAA,GAAA,CAAA,OAnChB;;AAAqB,iBAyCpE,kBAAA,CAzCoE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCxB,KAAA,CAAM,cAzCkB,CAAA,KAAA,CAAA,CAAA,EAyCG,kBAAA,CAAA,GAAA,CAAA,OAzCH;AAAA,cAqDvE,wBAzCqB,EAAA,CAAA,KAAgC,CAAhC,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,IAAA,GAAA,SAAA;KAAG,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;IA2D5B,+BAAA,CAAA,SA3DyD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KA6DtD,qBAAA,GAAwB,KAAA,CAAM,cA7D6C,CAAA,KAAA,CAAA,GA8D9E,YA9D8E,CAAA,OA8D1D,wBA9D0D,CAAA;AAAA;AAAA,iBAiEvE,gBAAA,CAtDiB;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAsDuC,qBAtDvC,CAAA,EAsD4D,kBAAA,CAAA,GAAA,CAAA,OAtD5D"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/MediaObject/MediaObject.tsx"],"mappings":";;;;;;;;KAcK,gBAAA,GAAmB,KAAA,CAAM;;;;AAVW;AAUG,iBAMnC,WAAA,CAAW;EAAA,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EAAuC,gBAAvC,CAAA,EAAuD,mBAAA,CAAA,GAAA,CAAA,OAAvD;KAef,qBAAA,GAAwB,KAAA,CAAM,cAff,CAAA,KAAA,CAAA,GAAA;;KAAc,EAAA,MAAA;;;AAAyC,iBAqBlE,gBAAA,CArBkE;EAAA,SAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAqBnB,qBArBmB,CAAA,EAqBE,mBAAA,CAAA,GAAA,CAAA,OArBF;AAAA;AAe1B,iBAuBxC,eAAA,CAjBgB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiByB,KAAA,CAAM,cAjB/B,CAAA,KAAA,CAAA,CAAA,EAiBoD,mBAAA,CAAA,GAAA,CAAA,OAjBpD;;iBA6BhB,kBAAA,CA7BmB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6ByB,KAAA,CAAM,cA7B/B,CAAA,KAAA,CAAA,CAAA,EA6BoD,mBAAA,CAAA,GAAA,CAAA,OA7BpD;KAwCvB,qBAAA,GAAwB,IAxCU,CAwCL,YAxCK,EAAA,IAAA,CAAA,GAAA;;MAAsC,CAAA,EA0CpE,YA1CoE,CAAA,MAAA,CAAA;AAAA,CAAA;AAAA;iBA8CpE,gBAAA,CA7Be;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA6BsB,qBA7BtB,CAAA,EA6B2C,mBAAA,CAAA,GAAA,CAAA,OA7B3C;;iBAmCf,eAAA,CAnC+C;EAAA,GAAA;AAAA,CAAA,EAmCjB,KAAA,CAAM,cAnCW,CAAA,OAmCW,IAnCX,CAAA,CAAA,EAmCgB,mBAAA,CAAA,GAAA,CAAA,OAnChB;;AAAqB,iBAyCpE,kBAAA,CAzCoE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCxB,KAAA,CAAM,cAzCkB,CAAA,KAAA,CAAA,CAAA,EAyCG,mBAAA,CAAA,GAAA,CAAA,OAzCH;AAAA,cAqDvE,wBAzCqB,EAAA,CAAA,KAAgC,CAAhC,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,IAAA,GAAA,SAAA;KAAG,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;IA2D5B,+BAAA,CAAA,SA3DyD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;KA6DtD,qBAAA,GAAwB,KAAA,CAAM,cA7D6C,CAAA,KAAA,CAAA,GA8D9E,YA9D8E,CAAA,OA8D1D,wBA9D0D,CAAA;AAAA;AAAA,iBAiEvE,gBAAA,CAtDiB;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAsDuC,qBAtDvC,CAAA,EAsD4D,mBAAA,CAAA,GAAA,CAAA,OAtD5D"}

package/dist/patterns/SectionCard/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime314 from "react/jsx-runtime";
+import * as react_jsx_runtime198 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/patterns/SectionCard/SectionCard.d.ts
@@ -15,7 +15,7 @@ declare function SectionCard({
   className,
   children,
   ...props
-}: SectionCardProps): react_jsx_runtime314.JSX.Element;
+}: SectionCardProps): react_jsx_runtime198.JSX.Element;
 //#endregion
 export { SectionCard, type SectionCardProps };
 //# sourceMappingURL=index.d.cts.map

package/dist/patterns/SectionCard/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime155 from "react/jsx-runtime";
 
 //#region src/patterns/SectionCard/SectionCard.d.ts
 type SectionCardProps = Omit<React.ComponentProps<"div">, "title"> & {
@@ -15,7 +15,7 @@ declare function SectionCard({
   className,
   children,
   ...props
-}: SectionCardProps): react_jsx_runtime4.JSX.Element;
+}: SectionCardProps): react_jsx_runtime155.JSX.Element;
 //#endregion
 export { SectionCard, type SectionCardProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/SectionCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/SectionCard/SectionCard.tsx"],"mappings":";;;;KASK,gBAAA,GAAmB,KAAK,KAAA,CAAM;;SAE1B,KAAA,CAAM;EAFV;EAAgB,MAAA,CAAA,EAIV,KAAA,CAAM,SAJI;;;iBAQZ,WAAA,CANM;EAAA,KAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAMwD,gBANxD,CAAA,EAMwE,kBAAA,CAAA,GAAA,CAAA,OANxE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/SectionCard/SectionCard.tsx"],"mappings":";;;;KASK,gBAAA,GAAmB,KAAK,KAAA,CAAM;;SAE1B,KAAA,CAAM;EAFV;EAAgB,MAAA,CAAA,EAIV,KAAA,CAAM,SAJI;;;iBAQZ,WAAA,CANM;EAAA,KAAA;EAAA,MAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAMwD,gBANxD,CAAA,EAMwE,oBAAA,CAAA,GAAA,CAAA,OANxE"}

package/dist/patterns/SectionHeading/index.d.cts

@@ -1,5 +1,5 @@
 import { n as HeadingProps } from "../../index28.cjs";
-import * as react_jsx_runtime263 from "react/jsx-runtime";
+import * as react_jsx_runtime199 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/patterns/SectionHeading/SectionHeading.d.ts
@@ -31,7 +31,7 @@ declare function SectionHeading({
   titleAs,
   className,
   ...props
-}: SectionHeadingProps): react_jsx_runtime263.JSX.Element;
+}: SectionHeadingProps): react_jsx_runtime199.JSX.Element;
 //#endregion
 export { SectionHeading, type SectionHeadingProps };
 //# sourceMappingURL=index.d.cts.map

package/dist/patterns/SectionHeading/index.d.ts

@@ -1,6 +1,6 @@
 import { n as HeadingProps } from "../../index28.js";
 import * as React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime122 from "react/jsx-runtime";
 
 //#region src/patterns/SectionHeading/SectionHeading.d.ts
 /** Props for the {@link SectionHeading} pattern. */
@@ -31,7 +31,7 @@ declare function SectionHeading({
   titleAs,
   className,
   ...props
-}: SectionHeadingProps): react_jsx_runtime3.JSX.Element;
+}: SectionHeadingProps): react_jsx_runtime122.JSX.Element;
 //#endregion
 export { SectionHeading, type SectionHeadingProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/patterns/SectionHeading/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/SectionHeading/SectionHeading.tsx"],"mappings":";;;;;;KAYK,mBAAA,GAAsB,KAAK,KAAA,CAAM;;EAAjC,KAAA,EAEI,KAAA,CAAM,SAFS;EAAA;UAAQ,CAAM,EAIzB,KAAA,CAAM,SAJmB;;SAE7B,CAAA,EAIG,KAAA,CAAM,SAJH;;OAIH,CAAA,EAAA,QAAM,GAAA,MAAA;;UAQN,CAAM,EAAA,OAAA;EAAW;EAIpB,SAAA,CAAA,EANK,YAMS,CAAA,MAAA,CAAA;EAAA;SACrB,CAAA,EALU,KAAA,CAAM,WAKhB;;;iBADO,cAAA,CAIP;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAMC,mBAND,CAAA,EAMoB,kBAAA,CAAA,GAAA,CAAA,OANpB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/patterns/SectionHeading/SectionHeading.tsx"],"mappings":";;;;;;KAYK,mBAAA,GAAsB,KAAK,KAAA,CAAM;;EAAjC,KAAA,EAEI,KAAA,CAAM,SAFS;EAAA;UAAQ,CAAM,EAIzB,KAAA,CAAM,SAJmB;;SAE7B,CAAA,EAIG,KAAA,CAAM,SAJH;;OAIH,CAAA,EAAA,QAAM,GAAA,MAAA;;UAQN,CAAM,EAAA,OAAA;EAAW;EAIpB,SAAA,CAAA,EANK,YAMS,CAAA,MAAA,CAAA;EAAA;SACrB,CAAA,EALU,KAAA,CAAM,WAKhB;;;iBADO,cAAA,CAIP;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAMC,mBAND,CAAA,EAMoB,oBAAA,CAAA,GAAA,CAAA,OANpB"}

package/dist/styles/base.css

@@ -4,55 +4,56 @@
    surface). Lives in @layer base, so component/app utilities still
    override it per-element.
 
-   Add class="ds-no-base" to <body> to opt out of all defaults below.
-   Intended for apps that are incrementally migrating to the design
-   system and already have their own baseline styles.
+   Add class="ds-no-base" to any element to punch a hole in these
+   defaults — that element and its entire subtree are excluded.
+   Multiple holes are independent (Swiss cheese, not a donut).
    ============================================================ */
 
-@layer base {
-  body:not(.ds-no-base) {
-    @apply bg-background text-foreground;
-
-    & * {
+@scope (html) to (.ds-no-base) {
+  @layer base {
+    * {
       @apply border-border outline-ring/50;
     }
+    body {
+      @apply bg-background text-foreground;
+    }
 
     /* Raw heading tags pick up the heading type scale by default (Tailwind's
        preflight otherwise resets h1–h6 to inherit). h1–h4 are Regular, h5–h6
        Medium — matching the Heading primitive. In @layer base, so any utility
        class (text-2xl, font-bold, the Heading component's size classes, …) still
        overrides per element. */
-    & h1,
-    & h2,
-    & h3,
-    & h4,
-    & h5,
-    & h6 {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
       font-family: var(--font-heading);
       font-weight: 400;
     }
-    & h1 {
+    h1 {
       font-size: var(--heading-1-font-size);
       line-height: var(--heading-1-line-height);
     }
-    & h2 {
+    h2 {
       font-size: var(--heading-2-font-size);
       line-height: var(--heading-2-line-height);
     }
-    & h3 {
+    h3 {
       font-size: var(--heading-3-font-size);
       line-height: var(--heading-3-line-height);
     }
-    & h4 {
+    h4 {
       font-size: var(--heading-4-font-size);
       line-height: var(--heading-4-line-height);
     }
-    & h5 {
+    h5 {
       font-size: var(--heading-5-font-size);
       line-height: var(--heading-5-line-height);
       font-weight: 500;
     }
-    & h6 {
+    h6 {
       font-size: var(--heading-6-font-size);
       line-height: var(--heading-6-line-height);
       font-weight: 500;