@optimum-intelligence/opti-ui 0.0.0-stage → 0.2.0

package/dist/components/number-field/NumberField.js

@@ -0,0 +1,188 @@
+"use client";
+import { withClass } from "../../utils/cx.js";
+import { MinusIcon, PlusIcon } from "../../icons/index.js";
+import { Field } from "../field/Field.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NumberField } from "@base-ui/react/number-field";
+//#region src/components/number-field/NumberField.tsx
+/** Numeric input with stepper buttons, locale formatting and keyboard stepping. */
+function NumberField$1(t0) {
+	const $ = c(52);
+	let className;
+	let description;
+	let disabled;
+	let error;
+	let hideStepper;
+	let label;
+	let name;
+	let placeholder;
+	let props;
+	let ref;
+	let required;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({label, description, error, size: t1, placeholder, hideStepper, decrementLabel: t2, incrementLabel: t3, className, name, disabled, required, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = description;
+		$[3] = disabled;
+		$[4] = error;
+		$[5] = hideStepper;
+		$[6] = label;
+		$[7] = name;
+		$[8] = placeholder;
+		$[9] = props;
+		$[10] = ref;
+		$[11] = required;
+		$[12] = t1;
+		$[13] = t2;
+		$[14] = t3;
+	} else {
+		className = $[1];
+		description = $[2];
+		disabled = $[3];
+		error = $[4];
+		hideStepper = $[5];
+		label = $[6];
+		name = $[7];
+		placeholder = $[8];
+		props = $[9];
+		ref = $[10];
+		required = $[11];
+		t1 = $[12];
+		t2 = $[13];
+		t3 = $[14];
+	}
+	const size = t1 === void 0 ? "md" : t1;
+	const decrementLabel = t2 === void 0 ? "Decrease" : t2;
+	const incrementLabel = t3 === void 0 ? "Increase" : t3;
+	const t4 = error ? true : void 0;
+	let t5;
+	if ($[15] !== label || $[16] !== required) {
+		t5 = label && /* @__PURE__ */ jsx(Field.Label, {
+			required,
+			children: label
+		});
+		$[15] = label;
+		$[16] = required;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== className) {
+		t6 = withClass("oui-number-field", className);
+		$[18] = className;
+		$[19] = t6;
+	} else t6 = $[19];
+	let t7;
+	if ($[20] !== decrementLabel || $[21] !== hideStepper) {
+		t7 = !hideStepper && /* @__PURE__ */ jsx(NumberField.Decrement, {
+			className: "oui-number-field__step",
+			"aria-label": decrementLabel,
+			children: /* @__PURE__ */ jsx(MinusIcon, {})
+		});
+		$[20] = decrementLabel;
+		$[21] = hideStepper;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== placeholder) {
+		t8 = /* @__PURE__ */ jsx(NumberField.Input, {
+			className: "oui-number-field__input",
+			placeholder
+		});
+		$[23] = placeholder;
+		$[24] = t8;
+	} else t8 = $[24];
+	let t9;
+	if ($[25] !== hideStepper || $[26] !== incrementLabel) {
+		t9 = !hideStepper && /* @__PURE__ */ jsx(NumberField.Increment, {
+			className: "oui-number-field__step",
+			"aria-label": incrementLabel,
+			children: /* @__PURE__ */ jsx(PlusIcon, {})
+		});
+		$[25] = hideStepper;
+		$[26] = incrementLabel;
+		$[27] = t9;
+	} else t9 = $[27];
+	let t10;
+	if ($[28] !== size || $[29] !== t7 || $[30] !== t8 || $[31] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(NumberField.Group, {
+			className: "oui-number-field__group",
+			"data-size": size,
+			children: [
+				t7,
+				t8,
+				t9
+			]
+		});
+		$[28] = size;
+		$[29] = t7;
+		$[30] = t8;
+		$[31] = t9;
+		$[32] = t10;
+	} else t10 = $[32];
+	let t11;
+	if ($[33] !== disabled || $[34] !== props || $[35] !== ref || $[36] !== required || $[37] !== t10 || $[38] !== t6) {
+		t11 = /* @__PURE__ */ jsx(NumberField.Root, {
+			ref,
+			className: t6,
+			disabled,
+			required,
+			...props,
+			children: t10
+		});
+		$[33] = disabled;
+		$[34] = props;
+		$[35] = ref;
+		$[36] = required;
+		$[37] = t10;
+		$[38] = t6;
+		$[39] = t11;
+	} else t11 = $[39];
+	let t12;
+	if ($[40] !== description) {
+		t12 = description && /* @__PURE__ */ jsx(Field.Description, { children: description });
+		$[40] = description;
+		$[41] = t12;
+	} else t12 = $[41];
+	let t13;
+	if ($[42] !== error) {
+		t13 = error ? /* @__PURE__ */ jsx(Field.Error, {
+			match: true,
+			children: error
+		}) : /* @__PURE__ */ jsx(Field.Error, {});
+		$[42] = error;
+		$[43] = t13;
+	} else t13 = $[43];
+	let t14;
+	if ($[44] !== disabled || $[45] !== name || $[46] !== t11 || $[47] !== t12 || $[48] !== t13 || $[49] !== t4 || $[50] !== t5) {
+		t14 = /* @__PURE__ */ jsxs(Field.Root, {
+			name,
+			disabled,
+			invalid: t4,
+			children: [
+				t5,
+				t11,
+				t12,
+				t13
+			]
+		});
+		$[44] = disabled;
+		$[45] = name;
+		$[46] = t11;
+		$[47] = t12;
+		$[48] = t13;
+		$[49] = t4;
+		$[50] = t5;
+		$[51] = t14;
+	} else t14 = $[51];
+	return t14;
+}
+//#endregion
+export { NumberField$1 as NumberField };
+
+//# sourceMappingURL=NumberField.js.map

package/dist/components/number-field/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","names":["React","NumberField","BaseNumberField","withClass","MinusIcon","PlusIcon","Field","ControlSize","NumberFieldProps","Root","Props","label","ReactNode","description","error","size","placeholder","hideStepper","decrementLabel","incrementLabel","t0","$","_c","className","disabled","name","props","ref","required","t1","t2","t3","undefined","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","NumberField","_c","BaseNumberField"],"sources":["../../../src/components/number-field/NumberField.tsx"],"sourcesContent":["import * as React from 'react';\nimport { NumberField as BaseNumberField } from '@base-ui/react/number-field';\nimport { withClass } from '../../utils/cx';\nimport { MinusIcon, PlusIcon } from '../../icons';\nimport { Field } from '../field/Field';\nimport type { ControlSize } from '../input/Input';\n\nexport interface NumberFieldProps extends BaseNumberField.Root.Props {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  error?: React.ReactNode;\n  size?: ControlSize;\n  placeholder?: string;\n  /** Hide the − / + stepper buttons. */\n  hideStepper?: boolean;\n  decrementLabel?: string;\n  incrementLabel?: string;\n}\n\n/** Numeric input with stepper buttons, locale formatting and keyboard stepping. */\nexport function NumberField({\n  label,\n  description,\n  error,\n  size = 'md',\n  placeholder,\n  hideStepper,\n  decrementLabel = 'Decrease',\n  incrementLabel = 'Increase',\n  className,\n  name,\n  disabled,\n  required,\n  ref,\n  ...props\n}: NumberFieldProps) {\n  return (\n    <Field.Root name={name} disabled={disabled} invalid={error ? true : undefined}>\n      {label && <Field.Label required={required}>{label}</Field.Label>}\n      <BaseNumberField.Root\n        ref={ref}\n        className={withClass('oui-number-field', className)}\n        disabled={disabled}\n        required={required}\n        {...props}\n      >\n        <BaseNumberField.Group className=\"oui-number-field__group\" data-size={size}>\n          {!hideStepper && (\n            <BaseNumberField.Decrement className=\"oui-number-field__step\" aria-label={decrementLabel}>\n              <MinusIcon />\n            </BaseNumberField.Decrement>\n          )}\n          <BaseNumberField.Input className=\"oui-number-field__input\" placeholder={placeholder} />\n          {!hideStepper && (\n            <BaseNumberField.Increment className=\"oui-number-field__step\" aria-label={incrementLabel}>\n              <PlusIcon />\n            </BaseNumberField.Increment>\n          )}\n        </BaseNumberField.Group>\n      </BaseNumberField.Root>\n      {description && <Field.Description>{description}</Field.Description>}\n      {error ? <Field.Error match>{error}</Field.Error> : <Field.Error />}\n    </Field.Root>\n  );\n}\n"],"mappings":"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"}

package/dist/components/pagination/Pagination.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+export interface PaginationLabels {
+    navigation: string;
+    previous: string;
+    next: string;
+    rowsPerPage: string;
+    page: (page: number) => string;
+    /** Summary text, e.g. "11–20 of 87". `total` is 0 when there is nothing to show. */
+    range: (from: number, to: number, total: number) => React.ReactNode;
+}
+/** Page numbers to render, with `'gap'` where pages are skipped. */
+export declare function getPageItems(page: number, pageCount: number, siblingCount?: number): Array<number | 'gap'>;
+export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
+    ref?: React.Ref<HTMLElement>;
+    /** Current page, starting at 1. */
+    page: number;
+    pageSize: number;
+    /** Total number of items across all pages. */
+    total: number;
+    onPageChange: (page: number) => void;
+    /** Passing this adds the rows-per-page select. */
+    onPageSizeChange?: (pageSize: number) => void;
+    pageSizeOptions?: number[];
+    /** `pages` shows numbered buttons; `simple` only previous / next. */
+    variant?: 'pages' | 'simple';
+    /** Numbered pages shown on each side of the current one. */
+    siblingCount?: number;
+    /** Hide the "11–20 of 87" summary. */
+    hideRange?: boolean;
+    /** Override texts for localisation. */
+    labels?: Partial<PaginationLabels>;
+}
+/** Controlled page navigation with an optional rows-per-page select. */
+export declare function Pagination({ page, pageSize, total, onPageChange, onPageSizeChange, pageSizeOptions, variant, siblingCount, hideRange, labels, className, ref, ...props }: PaginationProps): React.JSX.Element;

