@psnext/design-system 2.3.0 → 2.5.0

package/dist/index47.d.ts

@@ -1,41 +1 @@
-import * as React from "react";
-import { RadioGroup } from "radix-ui";
-import * as react_jsx_runtime141 from "react/jsx-runtime";
-
-//#region src/primitives/RadioGroup/RadioGroup.d.ts
-/** Root of a set of mutually-exclusive radio options; lays them out vertically or horizontally. */
-declare function RadioGroup$1({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<typeof RadioGroup.Root> & {
-  /** Stack the items in a column (`vertical`) or wrap them in a row (`horizontal`). */
-  orientation?: "vertical" | "horizontal";
-}): react_jsx_runtime141.JSX.Element;
-/** A single selectable radio control; pair it with a label for accessible option text. */
-declare function RadioGroupItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof RadioGroup.Item>): react_jsx_runtime141.JSX.Element;
-/** A card-style radio option with a bordered surface, title, and description that highlights when checked. */
-declare function RichRadioItem({
-  className,
-  value,
-  title,
-  description,
-  flipped,
-  id,
-  ...props
-}: Omit<React.ComponentProps<typeof RadioGroup.Item>, "children"> & {
-  /** Value submitted when this option is selected. */
-  value: string;
-  /** Bold heading shown at the top of the card. */
-  title?: React.ReactNode;
-  /** Secondary muted text shown beneath the title. */
-  description?: React.ReactNode;
-  /** Place the radio control on the trailing edge instead of the leading edge. */
-  flipped?: boolean;
-}): react_jsx_runtime141.JSX.Element;
-//#endregion
-export { RadioGroupItem as n, RichRadioItem as r, RadioGroup$1 as t };
-//# sourceMappingURL=index47.d.ts.map
+export {};

package/dist/index48.d.cts

@@ -1,25 +1,127 @@
-import * as react_jsx_runtime297 from "react/jsx-runtime";
-import * as ResizablePrimitive from "react-resizable-panels";
+import * as react_jsx_runtime313 from "react/jsx-runtime";
+import * as React from "react";
 
-//#region src/primitives/Resizable/Resizable.d.ts
-/** Root container that lays out `ResizablePanel`s and `ResizableHandle`s and drives resize behaviour (set `orientation` to switch axis). */
-declare function ResizablePanelGroup({
+//#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
-}: ResizablePrimitive.GroupProps): react_jsx_runtime297.JSX.Element;
-/** A single resizable region within a `ResizablePanelGroup`; size it with `defaultSize`/`minSize`/`maxSize`. */
-declare function ResizablePanel({
-  ...props
-}: ResizablePrimitive.PanelProps): react_jsx_runtime297.JSX.Element;
-/** Draggable divider between two panels; pass `withHandle` to render a visible grip affordance. */
-declare function ResizableHandle({
-  withHandle,
-  className,
-  ...props
-}: ResizablePrimitive.SeparatorProps & {
-  /** Renders a visible grip icon centred on the divider. */
-  withHandle?: boolean;
-}): react_jsx_runtime297.JSX.Element;
+}: NotchedCardProps): react_jsx_runtime313.JSX.Element;
 //#endregion
-export { ResizablePanel as n, ResizablePanelGroup as r, ResizableHandle as t };
+export { notchedCardVariants as a, buildNotchedCardPath as i, NotchedCardProps as n, NotchedCardVariant as r, NotchedCard as t };
 //# sourceMappingURL=index48.d.cts.map

