@arolariu/components 0.5.0 → 1.0.0

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

@@ -0,0 +1,111 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { NumberField } from "@base-ui/react/number-field";
+import { useRender } from "@base-ui/react/use-render";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+import number_field_module from "./number-field.module.js";
+function number_field_NumberField(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(NumberField.Root, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(number_field_module.root, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+const NumberFieldGroup = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(NumberField.Group, {
+        ref: ref,
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(number_field_module.group, className)
+            }, {})
+        }),
+        children: children
+    });
+});
+const NumberFieldInput = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(NumberField.Input, {
+        ref: ref,
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "input",
+            render: render,
+            props: mergeProps({
+                className: cn(number_field_module.input, className)
+            }, {})
+        })
+    });
+});
+function NumberFieldIncrement(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(NumberField.Increment, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "button",
+            render: render,
+            props: mergeProps({
+                className: cn(number_field_module.stepper, number_field_module.increment, className)
+            }, {})
+        }),
+        children: children ?? /*#__PURE__*/ jsx("span", {
+            className: number_field_module.stepperSymbol,
+            children: "+"
+        })
+    });
+}
+function NumberFieldDecrement(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(NumberField.Decrement, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "button",
+            render: render,
+            props: mergeProps({
+                className: cn(number_field_module.stepper, number_field_module.decrement, className)
+            }, {})
+        }),
+        children: children ?? /*#__PURE__*/ jsx("span", {
+            className: number_field_module.stepperSymbol,
+            children: "−"
+        })
+    });
+}
+function NumberFieldScrubArea(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(NumberField.ScrubArea, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "span",
+            render: render,
+            props: mergeProps({
+                className: cn(number_field_module.scrubArea, className)
+            }, {})
+        }),
+        children: children ?? /*#__PURE__*/ jsx("span", {
+            className: number_field_module.scrubHandle,
+            children: "⋮⋮"
+        })
+    });
+}
+number_field_NumberField.displayName = "NumberField";
+NumberFieldGroup.displayName = "NumberFieldGroup";
+NumberFieldInput.displayName = "NumberFieldInput";
+NumberFieldIncrement.displayName = "NumberFieldIncrement";
+NumberFieldDecrement.displayName = "NumberFieldDecrement";
+NumberFieldScrubArea.displayName = "NumberFieldScrubArea";
+export { NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, number_field_NumberField as NumberField };
+
+//# sourceMappingURL=number-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/number-field.js","sources":["../../../src/components/ui/number-field.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {NumberField as BaseNumberField} from \"@base-ui/react/number-field\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./number-field.module.css\";\r\n\r\ntype NumberFieldProps = React.ComponentPropsWithRef<typeof BaseNumberField.Root>;\r\ntype NumberFieldGroupProps = React.ComponentPropsWithRef<typeof BaseNumberField.Group>;\r\ntype NumberFieldInputProps = React.ComponentPropsWithRef<typeof BaseNumberField.Input>;\r\ntype NumberFieldIncrementProps = React.ComponentPropsWithRef<typeof BaseNumberField.Increment>;\r\ntype NumberFieldDecrementProps = React.ComponentPropsWithRef<typeof BaseNumberField.Decrement>;\r\ntype NumberFieldScrubAreaProps = React.ComponentPropsWithRef<typeof BaseNumberField.ScrubArea>;\r\n\r\n/**\r\n * Provides a styled numeric input with optional steppers and scrub support.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Number Field primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberField defaultValue={2}>\r\n *   <NumberFieldGroup>\r\n *     <NumberFieldDecrement />\r\n *     <NumberFieldInput />\r\n *     <NumberFieldIncrement />\r\n *   </NumberFieldGroup>\r\n * </NumberField>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nfunction NumberField(props: Readonly<NumberField.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNumberField.Root\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseNumberField.Root>\r\n  );\r\n}\r\n\r\n/**\r\n * Wraps the interactive number-field controls in a shared container.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Number Field group primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldGroup>\r\n *   <NumberFieldInput />\r\n * </NumberFieldGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nconst NumberFieldGroup = React.forwardRef<React.ComponentRef<typeof BaseNumberField.Group>, NumberFieldGroup.Props>(\r\n  (props: Readonly<NumberFieldGroup.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseNumberField.Group\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.group, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseNumberField.Group>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the text input used for numeric entry.\r\n *\r\n * @remarks\r\n * - Renders an `<input>` element by default\r\n * - Built on Base UI Number Field input primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldInput aria-label='Quantity' />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nconst NumberFieldInput = React.forwardRef<React.ComponentRef<typeof BaseNumberField.Input>, NumberFieldInput.Props>(\r\n  (props: Readonly<NumberFieldInput.Props>, ref): React.ReactElement => {\r\n    const {className, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseNumberField.Input\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"input\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.input, className)}, {}),\r\n        })}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the increment control for a number field.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on Base UI Number Field increment primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldIncrement />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nfunction NumberFieldIncrement(props: Readonly<NumberFieldIncrement.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNumberField.Increment\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.stepper, styles.increment, className)}, {}),\r\n      })}>\r\n      {children ?? <span className={styles.stepperSymbol}>+</span>}\r\n    </BaseNumberField.Increment>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the decrement control for a number field.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on Base UI Number Field decrement primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldDecrement />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nfunction NumberFieldDecrement(props: Readonly<NumberFieldDecrement.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNumberField.Decrement\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.stepper, styles.decrement, className)}, {}),\r\n      })}>\r\n      {children ?? <span className={styles.stepperSymbol}>−</span>}\r\n    </BaseNumberField.Decrement>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the scrub handle used for drag-to-adjust interactions.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on Base UI Number Field scrub-area primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldScrubArea />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nfunction NumberFieldScrubArea(props: Readonly<NumberFieldScrubArea.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNumberField.ScrubArea\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"span\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.scrubArea, className)}, {}),\r\n      })}>\r\n      {children ?? <span className={styles.scrubHandle}>⋮⋮</span>}\r\n    </BaseNumberField.ScrubArea>\r\n  );\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberField {\r\n  export type Props = NumberFieldProps;\r\n  export type State = BaseNumberField.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldGroup {\r\n  export type Props = NumberFieldGroupProps;\r\n  export type State = BaseNumberField.Group.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldInput {\r\n  export type Props = NumberFieldInputProps;\r\n  export type State = BaseNumberField.Input.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldIncrement {\r\n  export type Props = NumberFieldIncrementProps;\r\n  export type State = BaseNumberField.Increment.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldDecrement {\r\n  export type Props = NumberFieldDecrementProps;\r\n  export type State = BaseNumberField.Decrement.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldScrubArea {\r\n  export type Props = NumberFieldScrubAreaProps;\r\n  export type State = BaseNumberField.ScrubArea.State;\r\n}\r\n\r\nNumberField.displayName = \"NumberField\";\r\nNumberFieldGroup.displayName = \"NumberFieldGroup\";\r\nNumberFieldInput.displayName = \"NumberFieldInput\";\r\nNumberFieldIncrement.displayName = \"NumberFieldIncrement\";\r\nNumberFieldDecrement.displayName = \"NumberFieldDecrement\";\r\nNumberFieldScrubArea.displayName = \"NumberFieldScrubArea\";\r\n\r\nexport {NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea};\r\n"],"names":["NumberField","props","className","children","render","otherProps","BaseNumberField","useRender","mergeProps","cn","styles","NumberFieldGroup","React","ref","NumberFieldInput","NumberFieldIncrement","NumberFieldDecrement","NumberFieldScrubArea"],"mappings":";;;;;;;;AAqCA,SAASA,yBAAYC,KAAkC;IACrD,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,YAAAA,IAAoB;QAClB,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,oBAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;kBACCC;;AAGP;AAkBA,MAAMQ,mBAAmB,WAAHA,GAAGC,WACvB,CAACX,OAAyCY;IACxC,MAAM,EAACX,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,YAAAA,KAAqB;QACpB,KAAKO;QACJ,GAAGR,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,oBAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;kBACCC;;AAGP;AAiBF,MAAMW,mBAAmB,WAAHA,GAAGF,WACvB,CAACX,OAAyCY;IACxC,MAAM,EAACX,SAAS,EAAEE,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAE3C,OAAO,WAAP,GACE,IAACK,YAAAA,KAAqB;QACpB,KAAKO;QACJ,GAAGR,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,oBAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;;AAGN;AAiBF,SAASa,qBAAqBd,KAA2C;IACvE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,YAAAA,SAAyB;QACvB,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,oBAAAA,OAAc,EAAEA,oBAAAA,SAAgB,EAAER;YAAU,GAAG,CAAC;QACnF;kBACCC,YAAY,WAAZA,GAAY,IAAC;YAAK,WAAWO,oBAAAA,aAAoB;sBAAE;;;AAG1D;AAgBA,SAASM,qBAAqBf,KAA2C;IACvE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,YAAAA,SAAyB;QACvB,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,oBAAAA,OAAc,EAAEA,oBAAAA,SAAgB,EAAER;YAAU,GAAG,CAAC;QACnF;kBACCC,YAAY,WAAZA,GAAY,IAAC;YAAK,WAAWO,oBAAAA,aAAoB;sBAAE;;;AAG1D;AAgBA,SAASO,qBAAqBhB,KAA2C;IACvE,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,YAAAA,SAAyB;QACvB,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,oBAAAA,SAAgB,EAAER;YAAU,GAAG,CAAC;QACnE;kBACCC,YAAY,WAAZA,GAAY,IAAC;YAAK,WAAWO,oBAAAA,WAAkB;sBAAE;;;AAGxD;AAsCAV,yBAAY,WAAW,GAAG;AAC1BW,iBAAiB,WAAW,GAAG;AAC/BG,iBAAiB,WAAW,GAAG;AAC/BC,qBAAqB,WAAW,GAAG;AACnCC,qBAAqB,WAAW,GAAG;AACnCC,qBAAqB,WAAW,GAAG"}