package/dist/components/pagination/Pagination.js

@@ -0,0 +1,244 @@
+"use client";
+import { cx } from "../../utils/cx.js";
+import { ChevronLeftIcon, ChevronRightIcon } from "../../icons/index.js";
+import { IconButton } from "../button/Button.js";
+import { Select } from "../select/Select.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pagination/Pagination.tsx
+var defaultLabels = {
+	navigation: "Pagination",
+	previous: "Previous page",
+	next: "Next page",
+	rowsPerPage: "Rows per page",
+	page: (page) => `Page ${page}`,
+	range: (from, to, total) => total ? `${from}–${to} of ${total}` : "0 results"
+};
+/** Page numbers to render, with `'gap'` where pages are skipped. */
+function getPageItems(page, pageCount, siblingCount = 1) {
+	if (pageCount <= siblingCount * 2 + 5) return Array.from({ length: pageCount }, (_, i) => i + 1);
+	const start = Math.max(2, Math.min(page - siblingCount, pageCount - siblingCount * 2 - 2));
+	const end = Math.min(pageCount - 1, Math.max(page + siblingCount, siblingCount * 2 + 3));
+	const items = [1];
+	if (start > 2) items.push("gap");
+	for (let i = start; i <= end; i++) items.push(i);
+	if (end < pageCount - 1) items.push("gap");
+	items.push(pageCount);
+	return items;
+}
+/** Controlled page navigation with an optional rows-per-page select. */
+function Pagination(t0) {
+	const $ = c(47);
+	let current;
+	let onPageChange;
+	let pageCount;
+	let t1;
+	let t10;
+	let t11;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	let text;
+	if ($[0] !== t0) {
+		const { page, pageSize, total, onPageChange: t12, onPageSizeChange, pageSizeOptions: t13, variant: t14, siblingCount: t15, hideRange, labels, className, ref, ...props } = t0;
+		onPageChange = t12;
+		const pageSizeOptions = t13 === void 0 ? [
+			10,
+			25,
+			50
+		] : t13;
+		const variant = t14 === void 0 ? "pages" : t14;
+		const siblingCount = t15 === void 0 ? 1 : t15;
+		text = {
+			...defaultLabels,
+			...labels
+		};
+		pageCount = Math.max(1, Math.ceil(total / pageSize));
+		current = Math.min(Math.max(1, page), pageCount);
+		const from = total ? (current - 1) * pageSize + 1 : 0;
+		const to = Math.min(current * pageSize, total);
+		const sizes = pageSizeOptions.includes(pageSize) ? pageSizeOptions : [...pageSizeOptions, pageSize].sort(_temp);
+		t6 = ref;
+		t7 = text.navigation;
+		if ($[16] !== className) {
+			t8 = cx("oui-pagination", className);
+			$[16] = className;
+			$[17] = t8;
+		} else t8 = $[17];
+		t9 = variant;
+		t10 = props;
+		t11 = !hideRange && /* @__PURE__ */ jsx("span", {
+			className: "oui-pagination__range",
+			"aria-live": "polite",
+			children: text.range(from, to, total)
+		});
+		t4 = "oui-pagination__controls";
+		t5 = onPageSizeChange && /* @__PURE__ */ jsxs("label", {
+			className: "oui-pagination__size",
+			children: [/* @__PURE__ */ jsx("span", { children: text.rowsPerPage }), /* @__PURE__ */ jsx(Select, {
+				size: "sm",
+				items: sizes.map(_temp2),
+				value: String(pageSize),
+				onValueChange: (value) => value && onPageSizeChange(Number(value)),
+				triggerProps: { "aria-label": text.rowsPerPage }
+			})]
+		});
+		t1 = "oui-pagination__pages";
+		let t16;
+		if ($[18] !== current || $[19] !== onPageChange) {
+			t16 = () => onPageChange(current - 1);
+			$[18] = current;
+			$[19] = onPageChange;
+			$[20] = t16;
+		} else t16 = $[20];
+		let t17;
+		if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+			t17 = /* @__PURE__ */ jsx(ChevronLeftIcon, {});
+			$[21] = t17;
+		} else t17 = $[21];
+		t2 = /* @__PURE__ */ jsx(IconButton, {
+			size: "sm",
+			"aria-label": text.previous,
+			disabled: current <= 1,
+			onClick: t16,
+			children: t17
+		});
+		t3 = variant === "pages" && getPageItems(current, pageCount, siblingCount).map((item, index) => item === "gap" ? /* @__PURE__ */ jsx("span", {
+			className: "oui-pagination__gap",
+			"aria-hidden": true,
+			children: "…"
+		}, `gap-${index}`) : /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "oui-pagination__page",
+			"aria-label": text.page(item),
+			"aria-current": item === current ? "page" : void 0,
+			onClick: () => onPageChange(item),
+			children: item
+		}, item));
+		$[0] = t0;
+		$[1] = current;
+		$[2] = onPageChange;
+		$[3] = pageCount;
+		$[4] = t1;
+		$[5] = t10;
+		$[6] = t11;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+		$[14] = t9;
+		$[15] = text;
+	} else {
+		current = $[1];
+		onPageChange = $[2];
+		pageCount = $[3];
+		t1 = $[4];
+		t10 = $[5];
+		t11 = $[6];
+		t2 = $[7];
+		t3 = $[8];
+		t4 = $[9];
+		t5 = $[10];
+		t6 = $[11];
+		t7 = $[12];
+		t8 = $[13];
+		t9 = $[14];
+		text = $[15];
+	}
+	const t12 = current >= pageCount;
+	let t13;
+	if ($[22] !== current || $[23] !== onPageChange) {
+		t13 = () => onPageChange(current + 1);
+		$[22] = current;
+		$[23] = onPageChange;
+		$[24] = t13;
+	} else t13 = $[24];
+	let t14;
+	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = /* @__PURE__ */ jsx(ChevronRightIcon, {});
+		$[25] = t14;
+	} else t14 = $[25];
+	let t15;
+	if ($[26] !== t12 || $[27] !== t13 || $[28] !== text.next) {
+		t15 = /* @__PURE__ */ jsx(IconButton, {
+			size: "sm",
+			"aria-label": text.next,
+			disabled: t12,
+			onClick: t13,
+			children: t14
+		});
+		$[26] = t12;
+		$[27] = t13;
+		$[28] = text.next;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== t1 || $[31] !== t15 || $[32] !== t2 || $[33] !== t3) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: t1,
+			children: [
+				t2,
+				t3,
+				t15
+			]
+		});
+		$[30] = t1;
+		$[31] = t15;
+		$[32] = t2;
+		$[33] = t3;
+		$[34] = t16;
+	} else t16 = $[34];
+	let t17;
+	if ($[35] !== t16 || $[36] !== t4 || $[37] !== t5) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [t5, t16]
+		});
+		$[35] = t16;
+		$[36] = t4;
+		$[37] = t5;
+		$[38] = t17;
+	} else t17 = $[38];
+	let t18;
+	if ($[39] !== t10 || $[40] !== t11 || $[41] !== t17 || $[42] !== t6 || $[43] !== t7 || $[44] !== t8 || $[45] !== t9) {
+		t18 = /* @__PURE__ */ jsxs("nav", {
+			ref: t6,
+			"aria-label": t7,
+			className: t8,
+			"data-variant": t9,
+			...t10,
+			children: [t11, t17]
+		});
+		$[39] = t10;
+		$[40] = t11;
+		$[41] = t17;
+		$[42] = t6;
+		$[43] = t7;
+		$[44] = t8;
+		$[45] = t9;
+		$[46] = t18;
+	} else t18 = $[46];
+	return t18;
+}
+function _temp2(size) {
+	return {
+		value: String(size),
+		label: String(size)
+	};
+}
+function _temp(a, b) {
+	return a - b;
+}
+//#endregion
+export { Pagination, getPageItems };
+
+//# sourceMappingURL=Pagination.js.map

