@lglab/compose-ui 0.28.0 → 0.30.0

package/dist/number-field.d.ts

@@ -1,54 +1,64 @@
-import { JSX } from 'react/jsx-runtime';
-import { NumberField } from '@base-ui/react/number-field';
-import * as React_2 from 'react';
-
-export declare const NumberFieldDecrement: {
-    ({ className, ...props }: NumberFieldDecrementProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type NumberFieldDecrementProps = React_2.ComponentProps<typeof NumberField.Decrement>;
-
-export declare const NumberFieldGroup: {
-    ({ className, ...props }: NumberFieldGroupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type NumberFieldGroupProps = React_2.ComponentProps<typeof NumberField.Group>;
-
-export declare const NumberFieldIncrement: {
-    ({ className, ...props }: NumberFieldIncrementProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type NumberFieldIncrementProps = React_2.ComponentProps<typeof NumberField.Increment>;
-
-export declare const NumberFieldInput: {
-    ({ className, ...props }: NumberFieldInputProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type NumberFieldInputProps = React_2.ComponentProps<typeof NumberField.Input>;
-
-export declare const NumberFieldRoot: {
-    ({ className, ...props }: NumberFieldRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type NumberFieldRootProps = React_2.ComponentProps<typeof NumberField.Root>;
-
-export declare const NumberFieldScrubArea: {
-    ({ className, ...props }: NumberFieldScrubAreaProps): JSX.Element;
-    displayName: string;
-};
-
-export declare const NumberFieldScrubAreaCursor: {
-    ({ className, ...props }: NumberFieldScrubAreaCursorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type NumberFieldScrubAreaCursorProps = React_2.ComponentProps<typeof NumberField.ScrubAreaCursor>;
-
-export declare type NumberFieldScrubAreaProps = React_2.ComponentProps<typeof NumberField.ScrubArea>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime155 from "react/jsx-runtime";
+import { NumberField } from "@base-ui/react/number-field";
+
+//#region src/components/number-field.d.ts
+type NumberFieldRootProps = React.ComponentProps<typeof NumberField.Root>;
+declare const NumberFieldRoot: {
+  ({
+    className,
+    ...props
+  }: NumberFieldRootProps): react_jsx_runtime155.JSX.Element;
+  displayName: string;
+};
+type NumberFieldScrubAreaProps = React.ComponentProps<typeof NumberField.ScrubArea>;
+declare const NumberFieldScrubArea: {
+  ({
+    className,
+    ...props
+  }: NumberFieldScrubAreaProps): react_jsx_runtime155.JSX.Element;
+  displayName: string;
+};
+type NumberFieldScrubAreaCursorProps = React.ComponentProps<typeof NumberField.ScrubAreaCursor>;
+declare const NumberFieldScrubAreaCursor: {
+  ({
+    className,
+    ...props
+  }: NumberFieldScrubAreaCursorProps): react_jsx_runtime155.JSX.Element;
+  displayName: string;
+};
+type NumberFieldGroupProps = React.ComponentProps<typeof NumberField.Group>;
+declare const NumberFieldGroup: {
+  ({
+    className,
+    ...props
+  }: NumberFieldGroupProps): react_jsx_runtime155.JSX.Element;
+  displayName: string;
+};
+type NumberFieldInputProps = React.ComponentProps<typeof NumberField.Input>;
+declare const NumberFieldInput: {
+  ({
+    className,
+    ...props
+  }: NumberFieldInputProps): react_jsx_runtime155.JSX.Element;
+  displayName: string;
+};
+type NumberFieldDecrementProps = React.ComponentProps<typeof NumberField.Decrement>;
+declare const NumberFieldDecrement: {
+  ({
+    className,
+    ...props
+  }: NumberFieldDecrementProps): react_jsx_runtime155.JSX.Element;
+  displayName: string;
+};
+type NumberFieldIncrementProps = React.ComponentProps<typeof NumberField.Increment>;
+declare const NumberFieldIncrement: {
+  ({
+    className,
+    ...props
+  }: NumberFieldIncrementProps): react_jsx_runtime155.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { NumberFieldDecrement, type NumberFieldDecrementProps, NumberFieldGroup, type NumberFieldGroupProps, NumberFieldIncrement, type NumberFieldIncrementProps, NumberFieldInput, type NumberFieldInputProps, NumberFieldRoot, type NumberFieldRootProps, NumberFieldScrubArea, NumberFieldScrubAreaCursor, type NumberFieldScrubAreaCursorProps, type NumberFieldScrubAreaProps };
+//# sourceMappingURL=number-field.d.ts.map

package/dist/number-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.ts","names":[],"sources":["../src/components/number-field.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,WAAA,CAAgB;cAElE;;;;KAA4C,uBAAoB,oBAAA,CAAA,GAAA,CAAA;EAFjE,WAAA,EAAA,MAAA;CAAoB;KAYpB,yBAAA,GAA4B,KAAA,CAAM,cAZiC,CAAA,OAYX,WAAA,CAAgB,SAZL,CAAA;cAclE,oBAd4B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcO,yBAdP,CAAA,EAcgC,oBAAA,CAAA,GAAA,CAAA,OAdhC;EAE1C,WAAA,EAAA,MAEL;CAAA;KAyBI,+BAAA,GAAkC,KAAA,CAAM,sBACpC,WAAA,CAAgB;cAGnB,0BA/B4C,EAAA;;IAAoB,SAAA;IAAA,GAAA;EAAA,CAAA,EAkCnE,+BAlCmE,CAAA,EAkCpC,oBAAA,CAAA,GAAA,CAAA,OAlCoC;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAiDjE,qBAAA,GAAwB,KAAA,CAAM,cAvCL,CAAA,OAuC2B,WAAA,CAAgB,KAvC3C,CAAA;cAyCxB,gBAzCuE,EAAA;;IAA5C,SAAM;IAAA,GAAA;EAAA,CAAA,EAyCY,qBAzCZ,CAAA,EAyCiC,oBAAA,CAAA,GAAA,CAAA,OAzCjC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAmDhD,qBAAA,GAAwB,KAAA,CAAM,cA1ClC,CAAA,OA0CwD,WAAA,CAAgB,KA1CxE,CAAA;cA4CK;;IAnDiD,SAAA;IAAA,GAAA;EAAA,CAAA,EAmDJ,qBAnDI,CAAA,EAmDiB,oBAAA,CAAA,GAAA,CAAA,OAnDjB;aAAyB,EAAA,MAAA;CAAA;AAAA,KAqE3E,yBAAA,GAA4B,KAAA,CAAM,cAtDH,CAAA,OAsDyB,WAAA,CAAgB,SAtDzC,CAAA;cAwD9B,oBAxD8B,EAAA;;IAC3B,SAAA;IAAA,GAAgB;EAAA,CAAA,EAuD8B,yBAvD9B,CAAA,EAuDuD,oBAAA,CAAA,GAAA,CAAA,OAvDvD;aADoB,EAAA,MAAA;CAAc;AAAA,KA0EtD,yBAAA,GAA4B,KAAA,CAAM,cA5DtC,CAAA,OA4D4D,WAAA,CAAgB,SA5D5E,CAAA;cA8DK,oBA9DL,EAAA;;;;KA8DsD,4BAAyB,oBAAA,CAAA,GAAA,CAAA;aArE7E,EAAA,MAAA"}

package/dist/number-field.js

@@ -1,70 +1,62 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import { NumberField as o } from "@base-ui/react/number-field";
-import { a as s } from "./form-variants-LJ8gIbk0.js";
-import { c as n } from "./utils-B6yFEsav.js";
-const u = ({ className: e, ...r }) => /* @__PURE__ */ t(o.Root, { className: n(s, e), ...r });
-u.displayName = "NumberFieldRoot";
-const m = ({ className: e, ...r }) => /* @__PURE__ */ t(
-  o.ScrubArea,
-  {
-    className: n("cursor-ew-resize select-none", e),
-    ...r
-  }
-);
-m.displayName = "NumberFieldScrubArea";
-const a = ({
-  className: e,
-  ...r
-}) => /* @__PURE__ */ t(
-  o.ScrubAreaCursor,
-  {
-    className: n("drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)] filter", e),
-    ...r
-  }
-);
-a.displayName = "NumberFieldScrubAreaCursor";
-const d = ({ className: e, ...r }) => /* @__PURE__ */ t(o.Group, { className: n("flex", e), ...r });
-d.displayName = "NumberFieldGroup";
-const b = ({ className: e, ...r }) => /* @__PURE__ */ t(
-  o.Input,
-  {
-    className: n(
-      "h-9 w-24 border-t border-b border-border bg-transparent text-center text-base text-foreground tabular-nums outline-none",
-      e
-    ),
-    ...r
-  }
-);
-b.displayName = "NumberFieldInput";
-const c = ({ className: e, ...r }) => /* @__PURE__ */ t(
-  o.Decrement,
-  {
-    className: n(
-      "flex size-9 items-center justify-center rounded-l-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted",
-      e
-    ),
-    ...r
-  }
-);
-c.displayName = "NumberFieldDecrement";
-const l = ({ className: e, ...r }) => /* @__PURE__ */ t(
-  o.Increment,
-  {
-    className: n(
-      "flex size-9 items-center justify-center rounded-r-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted",
-      e
-    ),
-    ...r
-  }
-);
-l.displayName = "NumberFieldIncrement";
-export {
-  c as NumberFieldDecrement,
-  d as NumberFieldGroup,
-  l as NumberFieldIncrement,
-  b as NumberFieldInput,
-  u as NumberFieldRoot,
-  m as NumberFieldScrubArea,
-  a as NumberFieldScrubAreaCursor
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { fieldRootStyles } from "./lib/form-variants.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { NumberField } from "@base-ui/react/number-field";
+
+//#region src/components/number-field.tsx
+const NumberFieldRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.Root, {
+		className: cn(fieldRootStyles, className),
+		...props
+	});
 };
+NumberFieldRoot.displayName = "NumberFieldRoot";
+const NumberFieldScrubArea = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.ScrubArea, {
+		className: cn("cursor-ew-resize select-none", className),
+		...props
+	});
+};
+NumberFieldScrubArea.displayName = "NumberFieldScrubArea";
+const NumberFieldScrubAreaCursor = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
+		className: cn("drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)] filter", className),
+		...props
+	});
+};
+NumberFieldScrubAreaCursor.displayName = "NumberFieldScrubAreaCursor";
+const NumberFieldGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.Group, {
+		className: cn("flex", className),
+		...props
+	});
+};
+NumberFieldGroup.displayName = "NumberFieldGroup";
+const NumberFieldInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.Input, {
+		className: cn("h-9 w-24 border-t border-b border-border bg-transparent text-center text-base text-foreground tabular-nums outline-none", className),
+		...props
+	});
+};
+NumberFieldInput.displayName = "NumberFieldInput";
+const NumberFieldDecrement = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.Decrement, {
+		className: cn("flex size-9 items-center justify-center rounded-l-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted", className),
+		...props
+	});
+};
+NumberFieldDecrement.displayName = "NumberFieldDecrement";
+const NumberFieldIncrement = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(NumberField.Increment, {
+		className: cn("flex size-9 items-center justify-center rounded-r-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted", className),
+		...props
+	});
+};
+NumberFieldIncrement.displayName = "NumberFieldIncrement";
+
+//#endregion
+export { NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, NumberFieldScrubArea, NumberFieldScrubAreaCursor };
+//# sourceMappingURL=number-field.js.map