package/dist/index48.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index48.d.cts","names":[],"sources":["../src/primitives/Resizable/Resizable.tsx"],"mappings":";;;;;iBAMS,mBAAA;;;GAA6C,kBAAA,CAAmB,aAAU,oBAAA,CAAA,GAAA,CAAA;;AALtB,iBAgBpD,cAAA,CAXmB;EAAA,GAAA;AAAA,CAAA,EAWU,kBAAA,CAAmB,UAX7B,CAAA,EAWuC,oBAAA,CAAA,GAAA,CAAA,OAXvC;;iBAgBnB,eAAA,CAhBsB;EAAA,UAAA;EAAA,SAAA;EAAA,GAAA;AAAoD,CAApD,EAoB5B,kBAAA,CAAmB,cApBS,GAAA;;YAAoD,CAAA,EAAA,OAAA;AAAA,CAAA,CAAA,EAuBlF,oBAAA,CAAA,GAAA,CAAA,OAvBkF"}
+{"version":3,"file":"index48.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/index48.d.ts

@@ -1,25 +1,127 @@
-import * as react_jsx_runtime121 from "react/jsx-runtime";
-import * as ResizablePrimitive from "react-resizable-panels";
+import * as React from "react";
+import * as react_jsx_runtime253 from "react/jsx-runtime";
 
-//#region src/primitives/Resizable/Resizable.d.ts
-/** Root container that lays out `ResizablePanel`s and `ResizableHandle`s and drives resize behaviour (set `orientation` to switch axis). */
-declare function ResizablePanelGroup({
+//#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
-}: ResizablePrimitive.GroupProps): react_jsx_runtime121.JSX.Element;
-/** A single resizable region within a `ResizablePanelGroup`; size it with `defaultSize`/`minSize`/`maxSize`. */
-declare function ResizablePanel({
-  ...props
-}: ResizablePrimitive.PanelProps): react_jsx_runtime121.JSX.Element;
-/** Draggable divider between two panels; pass `withHandle` to render a visible grip affordance. */
-declare function ResizableHandle({
-  withHandle,
-  className,
-  ...props
-}: ResizablePrimitive.SeparatorProps & {
-  /** Renders a visible grip icon centred on the divider. */
-  withHandle?: boolean;
-}): react_jsx_runtime121.JSX.Element;
+}: NotchedCardProps): react_jsx_runtime253.JSX.Element;
 //#endregion
-export { ResizablePanel as n, ResizablePanelGroup as r, ResizableHandle as t };
+export { notchedCardVariants as a, buildNotchedCardPath as i, NotchedCardProps as n, NotchedCardVariant as r, NotchedCard as t };
 //# sourceMappingURL=index48.d.ts.map

