@psnext/design-system 1.2.1 → 1.3.0

package/dist/index9.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Separator } from "radix-ui";
-import * as react_jsx_runtime214 from "react/jsx-runtime";
+import * as react_jsx_runtime58 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_runtime214.JSX.Element;
+}): react_jsx_runtime58.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_runtime231 from "react/jsx-runtime";
+import * as react_jsx_runtime130 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_runtime231.JSX.Element;
+}: DataTableProps<TData, TValue>): react_jsx_runtime130.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_runtime231.JSX.Element;
+}): react_jsx_runtime130.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_runtime142 from "react/jsx-runtime";
+import * as react_jsx_runtime237 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_runtime142.JSX.Element;
+}: DataTableProps<TData, TValue>): react_jsx_runtime237.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_runtime142.JSX.Element;
+}): react_jsx_runtime237.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_runtime182 from "react/jsx-runtime";
+import * as react_jsx_runtime250 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_runtime182.JSX.Element;
+}): react_jsx_runtime250.JSX.Element;
 /** Leading region — left-aligned on md+ (e.g. an app version). */
 declare function FooterStart({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime182.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime250.JSX.Element;
 /** Centre region — always centred (e.g. a "Powered by" lockup). */
 declare function FooterCenter({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime182.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime250.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_runtime182.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime250.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_runtime182.JSX.Element;
+}): react_jsx_runtime250.JSX.Element;
 /** Visual divider between trailing links. */
 declare function FooterSeparator({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime182.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime250.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_runtime175 from "react/jsx-runtime";
+import * as react_jsx_runtime41 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_runtime175.JSX.Element;
+}): react_jsx_runtime41.JSX.Element;
 /** Leading region — left-aligned on md+ (e.g. an app version). */
 declare function FooterStart({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime175.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime41.JSX.Element;
 /** Centre region — always centred (e.g. a "Powered by" lockup). */
 declare function FooterCenter({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime175.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime41.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_runtime175.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime41.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_runtime175.JSX.Element;
+}): react_jsx_runtime41.JSX.Element;
 /** Visual divider between trailing links. */
 declare function FooterSeparator({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime175.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime41.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,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"}
+{"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"}

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_runtime233 from "react/jsx-runtime";
-import * as class_variance_authority_types18 from "class-variance-authority/types";
+import * as react_jsx_runtime240 from "react/jsx-runtime";
+import * as class_variance_authority_types23 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_runtime233.JSX.Element;
+}: MediaObjectProps): react_jsx_runtime240.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_runtime233.JSX.Element;
+}: MediaObjectImageProps): react_jsx_runtime240.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_runtime233.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime240.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_runtime233.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime240.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_runtime233.JSX.Element;
+}: MediaObjectTitleProps): react_jsx_runtime240.JSX.Element;
 /** Supporting body copy; wraps the Text primitive (muted, small). */
 declare function MediaObjectText({
   ...props
-}: React.ComponentProps<typeof Text>): react_jsx_runtime233.JSX.Element;
+}: React.ComponentProps<typeof Text>): react_jsx_runtime240.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_runtime233.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime240.JSX.Element;
 declare const mediaObjectGroupVariants: (props?: ({
   columns?: 1 | 2 | 3 | 4 | null | undefined;
   gap?: "sm" | "lg" | "md" | null | undefined;
-} & class_variance_authority_types18.ClassProp) | undefined) => string;
+} & class_variance_authority_types23.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_runtime233.JSX.Element;
+}: MediaObjectGroupProps): react_jsx_runtime240.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,9 +1,9 @@
 import { n as HeadingProps } from "../../index28.js";
 import { t as Text } from "../../index60.js";
 import * as React from "react";