package/dist/number-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.js","names":["BaseNumberField"],"sources":["../src/components/number-field.tsx"],"sourcesContent":["'use client'\n\nimport { NumberField as BaseNumberField } from '@base-ui/react/number-field'\nimport * as React from 'react'\n\nimport { fieldRootStyles } from '../lib/form-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// NumberFieldRoot\n// ============================================================================\n\ntype NumberFieldRootProps = React.ComponentProps<typeof BaseNumberField.Root>\n\nconst NumberFieldRoot = ({ className, ...props }: NumberFieldRootProps) => {\n  return <BaseNumberField.Root className={cn(fieldRootStyles, className)} {...props} />\n}\n\nNumberFieldRoot.displayName = 'NumberFieldRoot'\n\n// ============================================================================\n// NumberFieldScrubArea\n// ============================================================================\n\ntype NumberFieldScrubAreaProps = React.ComponentProps<typeof BaseNumberField.ScrubArea>\n\nconst NumberFieldScrubArea = ({ className, ...props }: NumberFieldScrubAreaProps) => {\n  return (\n    <BaseNumberField.ScrubArea\n      className={cn('cursor-ew-resize select-none', className)}\n      {...props}\n    />\n  )\n}\n\nNumberFieldScrubArea.displayName = 'NumberFieldScrubArea'\n\n// ============================================================================\n// NumberFieldScrubAreaCursor\n// ============================================================================\n\ntype NumberFieldScrubAreaCursorProps = React.ComponentProps<\n  typeof BaseNumberField.ScrubAreaCursor\n>\n\nconst NumberFieldScrubAreaCursor = ({\n  className,\n  ...props\n}: NumberFieldScrubAreaCursorProps) => {\n  return (\n    <BaseNumberField.ScrubAreaCursor\n      className={cn('drop-shadow-[0_1px_1px_rgba(0,0,0,0.5)] filter', className)}\n      {...props}\n    />\n  )\n}\n\nNumberFieldScrubAreaCursor.displayName = 'NumberFieldScrubAreaCursor'\n\n// ============================================================================\n// NumberFieldGroup\n// ============================================================================\n\ntype NumberFieldGroupProps = React.ComponentProps<typeof BaseNumberField.Group>\n\nconst NumberFieldGroup = ({ className, ...props }: NumberFieldGroupProps) => {\n  return <BaseNumberField.Group className={cn('flex', className)} {...props} />\n}\n\nNumberFieldGroup.displayName = 'NumberFieldGroup'\n\n// ============================================================================\n// NumberFieldInput\n// ============================================================================\n\ntype NumberFieldInputProps = React.ComponentProps<typeof BaseNumberField.Input>\n\nconst NumberFieldInput = ({ className, ...props }: NumberFieldInputProps) => {\n  return (\n    <BaseNumberField.Input\n      className={cn(\n        'h-9 w-24 border-t border-b border-border bg-transparent text-center text-base text-foreground tabular-nums outline-none',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nNumberFieldInput.displayName = 'NumberFieldInput'\n\n// ============================================================================\n// NumberFieldDecrement\n// ============================================================================\n\ntype NumberFieldDecrementProps = React.ComponentProps<typeof BaseNumberField.Decrement>\n\nconst NumberFieldDecrement = ({ className, ...props }: NumberFieldDecrementProps) => {\n  return (\n    <BaseNumberField.Decrement\n      className={cn(\n        'flex size-9 items-center justify-center rounded-l-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nNumberFieldDecrement.displayName = 'NumberFieldDecrement'\n\n// ============================================================================\n// NumberFieldIncrement\n// ============================================================================\n\ntype NumberFieldIncrementProps = React.ComponentProps<typeof BaseNumberField.Increment>\n\nconst NumberFieldIncrement = ({ className, ...props }: NumberFieldIncrementProps) => {\n  return (\n    <BaseNumberField.Increment\n      className={cn(\n        'flex size-9 items-center justify-center rounded-r-md border border-border bg-background text-foreground select-none transition-colors hover:bg-muted active:bg-muted',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nNumberFieldIncrement.displayName = 'NumberFieldIncrement'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  NumberFieldRoot,\n  NumberFieldScrubArea,\n  NumberFieldScrubAreaCursor,\n  NumberFieldGroup,\n  NumberFieldInput,\n  NumberFieldDecrement,\n  NumberFieldIncrement,\n}\n\nexport type {\n  NumberFieldRootProps,\n  NumberFieldScrubAreaProps,\n  NumberFieldScrubAreaCursorProps,\n  NumberFieldGroupProps,\n  NumberFieldInputProps,\n  NumberFieldDecrementProps,\n  NumberFieldIncrementProps,\n}\n"],"mappings":";;;;;;;;;AAcA,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QAAO,oBAACA,YAAgB;EAAK,WAAW,GAAG,iBAAiB,UAAU;EAAE,GAAI;GAAS;;AAGvF,gBAAgB,cAAc;AAQ9B,MAAM,wBAAwB,EAAE,WAAW,GAAG,YAAuC;AACnF,QACE,oBAACA,YAAgB;EACf,WAAW,GAAG,gCAAgC,UAAU;EACxD,GAAI;GACJ;;AAIN,qBAAqB,cAAc;AAUnC,MAAM,8BAA8B,EAClC,WACA,GAAG,YACkC;AACrC,QACE,oBAACA,YAAgB;EACf,WAAW,GAAG,kDAAkD,UAAU;EAC1E,GAAI;GACJ;;AAIN,2BAA2B,cAAc;AAQzC,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QAAO,oBAACA,YAAgB;EAAM,WAAW,GAAG,QAAQ,UAAU;EAAE,GAAI;GAAS;;AAG/E,iBAAiB,cAAc;AAQ/B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,2HACA,UACD;EACD,GAAI;GACJ;;AAIN,iBAAiB,cAAc;AAQ/B,MAAM,wBAAwB,EAAE,WAAW,GAAG,YAAuC;AACnF,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,wKACA,UACD;EACD,GAAI;GACJ;;AAIN,qBAAqB,cAAc;AAQnC,MAAM,wBAAwB,EAAE,WAAW,GAAG,YAAuC;AACnF,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,wKACA,UACD;EACD,GAAI;GACJ;;AAIN,qBAAqB,cAAc"}

