@psnext/design-system 2.5.0 → 2.6.0

package/dist/index48.d.cts

@@ -1,127 +1 @@
-import * as react_jsx_runtime313 from "react/jsx-runtime";
-import * as React from "react";
-
-//#region src/primitives/NotchedCard/NotchedCard.d.ts
-declare const CORNER_KEYS: readonly ["tl", "tr", "br", "bl"];
-type CornerKey = (typeof CORNER_KEYS)[number];
-type CornerBox = {
-  w: number;
-  h: number;
-};
-type CornerSizes = Record<CornerKey, CornerBox | null>;
-/**
- * Builds the notched outline as an SVG path, walking clockwise from the top
- * edge. Convex turns sweep outward (sweep=1); the inner corner of each notch
- * is a concave fillet (sweep=0). Exported for testing — not part of the
- * typical component API.
- */
-declare function buildNotchedCardPath({
-  w,
-  h,
-  radius,
-  notchRadius,
-  notches
-}: {
-  w: number;
-  h: number;
-  radius: number;
-  notchRadius: number;
-  notches: CornerSizes;
-}): string;
-declare const notchedCardVariants: {
-  readonly default: {
-    readonly background: "bg-glass-none-bg";
-    readonly shadow: "drop-shadow-sm";
-    readonly text: "text-primary-txt";
-    readonly borderedByDefault: true;
-  };
-  readonly muted: {
-    readonly background: "bg-muted-bg";
-    readonly shadow: "";
-    readonly text: "text-primary-txt";
-    readonly borderedByDefault: true;
-  };
-  readonly glass: {
-    readonly background: "bg-glass-40-bg backdrop-blur-glass";
-    readonly shadow: "";
-    readonly text: "text-primary-txt";
-    readonly borderedByDefault: false;
-  };
-  readonly brand: {
-    readonly background: "bg-[image:linear-gradient(to_right,var(--theme-brand-700),var(--theme-brand-500-primary))]";
-    readonly shadow: "";
-    readonly text: "text-white";
-    readonly borderedByDefault: false;
-  };
-  readonly inverted: {
-    readonly background: "bg-primary-invert-bg";
-    readonly shadow: "";
-    readonly text: "text-primary-invert-txt";
-    readonly borderedByDefault: false;
-  };
-};
-type NotchedCardVariant = keyof typeof notchedCardVariants;
-type NotchedCardProps = React.ComponentProps<"div"> & {
-  /** Content pinned to the top-left corner; its footprint is notched out of the background. */
-  topLeftComponent?: React.ReactNode;
-  /** Content pinned to the top-right corner; its footprint is notched out of the background. */
-  topRightComponent?: React.ReactNode;
-  /** Content pinned to the bottom-left corner; its footprint is notched out of the background. */
-  bottomLeftComponent?: React.ReactNode;
-  /** Content pinned to the bottom-right corner; its footprint is notched out of the background. */
-  bottomRightComponent?: React.ReactNode;
-  /** Background fill of the card surface. Default `default` (solid surface). */
-  variant?: NotchedCardVariant;
-  /** Image URL rendered as the card's background (object-fit: cover), slightly transparent. */
-  backgroundImage?: string;
-  /** Opacity of the background image. Default `0.8`. */
-  backgroundImageOpacity?: number;
-  /** Outer corner radius in px. Default `16`. */
-  radius?: number;
-  /** Concave fillet radius at each notch's inner corner in px. Default `12`. */
-  notchRadius?: number;
-  /** Gutter in px between corner content and the background edge. Default `12`. */
-  notchGap?: number;
-  /** Content padding in px. Default `24`. */
-  padding?: number;
-  /** Keep flowing content out of the notched corners via invisible float
-      spacers. Needs flow (block/inline) content — set `false` if
-      `contentClassName` turns the wrapper into a flex/grid container.
-      Default `true`. */
-  avoidNotches?: boolean;
-  /** Draw the outline stroke. Defaults per variant (`default`/`muted` on, others off). */
-  bordered?: boolean;
-  /** Extra classes for the clipped background layer — set the fill here (e.g.
-      `bg-…`, gradients). The layer sits behind the content, so plain `hover:`
-      variants never fire on it; the root carries the `group` marker — use
-      `group-hover:bg-…` for hover fills (plain `hover:` works on `className`,
-      which styles the root itself). */
-  backgroundClassName?: string;
-  /** Extra classes for the content wrapper. */
-  contentClassName?: string;
-};
-/** Card with corner slots that notch the background around their content. */
-declare function NotchedCard({
-  children,
-  topLeftComponent,
-  topRightComponent,
-  bottomLeftComponent,
-  bottomRightComponent,
-  variant,
-  backgroundImage,
-  backgroundImageOpacity,
-  radius,
-  notchRadius,
-  notchGap,
-  padding,
-  avoidNotches,
-  bordered,
-  className,
-  backgroundClassName,
-  contentClassName,
-  style,
-  ...props
-}: NotchedCardProps): react_jsx_runtime313.JSX.Element;
-//#endregion
-export { notchedCardVariants as a, buildNotchedCardPath as i, NotchedCardProps as n, NotchedCardVariant as r, NotchedCard as t };
-//# sourceMappingURL=index48.d.cts.map
+export {};