-import * as react_jsx_runtime167 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types17 from "class-variance-authority/types";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 
 //#region src/patterns/MediaObject/MediaObject.d.ts
 type MediaObjectProps = React.ComponentProps<"article"> & {
@@ -15,7 +15,7 @@ declare function MediaObject({
   className,
   interactive,
   ...props
-}: MediaObjectProps): react_jsx_runtime167.JSX.Element;
+}: MediaObjectProps): react_jsx_runtime29.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_runtime167.JSX.Element;
+}: MediaObjectImageProps): react_jsx_runtime29.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_runtime167.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime29.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_runtime167.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime29.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_runtime167.JSX.Element;
+}: MediaObjectTitleProps): react_jsx_runtime29.JSX.Element;
 /** Supporting body copy; wraps the Text primitive (muted, small). */
 declare function MediaObjectText({
   ...props
-}: React.ComponentProps<typeof Text>): react_jsx_runtime167.JSX.Element;
+}: React.ComponentProps<typeof Text>): react_jsx_runtime29.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_runtime167.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime29.JSX.Element;
 declare const mediaObjectGroupVariants: (props?: ({
-  columns?: 1 | 2 | 3 | 4 | null | undefined;
-  gap?: "sm" | "lg" | "md" | null | undefined;
-} & class_variance_authority_types17.ClassProp) | undefined) => string;
+  columns?: 3 | 1 | 2 | 4 | null | undefined;
+  gap?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types5.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_runtime167.JSX.Element;
+}: MediaObjectGroupProps): react_jsx_runtime29.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,oBAAA,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,oBAAA,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,oBAAA,CAAA,GAAA,CAAA,OAjBpD;;iBA6BhB,kBAAA,CA7BmB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6ByB,KAAA,CAAM,cA7B/B,CAAA,KAAA,CAAA,CAAA,EA6BoD,oBAAA,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,oBAAA,CAAA,GAAA,CAAA,OA7B3C;;iBAmCf,eAAA,CAnC+C;EAAA,GAAA;AAAA,CAAA,EAmCjB,KAAA,CAAM,cAnCW,CAAA,OAmCW,IAnCX,CAAA,CAAA,EAmCgB,oBAAA,CAAA,GAAA,CAAA,OAnChB;;AAAqB,iBAyCpE,kBAAA,CAzCoE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyCxB,KAAA,CAAM,cAzCkB,CAAA,KAAA,CAAA,CAAA,EAyCG,oBAAA,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,gCAAA,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,oBAAA,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_runtime224 from "react/jsx-runtime";
+import * as react_jsx_runtime233 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_runtime224.JSX.Element;
+}: SectionCardProps): react_jsx_runtime233.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_runtime157 from "react/jsx-runtime";
+import * as react_jsx_runtime28 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_runtime157.JSX.Element;
+}: SectionCardProps): react_jsx_runtime28.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,oBAAA,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,mBAAA,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_runtime223 from "react/jsx-runtime";
+import * as react_jsx_runtime249 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_runtime223.JSX.Element;
+}: SectionHeadingProps): react_jsx_runtime249.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_runtime155 from "react/jsx-runtime";
+import * as react_jsx_runtime27 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_runtime155.JSX.Element;
+}: SectionHeadingProps): react_jsx_runtime27.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,oBAAA,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,mBAAA,CAAA,GAAA,CAAA,OANpB"}

package/dist/styles/index.css

@@ -47,6 +47,9 @@
 /* ── Base layer (suite-wide defaults) ─────────────────────── */
 @import "./base.css";
 
+/* ── Global flow-content typography (raw/markdown tags) ────── */
+@import "./typography.css";
+
 /* Scan the design-system component source so the utility classes
    they use are emitted into the compiled stylesheet. */
 @source "../";

package/dist/styles/theme.css

@@ -120,7 +120,15 @@
   --shadow-2xl: var(--shadow-2xl);
 
   /* ── Font families (→ font-sans / font-heading / font-mono) ── */
-  --font-sans: var(--font-definitions-font-family-body);
-  --font-heading: var(--font-definitions-font-family-headings);
-  --font-mono: var(--font-definitions-font-family-monospace);
+  /* Brand font first, then a system fallback stack so text stays styled if the
+     web font fails to load / during FOUT. `--font-sans` also drives the base
+     body font (Tailwind's --default-font-family). */
+  --font-sans:
+    var(--font-definitions-font-family-body), ui-sans-serif, system-ui, -apple-system,
+    "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol", "Noto Color Emoji";
+  --font-heading: var(--font-definitions-font-family-headings), ui-sans-serif, system-ui,
+    -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --font-mono: var(--font-definitions-font-family-monospace), ui-monospace, SFMono-Regular,
+    "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }

package/dist/styles/typography.css