package/dist/pagination.d.ts

@@ -0,0 +1,184 @@
+import { ControlSize, ControlVariant } from "./lib/control-variants.js";
+import * as React from "react";
+import * as react_jsx_runtime82 from "react/jsx-runtime";
+
+//#region src/components/pagination.d.ts
+type PaginationPage = number | 'ellipsis';
+type UsePaginationOptions = {
+  /** Current active page (1-indexed) */
+  currentPage: number;
+  /** Total number of pages */
+  totalPages: number;
+  /** Number of pages to show on each side of current page (default: 1) */
+  siblingCount?: number;
+  /** Callback when page changes */
+  onPageChange: (page: number) => void;
+  /** Current page size */
+  pageSize?: number;
+  /** Available page size options (default: [10, 25, 50, 100]) */
+  pageSizeOptions?: number[];
+  /** Callback when page size changes */
+  onPageSizeChange?: (pageSize: number) => void;
+};
+type UsePaginationReturn = {
+  /** Array of page numbers and 'ellipsis' markers */
+  pages: PaginationPage[];
+  /** Current active page */
+  currentPage: number;
+  /** Total number of pages */
+  totalPages: number;
+  /** Whether navigation to next page is possible */
+  canGoNext: boolean;
+  /** Whether navigation to previous page is possible */
+  canGoPrevious: boolean;
+  /** Navigate to a specific page */
+  goToPage: (page: number) => void;
+  /** Navigate to the next page */
+  goToNext: () => void;
+  /** Navigate to the previous page */
+  goToPrevious: () => void;
+  /** Navigate to the first page */
+  goToFirst: () => void;
+  /** Navigate to the last page */
+  goToLast: () => void;
+  /** Current page size */
+  pageSize: number;
+  /** Available page size options */
+  pageSizeOptions: number[];
+  /** Set page size (calls onPageSizeChange if provided) */
+  setPageSize: (size: number) => void;
+};
+declare function usePagination({
+  currentPage,
+  totalPages,
+  siblingCount,
+  onPageChange,
+  pageSize,
+  pageSizeOptions,
+  onPageSizeChange
+}: UsePaginationOptions): UsePaginationReturn;
+type PaginationRootProps = React.ComponentProps<'nav'>;
+declare const PaginationRoot: {
+  ({
+    className,
+    ...props
+  }: PaginationRootProps): react_jsx_runtime82.JSX.Element;
+  displayName: string;
+};
+type PaginationContentProps = React.ComponentProps<'ul'>;
+declare const PaginationContent: {
+  ({
+    className,
+    ...props
+  }: PaginationContentProps): react_jsx_runtime82.JSX.Element;
+  displayName: string;
+};
+type PaginationItemProps = React.ComponentProps<'li'>;
+declare const PaginationItem: {
+  ({
+    className,
+    ...props
+  }: PaginationItemProps): react_jsx_runtime82.JSX.Element;
+  displayName: string;
+};
+type PaginationButtonProps = React.ComponentProps<'button'> & {
+  /** Whether this button represents the current active page */
+  isActive?: boolean;
+  /** Visual style of the button */
+  variant?: ControlVariant;
+  /** Size of the button */
+  size?: ControlSize;
+};
+declare const PaginationButton: {
+  ({
+    className,
+    isActive,
+    variant,
+    size,
+    ...props
+  }: PaginationButtonProps): react_jsx_runtime82.JSX.Element;
+  displayName: string;
+};
+type PaginationPreviousProps = React.ComponentProps<'button'> & {
+  /** Visual style of the button */
+  variant?: ControlVariant;
+  /** Size of the button */
+  size?: ControlSize;
+};
+declare const PaginationPrevious: {
+  ({
+    className,
+    disabled,
+    variant,
+    size,
+    children,
+    ...props
+  }: PaginationPreviousProps): react_jsx_runtime82.JSX.Element;
+  displayName: string;
+};
+type PaginationNextProps = React.ComponentProps<'button'> & {
+  /** Visual style of the button */
+  variant?: ControlVariant;
+  /** Size of the button */
+  size?: ControlSize;
+};
+declare const PaginationNext: {
+  ({
+    className,
+    disabled,
+    variant,
+    size,
+    children,
+    ...props
+  }: PaginationNextProps): react_jsx_runtime82.JSX.Element;
+  displayName: string;
+};
+type PaginationFirstProps = React.ComponentProps<'button'> & {
+  /** Visual style of the button */
+  variant?: ControlVariant;
+  /** Size of the button */
+  size?: ControlSize;
+};
+declare const PaginationFirst: {
+  ({
+    className,
+    disabled,
+    variant,
+    size,
+    children,
+    ...props
+  }: PaginationFirstProps): react_jsx_runtime82.JSX.Element;
+  displayName: string;
+};
+type PaginationLastProps = React.ComponentProps<'button'> & {
+  /** Visual style of the button */
+  variant?: ControlVariant;
+  /** Size of the button */
+  size?: ControlSize;
+};
+declare const PaginationLast: {
+  ({
+    className,
+    disabled,
+    variant,
+    size,
+    children,
+    ...props
+  }: PaginationLastProps): react_jsx_runtime82.JSX.Element;
+  displayName: string;
+};
+type PaginationEllipsisProps = React.ComponentProps<'span'> & {
+  /** Size of the ellipsis container */
+  size?: ControlSize;
+};
+declare const PaginationEllipsis: {
+  ({
+    className,
+    size,
+    ...props
+  }: PaginationEllipsisProps): react_jsx_runtime82.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { PaginationButton, type PaginationButtonProps, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationFirst, type PaginationFirstProps, PaginationItem, type PaginationItemProps, PaginationLast, type PaginationLastProps, PaginationNext, type PaginationNextProps, type PaginationPage, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps, type UsePaginationOptions, type UsePaginationReturn, usePagination };
+//# sourceMappingURL=pagination.d.ts.map

package/dist/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../src/components/pagination.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/pagination.js

@@ -0,0 +1,164 @@
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { controlVariants } from "./lib/control-variants.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/pagination.tsx
+const DEFAULT_PAGE_SIZE_OPTIONS = [
+	10,
+	25,
+	50,
+	100
+];
+/**
+* Generate page numbers with ellipsis for pagination display
+*/
+function computePageRange(currentPage, totalPages, siblingCount) {
+	if (totalPages <= 1) return [1];
+	if (totalPages <= 7) return Array.from({ length: totalPages }, (_, i) => i + 1);
+	const result = [];
+	const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
+	const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
+	const shouldShowLeftEllipsis = leftSiblingIndex > 2;
+	const shouldShowRightEllipsis = rightSiblingIndex < totalPages - 1;
+	result.push(1);
+	if (shouldShowLeftEllipsis) result.push("ellipsis");
+	for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) if (i !== 1 && i !== totalPages) result.push(i);
+	if (shouldShowRightEllipsis) result.push("ellipsis");
+	if (totalPages > 1) result.push(totalPages);
+	return result;
+}
+function usePagination({ currentPage, totalPages, siblingCount = 1, onPageChange, pageSize = DEFAULT_PAGE_SIZE_OPTIONS[0], pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS, onPageSizeChange }) {
+	const pages = React.useMemo(() => computePageRange(currentPage, totalPages, siblingCount), [
+		currentPage,
+		totalPages,
+		siblingCount
+	]);
+	const setPageSize = React.useCallback((size) => {
+		onPageSizeChange?.(size);
+	}, [onPageSizeChange]);
+	return {
+		pages,
+		currentPage,
+		totalPages,
+		canGoNext: currentPage < totalPages,
+		canGoPrevious: currentPage > 1,
+		goToPage: onPageChange,
+		goToNext: () => onPageChange(Math.min(currentPage + 1, totalPages)),
+		goToPrevious: () => onPageChange(Math.max(currentPage - 1, 1)),
+		goToFirst: () => onPageChange(1),
+		goToLast: () => onPageChange(totalPages),
+		pageSize,
+		pageSizeOptions,
+		setPageSize
+	};
+}
+const PaginationRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "pagination",
+		className,
+		...props
+	});
+};
+PaginationRoot.displayName = "PaginationRoot";
+const PaginationContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("ul", {
+		role: "list",
+		className: cn("flex flex-row flex-wrap items-center gap-1 w-fit", className),
+		...props
+	});
+};
+PaginationContent.displayName = "PaginationContent";
+const PaginationItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("li", {
+		className: cn("", className),
+		...props
+	});
+};
+PaginationItem.displayName = "PaginationItem";
+const PaginationButton = ({ className, isActive, variant, size = "icon-sm", ...props }) => {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-current": isActive ? "page" : void 0,
+		className: cn(controlVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+};
+PaginationButton.displayName = "PaginationButton";
+const PaginationPrevious = ({ className, disabled, variant, size = "icon-sm", children, ...props }) => {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Go to previous page",
+		"aria-disabled": disabled || void 0,
+		disabled,
+		className: cn(controlVariants({
+			variant,
+			size
+		}), disabled && "pointer-events-none opacity-50", className),
+		...props,
+		children
+	});
+};
+PaginationPrevious.displayName = "PaginationPrevious";
+const PaginationNext = ({ className, disabled, variant, size = "icon-sm", children, ...props }) => {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Go to next page",
+		"aria-disabled": disabled || void 0,
+		disabled,
+		className: cn(controlVariants({
+			variant,
+			size
+		}), disabled && "pointer-events-none opacity-50", className),
+		...props,
+		children
+	});
+};
+PaginationNext.displayName = "PaginationNext";
+const PaginationFirst = ({ className, disabled, variant, size = "icon-sm", children, ...props }) => {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Go to first page",
+		"aria-disabled": disabled || void 0,
+		disabled,
+		className: cn(controlVariants({
+			variant,
+			size
+		}), disabled && "pointer-events-none opacity-50", className),
+		...props,
+		children
+	});
+};
+PaginationFirst.displayName = "PaginationFirst";
+const PaginationLast = ({ className, disabled, variant, size = "icon-sm", children, ...props }) => {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Go to last page",
+		"aria-disabled": disabled || void 0,
+		disabled,
+		className: cn(controlVariants({
+			variant,
+			size
+		}), disabled && "pointer-events-none opacity-50", className),
+		...props,
+		children
+	});
+};
+PaginationLast.displayName = "PaginationLast";
+const PaginationEllipsis = ({ className, size = "icon-sm", ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		className: cn(controlVariants({ size }), "border-transparent bg-transparent shadow-none", className),
+		...props
+	});
+};
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+//#endregion
+export { PaginationButton, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, usePagination };
+//# sourceMappingURL=pagination.js.map