package/dist/components/pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":["React","cx","IconButton","Select","ChevronLeftIcon","ChevronRightIcon","PaginationLabels","navigation","previous","next","rowsPerPage","page","range","from","to","total","ReactNode","defaultLabels","getPageItems","pageCount","siblingCount","Array","slots","length","_","i","start","Math","max","min","end","items","push","PaginationProps","Omit","HTMLAttributes","HTMLElement","ref","Ref","pageSize","onPageChange","onPageSizeChange","pageSizeOptions","variant","hideRange","labels","Partial","Pagination","t0","$","_c","current","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","text","t12","t13","t14","t15","className","props","undefined","ceil","sizes","includes","sort","_temp","map","_temp2","String","value","Number","t16","t17","Symbol","for","item","index","t18","size","label","a","b","_c"],"sources":["../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cx } from '../../utils/cx';\nimport { IconButton } from '../button/Button';\nimport { Select } from '../select/Select';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../icons';\n\nexport interface PaginationLabels {\n  navigation: string;\n  previous: string;\n  next: string;\n  rowsPerPage: string;\n  page: (page: number) => string;\n  /** Summary text, e.g. \"11–20 of 87\". `total` is 0 when there is nothing to show. */\n  range: (from: number, to: number, total: number) => React.ReactNode;\n}\n\nconst defaultLabels: PaginationLabels = {\n  navigation: 'Pagination',\n  previous: 'Previous page',\n  next: 'Next page',\n  rowsPerPage: 'Rows per page',\n  page: (page) => `Page ${page}`,\n  range: (from, to, total) => (total ? `${from}–${to} of ${total}` : '0 results'),\n};\n\n/** Page numbers to render, with `'gap'` where pages are skipped. */\nexport function getPageItems(page: number, pageCount: number, siblingCount = 1): Array<number | 'gap'> {\n  // first + last + current + siblings + two gaps\n  const slots = siblingCount * 2 + 5;\n  if (pageCount <= slots) return Array.from({ length: pageCount }, (_, i) => i + 1);\n  const start = Math.max(2, Math.min(page - siblingCount, pageCount - siblingCount * 2 - 2));\n  const end = Math.min(pageCount - 1, Math.max(page + siblingCount, siblingCount * 2 + 3));\n  const items: Array<number | 'gap'> = [1];\n  if (start > 2) items.push('gap');\n  for (let i = start; i <= end; i++) items.push(i);\n  if (end < pageCount - 1) items.push('gap');\n  items.push(pageCount);\n  return items;\n}\n\nexport interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {\n  ref?: React.Ref<HTMLElement>;\n  /** Current page, starting at 1. */\n  page: number;\n  pageSize: number;\n  /** Total number of items across all pages. */\n  total: number;\n  onPageChange: (page: number) => void;\n  /** Passing this adds the rows-per-page select. */\n  onPageSizeChange?: (pageSize: number) => void;\n  pageSizeOptions?: number[];\n  /** `pages` shows numbered buttons; `simple` only previous / next. */\n  variant?: 'pages' | 'simple';\n  /** Numbered pages shown on each side of the current one. */\n  siblingCount?: number;\n  /** Hide the \"11–20 of 87\" summary. */\n  hideRange?: boolean;\n  /** Override texts for localisation. */\n  labels?: Partial<PaginationLabels>;\n}\n\n/** Controlled page navigation with an optional rows-per-page select. */\nexport function Pagination({\n  page,\n  pageSize,\n  total,\n  onPageChange,\n  onPageSizeChange,\n  pageSizeOptions = [10, 25, 50],\n  variant = 'pages',\n  siblingCount = 1,\n  hideRange,\n  labels,\n  className,\n  ref,\n  ...props\n}: PaginationProps) {\n  const text = { ...defaultLabels, ...labels };\n  const pageCount = Math.max(1, Math.ceil(total / pageSize));\n  const current = Math.min(Math.max(1, page), pageCount);\n  const from = total ? (current - 1) * pageSize + 1 : 0;\n  const to = Math.min(current * pageSize, total);\n  const sizes = pageSizeOptions.includes(pageSize) ? pageSizeOptions : [...pageSizeOptions, pageSize].sort((a, b) => a - b);\n\n  return (\n    <nav ref={ref} aria-label={text.navigation} className={cx('oui-pagination', className)} data-variant={variant} {...props}>\n      {!hideRange && (\n        <span className=\"oui-pagination__range\" aria-live=\"polite\">\n          {text.range(from, to, total)}\n        </span>\n      )}\n      <div className=\"oui-pagination__controls\">\n        {onPageSizeChange && (\n          <label className=\"oui-pagination__size\">\n            <span>{text.rowsPerPage}</span>\n            <Select\n              size=\"sm\"\n              items={sizes.map((size) => ({ value: String(size), label: String(size) }))}\n              value={String(pageSize)}\n              onValueChange={(value) => value && onPageSizeChange(Number(value))}\n              triggerProps={{ 'aria-label': text.rowsPerPage }}\n            />\n          </label>\n        )}\n        <div className=\"oui-pagination__pages\">\n          <IconButton size=\"sm\" aria-label={text.previous} disabled={current <= 1} onClick={() => onPageChange(current - 1)}>\n            <ChevronLeftIcon />\n          </IconButton>\n          {variant === 'pages' &&\n            getPageItems(current, pageCount, siblingCount).map((item, index) =>\n              item === 'gap' ? (\n                <span key={`gap-${index}`} className=\"oui-pagination__gap\" aria-hidden>\n                  …\n                </span>\n              ) : (\n                <button\n                  key={item}\n                  type=\"button\"\n                  className=\"oui-pagination__page\"\n                  aria-label={text.page(item)}\n                  aria-current={item === current ? 'page' : undefined}\n                  onClick={() => onPageChange(item)}\n                >\n                  {item}\n                </button>\n              ),\n            )}\n          <IconButton size=\"sm\" aria-label={text.next} disabled={current >= pageCount} onClick={() => onPageChange(current + 1)}>\n            <ChevronRightIcon />\n          </IconButton>\n        </div>\n      </div>\n    </nav>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,IAAMiB,gBAAkC;CACtCV,YAAY;CACZC,UAAU;CACVC,MAAM;CACNC,aAAa;CACbC,OAAOA,SAAS,QAAQA;CACxBC,QAAQC,MAAMC,IAAIC,UAAWA,QAAQ,GAAGF,KAAI,GAAIC,GAAE,MAAOC,UAAU;AACrE;;AAGA,SAAgBG,aAAaP,MAAcQ,WAAmBC,eAAe,GAA0B;CAGrG,IAAID,aADUC,eAAe,IAAI,GACT,OAAOC,MAAMR,KAAK,EAAEU,QAAQJ,UAAU,IAAIK,GAAGC,MAAMA,IAAI,CAAC;CAChF,MAAMC,QAAQC,KAAKC,IAAI,GAAGD,KAAKE,IAAIlB,OAAOS,cAAcD,YAAYC,eAAe,IAAI,CAAC,CAAC;CACzF,MAAMU,MAAMH,KAAKE,IAAIV,YAAY,GAAGQ,KAAKC,IAAIjB,OAAOS,cAAcA,eAAe,IAAI,CAAC,CAAC;CACvF,MAAMW,QAA+B,CAAC,CAAC;CACvC,IAAIL,QAAQ,GAAGK,MAAMC,KAAK,KAAK;CAC/B,KAAK,IAAIP,IAAIC,OAAOD,KAAKK,KAAKL,KAAKM,MAAMC,KAAKP,CAAC;CAC/C,IAAIK,MAAMX,YAAY,GAAGY,MAAMC,KAAK,KAAK;CACzCD,MAAMC,KAAKb,SAAS;CACpB,OAAOY;AACT;;AAwBA,SAAOgB,WAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAX;CAAA,IAAArB;CAAA,IAAAiC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAd,EAAA,OAAAD,IAAA;EAAoB,MAAA,EAAArC,MAAA4B,UAAAxB,OAAAyB,cAAAwB,KAAAvB,kBAAAC,iBAAAuB,KAAAtB,SAAAuB,KAAA9C,cAAA+C,KAAAvB,WAAAC,QAAAuB,WAAA/B,KAAA,GAAAgC,UAAArB;EAAAR,eAAAwB;EAMzB,MAAAtB,kBAAAuB,QAAAK,KAAAA,IAAA;GAAmB;GAAI;GAAI;EAAE,IAA7BL;EACA,MAAAtB,UAAAuB,QAAAI,KAAAA,IAAA,UAAAJ;EACA,MAAA9C,eAAA+C,QAAAG,KAAAA,IAAA,IAAAH;EAOAJ,OAAa;GAAA,GAAK9C;GAAa,GAAK4B;EAAO;EAC3C1B,YAAkBQ,KAAIC,IAAK,GAAGD,KAAI4C,KAAMxD,QAAQwB,QAAQ,CAAC;EACzDY,UAAgBxB,KAAIE,IAAKF,KAAIC,IAAK,GAAGjB,IAAI,GAAGQ,SAAS;EACrD,MAAAN,OAAaE,SAASoC,UAAU,KAAKZ,WAAW,IAAnC;EACb,MAAAzB,KAAWa,KAAIE,IAAKsB,UAAUZ,UAAUxB,KAAK;EAC7C,MAAAyD,QAAc9B,gBAAe+B,SAAUlC,QAAiF,IAA1GG,kBAAuD,CAAA,GAAIA,iBAAiBH,QAAQ,CAAC,CAAAmC,KAAMC,KAAe;EAG5GtC,KAAAA;EAAiBuB,KAAAG,KAAIxD;EAAW,IAAA0C,EAAA,QAAAmB,WAAA;GAAaP,KAAA5D,GAAG,kBAAkBmE,SAAS;GAACnB,EAAA,MAAAmB;GAAAnB,EAAA,MAAAY;EAAA,OAAAA,KAAAZ,EAAA;EAAgBN,KAAAA;EAAa0B,MAAAA;EAChHf,MAAA,CAACV,aACA,oBAAA,QAAA;GAAgB,WAAA;GAAkC,aAAA;GAC/CmB,UAAAA,KAAInD,MAAOC,MAAMC,IAAIC,KAAK;EACtB,CAAA;EAEM0C,KAAA;EACZC,KAAAjB,oBACC,qBAAA,SAAA;GAAiB,WAAA;GAAjB,UAAA,CACE,oBAAA,QAAA,EAAA,UAAOsB,KAAIrD,YAAoB,CAAA,GAC/B,oBAAC,QAAD;IACO,MAAA;IACE,OAAA8D,MAAKI,IAAKC,MAAwD;IAClE,OAAAC,OAAOvC,QAAQ;IACP,gBAAAwC,UAAWA,SAAStC,iBAAiBuC,OAAOD,KAAK,CAAC;IACnD,cAAA,EAAA,cAAgBhB,KAAIrD,YAAa;GAAC,CAAA,CAE5C;;EAEK0C,KAAA;EAAuB,IAAA6B;EAAA,IAAAhC,EAAA,QAAAE,WAAAF,EAAA,QAAAT,cAAA;GAC8CyC,YAAMzC,aAAaW,UAAU,CAAC;GAACF,EAAA,MAAAE;GAAAF,EAAA,MAAAT;GAAAS,EAAA,MAAAgC;EAAA,OAAAA,MAAAhC,EAAA;EAAA,IAAAiC;EAAA,IAAAjC,EAAA,QAAAkC,OAAAC,IAAA,2BAAA,GAAA;GAC/GF,MAAA,oBAAC,iBAAD,CAAgB,CAAA;GAAGjC,EAAA,MAAAiC;EAAA,OAAAA,MAAAjC,EAAA;EADrBM,KAAA,oBAAC,YAAD;GAAiB,MAAA;GAAiB,cAAAQ,KAAIvD;GAAqB,UAAA2C,WAAW;GAAY,SAAA8B;GAChFC,UAAAA;EADS,CAAA;EAGV1B,KAAAb,YAAY,WACXzB,aAAaiC,SAAShC,WAAWC,YAAY,CAAC,CAAAwD,KAAKS,MAAAC,UACjDD,SAAS,QACP,oBAAA,QAAA;GAAqC,WAAA;GAAsB,eAAA;GAAY,UAAA;EAEhE,GAFI,OAAOC,OAEX,IAEP,oBAAA,UAAA;GAEO,MAAA;GACK,WAAA;GACE,cAAAvB,KAAIpD,KAAM0E,IAAI;GACZ,gBAAAA,SAASlC,UAAT,SAAAmB,KAAAA;GACL,eAAM9B,aAAa6C,IAAI;GAE/BA,UAAAA;EACM,GARFA,IAQE,CAEb;EAACpC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAT;EAAAS,EAAA,KAAA9B;EAAA8B,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,MAAAS;EAAAT,EAAA,MAAAU;EAAAV,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAc;CAAA,OAAA;EAAAZ,UAAAF,EAAA;EAAAT,eAAAS,EAAA;EAAA9B,YAAA8B,EAAA;EAAAG,KAAAH,EAAA;EAAAI,MAAAJ,EAAA;EAAAK,MAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;EAAAQ,KAAAR,EAAA;EAAAS,KAAAT,EAAA;EAAAU,KAAAV,EAAA;EAAAW,KAAAX,EAAA;EAAAY,KAAAZ,EAAA;EAAAa,KAAAb,EAAA;EAAAc,OAAAd,EAAA;CAAA;CACoD,MAAAe,MAAAb,WAAWhC;CAAS,IAAA8C;CAAA,IAAAhB,EAAA,QAAAE,WAAAF,EAAA,QAAAT,cAAA;EAAWyB,YAAMzB,aAAaW,UAAU,CAAC;EAACF,EAAA,MAAAE;EAAAF,EAAA,MAAAT;EAAAS,EAAA,MAAAgB;CAAA,OAAAA,MAAAhB,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,QAAAkC,OAAAC,IAAA,2BAAA,GAAA;EACnHlB,MAAA,oBAAC,kBAAD,CAAiB,CAAA;EAAGjB,EAAA,MAAAiB;CAAA,OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;CAAA,IAAAlB,EAAA,QAAAe,OAAAf,EAAA,QAAAgB,OAAAhB,EAAA,QAAAc,KAAAtD,MAAA;EADtB0D,MAAA,oBAAC,YAAD;GAAiB,MAAA;GAAiB,cAAAJ,KAAItD;GAAiB,UAAAuD;GAA+B,SAAAC;GACpFC,UAAAA;EADS,CAAA;EAEEjB,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;EAAAhB,EAAA,MAAAc,KAAAtD;EAAAwC,EAAA,MAAAkB;CAAA,OAAAA,MAAAlB,EAAA;CAAA,IAAAgC;CAAA,IAAAhC,EAAA,QAAAG,MAAAH,EAAA,QAAAkB,OAAAlB,EAAA,QAAAM,MAAAN,EAAA,QAAAO,IAAA;EAzBfyB,MAAA,qBAAA,OAAA;GAAe,WAAA7B;GAAf,UAAA;IACEG;IAGCC;IAmBDW;GAGI;;EAAAlB,EAAA,MAAAG;EAAAH,EAAA,MAAAkB;EAAAlB,EAAA,MAAAM;EAAAN,EAAA,MAAAO;EAAAP,EAAA,MAAAgC;CAAA,OAAAA,MAAAhC,EAAA;CAAA,IAAAiC;CAAA,IAAAjC,EAAA,QAAAgC,OAAAhC,EAAA,QAAAQ,MAAAR,EAAA,QAAAS,IAAA;EAvCRwB,MAAA,qBAAA,OAAA;GAAe,WAAAzB;GAAf,UAAA,CACGC,IAYDuB,GA2BI;;EAAAhC,EAAA,MAAAgC;EAAAhC,EAAA,MAAAQ;EAAAR,EAAA,MAAAS;EAAAT,EAAA,MAAAiC;CAAA,OAAAA,MAAAjC,EAAA;CAAA,IAAAsC;CAAA,IAAAtC,EAAA,QAAAI,OAAAJ,EAAA,QAAAK,OAAAL,EAAA,QAAAiC,OAAAjC,EAAA,QAAAU,MAAAV,EAAA,QAAAW,MAAAX,EAAA,QAAAY,MAAAZ,EAAA,QAAAa,IAAA;EA9CRyB,MAAA,qBAAA,OAAA;GAAUlD,KAAAA;GAAiB,cAAAuB;GAA4B,WAAAC;GAA+ClB,gBAAAA;GAAO,GAAM0B;GAAnH,UAAA,CACGf,KAKD4B,GAyCI;;EAAAjC,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAiC;EAAAjC,EAAA,MAAAU;EAAAV,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAsC;CAAA,OAAAA,MAAAtC,EAAA;CAAA,OA/CNsC;AA+CM;AAtEH,SAAAV,OAAAW,MAAA;CAAA,OAmCmC;EAAAT,OAASD,OAAOU,IAAI;EAACC,OAASX,OAAOU,IAAI;CAAE;AAAC;AAnC/E,SAAAb,MAAAe,GAAAC,GAAA;CAAA,OAoB8GD,IAAIC;AAAC"}