@@ -0,0 +1,136 @@
+/* ============================================================
+   Global flow-content typography — default styling for raw HTML
+   tags (markdown / CMS output) rendered WITHOUT design-system
+   component classes.
+
+   Scoped to `:not([class]):not([data-slot])`: Tailwind's preflight strips margins,
+   list markers, link styling, etc., and DS components re-style their
+   own elements via utility classes — so anything that already has a
+   `class` is component-managed and left alone. Bare tags (what a
+   markdown renderer emits) get a readable default here.
+
+   `@layer base` so component/app utilities always win. All values
+   come from the design-system tokens.
+   ============================================================ */
+
+@layer base {
+  /* ── Vertical rhythm (block flow) ─────────────────────────── */
+  :where(p, ul, ol, blockquote, pre, table, hr, figure):not([class]):not([data-slot]) {
+    margin-block: 0 1rem;
+  }
+  :where(h1, h2, h3, h4, h5, h6):not([class]):not([data-slot]) {
+    margin-block: 1.5rem 0.5rem;
+  }
+  /* No leading gap on the first block of a flow container. */
+  :where(p, ul, ol, blockquote, pre, table, hr, figure, h1, h2, h3, h4, h5, h6):not(
+      [class]
+    ):first-child {
+    margin-block-start: 0;
+  }
+
+  /* ── Paragraph / inline text ──────────────────────────────── */
+  p:not([class]):not([data-slot]) {
+    font-size: var(--paragraph-regular-font-size);
+    line-height: var(--paragraph-regular-line-height);
+  }
+  a:not([class]):not([data-slot]) {
+    color: inherit;
+    text-decoration: underline;
+    text-underline-offset: 2px;
+  }
+  a:not([class]):not([data-slot]):hover {
+    text-decoration-thickness: 2px;
+  }
+  strong:not([class]):not([data-slot]),
+  b:not([class]):not([data-slot]) {
+    font-weight: 600;
+  }
+  em:not([class]):not([data-slot]),
+  i:not([class]):not([data-slot]) {
+    font-style: italic;
+  }
+  small:not([class]):not([data-slot]) {
+    font-size: var(--paragraph-small-font-size);
+  }
+
+  /* ── Lists ────────────────────────────────────────────────── */
+  ul:not([class]):not([data-slot]),
+  ol:not([class]):not([data-slot]) {
+    padding-inline-start: 1.5rem;
+  }
+  ul:not([class]):not([data-slot]) {
+    list-style: disc;
+  }
+  ol:not([class]):not([data-slot]) {
+    list-style: decimal;
+  }
+  li:not([class]):not([data-slot]) {
+    margin-block: 0.25rem;
+  }
+  /* Nested lists tighten up and lose the extra block margin. */
+  :where(ul, ol):not([class]):not([data-slot]) :where(ul, ol):not([class]):not([data-slot]) {
+    margin-block: 0.25rem 0;
+  }
+
+  /* ── Code ─────────────────────────────────────────────────── */
+  code:not([class]):not([data-slot]),
+  kbd:not([class]):not([data-slot]),
+  samp:not([class]):not([data-slot]) {
+    font-family: var(--font-definitions-font-family-monospace);
+    font-size: 0.875em;
+  }
+  /* Inline code chip (a bare <code> not inside a <pre>). */
+  :not(pre) > code:not([class]):not([data-slot]) {
+    border-radius: var(--rounded-sm);
+    background-color: var(--muted);
+    padding: 0.125rem 0.375rem;
+  }
+  pre:not([class]):not([data-slot]) {
+    overflow-x: auto;
+    border-radius: var(--rounded-lg);
+    background-color: var(--muted);
+    padding: 1rem;
+    font-size: var(--paragraph-small-font-size);
+    line-height: var(--paragraph-small-line-height);
+  }
+  pre:not([class]):not([data-slot]) code {
+    font-family: var(--font-definitions-font-family-monospace);
+    background-color: transparent;
+    padding: 0;
+  }
+
+  /* ── Blockquote ───────────────────────────────────────────── */
+  blockquote:not([class]):not([data-slot]) {
+    border-inline-start: 3px solid var(--border);
+    padding-inline-start: 1rem;
+    color: var(--muted-foreground);
+    font-style: italic;
+  }
+
+  /* ── Rule / media ─────────────────────────────────────────── */
+  hr:not([class]):not([data-slot]) {
+    border: 0;
+    border-top: 1px solid var(--border);
+  }
+  img:not([class]):not([data-slot]),
+  video:not([class]):not([data-slot]) {
+    max-width: 100%;
+    height: auto;
+    border-radius: var(--rounded-lg);
+  }
+
+  /* ── Tables ───────────────────────────────────────────────── */
+  table:not([class]):not([data-slot]) {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: var(--paragraph-small-font-size);
+  }
+  :where(th, td):not([class]):not([data-slot]) {
+    border-bottom: 1px solid var(--border);
+    padding: 0.5rem 0.75rem;
+    text-align: start;
+  }
+  th:not([class]):not([data-slot]) {
+    font-weight: 600;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@psnext/design-system",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "Sapient AI Products design system — primitives, patterns, and layouts.",
   "license": "UNLICENSED",
   "private": false,