package/dist/components/ui/number-field.module.js

@@ -0,0 +1,15 @@
+import "./number-field_module.css";
+const number_field_module = {
+    root: "root-ejVg4g",
+    group: "group-HYti4C",
+    input: "input-LMfU0y",
+    scrubArea: "scrubArea-ntSf9c",
+    stepper: "stepper-LSMb_x",
+    decrement: "decrement-A0KYlz",
+    increment: "increment-p1P6uC",
+    stepperSymbol: "stepperSymbol-vhH9__",
+    scrubHandle: "scrubHandle-EQJcNH"
+};
+export default number_field_module;
+
+//# sourceMappingURL=number-field.module.js.map

package/dist/components/ui/number-field.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/number-field.module.js","sources":["../../../src/components/ui/number-field.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./number-field_module.css\"\nexport default {\"root\":\"root-ejVg4g\",\"group\":\"group-HYti4C\",\"input\":\"input-LMfU0y\",\"scrubArea\":\"scrubArea-ntSf9c\",\"stepper\":\"stepper-LSMb_x\",\"decrement\":\"decrement-A0KYlz\",\"increment\":\"increment-p1P6uC\",\"stepperSymbol\":\"stepperSymbol-vhH9__\",\"scrubHandle\":\"scrubHandle-EQJcNH\"};"],"names":[],"mappings":";AAEA,4BAAe;IAAC,MAAO;IAAc,OAAQ;IAAe,OAAQ;IAAe,WAAY;IAAmB,SAAU;IAAiB,WAAY;IAAmB,WAAY;IAAmB,eAAgB;IAAuB,aAAc;AAAoB"}

package/dist/components/ui/number-field_module.css