package/dist/components/popover/Popover.d.ts

@@ -0,0 +1,22 @@
+import { Popover as BasePopover } from '@base-ui/react/popover';
+export interface PopoverContentProps extends BasePopover.Popup.Props {
+    side?: BasePopover.Positioner.Props['side'];
+    align?: BasePopover.Positioner.Props['align'];
+    sideOffset?: BasePopover.Positioner.Props['sideOffset'];
+    /** Show a small arrow pointing at the trigger. */
+    arrow?: boolean;
+    positionerProps?: BasePopover.Positioner.Props;
+}
+declare function PopoverContent({ side, align, sideOffset, arrow, positionerProps, className, children, ref, ...props }: PopoverContentProps): import("react").JSX.Element;
+declare function PopoverTitle({ className, ref, ...props }: BasePopover.Title.Props): import("react").JSX.Element;
+declare function PopoverDescription({ className, ref, ...props }: BasePopover.Description.Props): import("react").JSX.Element;
+/** Floating panel anchored to a trigger, for small forms, filters and details. */
+export declare const Popover: {
+    Root: typeof BasePopover.Root;
+    Trigger: BasePopover.Trigger;
+    Content: typeof PopoverContent;
+    Title: typeof PopoverTitle;
+    Description: typeof PopoverDescription;
+    Close: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export {};