package/dist/index48.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index48.d.ts","names":[],"sources":["../src/primitives/Resizable/Resizable.tsx"],"mappings":";;;;;iBAMS,mBAAA;;;GAA6C,kBAAA,CAAmB,aAAU,oBAAA,CAAA,GAAA,CAAA;;AALtB,iBAgBpD,cAAA,CAXmB;EAAA,GAAA;AAAA,CAAA,EAWU,kBAAA,CAAmB,UAX7B,CAAA,EAWuC,oBAAA,CAAA,GAAA,CAAA,OAXvC;;iBAgBnB,eAAA,CAhBsB;EAAA,UAAA;EAAA,SAAA;EAAA,GAAA;AAAoD,CAApD,EAoB5B,kBAAA,CAAmB,cApBS,GAAA;;YAAoD,CAAA,EAAA,OAAA;AAAA,CAAA,CAAA,EAuBlF,oBAAA,CAAA,GAAA,CAAA,OAvBkF"}
+{"version":3,"file":"index48.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/index49.d.cts

@@ -1,21 +1,48 @@
-import * as react_jsx_runtime295 from "react/jsx-runtime";
-import { ScrollArea } from "radix-ui";
+import { t as Button } from "./index8.cjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 
-//#region src/primitives/ScrollArea/ScrollArea.d.ts
-/** Custom-styled scroll container: a viewport with a slim, auto-hiding scrollbar. */
-declare function ScrollArea$1({
+//#region src/primitives/Pagination/Pagination.d.ts
+/** Accessible pagination navigation landmark that wraps the list of page links. */
+declare function Pagination({
   className,
-  children,
   ...props
-}: React.ComponentProps<typeof ScrollArea.Root>): react_jsx_runtime295.JSX.Element;
-/** A single scrollbar track + thumb for the ScrollArea, vertical or horizontal. */
-declare function ScrollBar({
+}: React.ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
+/** Horizontal list container holding the individual pagination items. */
+declare function PaginationContent({
   className,
-  /** Axis the scrollbar controls; defaults to `"vertical"`. */
-  orientation,
   ...props
-}: React.ComponentProps<typeof ScrollArea.ScrollAreaScrollbar>): react_jsx_runtime295.JSX.Element;
+}: 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;
 //#endregion
-export { ScrollBar as n, ScrollArea$1 as t };
+export { PaginationLink as a, PaginationItem as i, PaginationContent as n, PaginationNext as o, PaginationEllipsis as r, PaginationPrevious as s, Pagination 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/ScrollArea/ScrollArea.tsx"],"mappings":";;;;;;iBAMS,YAAA;;;;GAIN,KAAA,CAAM,sBAAsB,UAAA,CAAoB,QAAK,oBAAA,CAAA,GAAA,CAAA;;AATpB,iBA6B3B,SAAA,CAxBU;EAAA,SAAA;;aACjB;EAAA,GAAA;AAAA,CAAA,EA4BC,KAAA,CAAM,cA5BP,CAAA,OA4B6B,UAAA,CAAoB,mBA5BjD,CAAA,CAAA,EA4BqE,oBAAA,CAAA,GAAA,CAAA,OA5BrE"}
+{"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"}

package/dist/index49.d.ts

@@ -1,21 +1,48 @@
+import { t as Button } from "./index8.js";
 import * as React from "react";
-import { ScrollArea } from "radix-ui";
-import * as react_jsx_runtime119 from "react/jsx-runtime";
+import * as react_jsx_runtime322 from "react/jsx-runtime";
 
-//#region src/primitives/ScrollArea/ScrollArea.d.ts
-/** Custom-styled scroll container: a viewport with a slim, auto-hiding scrollbar. */
-declare function ScrollArea$1({
+//#region src/primitives/Pagination/Pagination.d.ts
+/** Accessible pagination navigation landmark that wraps the list of page links. */
+declare function Pagination({
   className,
-  children,
   ...props
-}: React.ComponentProps<typeof ScrollArea.Root>): react_jsx_runtime119.JSX.Element;
-/** A single scrollbar track + thumb for the ScrollArea, vertical or horizontal. */
-declare function ScrollBar({
+}: React.ComponentProps<"nav">): react_jsx_runtime322.JSX.Element;
+/** Horizontal list container holding the individual pagination items. */
+declare function PaginationContent({
   className,
-  /** Axis the scrollbar controls; defaults to `"vertical"`. */
-  orientation,
   ...props
-}: React.ComponentProps<typeof ScrollArea.ScrollAreaScrollbar>): react_jsx_runtime119.JSX.Element;
+}: 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;
 //#endregion
-export { ScrollBar as n, ScrollArea$1 as t };
+export { PaginationLink as a, PaginationItem as i, PaginationContent as n, PaginationNext as o, PaginationEllipsis as r, PaginationPrevious as s, Pagination 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/ScrollArea/ScrollArea.tsx"],"mappings":";;;;;;iBAMS,YAAA;;;;GAIN,KAAA,CAAM,sBAAsB,UAAA,CAAoB,QAAK,oBAAA,CAAA,GAAA,CAAA;;AATpB,iBA6B3B,SAAA,CAxBU;EAAA,SAAA;;aACjB;EAAA,GAAA;AAAA,CAAA,EA4BC,KAAA,CAAM,cA5BP,CAAA,OA4B6B,UAAA,CAAoB,mBA5BjD,CAAA,CAAA,EA4BqE,oBAAA,CAAA,GAAA,CAAA,OA5BrE"}
+{"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"}

package/dist/index5.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime266 from "react/jsx-runtime";
+import * as react_jsx_runtime64 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_runtime266.JSX.Element;
+}): react_jsx_runtime64.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_runtime266.JSX.Element;
+}: React.ComponentProps<typeof Avatar.Image>): react_jsx_runtime64.JSX.Element;
 /** Placeholder (typically initials) rendered when no image is available. */
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar.Fallback>): react_jsx_runtime266.JSX.Element;
+}: React.ComponentProps<typeof Avatar.Fallback>): react_jsx_runtime64.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_runtime266.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime64.JSX.Element;
 /** Wrapper that overlaps a row of avatars into a stacked cluster. */
 declare function AvatarGroup({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime266.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime64.JSX.Element;
 /** Trailing chip in an `AvatarGroup` showing the overflow count (e.g. `+3`). */
 declare function AvatarGroupCount({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime266.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime64.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

package/dist/index5.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index5.d.cts","names":[],"sources":["../src/primitives/Avatar/Avatar.tsx"],"mappings":";;;;;;iBAMS,QAAA;;;;;GAKN,KAAA,CAAM,sBAAsB,MAAA,CAAgB;;EALtC,IAAA,CAAA,EAAA,SAAM,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA;EAAA;OACb,CAAA,EAAA,OAAA,GAAA,WAAA;IASD,oBAAA,CAAA,GAAA,CAAA,OARC;;iBA2BO,WAAA,CAxBsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwBD,KAAA,CAAM,cAxBL,CAAA,OAwB2B,MAAA,CAAgB,KAxB3C,CAAA,CAAA,EAwBiD,oBAAA,CAAA,GAAA,CAAA,OAxBjD;;iBAmCtC,cAAA,CA9BR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiCE,KAAA,CAAM,cAjCR,CAAA,OAiC8B,MAAA,CAAgB,QAjC9C,CAAA,CAAA,EAiCuD,oBAAA,CAAA,GAAA,CAAA,OAjCvD;AAAA;AAAA,iBAmDQ,WAAA,CAhCW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgC0B,KAAA,CAAM,cAhChC,CAAA,MAAA,CAAA,CAAA,EAgCsD,oBAAA,CAAA,GAAA,CAAA,OAhCtD;;iBAkDX,WAAA,CAlDc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkDuB,KAAA,CAAM,cAlD7B,CAAA,KAAA,CAAA,CAAA,EAkDkD,oBAAA,CAAA,GAAA,CAAA,OAlDlD;;iBAgEd,gBAAA,CAhE2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgED,KAAA,CAAM,cAhEL,CAAA,KAAA,CAAA,CAAA,EAgE0B,oBAAA,CAAA,GAAA,CAAA,OAhE1B"}
+{"version":3,"file":"index5.d.cts","names":[],"sources":["../src/primitives/Avatar/Avatar.tsx"],"mappings":";;;;;;iBAMS,QAAA;;;;;GAKN,KAAA,CAAM,sBAAsB,MAAA,CAAgB;;EALtC,IAAA,CAAA,EAAA,SAAM,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA;EAAA;OACb,CAAA,EAAA,OAAA,GAAA,WAAA;IASD,mBAAA,CAAA,GAAA,CAAA,OARC;;iBA2BO,WAAA,CAxBsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwBD,KAAA,CAAM,cAxBL,CAAA,OAwB2B,MAAA,CAAgB,KAxB3C,CAAA,CAAA,EAwBiD,mBAAA,CAAA,GAAA,CAAA,OAxBjD;;iBAmCtC,cAAA,CA9BR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiCE,KAAA,CAAM,cAjCR,CAAA,OAiC8B,MAAA,CAAgB,QAjC9C,CAAA,CAAA,EAiCuD,mBAAA,CAAA,GAAA,CAAA,OAjCvD;AAAA;AAAA,iBAmDQ,WAAA,CAhCW;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgC0B,KAAA,CAAM,cAhChC,CAAA,MAAA,CAAA,CAAA,EAgCsD,mBAAA,CAAA,GAAA,CAAA,OAhCtD;;iBAkDX,WAAA,CAlDc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkDuB,KAAA,CAAM,cAlD7B,CAAA,KAAA,CAAA,CAAA,EAkDkD,mBAAA,CAAA,GAAA,CAAA,OAlDlD;;iBAgEd,gBAAA,CAhE2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgED,KAAA,CAAM,cAhEL,CAAA,KAAA,CAAA,CAAA,EAgE0B,mBAAA,CAAA,GAAA,CAAA,OAhE1B"}

package/dist/index5.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
+import * as react_jsx_runtime203 from "react/jsx-runtime";
 import { Avatar } from "radix-ui";
-import * as react_jsx_runtime301 from "react/jsx-runtime";
 
 //#region src/primitives/Avatar/Avatar.d.ts
 /** Root avatar container — sizes/shapes the image+fallback and exposes data attrs for descendants. */
@@ -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_runtime301.JSX.Element;
+}): react_jsx_runtime203.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_runtime301.JSX.Element;
+}: React.ComponentProps<typeof Avatar.Image>): react_jsx_runtime203.JSX.Element;
 /** Placeholder (typically initials) rendered when no image is available. */
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar.Fallback>): react_jsx_runtime301.JSX.Element;
+}: React.ComponentProps<typeof Avatar.Fallback>): react_jsx_runtime203.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_runtime301.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime203.JSX.Element;
 /** Wrapper that overlaps a row of avatars into a stacked cluster. */
 declare function AvatarGroup({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime301.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime203.JSX.Element;
 /** Trailing chip in an `AvatarGroup` showing the overflow count (e.g. `+3`). */
 declare function AvatarGroupCount({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime301.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime203.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.ts.map