@@ -0,0 +1,125 @@
+.root-ejVg4g {
+  gap: var(--ac-space-2);
+  display: grid;
+}
+
+.group-HYti4C {
+  background-color: var(--ac-background);
+  border: 1px solid var(--ac-input);
+  border-radius: var(--ac-radius-md);
+  min-height: var(--ac-size-default);
+  transition: border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);
+  align-items: stretch;
+  width: 100%;
+  display: flex;
+  overflow: hidden;
+  box-shadow: 0 1px 2px #0000000a;
+
+  &:focus-within {
+    border-color: var(--ac-ring);
+    box-shadow: 0 0 0 1px var(--ac-ring);
+  }
+
+  &:has([aria-invalid="true"]), &:has([data-invalid]) {
+    border-color: var(--ac-destructive);
+    box-shadow: 0 0 0 1px color-mix(in oklch,var(--ac-destructive),transparent 65%);
+  }
+}
+
+.group-HYti4C > * + * {
+  border-inline-start: 1px solid var(--ac-border);
+}
+
+.input-LMfU0y {
+  box-sizing: border-box;
+  color: var(--ac-foreground);
+  font-size: var(--ac-text-sm);
+  min-width: 0;
+  padding: 0 var(--ac-space-3);
+  background-color: #0000;
+  border: 0;
+  outline: none;
+  flex: auto;
+  line-height: 1.5;
+
+  &::placeholder {
+    color: var(--ac-muted-foreground);
+  }
+
+  &:focus-visible {
+    box-shadow: none;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+}
+
+.scrubArea-ntSf9c, .stepper-LSMb_x {
+  background-color: color-mix(in oklch,var(--ac-secondary),var(--ac-background) 30%);
+  color: var(--ac-foreground);
+  cursor: pointer;
+  font-size: var(--ac-text-xs);
+  min-width: var(--ac-size-default);
+  padding: 0 var(--ac-space-2);
+  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast);
+  -webkit-user-select: none;
+  user-select: none;
+  border: 0;
+  outline: none;
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  font-weight: 600;
+  line-height: 1;
+  display: inline-flex;
+
+  &:focus-visible {
+    background-color: var(--ac-accent);
+    box-shadow: inset 0 0 0 1px var(--ac-ring);
+    z-index: 1;
+    position: relative;
+  }
+
+  &[data-disabled] {
+    cursor: not-allowed;
+    opacity: .5;
+  }
+
+  @media (hover: hover) {
+    &:hover:not([data-disabled]) {
+      background-color: var(--ac-accent);
+      color: var(--ac-accent-foreground);
+    }
+  }
+}
+
+.decrement-A0KYlz, .increment-p1P6uC {
+  width: var(--ac-size-default);
+}
+
+.decrement-A0KYlz[data-pressed], .increment-p1P6uC[data-pressed], .scrubArea-ntSf9c[data-scrubbing] {
+  background-color: color-mix(in oklch,var(--ac-primary),var(--ac-background) 78%);
+  color: var(--ac-primary);
+}
+
+.stepperSymbol-vhH9__ {
+  justify-content: center;
+  align-items: center;
+  width: 1rem;
+  line-height: 1;
+  display: inline-flex;
+}
+
+.scrubArea-ntSf9c {
+  color: var(--ac-muted-foreground);
+  min-width: calc(var(--ac-size-default) - var(--ac-space-1));
+}
+
+.scrubHandle-EQJcNH {
+  font-size: var(--ac-text-sm);
+  letter-spacing: -.15em;
+}
+
+
+/*# sourceMappingURL=number-field_module.css.map */