package/dist/index48.d.ts

@@ -1,127 +1 @@
-import * as React from "react";
-import * as react_jsx_runtime253 from "react/jsx-runtime";
-
-//#region src/primitives/NotchedCard/NotchedCard.d.ts
-declare const CORNER_KEYS: readonly ["tl", "tr", "br", "bl"];
-type CornerKey = (typeof CORNER_KEYS)[number];
-type CornerBox = {
-  w: number;
-  h: number;
-};
-type CornerSizes = Record<CornerKey, CornerBox | null>;
-/**
- * Builds the notched outline as an SVG path, walking clockwise from the top
- * edge. Convex turns sweep outward (sweep=1); the inner corner of each notch
- * is a concave fillet (sweep=0). Exported for testing — not part of the
- * typical component API.
- */
-declare function buildNotchedCardPath({
-  w,
-  h,
-  radius,
-  notchRadius,
-  notches
-}: {
-  w: number;
-  h: number;
-  radius: number;
-  notchRadius: number;
-  notches: CornerSizes;
-}): string;
-declare const notchedCardVariants: {
-  readonly default: {
-    readonly background: "bg-glass-none-bg";
-    readonly shadow: "drop-shadow-sm";
-    readonly text: "text-primary-txt";
-    readonly borderedByDefault: true;
-  };
-  readonly muted: {
-    readonly background: "bg-muted-bg";
-    readonly shadow: "";
-    readonly text: "text-primary-txt";
-    readonly borderedByDefault: true;
-  };
-  readonly glass: {
-    readonly background: "bg-glass-40-bg backdrop-blur-glass";
-    readonly shadow: "";
-    readonly text: "text-primary-txt";
-    readonly borderedByDefault: false;
-  };
-  readonly brand: {
-    readonly background: "bg-[image:linear-gradient(to_right,var(--theme-brand-700),var(--theme-brand-500-primary))]";
-    readonly shadow: "";
-    readonly text: "text-white";
-    readonly borderedByDefault: false;
-  };
-  readonly inverted: {
-    readonly background: "bg-primary-invert-bg";
-    readonly shadow: "";
-    readonly text: "text-primary-invert-txt";
-    readonly borderedByDefault: false;
-  };
-};
-type NotchedCardVariant = keyof typeof notchedCardVariants;
-type NotchedCardProps = React.ComponentProps<"div"> & {
-  /** Content pinned to the top-left corner; its footprint is notched out of the background. */
-  topLeftComponent?: React.ReactNode;
-  /** Content pinned to the top-right corner; its footprint is notched out of the background. */
-  topRightComponent?: React.ReactNode;
-  /** Content pinned to the bottom-left corner; its footprint is notched out of the background. */
-  bottomLeftComponent?: React.ReactNode;
-  /** Content pinned to the bottom-right corner; its footprint is notched out of the background. */
-  bottomRightComponent?: React.ReactNode;
-  /** Background fill of the card surface. Default `default` (solid surface). */
-  variant?: NotchedCardVariant;
-  /** Image URL rendered as the card's background (object-fit: cover), slightly transparent. */
-  backgroundImage?: string;
-  /** Opacity of the background image. Default `0.8`. */
-  backgroundImageOpacity?: number;
-  /** Outer corner radius in px. Default `16`. */
-  radius?: number;
-  /** Concave fillet radius at each notch's inner corner in px. Default `12`. */
-  notchRadius?: number;
-  /** Gutter in px between corner content and the background edge. Default `12`. */
-  notchGap?: number;
-  /** Content padding in px. Default `24`. */
-  padding?: number;
-  /** Keep flowing content out of the notched corners via invisible float
-      spacers. Needs flow (block/inline) content — set `false` if
-      `contentClassName` turns the wrapper into a flex/grid container.
-      Default `true`. */
-  avoidNotches?: boolean;
-  /** Draw the outline stroke. Defaults per variant (`default`/`muted` on, others off). */
-  bordered?: boolean;
-  /** Extra classes for the clipped background layer — set the fill here (e.g.
-      `bg-…`, gradients). The layer sits behind the content, so plain `hover:`
-      variants never fire on it; the root carries the `group` marker — use
-      `group-hover:bg-…` for hover fills (plain `hover:` works on `className`,
-      which styles the root itself). */
-  backgroundClassName?: string;
-  /** Extra classes for the content wrapper. */
-  contentClassName?: string;
-};
-/** Card with corner slots that notch the background around their content. */
-declare function NotchedCard({
-  children,
-  topLeftComponent,
-  topRightComponent,
-  bottomLeftComponent,
-  bottomRightComponent,
-  variant,
-  backgroundImage,
-  backgroundImageOpacity,
-  radius,
-  notchRadius,
-  notchGap,
-  padding,
-  avoidNotches,
-  bordered,
-  className,
-  backgroundClassName,
-  contentClassName,
-  style,
-  ...props
-}: NotchedCardProps): react_jsx_runtime253.JSX.Element;
-//#endregion
-export { notchedCardVariants as a, buildNotchedCardPath as i, NotchedCardProps as n, NotchedCardVariant as r, NotchedCard as t };
-//# sourceMappingURL=index48.d.ts.map
+export {};