package/dist/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":[],"sources":["../src/components/pagination.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport {\n  type ControlSize,\n  type ControlVariant,\n  controlVariants,\n} from '../lib/control-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// usePagination Hook\n// ============================================================================\n\ntype PaginationPage = number | 'ellipsis'\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100]\n\ntype UsePaginationOptions = {\n  /** Current active page (1-indexed) */\n  currentPage: number\n  /** Total number of pages */\n  totalPages: number\n  /** Number of pages to show on each side of current page (default: 1) */\n  siblingCount?: number\n  /** Callback when page changes */\n  onPageChange: (page: number) => void\n  /** Current page size */\n  pageSize?: number\n  /** Available page size options (default: [10, 25, 50, 100]) */\n  pageSizeOptions?: number[]\n  /** Callback when page size changes */\n  onPageSizeChange?: (pageSize: number) => void\n}\n\ntype UsePaginationReturn = {\n  /** Array of page numbers and 'ellipsis' markers */\n  pages: PaginationPage[]\n  /** Current active page */\n  currentPage: number\n  /** Total number of pages */\n  totalPages: number\n  /** Whether navigation to next page is possible */\n  canGoNext: boolean\n  /** Whether navigation to previous page is possible */\n  canGoPrevious: boolean\n  /** Navigate to a specific page */\n  goToPage: (page: number) => void\n  /** Navigate to the next page */\n  goToNext: () => void\n  /** Navigate to the previous page */\n  goToPrevious: () => void\n  /** Navigate to the first page */\n  goToFirst: () => void\n  /** Navigate to the last page */\n  goToLast: () => void\n  /** Current page size */\n  pageSize: number\n  /** Available page size options */\n  pageSizeOptions: number[]\n  /** Set page size (calls onPageSizeChange if provided) */\n  setPageSize: (size: number) => void\n}\n\n/**\n * Generate page numbers with ellipsis for pagination display\n */\nfunction computePageRange(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number,\n): PaginationPage[] {\n  if (totalPages <= 1) return [1]\n  if (totalPages <= 7) {\n    // Show all pages if 7 or fewer\n    return Array.from({ length: totalPages }, (_, i) => i + 1)\n  }\n\n  const result: PaginationPage[] = []\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1)\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages)\n\n  const shouldShowLeftEllipsis = leftSiblingIndex > 2\n  const shouldShowRightEllipsis = rightSiblingIndex < totalPages - 1\n\n  // Always show first page\n  result.push(1)\n\n  if (shouldShowLeftEllipsis) {\n    result.push('ellipsis')\n  }\n\n  // Add pages around current page (excluding first and last which are handled separately)\n  for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {\n    if (i !== 1 && i !== totalPages) {\n      result.push(i)\n    }\n  }\n\n  if (shouldShowRightEllipsis) {\n    result.push('ellipsis')\n  }\n\n  // Always show last page\n  if (totalPages > 1) {\n    result.push(totalPages)\n  }\n\n  return result\n}\n\nfunction usePagination({\n  currentPage,\n  totalPages,\n  siblingCount = 1,\n  onPageChange,\n  pageSize = DEFAULT_PAGE_SIZE_OPTIONS[0],\n  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n  onPageSizeChange,\n}: UsePaginationOptions): UsePaginationReturn {\n  const pages = React.useMemo(\n    () => computePageRange(currentPage, totalPages, siblingCount),\n    [currentPage, totalPages, siblingCount],\n  )\n\n  const setPageSize = React.useCallback(\n    (size: number) => {\n      onPageSizeChange?.(size)\n    },\n    [onPageSizeChange],\n  )\n\n  return {\n    pages,\n    currentPage,\n    totalPages,\n    canGoNext: currentPage < totalPages,\n    canGoPrevious: currentPage > 1,\n    goToPage: onPageChange,\n    goToNext: () => onPageChange(Math.min(currentPage + 1, totalPages)),\n    goToPrevious: () => onPageChange(Math.max(currentPage - 1, 1)),\n    goToFirst: () => onPageChange(1),\n    goToLast: () => onPageChange(totalPages),\n    pageSize,\n    pageSizeOptions,\n    setPageSize,\n  }\n}\n\n// ============================================================================\n// PaginationRoot\n// ============================================================================\n\ntype PaginationRootProps = React.ComponentProps<'nav'>\n\nconst PaginationRoot = ({ className, ...props }: PaginationRootProps) => {\n  return <nav aria-label='pagination' className={className} {...props} />\n}\n\nPaginationRoot.displayName = 'PaginationRoot'\n\n// ============================================================================\n// PaginationContent\n// ============================================================================\n\ntype PaginationContentProps = React.ComponentProps<'ul'>\n\nconst PaginationContent = ({ className, ...props }: PaginationContentProps) => {\n  return (\n    <ul\n      role='list'\n      className={cn('flex flex-row flex-wrap items-center gap-1 w-fit', className)}\n      {...props}\n    />\n  )\n}\n\nPaginationContent.displayName = 'PaginationContent'\n\n// ============================================================================\n// PaginationItem\n// ============================================================================\n\ntype PaginationItemProps = React.ComponentProps<'li'>\n\nconst PaginationItem = ({ className, ...props }: PaginationItemProps) => {\n  return <li className={cn('', className)} {...props} />\n}\n\nPaginationItem.displayName = 'PaginationItem'\n\n// ============================================================================\n// PaginationButton (page number button)\n// ============================================================================\n\ntype PaginationButtonProps = React.ComponentProps<'button'> & {\n  /** Whether this button represents the current active page */\n  isActive?: boolean\n  /** Visual style of the button */\n  variant?: ControlVariant\n  /** Size of the button */\n  size?: ControlSize\n}\n\nconst PaginationButton = ({\n  className,\n  isActive,\n  variant,\n  size = 'icon-sm',\n  ...props\n}: PaginationButtonProps) => {\n  return (\n    <button\n      type='button'\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(controlVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n}\n\nPaginationButton.displayName = 'PaginationButton'\n\n// ============================================================================\n// PaginationPrevious\n// ============================================================================\n\ntype PaginationPreviousProps = React.ComponentProps<'button'> & {\n  /** Visual style of the button */\n  variant?: ControlVariant\n  /** Size of the button */\n  size?: ControlSize\n}\n\nconst PaginationPrevious = ({\n  className,\n  disabled,\n  variant,\n  size = 'icon-sm',\n  children,\n  ...props\n}: PaginationPreviousProps) => {\n  return (\n    <button\n      type='button'\n      aria-label='Go to previous page'\n      aria-disabled={disabled || undefined}\n      disabled={disabled}\n      className={cn(\n        controlVariants({ variant, size }),\n        disabled && 'pointer-events-none opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n\nPaginationPrevious.displayName = 'PaginationPrevious'\n\n// ============================================================================\n// PaginationNext\n// ============================================================================\n\ntype PaginationNextProps = React.ComponentProps<'button'> & {\n  /** Visual style of the button */\n  variant?: ControlVariant\n  /** Size of the button */\n  size?: ControlSize\n}\n\nconst PaginationNext = ({\n  className,\n  disabled,\n  variant,\n  size = 'icon-sm',\n  children,\n  ...props\n}: PaginationNextProps) => {\n  return (\n    <button\n      type='button'\n      aria-label='Go to next page'\n      aria-disabled={disabled || undefined}\n      disabled={disabled}\n      className={cn(\n        controlVariants({ variant, size }),\n        disabled && 'pointer-events-none opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n\nPaginationNext.displayName = 'PaginationNext'\n\n// ============================================================================\n// PaginationFirst\n// ============================================================================\n\ntype PaginationFirstProps = React.ComponentProps<'button'> & {\n  /** Visual style of the button */\n  variant?: ControlVariant\n  /** Size of the button */\n  size?: ControlSize\n}\n\nconst PaginationFirst = ({\n  className,\n  disabled,\n  variant,\n  size = 'icon-sm',\n  children,\n  ...props\n}: PaginationFirstProps) => {\n  return (\n    <button\n      type='button'\n      aria-label='Go to first page'\n      aria-disabled={disabled || undefined}\n      disabled={disabled}\n      className={cn(\n        controlVariants({ variant, size }),\n        disabled && 'pointer-events-none opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n\nPaginationFirst.displayName = 'PaginationFirst'\n\n// ============================================================================\n// PaginationLast\n// ============================================================================\n\ntype PaginationLastProps = React.ComponentProps<'button'> & {\n  /** Visual style of the button */\n  variant?: ControlVariant\n  /** Size of the button */\n  size?: ControlSize\n}\n\nconst PaginationLast = ({\n  className,\n  disabled,\n  variant,\n  size = 'icon-sm',\n  children,\n  ...props\n}: PaginationLastProps) => {\n  return (\n    <button\n      type='button'\n      aria-label='Go to last page'\n      aria-disabled={disabled || undefined}\n      disabled={disabled}\n      className={cn(\n        controlVariants({ variant, size }),\n        disabled && 'pointer-events-none opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n\nPaginationLast.displayName = 'PaginationLast'\n\n// ============================================================================\n// PaginationEllipsis\n// ============================================================================\n\ntype PaginationEllipsisProps = React.ComponentProps<'span'> & {\n  /** Size of the ellipsis container */\n  size?: ControlSize\n}\n\nconst PaginationEllipsis = ({\n  className,\n  size = 'icon-sm',\n  ...props\n}: PaginationEllipsisProps) => {\n  return (\n    <span\n      aria-hidden='true'\n      className={cn(\n        controlVariants({ size }),\n        'border-transparent bg-transparent shadow-none',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  // eslint-disable-next-line react-refresh/only-export-components\n  usePagination,\n  PaginationRoot,\n  PaginationContent,\n  PaginationItem,\n  PaginationButton,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationFirst,\n  PaginationLast,\n  PaginationEllipsis,\n}\n\nexport type {\n  PaginationPage,\n  UsePaginationOptions,\n  UsePaginationReturn,\n  PaginationRootProps,\n  PaginationContentProps,\n  PaginationItemProps,\n  PaginationButtonProps,\n  PaginationPreviousProps,\n  PaginationNextProps,\n  PaginationFirstProps,\n  PaginationLastProps,\n  PaginationEllipsisProps,\n}\n"],"mappings":"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"}