package/dist/components/ui/number-field_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/number-field.module.css","webpack://./src/components/ui/number-field.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,sCAAsC;EACtC,iCAAiC;EACjC,kCAAkC;EAClC,kCAAkC;EAClC,uFAAuF;EACvF,oBAAoB;EACpB,WAAW;EACX,aAAa;EACb,gBAAgB;EAChB,+BAA+B;;EAE/B;IACE,4BAA4B;IAC5B,oCAAoC;EACtC;;EAEA;IACE,mCAAmC;IACnC,+EAA+E;EACjF;AACF;;AAEA;EACE,+CAA+C;AACjD;;AAEA;EACE,sBAAsB;EACtB,2BAA2B;EAC3B,4BAA4B;EAC5B,YAAY;EACZ,4BAA4B;EAC5B,uBAAuB;EACvB,SAAS;EACT,aAAa;EACb,UAAU;EACV,gBAAgB;;EAEhB;IACE,iCAAiC;EACnC;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,mBAAmB;EACrB;AACF;;AAEA;EACE,kFAAkF;EAClF,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,iCAAiC;EACjC,4BAA4B;EAC5B,sFAAsF;EACtF,yBAAyB;EACzB,iBAAiB;EACjB,SAAS;EACT,aAAa;EACb,UAAU;EACV,uBAAuB;EACvB,mBAAmB;EACnB,gBAAgB;EAChB,cAAc;EACd,oBAAoB;;EAEpB;IACE,kCAAkC;IAClC,0CAA0C;IAC1C,UAAU;IACV,kBAAkB;EACpB;;EAEA;IACE,mBAAmB;IACnB,WAAW;EACb;;EAEA;IACE;MACE,kCAAkC;MAClC,kCAAkC;IACpC;EACF;AACF;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,gFAAgF;EAChF,wBAAwB;AAC1B;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,cAAc;EACd,oBAAoB;AACtB;;AAEA;EACE,iCAAiC;EACjC,2DAA2D;AAC7D;;AAEA;EACE,4BAA4B;EAC5B,sBAAsB;AACxB","sourcesContent":[".root{display:grid;gap:var(--ac-space-2)}.group{align-items:stretch;background-color:var(--ac-background);border:1px solid var(--ac-input);border-radius:var(--ac-radius-md);box-shadow:0 1px 2px 0 rgba(0,0,0,.04);display:flex;min-height:var(--ac-size-default);overflow:hidden;transition:border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);width:100%;&:focus-within{border-color:var(--ac-ring);box-shadow:0 0 0 1px var(--ac-ring)}&:has([aria-invalid=true]),&:has([data-invalid]){border-color:var(--ac-destructive);box-shadow:0 0 0 1px color-mix(in oklch,var(--ac-destructive),transparent 65%)}}.group>*+*{border-inline-start:1px solid var(--ac-border)}.input{background-color:transparent;border:0;box-sizing:border-box;color:var(--ac-foreground);flex:1 1 auto;font-size:var(--ac-text-sm);line-height:1.5;min-width:0;outline:none;padding:0 var(--ac-space-3);&::placeholder{color:var(--ac-muted-foreground)}&:focus-visible{box-shadow:none}&:disabled{cursor:not-allowed}}.scrubArea,.stepper{align-items:center;background-color:color-mix(in oklch,var(--ac-secondary),var(--ac-background) 30%);border:0;color:var(--ac-foreground);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:var(--ac-text-xs);font-weight:600;justify-content:center;line-height:1;min-width:var(--ac-size-default);outline:none;padding:0 var(--ac-space-2);transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast);user-select:none;&:focus-visible{background-color:var(--ac-accent);box-shadow:inset 0 0 0 1px var(--ac-ring);position:relative;z-index:1}&[data-disabled]{cursor:not-allowed;opacity:.5}@media (hover:hover){&:hover:not([data-disabled]){background-color:var(--ac-accent);color:var(--ac-accent-foreground)}}}.decrement,.increment{width:var(--ac-size-default)}.decrement[data-pressed],.increment[data-pressed],.scrubArea[data-scrubbing]{background-color:color-mix(in oklch,var(--ac-primary),var(--ac-background) 78%);color:var(--ac-primary)}.stepperSymbol{align-items:center;display:inline-flex;justify-content:center;line-height:1;width:1rem}.scrubArea{color:var(--ac-muted-foreground);min-width:calc(var(--ac-size-default) - var(--ac-space-1))}.scrubHandle{font-size:var(--ac-text-sm);letter-spacing:-.15em}",".root {\n  gap: var(--ac-space-2);\n  display: grid;\n}\n\n.group {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-input);\n  border-radius: var(--ac-radius-md);\n  min-height: var(--ac-size-default);\n  transition: border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);\n  align-items: stretch;\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n  box-shadow: 0 1px 2px #0000000a;\n\n  &:focus-within {\n    border-color: var(--ac-ring);\n    box-shadow: 0 0 0 1px var(--ac-ring);\n  }\n\n  &:has([aria-invalid=\"true\"]), &:has([data-invalid]) {\n    border-color: var(--ac-destructive);\n    box-shadow: 0 0 0 1px color-mix(in oklch,var(--ac-destructive),transparent 65%);\n  }\n}\n\n.group > * + * {\n  border-inline-start: 1px solid var(--ac-border);\n}\n\n.input {\n  box-sizing: border-box;\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n  min-width: 0;\n  padding: 0 var(--ac-space-3);\n  background-color: #0000;\n  border: 0;\n  outline: none;\n  flex: auto;\n  line-height: 1.5;\n\n  &::placeholder {\n    color: var(--ac-muted-foreground);\n  }\n\n  &:focus-visible {\n    box-shadow: none;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n}\n\n.scrubArea, .stepper {\n  background-color: color-mix(in oklch,var(--ac-secondary),var(--ac-background) 30%);\n  color: var(--ac-foreground);\n  cursor: pointer;\n  font-size: var(--ac-text-xs);\n  min-width: var(--ac-size-default);\n  padding: 0 var(--ac-space-2);\n  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast);\n  -webkit-user-select: none;\n  user-select: none;\n  border: 0;\n  outline: none;\n  flex: none;\n  justify-content: center;\n  align-items: center;\n  font-weight: 600;\n  line-height: 1;\n  display: inline-flex;\n\n  &:focus-visible {\n    background-color: var(--ac-accent);\n    box-shadow: inset 0 0 0 1px var(--ac-ring);\n    z-index: 1;\n    position: relative;\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    opacity: .5;\n  }\n\n  @media (hover: hover) {\n    &:hover:not([data-disabled]) {\n      background-color: var(--ac-accent);\n      color: var(--ac-accent-foreground);\n    }\n  }\n}\n\n.decrement, .increment {\n  width: var(--ac-size-default);\n}\n\n.decrement[data-pressed], .increment[data-pressed], .scrubArea[data-scrubbing] {\n  background-color: color-mix(in oklch,var(--ac-primary),var(--ac-background) 78%);\n  color: var(--ac-primary);\n}\n\n.stepperSymbol {\n  justify-content: center;\n  align-items: center;\n  width: 1rem;\n  line-height: 1;\n  display: inline-flex;\n}\n\n.scrubArea {\n  color: var(--ac-muted-foreground);\n  min-width: calc(var(--ac-size-default) - var(--ac-space-1));\n}\n\n.scrubHandle {\n  font-size: var(--ac-text-sm);\n  letter-spacing: -.15em;\n}\n"],"sourceRoot":""}

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

@@ -1,29 +1,155 @@
 import * as React from "react";