package/dist/index49.d.cts

@@ -1,48 +1,127 @@
-import { t as Button } from "./index8.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime300 from "react/jsx-runtime";
 import * as React from "react";
 
-//#region src/primitives/Pagination/Pagination.d.ts
-/** Accessible pagination navigation landmark that wraps the list of page links. */
-declare function Pagination({
+//#region src/primitives/NotchedCard/NotchedCard.d.ts
+declare const CORNER_KEYS: readonly ["tl", "tr", "br", "bl"];
+type CornerKey = (typeof CORNER_KEYS)[number];
+type CornerBox = {
+  w: number;
+  h: number;
+};
+type CornerSizes = Record<CornerKey, CornerBox | null>;
+/**
+ * Builds the notched outline as an SVG path, walking clockwise from the top
+ * edge. Convex turns sweep outward (sweep=1); the inner corner of each notch
+ * is a concave fillet (sweep=0). Exported for testing — not part of the
+ * typical component API.
+ */
+declare function buildNotchedCardPath({
+  w,
+  h,
+  radius,
+  notchRadius,
+  notches
+}: {
+  w: number;
+  h: number;
+  radius: number;
+  notchRadius: number;
+  notches: CornerSizes;
+}): string;
+declare const notchedCardVariants: {
+  readonly default: {
+    readonly background: "bg-glass-none-bg";
+    readonly shadow: "drop-shadow-sm";
+    readonly text: "text-primary-txt";
+    readonly borderedByDefault: true;
+  };
+  readonly muted: {
+    readonly background: "bg-muted-bg";
+    readonly shadow: "";
+    readonly text: "text-primary-txt";
+    readonly borderedByDefault: true;
+  };
+  readonly glass: {
+    readonly background: "bg-glass-40-bg backdrop-blur-glass";
+    readonly shadow: "";
+    readonly text: "text-primary-txt";
+    readonly borderedByDefault: false;
+  };
+  readonly brand: {
+    readonly background: "bg-[image:linear-gradient(to_right,var(--theme-brand-700),var(--theme-brand-500-primary))]";
+    readonly shadow: "";
+    readonly text: "text-white";
+    readonly borderedByDefault: false;
+  };
+  readonly inverted: {
+    readonly background: "bg-primary-invert-bg";
+    readonly shadow: "";
+    readonly text: "text-primary-invert-txt";
+    readonly borderedByDefault: false;
+  };
+};
+type NotchedCardVariant = keyof typeof notchedCardVariants;
+type NotchedCardProps = React.ComponentProps<"div"> & {
+  /** Content pinned to the top-left corner; its footprint is notched out of the background. */
+  topLeftComponent?: React.ReactNode;
+  /** Content pinned to the top-right corner; its footprint is notched out of the background. */
+  topRightComponent?: React.ReactNode;
+  /** Content pinned to the bottom-left corner; its footprint is notched out of the background. */
+  bottomLeftComponent?: React.ReactNode;
+  /** Content pinned to the bottom-right corner; its footprint is notched out of the background. */
+  bottomRightComponent?: React.ReactNode;
+  /** Background fill of the card surface. Default `default` (solid surface). */
+  variant?: NotchedCardVariant;
+  /** Image URL rendered as the card's background (object-fit: cover), slightly transparent. */
+  backgroundImage?: string;
+  /** Opacity of the background image. Default `0.8`. */
+  backgroundImageOpacity?: number;
+  /** Outer corner radius in px. Default `16`. */
+  radius?: number;
+  /** Concave fillet radius at each notch's inner corner in px. Default `12`. */
+  notchRadius?: number;
+  /** Gutter in px between corner content and the background edge. Default `12`. */
+  notchGap?: number;
+  /** Content padding in px. Default `24`. */
+  padding?: number;
+  /** Keep flowing content out of the notched corners via invisible float
+      spacers. Needs flow (block/inline) content — set `false` if
+      `contentClassName` turns the wrapper into a flex/grid container.
+      Default `true`. */
+  avoidNotches?: boolean;
+  /** Draw the outline stroke. Defaults per variant (`default`/`muted` on, others off). */
+  bordered?: boolean;
+  /** Extra classes for the clipped background layer — set the fill here (e.g.
+      `bg-…`, gradients). The layer sits behind the content, so plain `hover:`
+      variants never fire on it; the root carries the `group` marker — use
+      `group-hover:bg-…` for hover fills (plain `hover:` works on `className`,
+      which styles the root itself). */
+  backgroundClassName?: string;
+  /** Extra classes for the content wrapper. */
+  contentClassName?: string;
+};
+/** Card with corner slots that notch the background around their content. */
+declare function NotchedCard({
+  children,
+  topLeftComponent,
+  topRightComponent,
+  bottomLeftComponent,
+  bottomRightComponent,
+  variant,
+  backgroundImage,
+  backgroundImageOpacity,
+  radius,
+  notchRadius,
+  notchGap,
+  padding,
+  avoidNotches,
+  bordered,
   className,
+  backgroundClassName,
+  contentClassName,
+  style,
   ...props
-}: React.ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
-/** Horizontal list container holding the individual pagination items. */
-declare function PaginationContent({
-  className,
-  ...props
-}: React.ComponentProps<"ul">): react_jsx_runtime0.JSX.Element;
-/** Single list item wrapper for a pagination link, ellipsis, or control. */
-declare function PaginationItem({
-  ...props
-}: React.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
-type PaginationLinkProps = {
-  /** Marks this link as the current page; renders the outline (selected) style and sets `aria-current`. */
-  isActive?: boolean;
-} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
-/** Clickable page link styled with the Button variants; pass `isActive` for the current page. */
-declare function PaginationLink({
-  className,
-  isActive,
-  size,
-  ...props
-}: PaginationLinkProps): react_jsx_runtime0.JSX.Element;
-/** "Previous" control: a pagination link with a leading chevron and accessible label. */
-declare function PaginationPrevious({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime0.JSX.Element;
-/** "Next" control: a pagination link with a trailing chevron and accessible label. */
-declare function PaginationNext({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime0.JSX.Element;
-/** Non-interactive ellipsis indicating skipped page ranges. */
-declare function PaginationEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+}: NotchedCardProps): react_jsx_runtime300.JSX.Element;
 //#endregion
-export { PaginationLink as a, PaginationItem as i, PaginationContent as n, PaginationNext as o, PaginationEllipsis as r, PaginationPrevious as s, Pagination as t };
+export { notchedCardVariants as a, buildNotchedCardPath as i, NotchedCardProps as n, NotchedCardVariant as r, NotchedCard as t };
 //# sourceMappingURL=index49.d.cts.map

package/dist/index49.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index49.d.cts","names":[],"sources":["../src/primitives/Pagination/Pagination.tsx"],"mappings":";;;;;;iBAQS,UAAA;;;GAAoC,KAAA,CAAM,wBAAqB,kBAAA,CAAA,GAAA,CAAA;;AAJN,iBAiBzD,iBAAA,CAbU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAaiC,KAAA,CAAM,cAbvC,CAAA,IAAA,CAAA,CAAA,EAa2D,kBAAA,CAAA,GAAA,CAAA,OAb3D;;iBAwBV,cAAA,CAxBa;EAAA,GAAA;AAAA,CAAA,EAwBgB,KAAA,CAAM,cAxBtB,CAAA,IAAA,CAAA,CAAA,EAwB0C,kBAAA,CAAA,GAAA,CAAA,OAxB1C;KA4BjB,mBAAA,GA5B8C;;EAAqB,QAAA,CAAA,EAAA,OAAA;AAAA,CAAA,GA+BpE,IAlBK,CAkBA,KAAA,CAAM,cAlBW,CAAA,OAkBW,MAlBX,CAAA,EAAA,MAAA,CAAA,GAmBxB,KAAA,CAAM,cAnBkB,CAAA,GAAA,CAAA;;iBAsBjB,cAAA,CAtBoB;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAsB6C,mBAtB7C,CAAA,EAsBgE,kBAAA,CAAA,GAAA,CAAA,OAtBhE;;iBA2CpB,kBAAA,CA3CqE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CzB,KAAA,CAAM,cA3CmB,CAAA,OA2CG,cA3CH,CAAA,CAAA,EA2CkB,kBAAA,CAAA,GAAA,CAAA,OA3ClB;AAAA;AAAA,iBAyDrE,cAAA,CA9Cc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA8C0B,KAAA,CAAM,cA9ChC,CAAA,OA8CsD,cA9CtD,CAAA,CAAA,EA8CqE,kBAAA,CAAA,GAAA,CAAA,OA9CrE;;iBA4Dd,kBAAA,CA5DmC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4DS,KAAA,CAAM,cA5Df,CAAA,MAAA,CAAA,CAAA,EA4DqC,kBAAA,CAAA,GAAA,CAAA,OA5DrC"}
+{"version":3,"file":"index49.d.cts","names":[],"sources":["../src/primitives/NotchedCard/NotchedCard.tsx"],"mappings":";;;;cAWM;KACD,SAAA,WAAoB;KAEpB,SAAA;EAHC,CAAA,EAAA,MAAA;EACD,CAAA,EAAA,MAAA;AAA+B,CAAA;AAEtB,KACT,WAAA,GAAc,MAAH,CAAU,SAAV,EAAqB,SAArB,GAAA,IAAA,CAAA;;;;;AAAS;AAAA;iBAahB,oBAAA,CAAoB;EAAA,CAAA;EAAA,CAAA;EAAA,MAAA;EAAA,WAAA;EAAA;CAAA,EAAA;KAC3B,MAAA;KACA,MAAA;QACA,EAAA,MAAA;aACA,EAAA,MAAA;SACA,EAMS,WANT;UAMS;AAAW,cAuJhB,mBAvJgB,EAAA;EAuJhB,SAAA,OAAA,EAAA;IAoCD,SAAA,UAAkB,EAAA,kBAAgB;IAElC,SAAA,MAAgB,EAAA,gBAAA;IAAA,SAAA,IAAA,EAAA,kBAAA;IAAG,SAAM,iBAAA,EAAA,IAAA;;WAIF,KAAA,EAAA;IAEJ,SAAM,UAAA,EAAA,aAAA;IAEL,SAAM,MAAA,EAAA,EAAA;IAEnB,SAAA,IAAA,EAAA,kBAAA;IAAkB,SAAA,iBAAA,EAAA,IAAA;EA+BrB,CAAA;EAAW,SAAA,KAAA,EAAA;IAClB,SAAA,UAAA,EAAA,oCAAA;IACA,SAAA,MAAA,EAAA,EAAA;IACA,SAAA,IAAA,EAAA,kBAAA;IACA,SAAA,iBAAA,EAAA,KAAA;;WAEA,KAAA,EAAA;IACA,SAAA,UAAA,EAAA,4FAAA;IACA,SAAA,MAAA,EAAA,EAAA;IACA,SAAA,IAAA,EAAA,YAAA;IACA,SAAA,iBAAA,EAAA,KAAA;;WAEA,QAAA,EAAA;IACA,SAAA,UAAA,EAAA,sBAAA;IACA,SAAA,MAAA,EAAA,EAAA;IACA,SAAA,IAAA,EAAA,yBAAA;IACA,SAAA,iBAAA,EAAA,KAAA;;;KA3DG,kBAAA,GA+DF,MAAA,OA/DoC,mBA+DpC;KA7DE,gBAAA,GAAmB,KAAA,CAAM,cA6DX,CAAA,KAAA,CAAA,GAAA;EAAA;qBA3DE,KAAA,CAAM;;sBAEL,KAAA,CAAM;;wBAEJ,KAAA,CAAM;;yBAEL,KAAA,CAAM;;YAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA+BH,WAAA;;;;;;;;;;;;;;;;;;;;GAoBN,mBAAgB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/index49.d.ts

@@ -1,48 +1,127 @@
-import { t as Button } from "./index8.js";
 import * as React from "react";
-import * as react_jsx_runtime322 from "react/jsx-runtime";
+import * as react_jsx_runtime288 from "react/jsx-runtime";
 
-//#region src/primitives/Pagination/Pagination.d.ts
-/** Accessible pagination navigation landmark that wraps the list of page links. */
-declare function Pagination({
+//#region src/primitives/NotchedCard/NotchedCard.d.ts
+declare const CORNER_KEYS: readonly ["tl", "tr", "br", "bl"];
+type CornerKey = (typeof CORNER_KEYS)[number];
+type CornerBox = {
+  w: number;
+  h: number;
+};
+type CornerSizes = Record<CornerKey, CornerBox | null>;
+/**
+ * Builds the notched outline as an SVG path, walking clockwise from the top
+ * edge. Convex turns sweep outward (sweep=1); the inner corner of each notch
+ * is a concave fillet (sweep=0). Exported for testing — not part of the
+ * typical component API.
+ */
+declare function buildNotchedCardPath({
+  w,
+  h,
+  radius,
+  notchRadius,
+  notches
+}: {
+  w: number;
+  h: number;
+  radius: number;
+  notchRadius: number;
+  notches: CornerSizes;
+}): string;
+declare const notchedCardVariants: {
+  readonly default: {
+    readonly background: "bg-glass-none-bg";
+    readonly shadow: "drop-shadow-sm";
+    readonly text: "text-primary-txt";
+    readonly borderedByDefault: true;
+  };
+  readonly muted: {
+    readonly background: "bg-muted-bg";
+    readonly shadow: "";
+    readonly text: "text-primary-txt";
+    readonly borderedByDefault: true;
+  };
+  readonly glass: {
+    readonly background: "bg-glass-40-bg backdrop-blur-glass";
+    readonly shadow: "";
+    readonly text: "text-primary-txt";
+    readonly borderedByDefault: false;
+  };
+  readonly brand: {
+    readonly background: "bg-[image:linear-gradient(to_right,var(--theme-brand-700),var(--theme-brand-500-primary))]";
+    readonly shadow: "";
+    readonly text: "text-white";
+    readonly borderedByDefault: false;
+  };
+  readonly inverted: {
+    readonly background: "bg-primary-invert-bg";
+    readonly shadow: "";
+    readonly text: "text-primary-invert-txt";
+    readonly borderedByDefault: false;
+  };
+};
+type NotchedCardVariant = keyof typeof notchedCardVariants;
+type NotchedCardProps = React.ComponentProps<"div"> & {
+  /** Content pinned to the top-left corner; its footprint is notched out of the background. */
+  topLeftComponent?: React.ReactNode;
+  /** Content pinned to the top-right corner; its footprint is notched out of the background. */
+  topRightComponent?: React.ReactNode;
+  /** Content pinned to the bottom-left corner; its footprint is notched out of the background. */
+  bottomLeftComponent?: React.ReactNode;
+  /** Content pinned to the bottom-right corner; its footprint is notched out of the background. */
+  bottomRightComponent?: React.ReactNode;
+  /** Background fill of the card surface. Default `default` (solid surface). */
+  variant?: NotchedCardVariant;
+  /** Image URL rendered as the card's background (object-fit: cover), slightly transparent. */
+  backgroundImage?: string;
+  /** Opacity of the background image. Default `0.8`. */
+  backgroundImageOpacity?: number;
+  /** Outer corner radius in px. Default `16`. */
+  radius?: number;
+  /** Concave fillet radius at each notch's inner corner in px. Default `12`. */
+  notchRadius?: number;
+  /** Gutter in px between corner content and the background edge. Default `12`. */
+  notchGap?: number;
+  /** Content padding in px. Default `24`. */
+  padding?: number;
+  /** Keep flowing content out of the notched corners via invisible float
+      spacers. Needs flow (block/inline) content — set `false` if
+      `contentClassName` turns the wrapper into a flex/grid container.
+      Default `true`. */
+  avoidNotches?: boolean;
+  /** Draw the outline stroke. Defaults per variant (`default`/`muted` on, others off). */
+  bordered?: boolean;
+  /** Extra classes for the clipped background layer — set the fill here (e.g.
+      `bg-…`, gradients). The layer sits behind the content, so plain `hover:`
+      variants never fire on it; the root carries the `group` marker — use
+      `group-hover:bg-…` for hover fills (plain `hover:` works on `className`,
+      which styles the root itself). */
+  backgroundClassName?: string;
+  /** Extra classes for the content wrapper. */
+  contentClassName?: string;
+};
+/** Card with corner slots that notch the background around their content. */
+declare function NotchedCard({
+  children,
+  topLeftComponent,
+  topRightComponent,
+  bottomLeftComponent,
+  bottomRightComponent,
+  variant,
+  backgroundImage,
+  backgroundImageOpacity,
+  radius,
+  notchRadius,
+  notchGap,
+  padding,
+  avoidNotches,
+  bordered,
   className,
+  backgroundClassName,
+  contentClassName,
+  style,
   ...props
-}: React.ComponentProps<"nav">): react_jsx_runtime322.JSX.Element;
-/** Horizontal list container holding the individual pagination items. */
-declare function PaginationContent({
-  className,
-  ...props
-}: React.ComponentProps<"ul">): react_jsx_runtime322.JSX.Element;
-/** Single list item wrapper for a pagination link, ellipsis, or control. */
-declare function PaginationItem({
-  ...props
-}: React.ComponentProps<"li">): react_jsx_runtime322.JSX.Element;
-type PaginationLinkProps = {
-  /** Marks this link as the current page; renders the outline (selected) style and sets `aria-current`. */
-  isActive?: boolean;
-} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
-/** Clickable page link styled with the Button variants; pass `isActive` for the current page. */
-declare function PaginationLink({
-  className,
-  isActive,
-  size,
-  ...props
-}: PaginationLinkProps): react_jsx_runtime322.JSX.Element;
-/** "Previous" control: a pagination link with a leading chevron and accessible label. */
-declare function PaginationPrevious({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime322.JSX.Element;
-/** "Next" control: a pagination link with a trailing chevron and accessible label. */
-declare function PaginationNext({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime322.JSX.Element;
-/** Non-interactive ellipsis indicating skipped page ranges. */
-declare function PaginationEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<"span">): react_jsx_runtime322.JSX.Element;
+}: NotchedCardProps): react_jsx_runtime288.JSX.Element;
 //#endregion
-export { PaginationLink as a, PaginationItem as i, PaginationContent as n, PaginationNext as o, PaginationEllipsis as r, PaginationPrevious as s, Pagination as t };
+export { notchedCardVariants as a, buildNotchedCardPath as i, NotchedCardProps as n, NotchedCardVariant as r, NotchedCard as t };
 //# sourceMappingURL=index49.d.ts.map

package/dist/index49.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index49.d.ts","names":[],"sources":["../src/primitives/Pagination/Pagination.tsx"],"mappings":";;;;;;iBAQS,UAAA;;;GAAoC,KAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;;AAJN,iBAiBzD,iBAAA,CAbU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAaiC,KAAA,CAAM,cAbvC,CAAA,IAAA,CAAA,CAAA,EAa2D,oBAAA,CAAA,GAAA,CAAA,OAb3D;;iBAwBV,cAAA,CAxBa;EAAA,GAAA;AAAA,CAAA,EAwBgB,KAAA,CAAM,cAxBtB,CAAA,IAAA,CAAA,CAAA,EAwB0C,oBAAA,CAAA,GAAA,CAAA,OAxB1C;KA4BjB,mBAAA,GA5B8C;;EAAqB,QAAA,CAAA,EAAA,OAAA;AAAA,CAAA,GA+BpE,IAlBK,CAkBA,KAAA,CAAM,cAlBW,CAAA,OAkBW,MAlBX,CAAA,EAAA,MAAA,CAAA,GAmBxB,KAAA,CAAM,cAnBkB,CAAA,GAAA,CAAA;;iBAsBjB,cAAA,CAtBoB;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAsB6C,mBAtB7C,CAAA,EAsBgE,oBAAA,CAAA,GAAA,CAAA,OAtBhE;;iBA2CpB,kBAAA,CA3CqE;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CzB,KAAA,CAAM,cA3CmB,CAAA,OA2CG,cA3CH,CAAA,CAAA,EA2CkB,oBAAA,CAAA,GAAA,CAAA,OA3ClB;AAAA;AAAA,iBAyDrE,cAAA,CA9Cc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA8C0B,KAAA,CAAM,cA9ChC,CAAA,OA8CsD,cA9CtD,CAAA,CAAA,EA8CqE,oBAAA,CAAA,GAAA,CAAA,OA9CrE;;iBA4Dd,kBAAA,CA5DmC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4DS,KAAA,CAAM,cA5Df,CAAA,MAAA,CAAA,CAAA,EA4DqC,oBAAA,CAAA,GAAA,CAAA,OA5DrC"}
+{"version":3,"file":"index49.d.ts","names":[],"sources":["../src/primitives/NotchedCard/NotchedCard.tsx"],"mappings":";;;;cAWM;KACD,SAAA,WAAoB;KAEpB,SAAA;EAHC,CAAA,EAAA,MAAA;EACD,CAAA,EAAA,MAAA;AAA+B,CAAA;AAEtB,KACT,WAAA,GAAc,MAAH,CAAU,SAAV,EAAqB,SAArB,GAAA,IAAA,CAAA;;;;;AAAS;AAAA;iBAahB,oBAAA,CAAoB;EAAA,CAAA;EAAA,CAAA;EAAA,MAAA;EAAA,WAAA;EAAA;CAAA,EAAA;KAC3B,MAAA;KACA,MAAA;QACA,EAAA,MAAA;aACA,EAAA,MAAA;SACA,EAMS,WANT;UAMS;AAAW,cAuJhB,mBAvJgB,EAAA;EAuJhB,SAAA,OAAA,EAAA;IAoCD,SAAA,UAAkB,EAAA,kBAAgB;IAElC,SAAA,MAAgB,EAAA,gBAAA;IAAA,SAAA,IAAA,EAAA,kBAAA;IAAG,SAAM,iBAAA,EAAA,IAAA;;WAIF,KAAA,EAAA;IAEJ,SAAM,UAAA,EAAA,aAAA;IAEL,SAAM,MAAA,EAAA,EAAA;IAEnB,SAAA,IAAA,EAAA,kBAAA;IAAkB,SAAA,iBAAA,EAAA,IAAA;EA+BrB,CAAA;EAAW,SAAA,KAAA,EAAA;IAClB,SAAA,UAAA,EAAA,oCAAA;IACA,SAAA,MAAA,EAAA,EAAA;IACA,SAAA,IAAA,EAAA,kBAAA;IACA,SAAA,iBAAA,EAAA,KAAA;;WAEA,KAAA,EAAA;IACA,SAAA,UAAA,EAAA,4FAAA;IACA,SAAA,MAAA,EAAA,EAAA;IACA,SAAA,IAAA,EAAA,YAAA;IACA,SAAA,iBAAA,EAAA,KAAA;;WAEA,QAAA,EAAA;IACA,SAAA,UAAA,EAAA,sBAAA;IACA,SAAA,MAAA,EAAA,EAAA;IACA,SAAA,IAAA,EAAA,yBAAA;IACA,SAAA,iBAAA,EAAA,KAAA;;;KA3DG,kBAAA,GA+DF,MAAA,OA/DoC,mBA+DpC;KA7DE,gBAAA,GAAmB,KAAA,CAAM,cA6DX,CAAA,KAAA,CAAA,GAAA;EAAA;qBA3DE,KAAA,CAAM;;sBAEL,KAAA,CAAM;;wBAEJ,KAAA,CAAM;;yBAEL,KAAA,CAAM;;YAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA+BH,WAAA;;;;;;;;;;;;;;;;;;;;GAoBN,mBAAgB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/index5.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime64 from "react/jsx-runtime";
+import * as react_jsx_runtime237 from "react/jsx-runtime";
 import { Avatar } from "radix-ui";
 import * as React from "react";
 
@@ -14,32 +14,32 @@ declare function Avatar$1({
   size?: "default" | "sm" | "xs" | "xxs";
   /** Corner treatment: a circle (`round`) or a rounded square (`roundrect`). */
   shape?: "round" | "roundrect";
-}): react_jsx_runtime64.JSX.Element;
+}): react_jsx_runtime237.JSX.Element;
 /** The avatar photo; falls back to `AvatarFallback` when the source fails to load. */
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar.Image>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<typeof Avatar.Image>): react_jsx_runtime237.JSX.Element;
 /** Placeholder (typically initials) rendered when no image is available. */
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar.Fallback>): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<typeof Avatar.Fallback>): react_jsx_runtime237.JSX.Element;
 /** Small status indicator (e.g. presence dot) anchored to the avatar's bottom-right corner. */
 declare function AvatarBadge({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime237.JSX.Element;
 /** Wrapper that overlaps a row of avatars into a stacked cluster. */
 declare function AvatarGroup({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime237.JSX.Element;
 /** Trailing chip in an `AvatarGroup` showing the overflow count (e.g. `+3`). */
 declare function AvatarGroupCount({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime64.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime237.JSX.Element;
 //#endregion
 export { AvatarGroupCount as a, AvatarGroup as i, AvatarBadge as n, AvatarImage as o, AvatarFallback as r, Avatar$1 as t };
 //# sourceMappingURL=index5.d.cts.map