agentic-ds-kit 0.1.0 → 0.2.0

package/{ui → dist/ui}/NumberTransition/NumberTransition.module.css

@@ -1,4 +1,4 @@
-.root {
+._root_1u0hs_1 {
   --number-transition-duration: var(--motion-modal-duration);
   display: inline-block;
   color: var(--text-primary);
@@ -9,47 +9,47 @@
   font-variant-numeric: tabular-nums;
 }
 
-.content {
+._content_1u0hs_12 {
   display: inline-grid;
   grid-auto-flow: column;
 }
 
-.cell {
+._cell_1u0hs_17 {
   display: inline-grid;
   overflow: hidden;
 }
 
-.old,
-.new {
+._old_1u0hs_22,
+._new_1u0hs_23 {
   grid-area: 1 / 1;
 }
 
-.changing[data-direction="up"] .old {
-  animation: number-old-up var(--number-transition-duration) var(--motion-expand-easing) both;
+._changing_1u0hs_27[data-direction="up"] ._old_1u0hs_22 {
+  animation: _number-old-up_1u0hs_1 var(--number-transition-duration) var(--motion-expand-easing) both;
 }
 
-.changing[data-direction="up"] .new {
-  animation: number-new-up var(--number-transition-duration) var(--motion-expand-easing) both;
+._changing_1u0hs_27[data-direction="up"] ._new_1u0hs_23 {
+  animation: _number-new-up_1u0hs_1 var(--number-transition-duration) var(--motion-expand-easing) both;
 }
 
-.changing[data-direction="down"] .old {
-  animation: number-old-down var(--number-transition-duration) var(--motion-expand-easing) both;
+._changing_1u0hs_27[data-direction="down"] ._old_1u0hs_22 {
+  animation: _number-old-down_1u0hs_1 var(--number-transition-duration) var(--motion-expand-easing) both;
 }
 
-.changing[data-direction="down"] .new {
-  animation: number-new-down var(--number-transition-duration) var(--motion-expand-easing) both;
+._changing_1u0hs_27[data-direction="down"] ._new_1u0hs_23 {
+  animation: _number-new-down_1u0hs_1 var(--number-transition-duration) var(--motion-expand-easing) both;
 }
 
-.sm {
+._sm_1u0hs_43 {
   font-size: var(--type-size-body-sm);
   font-weight: var(--type-weight-body);
 }
 
-.lg {
+._lg_1u0hs_48 {
   font-size: var(--type-size-heading);
 }
 
-@keyframes number-old-up {
+@keyframes _number-old-up_1u0hs_1 {
   from {
     opacity: 1;
     transform: translateY(0);
@@ -61,7 +61,7 @@
   }
 }
 
-@keyframes number-new-up {
+@keyframes _number-new-up_1u0hs_1 {
   from {
     opacity: 0;
     transform: translateY(100%);
@@ -73,7 +73,7 @@
   }
 }
 
-@keyframes number-old-down {
+@keyframes _number-old-down_1u0hs_1 {
   from {
     opacity: 1;
     transform: translateY(0);
@@ -85,7 +85,7 @@
   }
 }
 
-@keyframes number-new-down {
+@keyframes _number-new-down_1u0hs_1 {
   from {
     opacity: 0;
     transform: translateY(-100%);
@@ -98,11 +98,11 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .old {
+  ._old_1u0hs_22 {
     display: none;
   }
 
-  .new {
+  ._new_1u0hs_23 {
     opacity: 1;
     animation: none;
     transform: none;

package/dist/ui/NumberTransition/NumberTransition.module.js

@@ -0,0 +1,20 @@
+import "./NumberTransition.module.css";
+//#region ui/NumberTransition/NumberTransition.module.css
+var e = "_root_1u0hs_1", t = "_content_1u0hs_12", n = "_cell_1u0hs_17", r = "_old_1u0hs_22", i = "_changing_1u0hs_27", a = "_sm_1u0hs_43", o = "_lg_1u0hs_48", s = {
+	root: e,
+	content: t,
+	cell: n,
+	old: r,
+	new: "_new_1u0hs_23",
+	changing: i,
+	"number-old-up": "_number-old-up_1u0hs_1",
+	"number-new-up": "_number-new-up_1u0hs_1",
+	"number-old-down": "_number-old-down_1u0hs_1",
+	"number-new-down": "_number-new-down_1u0hs_1",
+	sm: a,
+	lg: o
+};
+//#endregion
+export { n as cell, i as changing, t as content, s as default, o as lg, r as old, e as root, a as sm };
+
+//# sourceMappingURL=NumberTransition.module.js.map

package/dist/ui/NumberTransition/NumberTransition.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberTransition.module.js","names":[],"sources":["../../../ui/NumberTransition/NumberTransition.module.css"],"sourcesContent":[".root {\n  --number-transition-duration: var(--motion-modal-duration);\n  display: inline-block;\n  color: var(--text-primary);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-heading-sm);\n  font-weight: var(--type-weight-heading);\n  line-height: var(--type-line-heading);\n  font-variant-numeric: tabular-nums;\n}\n\n.content {\n  display: inline-grid;\n  grid-auto-flow: column;\n}\n\n.cell {\n  display: inline-grid;\n  overflow: hidden;\n}\n\n.old,\n.new {\n  grid-area: 1 / 1;\n}\n\n.changing[data-direction=\"up\"] .old {\n  animation: number-old-up var(--number-transition-duration) var(--motion-expand-easing) both;\n}\n\n.changing[data-direction=\"up\"] .new {\n  animation: number-new-up var(--number-transition-duration) var(--motion-expand-easing) both;\n}\n\n.changing[data-direction=\"down\"] .old {\n  animation: number-old-down var(--number-transition-duration) var(--motion-expand-easing) both;\n}\n\n.changing[data-direction=\"down\"] .new {\n  animation: number-new-down var(--number-transition-duration) var(--motion-expand-easing) both;\n}\n\n.sm {\n  font-size: var(--type-size-body-sm);\n  font-weight: var(--type-weight-body);\n}\n\n.lg {\n  font-size: var(--type-size-heading);\n}\n\n@keyframes number-old-up {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n}\n\n@keyframes number-new-up {\n  from {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes number-old-down {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  to {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n}\n\n@keyframes number-new-down {\n  from {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .old {\n    display: none;\n  }\n\n  .new {\n    opacity: 1;\n    animation: none;\n    transform: none;\n  }\n}\n"],"mappings":""}

package/dist/ui/NumberTransition/NumberTransition.types.d.ts

@@ -0,0 +1,8 @@
+export type NumberTransitionSize = "sm" | "md" | "lg";
+export interface NumberTransitionProps {
+    value: number | string;
+    format?: (value: number | string) => string;
+    size?: NumberTransitionSize;
+    label?: string;
+    className?: string;
+}

package/dist/ui/NumberTransition/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberTransition } from './NumberTransition';
+export type { NumberTransitionProps, NumberTransitionSize } from './NumberTransition.types';

package/dist/ui/PageHeader/PageHeader.d.ts

@@ -0,0 +1,3 @@
+import { PageHeaderProps } from './PageHeader.types';
+export type { PageHeaderProps } from './PageHeader.types';
+export declare function PageHeader({ title, subtitle, eyebrow, actions, breadcrumbs, breadcrumbSeparator, breadcrumbMaxItems, }: PageHeaderProps): import("react").JSX.Element;

package/dist/ui/PageHeader/PageHeader.js

@@ -0,0 +1,44 @@
+import { Breadcrumb as e } from "../Breadcrumb/Breadcrumb.js";
+import t from "./PageHeader.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ui/PageHeader/PageHeader.tsx
+function i({ title: i, subtitle: a, eyebrow: o, actions: s, breadcrumbs: c, breadcrumbSeparator: l, breadcrumbMaxItems: u }) {
+	let d = c && c.length >= 2 ? c : void 0;
+	return /* @__PURE__ */ r("header", {
+		className: t.header,
+		children: [d ? /* @__PURE__ */ n("div", {
+			className: t.trail,
+			children: /* @__PURE__ */ n(e, {
+				items: d,
+				separator: l,
+				maxItems: u
+			})
+		}) : null, /* @__PURE__ */ r("div", {
+			className: t.row,
+			children: [/* @__PURE__ */ r("div", {
+				className: t.content,
+				children: [
+					o ? /* @__PURE__ */ n("p", {
+						className: t.eyebrow,
+						children: o
+					}) : null,
+					/* @__PURE__ */ n("h1", {
+						className: t.title,
+						children: i
+					}),
+					a ? /* @__PURE__ */ n("p", {
+						className: t.subtitle,
+						children: a
+					}) : null
+				]
+			}), s ? /* @__PURE__ */ n("div", {
+				className: t.actions,
+				children: s
+			}) : null]
+		})]
+	});
+}
+//#endregion
+export { i as PageHeader };
+
+//# sourceMappingURL=PageHeader.js.map

package/dist/ui/PageHeader/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","names":[],"sources":["../../../ui/PageHeader/PageHeader.tsx"],"sourcesContent":["import { Breadcrumb } from \"../Breadcrumb\";\nimport type { PageHeaderProps } from \"./PageHeader.types\";\nimport styles from \"./PageHeader.module.css\";\n\nexport type { PageHeaderProps } from \"./PageHeader.types\";\n\nexport function PageHeader({\n  title,\n  subtitle,\n  eyebrow,\n  actions,\n  breadcrumbs,\n  breadcrumbSeparator,\n  breadcrumbMaxItems,\n}: PageHeaderProps) {\n  const trail = breadcrumbs && breadcrumbs.length >= 2 ? breadcrumbs : undefined;\n\n  return (\n    <header className={styles.header}>\n      {trail ? (\n        <div className={styles.trail}>\n          <Breadcrumb\n            items={trail}\n            separator={breadcrumbSeparator}\n            maxItems={breadcrumbMaxItems}\n          />\n        </div>\n      ) : null}\n      <div className={styles.row}>\n        <div className={styles.content}>\n          {eyebrow ? <p className={styles.eyebrow}>{eyebrow}</p> : null}\n          <h1 className={styles.title}>{title}</h1>\n          {subtitle ? <p className={styles.subtitle}>{subtitle}</p> : null}\n        </div>\n        {actions ? <div className={styles.actions}>{actions}</div> : null}\n      </div>\n    </header>\n  );\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAW,EACzB,UACA,aACA,YACA,YACA,gBACA,wBACA,yBACkB;CAClB,IAAM,IAAQ,KAAe,EAAY,UAAU,IAAI,IAAc,KAAA;CAErE,OACE,kBAAC,UAAD;EAAQ,WAAW,EAAO;EAA1B,UAAA,CACG,IACC,kBAAC,OAAD;GAAK,WAAW,EAAO;GACrB,UAAA,kBAAC,GAAD;IACE,OAAO;IACP,WAAW;IACX,UAAU;GACX,CAAA;EACE,CAAA,IACH,MACJ,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAvB,UAAA,CACE,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAvB,UAAA;KACG,IAAU,kBAAC,KAAD;MAAG,WAAW,EAAO;MAAU,UAAA;KAAW,CAAA,IAAI;KACzD,kBAAC,MAAD;MAAI,WAAW,EAAO;MAAQ,UAAA;KAAU,CAAA;KACvC,IAAW,kBAAC,KAAD;MAAG,WAAW,EAAO;MAAW,UAAA;KAAY,CAAA,IAAI;IACzD;GACJ,CAAA,GAAA,IAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU,UAAA;GAAa,CAAA,IAAI,IAC1D;EACC,CAAA,CAAA;;AAEZ"}

package/{ui → dist/ui}/PageHeader/PageHeader.module.css

@@ -1,15 +1,15 @@
-.header {
+._header_umh96_1 {
   display: flex;
   flex-direction: column;
   gap: var(--space-3);
   width: 100%;
 }
 
-.trail {
+._trail_umh96_8 {
   min-width: 0;
 }
 
-.row {
+._row_umh96_12 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -17,12 +17,12 @@
   gap: var(--space-4);
 }
 
-.content {
+._content_umh96_20 {
   flex: 1;
   min-width: 0;
 }
 
-.eyebrow {
+._eyebrow_umh96_25 {
   margin: 0 0 var(--space-2);
   font-family: var(--font-sans);
   font-size: var(--type-size-label);
@@ -32,7 +32,7 @@
   color: var(--text-secondary);
 }
 
-.title {
+._title_umh96_35 {
   margin: 0 0 var(--space-2);
   font-family: var(--font-sans);
   font-size: var(--type-size-title);
@@ -41,7 +41,7 @@
   color: var(--text-primary);
 }
 
-.subtitle {
+._subtitle_umh96_44 {
   margin: 0;
   max-width: 36rem;
   font-family: var(--font-sans);
@@ -50,7 +50,7 @@
   color: var(--text-secondary);
 }
 
-.actions {
+._actions_umh96_53 {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-3);

package/dist/ui/PageHeader/PageHeader.module.js

@@ -0,0 +1,16 @@
+import "./PageHeader.module.css";
+//#region ui/PageHeader/PageHeader.module.css
+var e = "_header_umh96_1", t = "_trail_umh96_8", n = "_row_umh96_12", r = "_content_umh96_20", i = "_eyebrow_umh96_25", a = "_title_umh96_35", o = "_subtitle_umh96_44", s = "_actions_umh96_53", c = {
+	header: e,
+	trail: t,
+	row: n,
+	content: r,
+	eyebrow: i,
+	title: a,
+	subtitle: o,
+	actions: s
+};
+//#endregion
+export { s as actions, r as content, c as default, i as eyebrow, e as header, n as row, o as subtitle, a as title, t as trail };
+
+//# sourceMappingURL=PageHeader.module.js.map

package/dist/ui/PageHeader/PageHeader.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.module.js","names":[],"sources":["../../../ui/PageHeader/PageHeader.module.css"],"sourcesContent":[".header {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n  width: 100%;\n}\n\n.trail {\n  min-width: 0;\n}\n\n.row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-4);\n}\n\n.content {\n  flex: 1;\n  min-width: 0;\n}\n\n.eyebrow {\n  margin: 0 0 var(--space-2);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-label);\n  font-weight: var(--type-weight-label);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--text-secondary);\n}\n\n.title {\n  margin: 0 0 var(--space-2);\n  font-family: var(--font-sans);\n  font-size: var(--type-size-title);\n  font-weight: var(--type-weight-title);\n  line-height: var(--type-line-heading);\n  color: var(--text-primary);\n}\n\n.subtitle {\n  margin: 0;\n  max-width: 36rem;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body);\n  line-height: var(--type-line-body);\n  color: var(--text-secondary);\n}\n\n.actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-3);\n}\n"],"mappings":""}

package/dist/ui/PageHeader/PageHeader.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { BreadcrumbItem, BreadcrumbSeparator } from '../Breadcrumb';
+export interface PageHeaderProps {
+    title: string;
+    subtitle?: string;
+    eyebrow?: string;
+    actions?: ReactNode;
+    breadcrumbs?: BreadcrumbItem[];
+    breadcrumbSeparator?: BreadcrumbSeparator;
+    breadcrumbMaxItems?: number;
+}

package/dist/ui/PageHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { PageHeader } from './PageHeader';
+export type { PageHeaderProps } from './PageHeader.types';

package/dist/ui/Pagination/Pagination.d.ts

@@ -0,0 +1,3 @@
+import { PaginationProps } from './Pagination.types';
+export type { PaginationProps, PaginationSize } from './Pagination.types';
+export declare function Pagination({ page, defaultPage, pageCount, onPageChange, showPages, showLabels, showPreviousNext, size, }: PaginationProps): import("react").JSX.Element;

package/dist/ui/Pagination/Pagination.js

@@ -0,0 +1,109 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import { Button as t } from "../Button/Button.js";
+import n from "./Pagination.module.js";
+import { useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ui/Pagination/Pagination.tsx
+var o = {
+	sm: 14,
+	md: 16
+};
+function s(e) {
+	return !Number.isFinite(e) || e < 1 ? 1 : Math.floor(e);
+}
+function c(e, t) {
+	return Number.isFinite(e) ? Math.min(t, Math.max(1, Math.round(e))) : 1;
+}
+function l(e, t) {
+	if (t <= 7) return Array.from({ length: t }, (e, t) => ({
+		kind: "page",
+		page: t + 1
+	}));
+	let n = /* @__PURE__ */ new Set([
+		1,
+		t,
+		e
+	]);
+	e - 1 >= 1 && n.add(e - 1), e + 1 <= t && n.add(e + 1);
+	let r = [...n].sort((e, t) => e - t), i = [];
+	for (let e = 0; e < r.length; e += 1) {
+		let t = r[e];
+		e > 0 && t - r[e - 1] > 1 && i.push({
+			kind: "ellipsis",
+			id: `gap-${r[e - 1]}-${t}`
+		}), i.push({
+			kind: "page",
+			page: t
+		});
+	}
+	return i;
+}
+function u({ page: u, defaultPage: d = 1, pageCount: f, onPageChange: p, showPages: m = !0, showLabels: h = !0, showPreviousNext: g = !0, size: _ = "md" }) {
+	let v = s(f), y = typeof u == "number", [b, x] = r(() => c(d, v)), S = c(y ? u : b, v), C = o[_];
+	function w(e) {
+		let t = c(e, v);
+		t !== S && (y || x(t), p?.(t));
+	}
+	return /* @__PURE__ */ a("nav", {
+		"aria-label": "Pagination",
+		className: n.nav,
+		children: [
+			g ? h ? /* @__PURE__ */ i(t, {
+				size: _,
+				variant: "tertiary",
+				iconStart: "ChevronLeft",
+				disabled: S <= 1,
+				onClick: () => w(S - 1),
+				children: "Previous"
+			}) : /* @__PURE__ */ i(t, {
+				size: _,
+				variant: "tertiary",
+				iconStart: "ChevronLeft",
+				ariaLabel: "Previous",
+				disabled: S <= 1,
+				onClick: () => w(S - 1)
+			}) : null,
+			m ? l(S, v).map((r) => {
+				if (r.kind === "ellipsis") return /* @__PURE__ */ i("span", {
+					className: n.ellipsis,
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ i(e, {
+						name: "Ellipsis",
+						size: C
+					})
+				}, r.id);
+				let a = r.page === S;
+				return /* @__PURE__ */ i("span", {
+					className: n.page,
+					"aria-current": a ? "page" : void 0,
+					children: /* @__PURE__ */ i(t, {
+						size: _,
+						variant: a ? "secondary" : "tertiary",
+						onClick: () => w(r.page),
+						children: String(r.page)
+					})
+				}, r.page);
+			}) : null,
+			g ? h ? /* @__PURE__ */ i(t, {
+				size: _,
+				variant: "tertiary",
+				iconEnd: "ChevronRight",
+				disabled: S >= v,
+				onClick: () => w(S + 1),
+				children: "Next"
+			}) : /* @__PURE__ */ i(t, {
+				size: _,
+				variant: "tertiary",
+				iconStart: "ChevronRight",
+				ariaLabel: "Next",
+				disabled: S >= v,
+				onClick: () => w(S + 1)
+			}) : null
+		]
+	});
+}
+//#endregion
+export { u as Pagination };
+
+//# sourceMappingURL=Pagination.js.map

package/dist/ui/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../ui/Pagination/Pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Button } from \"../Button\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type { PaginationProps } from \"./Pagination.types\";\nimport styles from \"./Pagination.module.css\";\n\nexport type { PaginationProps, PaginationSize } from \"./Pagination.types\";\n\nconst ICON_SIZE = { sm: 14, md: 16 } as const;\n\nfunction clampCount(value: number): number {\n  if (!Number.isFinite(value) || value < 1) return 1;\n  return Math.floor(value);\n}\n\nfunction clampPage(value: number, count: number): number {\n  if (!Number.isFinite(value)) return 1;\n  return Math.min(count, Math.max(1, Math.round(value)));\n}\n\ntype WindowNode = { kind: \"page\"; page: number } | { kind: \"ellipsis\"; id: string };\n\nfunction pageWindow(current: number, count: number): WindowNode[] {\n  if (count <= 7) {\n    return Array.from({ length: count }, (_, i) => ({ kind: \"page\" as const, page: i + 1 }));\n  }\n\n  const pages = new Set<number>([1, count, current]);\n  if (current - 1 >= 1) pages.add(current - 1);\n  if (current + 1 <= count) pages.add(current + 1);\n\n  const sorted = [...pages].sort((a, b) => a - b);\n  const nodes: WindowNode[] = [];\n  for (let i = 0; i < sorted.length; i += 1) {\n    const page = sorted[i];\n    if (i > 0 && page - sorted[i - 1] > 1) {\n      nodes.push({ kind: \"ellipsis\", id: `gap-${sorted[i - 1]}-${page}` });\n    }\n    nodes.push({ kind: \"page\", page });\n  }\n  return nodes;\n}\n\nexport function Pagination({\n  page,\n  defaultPage = 1,\n  pageCount,\n  onPageChange,\n  showPages = true,\n  showLabels = true,\n  showPreviousNext = true,\n  size = \"md\",\n}: PaginationProps) {\n  const count = clampCount(pageCount);\n  const isControlled = typeof page === \"number\";\n  const [uncontrolled, setUncontrolled] = useState(() => clampPage(defaultPage, count));\n  const current = clampPage(isControlled ? page : uncontrolled, count);\n  const iconPx = ICON_SIZE[size];\n\n  function go(next: number) {\n    const nextPage = clampPage(next, count);\n    if (nextPage === current) return;\n    if (!isControlled) setUncontrolled(nextPage);\n    onPageChange?.(nextPage);\n  }\n\n  return (\n    <nav aria-label=\"Pagination\" className={styles.nav}>\n      {showPreviousNext ? (\n        showLabels ? (\n          <Button\n            size={size}\n            variant=\"tertiary\"\n            iconStart=\"ChevronLeft\"\n            disabled={current <= 1}\n            onClick={() => go(current - 1)}\n          >\n            Previous\n          </Button>\n        ) : (\n          <Button\n            size={size}\n            variant=\"tertiary\"\n            iconStart=\"ChevronLeft\"\n            ariaLabel=\"Previous\"\n            disabled={current <= 1}\n            onClick={() => go(current - 1)}\n          />\n        )\n      ) : null}\n\n      {showPages\n        ? pageWindow(current, count).map((node) => {\n            if (node.kind === \"ellipsis\") {\n              return (\n                <span key={node.id} className={styles.ellipsis} aria-hidden>\n                  <LucideByName name=\"Ellipsis\" size={iconPx} />\n                </span>\n              );\n            }\n\n            const isCurrent = node.page === current;\n            return (\n              <span\n                key={node.page}\n                className={styles.page}\n                aria-current={isCurrent ? \"page\" : undefined}\n              >\n                <Button\n                  size={size}\n                  variant={isCurrent ? \"secondary\" : \"tertiary\"}\n                  onClick={() => go(node.page)}\n                >\n                  {String(node.page)}\n                </Button>\n              </span>\n            );\n          })\n        : null}\n\n      {showPreviousNext ? (\n        showLabels ? (\n          <Button\n            size={size}\n            variant=\"tertiary\"\n            iconEnd=\"ChevronRight\"\n            disabled={current >= count}\n            onClick={() => go(current + 1)}\n          >\n            Next\n          </Button>\n        ) : (\n          <Button\n            size={size}\n            variant=\"tertiary\"\n            iconStart=\"ChevronRight\"\n            ariaLabel=\"Next\"\n            disabled={current >= count}\n            onClick={() => go(current + 1)}\n          />\n        )\n      ) : null}\n    </nav>\n  );\n}\n"],"mappings":"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"}

package/{ui → dist/ui}/Pagination/Pagination.module.css

@@ -1,4 +1,4 @@
-.nav {
+._nav_k4vjc_1 {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -6,11 +6,11 @@
   gap: var(--space-1);
 }
 
-.page {
+._page_k4vjc_9 {
   display: inline-flex;
 }
 
-.ellipsis {
+._ellipsis_k4vjc_13 {
   display: inline-flex;
   align-items: center;
   justify-content: center;

package/dist/ui/Pagination/Pagination.module.js

@@ -0,0 +1,11 @@
+import "./Pagination.module.css";
+//#region ui/Pagination/Pagination.module.css
+var e = "_nav_k4vjc_1", t = "_page_k4vjc_9", n = "_ellipsis_k4vjc_13", r = {
+	nav: e,
+	page: t,
+	ellipsis: n
+};
+//#endregion
+export { r as default, n as ellipsis, e as nav, t as page };
+
+//# sourceMappingURL=Pagination.module.js.map

package/dist/ui/Pagination/Pagination.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.js","names":[],"sources":["../../../ui/Pagination/Pagination.module.css"],"sourcesContent":[".nav {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-1);\n}\n\n.page {\n  display: inline-flex;\n}\n\n.ellipsis {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-inline-size: var(--space-8);\n  color: var(--icon-muted);\n}\n"],"mappings":""}

package/dist/ui/Pagination/Pagination.types.d.ts

@@ -0,0 +1,11 @@
+export type PaginationSize = "sm" | "md";
+export interface PaginationProps {
+    page?: number;
+    defaultPage?: number;
+    pageCount: number;
+    onPageChange?: (page: number) => void;
+    showPages?: boolean;
+    showLabels?: boolean;
+    showPreviousNext?: boolean;
+    size?: PaginationSize;
+}

package/dist/ui/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { Pagination } from './Pagination';
+export type { PaginationProps, PaginationSize } from './Pagination.types';

package/dist/ui/PieChart/PieChart.d.ts

@@ -0,0 +1,3 @@
+import { PieChartProps } from './PieChart.types';
+export type { PieChartLayout, PieChartProps, PieChartVariant } from './PieChart.types';
+export declare function PieChart({ data, title, description, variant, layout, size, maxSegments, sort, otherLabel, centerLabel, showCenterTotal, showTable, emptyLabel, isLoading, className, }: PieChartProps): import("react").JSX.Element;