-import { ButtonProps } from "./button";
-declare const Pagination: {
-    ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+import type { ButtonProps } from "./button";
+/**
+ * Props for the {@link Pagination} component.
+ */
+export type PaginationProps = React.ComponentPropsWithoutRef<"nav">;
+/**
+ * Props for the {@link PaginationContent} component.
+ */
+export type PaginationContentProps = React.ComponentPropsWithoutRef<"ul">;
+/**
+ * Props for the {@link PaginationItem} component.
+ */
+export type PaginationItemProps = React.ComponentPropsWithoutRef<"li">;
+/**
+ * Props for the {@link PaginationLink} component.
+ */
+export interface PaginationLinkProps extends Pick<ButtonProps, "size">, React.ComponentPropsWithoutRef<"a"> {
+    /** Marks the link as the current active page. @default false */
+    isActive?: boolean;
+}
+/**
+ * Props for the {@link PaginationPrevious} component.
+ */
+export type PaginationPreviousProps = React.ComponentPropsWithoutRef<typeof PaginationLink>;
+/**
+ * Props for the {@link PaginationNext} component.
+ */
+export type PaginationNextProps = React.ComponentPropsWithoutRef<typeof PaginationLink>;
+/**
+ * Props for the {@link PaginationEllipsis} component.
+ */
+export type PaginationEllipsisProps = React.ComponentPropsWithoutRef<"span">;
+/**
+ * Provides semantic navigation for paginated content.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<nav>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <Pagination>
+ *   <PaginationContent />
+ * </Pagination>
+ * ```
+ *
+ * @see {@link PaginationProps} for available props
+ */
+declare const Pagination: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+/**
+ * Wraps pagination items in a flex-based list container.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<ul>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <PaginationContent>
+ *   <PaginationItem />
+ * </PaginationContent>
+ * ```
+ *
+ * @see {@link PaginationContentProps} for available props
+ */
 declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+/**
+ * Wraps an individual pagination control.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders an `<li>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <PaginationItem>
+ *   <PaginationLink href='?page=1'>1</PaginationLink>
+ * </PaginationItem>
+ * ```
+ *
+ * @see {@link PaginationItemProps} for available props
+ */
 declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-type PaginationLinkProps = {
-    isActive?: boolean;
-} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
-declare const PaginationLink: {
-    ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const PaginationPrevious: {
-    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const PaginationNext: {
-    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const PaginationEllipsis: {
-    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+/**
+ * Renders an anchor styled to match pagination controls.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders an `<a>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <PaginationLink href='?page=2' isActive>
+ *   2
+ * </PaginationLink>
+ * ```
+ *
+ * @see {@link PaginationLinkProps} for available props
+ */
+declare const PaginationLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Renders the pagination control for navigating to the previous page.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders an `<a>` element through {@link PaginationLink}
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <PaginationPrevious href='?page=1' />
+ * ```
+ *
+ * @see {@link PaginationPreviousProps} for available props
+ */
+declare const PaginationPrevious: React.ForwardRefExoticComponent<Omit<PaginationLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Renders the pagination control for navigating to the next page.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders an `<a>` element through {@link PaginationLink}
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <PaginationNext href='?page=3' />
+ * ```
+ *
+ * @see {@link PaginationNextProps} for available props
+ */
+declare const PaginationNext: React.ForwardRefExoticComponent<Omit<PaginationLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Indicates truncated page ranges within pagination.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<span>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <PaginationEllipsis />
+ * ```
+ *
+ * @see {@link PaginationEllipsisProps} for available props
+ */
+declare const PaginationEllipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.ts.map

package/dist/components/ui/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAiB,MAAM,wBAAwB,CAAC;AAGnE,QAAA,MAAM,UAAU;8BAA2B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;;CAOrE,CAAC;AAGF,QAAA,MAAM,iBAAiB,yKAMrB,CAAC;AAGH,QAAA,MAAM,cAAc,kKAMlB,CAAC;AAGH,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GACzB,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE9B,QAAA,MAAM,cAAc;8CAAoD,mBAAmB;;CAa1F,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAA2B,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CAS7F,CAAC;AAGF,QAAA,MAAM,cAAc;8BAA2B,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CASzF,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAA2B,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;;CAQ9E,CAAC;AAGF,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAC,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAKxD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC;IACzG,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;AAE5F;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;AAExF;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;AAS7E;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,UAAU,0JAUf,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,iBAAiB,yKAQtB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,cAAc,kKAQnB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,cAAc,+FAiBnB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,qJAYvB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,cAAc,qJAYnB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,sKAWvB,CAAC;AAUF,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAC,CAAC"}

package/dist/components/ui/pagination.js

@@ -2,80 +2,83 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
 import { forwardRef } from "react";
-import { buttonVariants } from "./button.js";
 import { cn } from "../../lib/utilities.js";
-const Pagination = ({ className, ...props })=>/*#__PURE__*/ jsx("nav", {
+import button_module from "./button.module.js";
+import pagination_module from "./pagination.module.js";
+const buttonSizeStyles = {
+    default: button_module.sizeDefault,
+    icon: button_module.sizeIcon,
+    lg: button_module.sizeLg,
+    sm: button_module.sizeSm
+};
+const Pagination = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("nav", {
+        ref: ref,
         role: "navigation",
         "aria-label": "pagination",
-        className: cn("mx-auto flex w-full justify-center", className),
+        className: cn(pagination_module.root, className),
         ...props
-    });
-Pagination.displayName = "Pagination";
+    }));
 const PaginationContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ul", {
         ref: ref,
-        className: cn("flex flex-row items-center gap-1", className),
+        className: cn(pagination_module.content, className),
         ...props
     }));
-PaginationContent.displayName = "PaginationContent";
 const PaginationItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("li", {
         ref: ref,
-        className: cn("", className),
+        className: cn(pagination_module.item, className),
         ...props
     }));
-PaginationItem.displayName = "PaginationItem";
-const PaginationLink = ({ className, isActive, size = "icon", ...props })=>/*#__PURE__*/ jsx("a", {
+const PaginationLink = /*#__PURE__*/ forwardRef(({ className, isActive = false, size = "icon", ...props }, ref)=>/*#__PURE__*/ jsx("a", {
+        ref: ref,
         "aria-current": isActive ? "page" : void 0,
-        className: cn(buttonVariants({
-            variant: isActive ? "outline" : "ghost",
-            size
-        }), className),
+        className: cn(button_module.button, isActive ? button_module.outline : button_module.ghost, buttonSizeStyles[size], pagination_module.link, className),
         ...props
-    });
-PaginationLink.displayName = "PaginationLink";
-const PaginationPrevious = ({ className, ...props })=>/*#__PURE__*/ jsxs(PaginationLink, {
+    }));
+const PaginationPrevious = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs(PaginationLink, {
+        ref: ref,
         "aria-label": "Go to previous page",
         size: "default",
-        className: cn("gap-1 pl-2.5", className),
+        className: cn(pagination_module.previous, className),
         ...props,
         children: [
-            /*#__PURE__*/ jsx(ChevronLeft, {
-                className: "h-4 w-4"
-            }),
+            /*#__PURE__*/ jsx(ChevronLeft, {}),
             /*#__PURE__*/ jsx("span", {
                 children: "Previous"
             })
         ]
-    });
-PaginationPrevious.displayName = "PaginationPrevious";
-const PaginationNext = ({ className, ...props })=>/*#__PURE__*/ jsxs(PaginationLink, {
+    }));
+const PaginationNext = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs(PaginationLink, {
+        ref: ref,
         "aria-label": "Go to next page",
         size: "default",
-        className: cn("gap-1 pr-2.5", className),
+        className: cn(pagination_module.next, className),
         ...props,
         children: [
             /*#__PURE__*/ jsx("span", {
                 children: "Next"
             }),
-            /*#__PURE__*/ jsx(ChevronRight, {
-                className: "h-4 w-4"
-            })
+            /*#__PURE__*/ jsx(ChevronRight, {})
         ]
-    });
-PaginationNext.displayName = "PaginationNext";
-const PaginationEllipsis = ({ className, ...props })=>/*#__PURE__*/ jsxs("span", {
-        "aria-hidden": true,
-        className: cn("flex h-9 w-9 items-center justify-center", className),
+    }));
+const PaginationEllipsis = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs("span", {
+        ref: ref,
+        "aria-hidden": "true",
+        className: cn(pagination_module.ellipsis, className),
         ...props,
         children: [
-            /*#__PURE__*/ jsx(MoreHorizontal, {
-                className: "h-4 w-4"
-            }),
+            /*#__PURE__*/ jsx(MoreHorizontal, {}),
             /*#__PURE__*/ jsx("span", {
-                className: "sr-only",
+                className: pagination_module.srOnly,
                 children: "More pages"
             })
         ]
-    });
+    }));
+Pagination.displayName = "Pagination";
+PaginationContent.displayName = "PaginationContent";
+PaginationItem.displayName = "PaginationItem";
+PaginationLink.displayName = "PaginationLink";
+PaginationPrevious.displayName = "PaginationPrevious";
+PaginationNext.displayName = "PaginationNext";
 PaginationEllipsis.displayName = "PaginationEllipsis";
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/pagination.js","sources":["../../../src/components/ui/pagination.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {ChevronLeft, ChevronRight, MoreHorizontal} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {ButtonProps, buttonVariants} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Pagination = ({className, ...props}: React.ComponentProps<\"nav\">) => (\r\n  <nav\r\n    role='navigation'\r\n    aria-label='pagination'\r\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\r\n    {...props}\r\n  />\r\n);\r\nPagination.displayName = \"Pagination\";\r\n\r\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    className={cn(\"flex flex-row items-center gap-1\", className)}\r\n    {...props}\r\n  />\r\n));\r\nPaginationContent.displayName = \"PaginationContent\";\r\n\r\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({className, ...props}, ref) => (\r\n  <li\r\n    ref={ref}\r\n    className={cn(\"\", className)}\r\n    {...props}\r\n  />\r\n));\r\nPaginationItem.displayName = \"PaginationItem\";\r\n\r\ntype PaginationLinkProps = {\r\n  isActive?: boolean;\r\n} & Pick<ButtonProps, \"size\">\r\n  & React.ComponentProps<\"a\">;\r\n\r\nconst PaginationLink = ({className, isActive, size = \"icon\", ...props}: PaginationLinkProps) => (\r\n  // eslint-disable-next-line jsx-a11y/anchor-has-content -- the link will have children.\r\n  <a\r\n    aria-current={isActive ? \"page\" : undefined}\r\n    className={cn(\r\n      buttonVariants({\r\n        variant: isActive ? \"outline\" : \"ghost\",\r\n        size,\r\n      }),\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n);\r\nPaginationLink.displayName = \"PaginationLink\";\r\n\r\nconst PaginationPrevious = ({className, ...props}: React.ComponentProps<typeof PaginationLink>) => (\r\n  <PaginationLink\r\n    aria-label='Go to previous page'\r\n    size='default'\r\n    className={cn(\"gap-1 pl-2.5\", className)}\r\n    {...props}>\r\n    <ChevronLeft className='h-4 w-4' />\r\n    <span>Previous</span>\r\n  </PaginationLink>\r\n);\r\nPaginationPrevious.displayName = \"PaginationPrevious\";\r\n\r\nconst PaginationNext = ({className, ...props}: React.ComponentProps<typeof PaginationLink>) => (\r\n  <PaginationLink\r\n    aria-label='Go to next page'\r\n    size='default'\r\n    className={cn(\"gap-1 pr-2.5\", className)}\r\n    {...props}>\r\n    <span>Next</span>\r\n    <ChevronRight className='h-4 w-4' />\r\n  </PaginationLink>\r\n);\r\nPaginationNext.displayName = \"PaginationNext\";\r\n\r\nconst PaginationEllipsis = ({className, ...props}: React.ComponentProps<\"span\">) => (\r\n  <span\r\n    aria-hidden\r\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\r\n    {...props}>\r\n    <MoreHorizontal className='h-4 w-4' />\r\n    <span className='sr-only'>More pages</span>\r\n  </span>\r\n);\r\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\r\n\r\nexport {Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious};\r\n"],"names":["Pagination","className","props","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","undefined","buttonVariants","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":";;;;;;AAQA,MAAMA,aAAa,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAmC,iBACpE,IAAC;QACC,MAAK;QACL,cAAW;QACX,WAAWC,GAAG,sCAAsCF;QACnD,GAAGC,KAAK;;AAGbF,WAAW,WAAW,GAAG;AAEzB,MAAMI,oBAAoB,WAApBA,GAAoBC,WAA+D,CAAC,EAACJ,SAAS,EAAE,GAAGC,OAAM,EAAEI,MAAAA,WAAAA,GAC/G,IAAC;QACC,KAAKA;QACL,WAAWH,GAAG,oCAAoCF;QACjD,GAAGC,KAAK;;AAGbE,kBAAkB,WAAW,GAAG;AAEhC,MAAMG,iBAAiB,WAAjBA,GAAiBF,WAA4D,CAAC,EAACJ,SAAS,EAAE,GAAGC,OAAM,EAAEI,MAAAA,WAAAA,GACzG,IAAC;QACC,KAAKA;QACL,WAAWH,GAAG,IAAIF;QACjB,GAAGC,KAAK;;AAGbK,eAAe,WAAW,GAAG;AAO7B,MAAMC,iBAAiB,CAAC,EAACP,SAAS,EAAEQ,QAAQ,EAAEC,OAAO,MAAM,EAAE,GAAGR,OAA2B,G,cAEzF,IAAC;QACC,gBAAcO,WAAW,SAASE;QAClC,WAAWR,GACTS,eAAe;YACb,SAASH,WAAW,YAAY;YAChCC;QACF,IACAT;QAED,GAAGC,KAAK;;AAGbM,eAAe,WAAW,GAAG;AAE7B,MAAMK,qBAAqB,CAAC,EAACZ,SAAS,EAAE,GAAGC,OAAmD,iBAC5F,KAACM,gBAAAA;QACC,cAAW;QACX,MAAK;QACL,WAAWL,GAAG,gBAAgBF;QAC7B,GAAGC,KAAK;;0BACT,IAACY,aAAWA;gBAAC,WAAU;;0BACvB,IAAC;0BAAK;;;;AAGVD,mBAAmB,WAAW,GAAG;AAEjC,MAAME,iBAAiB,CAAC,EAACd,SAAS,EAAE,GAAGC,OAAmD,iBACxF,KAACM,gBAAAA;QACC,cAAW;QACX,MAAK;QACL,WAAWL,GAAG,gBAAgBF;QAC7B,GAAGC,KAAK;;0BACT,IAAC;0BAAK;;0BACN,IAACc,cAAYA;gBAAC,WAAU;;;;AAG5BD,eAAe,WAAW,GAAG;AAE7B,MAAME,qBAAqB,CAAC,EAAChB,SAAS,EAAE,GAAGC,OAAoC,iBAC7E,KAAC;QACC,eAAW;QACX,WAAWC,GAAG,4CAA4CF;QACzD,GAAGC,KAAK;;0BACT,IAACgB,gBAAcA;gBAAC,WAAU;;0BAC1B,IAAC;gBAAK,WAAU;0BAAU;;;;AAG9BD,mBAAmB,WAAW,GAAG"}
+{"version":3,"file":"components/ui/pagination.js","sources":["../../../src/components/ui/pagination.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable jsx-a11y/anchor-has-content */\r\n\r\nimport {ChevronLeft, ChevronRight, MoreHorizontal} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport type {ButtonProps} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\nimport buttonStyles from \"./button.module.css\";\r\nimport styles from \"./pagination.module.css\";\r\n\r\n/**\r\n * Props for the {@link Pagination} component.\r\n */\r\nexport type PaginationProps = React.ComponentPropsWithoutRef<\"nav\">;\r\n\r\n/**\r\n * Props for the {@link PaginationContent} component.\r\n */\r\nexport type PaginationContentProps = React.ComponentPropsWithoutRef<\"ul\">;\r\n\r\n/**\r\n * Props for the {@link PaginationItem} component.\r\n */\r\nexport type PaginationItemProps = React.ComponentPropsWithoutRef<\"li\">;\r\n\r\n/**\r\n * Props for the {@link PaginationLink} component.\r\n */\r\nexport interface PaginationLinkProps extends Pick<ButtonProps, \"size\">, React.ComponentPropsWithoutRef<\"a\"> {\r\n  /** Marks the link as the current active page. @default false */\r\n  isActive?: boolean;\r\n}\r\n\r\n/**\r\n * Props for the {@link PaginationPrevious} component.\r\n */\r\nexport type PaginationPreviousProps = React.ComponentPropsWithoutRef<typeof PaginationLink>;\r\n\r\n/**\r\n * Props for the {@link PaginationNext} component.\r\n */\r\nexport type PaginationNextProps = React.ComponentPropsWithoutRef<typeof PaginationLink>;\r\n\r\n/**\r\n * Props for the {@link PaginationEllipsis} component.\r\n */\r\nexport type PaginationEllipsisProps = React.ComponentPropsWithoutRef<\"span\">;\r\n\r\nconst buttonSizeStyles: Record<NonNullable<ButtonProps[\"size\"]>, string> = {\r\n  default: buttonStyles.sizeDefault,\r\n  icon: buttonStyles.sizeIcon,\r\n  lg: buttonStyles.sizeLg,\r\n  sm: buttonStyles.sizeSm,\r\n};\r\n\r\n/**\r\n * Provides semantic navigation for paginated content.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<nav>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Pagination>\r\n *   <PaginationContent />\r\n * </Pagination>\r\n * ```\r\n *\r\n * @see {@link PaginationProps} for available props\r\n */\r\nconst Pagination = React.forwardRef<HTMLElement, PaginationProps>(\r\n  ({className, ...props}: Readonly<PaginationProps>, ref): React.JSX.Element => (\r\n    <nav\r\n      ref={ref}\r\n      role='navigation'\r\n      aria-label='pagination'\r\n      className={cn(styles.root, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps pagination items in a flex-based list container.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<ul>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationContent>\r\n *   <PaginationItem />\r\n * </PaginationContent>\r\n * ```\r\n *\r\n * @see {@link PaginationContentProps} for available props\r\n */\r\nconst PaginationContent = React.forwardRef<HTMLUListElement, PaginationContentProps>(\r\n  ({className, ...props}: Readonly<PaginationContentProps>, ref): React.JSX.Element => (\r\n    <ul\r\n      ref={ref}\r\n      className={cn(styles.content, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps an individual pagination control.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<li>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationItem>\r\n *   <PaginationLink href='?page=1'>1</PaginationLink>\r\n * </PaginationItem>\r\n * ```\r\n *\r\n * @see {@link PaginationItemProps} for available props\r\n */\r\nconst PaginationItem = React.forwardRef<HTMLLIElement, PaginationItemProps>(\r\n  ({className, ...props}: Readonly<PaginationItemProps>, ref): React.JSX.Element => (\r\n    <li\r\n      ref={ref}\r\n      className={cn(styles.item, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders an anchor styled to match pagination controls.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<a>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationLink href='?page=2' isActive>\r\n *   2\r\n * </PaginationLink>\r\n * ```\r\n *\r\n * @see {@link PaginationLinkProps} for available props\r\n */\r\nconst PaginationLink = React.forwardRef<HTMLAnchorElement, PaginationLinkProps>(\r\n  ({className, isActive = false, size = \"icon\", ...props}: Readonly<PaginationLinkProps>, ref): React.JSX.Element => {\r\n    return (\r\n      <a\r\n        ref={ref}\r\n        aria-current={isActive ? \"page\" : undefined}\r\n        className={cn(\r\n          buttonStyles.button,\r\n          isActive ? buttonStyles.outline : buttonStyles.ghost,\r\n          buttonSizeStyles[size],\r\n          styles.link,\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the pagination control for navigating to the previous page.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<a>` element through {@link PaginationLink}\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationPrevious href='?page=1' />\r\n * ```\r\n *\r\n * @see {@link PaginationPreviousProps} for available props\r\n */\r\nconst PaginationPrevious = React.forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\r\n  ({className, ...props}: Readonly<PaginationPreviousProps>, ref): React.JSX.Element => (\r\n    <PaginationLink\r\n      ref={ref}\r\n      aria-label='Go to previous page'\r\n      size='default'\r\n      className={cn(styles.previous, className)}\r\n      {...props}>\r\n      <ChevronLeft />\r\n      <span>Previous</span>\r\n    </PaginationLink>\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the pagination control for navigating to the next page.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<a>` element through {@link PaginationLink}\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationNext href='?page=3' />\r\n * ```\r\n *\r\n * @see {@link PaginationNextProps} for available props\r\n */\r\nconst PaginationNext = React.forwardRef<HTMLAnchorElement, PaginationNextProps>(\r\n  ({className, ...props}: Readonly<PaginationNextProps>, ref): React.JSX.Element => (\r\n    <PaginationLink\r\n      ref={ref}\r\n      aria-label='Go to next page'\r\n      size='default'\r\n      className={cn(styles.next, className)}\r\n      {...props}>\r\n      <span>Next</span>\r\n      <ChevronRight />\r\n    </PaginationLink>\r\n  ),\r\n);\r\n\r\n/**\r\n * Indicates truncated page ranges within pagination.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<span>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationEllipsis />\r\n * ```\r\n *\r\n * @see {@link PaginationEllipsisProps} for available props\r\n */\r\nconst PaginationEllipsis = React.forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\r\n  ({className, ...props}: Readonly<PaginationEllipsisProps>, ref): React.JSX.Element => (\r\n    <span\r\n      ref={ref}\r\n      aria-hidden='true'\r\n      className={cn(styles.ellipsis, className)}\r\n      {...props}>\r\n      <MoreHorizontal />\r\n      <span className={styles.srOnly}>More pages</span>\r\n    </span>\r\n  ),\r\n);\r\n\r\nPagination.displayName = \"Pagination\";\r\nPaginationContent.displayName = \"PaginationContent\";\r\nPaginationItem.displayName = \"PaginationItem\";\r\nPaginationLink.displayName = \"PaginationLink\";\r\nPaginationPrevious.displayName = \"PaginationPrevious\";\r\nPaginationNext.displayName = \"PaginationNext\";\r\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\r\n\r\nexport {Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious};\r\n"],"names":["buttonSizeStyles","buttonStyles","Pagination","React","className","props","ref","cn","styles","PaginationContent","PaginationItem","PaginationLink","isActive","size","undefined","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":";;;;;;;AAkDA,MAAMA,mBAAqE;IACzE,SAASC,cAAAA,WAAwB;IACjC,MAAMA,cAAAA,QAAqB;IAC3B,IAAIA,cAAAA,MAAmB;IACvB,IAAIA,cAAAA,MAAmB;AACzB;AAmBA,MAAMC,aAAa,WAAHA,GAAGC,WACjB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAiC,EAAEC,MAAAA,WAAAA,GACjD,IAAC;QACC,KAAKA;QACL,MAAK;QACL,cAAW;QACX,WAAWC,GAAGC,kBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;AAsBf,MAAMI,oBAAoB,WAAHA,GAAGN,WACxB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAwC,EAAEC,MAAAA,WAAAA,GACxD,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,kBAAAA,OAAc,EAAEJ;QAC7B,GAAGC,KAAK;;AAsBf,MAAMK,iBAAiB,WAAHA,GAAGP,WACrB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAqC,EAAEC,MAAAA,WAAAA,GACrD,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,kBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;AAsBf,MAAMM,iBAAiB,WAAHA,GAAGR,WACrB,CAAC,EAACC,SAAS,EAAEQ,WAAW,KAAK,EAAEC,OAAO,MAAM,EAAE,GAAGR,OAAqC,EAAEC,MAC/E,WAAP,GACE,IAAC;QACC,KAAKA;QACL,gBAAcM,WAAW,SAASE;QAClC,WAAWP,GACTN,cAAAA,MAAmB,EACnBW,WAAWX,cAAAA,OAAoB,GAAGA,cAAAA,KAAkB,EACpDD,gBAAgB,CAACa,KAAK,EACtBL,kBAAAA,IAAW,EACXJ;QAED,GAAGC,KAAK;;AAqBjB,MAAMU,qBAAqB,WAAHA,GAAGZ,WACzB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAyC,EAAEC,MAAAA,WAAAA,GACzD,KAACK,gBAAcA;QACb,KAAKL;QACL,cAAW;QACX,MAAK;QACL,WAAWC,GAAGC,kBAAAA,QAAe,EAAEJ;QAC9B,GAAGC,KAAK;;0BACT,IAACW,aAAWA,CAAAA;0BACZ,IAAC;0BAAK;;;;AAoBZ,MAAMC,iBAAiB,WAAHA,GAAGd,WACrB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAqC,EAAEC,MAAAA,WAAAA,GACrD,KAACK,gBAAcA;QACb,KAAKL;QACL,cAAW;QACX,MAAK;QACL,WAAWC,GAAGC,kBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;0BACT,IAAC;0BAAK;;0BACN,IAACa,cAAYA,CAAAA;;;AAoBnB,MAAMC,qBAAqB,WAAHA,GAAGhB,WACzB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAyC,EAAEC,MAAAA,WAAAA,GACzD,KAAC;QACC,KAAKA;QACL,eAAY;QACZ,WAAWC,GAAGC,kBAAAA,QAAe,EAAEJ;QAC9B,GAAGC,KAAK;;0BACT,IAACe,gBAAcA,CAAAA;0BACf,IAAC;gBAAK,WAAWZ,kBAAAA,MAAa;0BAAE;;;;AAKtCN,WAAW,WAAW,GAAG;AACzBO,kBAAkB,WAAW,GAAG;AAChCC,eAAe,WAAW,GAAG;AAC7BC,eAAe,WAAW,GAAG;AAC7BI,mBAAmB,WAAW,GAAG;AACjCE,eAAe,WAAW,GAAG;AAC7BE,mBAAmB,WAAW,GAAG"}