@nuka-ui/core 1.1.0 → 1.1.2

package/dist/components/NumberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":[],"sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface NumberInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"size\" | \"type\" | \"onChange\"\n    >,\n    InputVariantProps {\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  onValueChange?: (value: number) => void;\n  showControls?: boolean;\n  incrementLabel?: string;\n  decrementLabel?: string;\n}\n\nfunction clamp(value: number, min?: number, max?: number): number {\n  let clamped = value;\n  if (min !== undefined && clamped < min) clamped = min;\n  if (max !== undefined && clamped > max) clamped = max;\n  return clamped;\n}\n\nconst NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      className,\n      intent,\n      size,\n      value: controlledValue,\n      defaultValue,\n      min,\n      max,\n      step = 1,\n      onValueChange,\n      showControls = true,\n      incrementLabel = \"Increment\",\n      decrementLabel = \"Decrement\",\n      id,\n      disabled,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      ...props\n    },\n    ref,\n  ) => {\n    const field = useFormFieldProps({\n      id,\n      disabled,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const [currentValue, setCurrentValue] = useControllableState(\n      controlledValue,\n      defaultValue ?? clamp(0, min, max),\n      onValueChange,\n    );\n\n    const [displayValue, setDisplayValue] = React.useState(\n      String(currentValue),\n    );\n\n    // Sync displayValue when the committed value changes externally\n    React.useEffect(() => {\n      setDisplayValue(String(currentValue));\n    }, [currentValue]);\n\n    if (process.env.NODE_ENV !== \"production\") {\n      if (!ariaLabel && !ariaLabelledBy && !field.resolvedId) {\n        console.warn(\n          \"[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.\",\n        );\n      }\n    }\n\n    const atMin = min !== undefined && currentValue <= min;\n    const atMax = max !== undefined && currentValue >= max;\n\n    const nudge = (direction: 1 | -1) => {\n      setCurrentValue(clamp(currentValue + step * direction, min, max));\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const raw = e.target.value;\n      setDisplayValue(raw);\n      if (raw === \"\" || raw === \"-\") return;\n      const parsed = Number(raw);\n      if (!Number.isNaN(parsed)) {\n        setCurrentValue(clamp(parsed, min, max));\n      }\n    };\n\n    const handleBlur = () => {\n      if (displayValue === \"\" || displayValue === \"-\") {\n        const clamped = clamp(currentValue, min, max);\n        setCurrentValue(clamped);\n        setDisplayValue(String(clamped));\n      }\n    };\n\n    const controlButton = (\n      direction: \"increment\" | \"decrement\",\n      isDisabled: boolean,\n      icon: React.ReactNode,\n    ) => (\n      <button\n        type=\"button\"\n        aria-label={direction === \"increment\" ? incrementLabel : decrementLabel}\n        tabIndex={0}\n        disabled={field.resolvedDisabled === true || isDisabled}\n        onClick={() => nudge(direction === \"increment\" ? 1 : -1)}\n        className={cn(\n          \"inline-flex items-center justify-center\",\n          \"px-(--space-2) text-(--nuka-text-muted)\",\n          \"hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)\",\n          \"disabled:opacity-50 disabled:pointer-events-none\",\n          \"transition-colors cursor-pointer\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n          direction === \"decrement\" && \"rounded-l-(--radius-md)\",\n          direction === \"increment\" && \"rounded-r-(--radius-md)\",\n        )}\n      >\n        <Icon size=\"sm\">{icon as React.ReactElement}</Icon>\n      </button>\n    );\n\n    const minusSvg = (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n      </svg>\n    );\n\n    const plusSvg = (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n      </svg>\n    );\n\n    const ariaInvalid =\n      field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n    return (\n      <div\n        role=\"group\"\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className={cn(\"inline-flex items-stretch\", className)}\n      >\n        {showControls && controlButton(\"decrement\", atMin, minusSvg)}\n        <input\n          ref={ref}\n          type=\"number\"\n          id={field.resolvedId}\n          value={displayValue}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          min={min}\n          max={max}\n          step={step}\n          disabled={field.resolvedDisabled}\n          className={cn(\n            inputVariants({ intent, size }),\n            \"text-center rounded-none\",\n            \"[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\",\n            !showControls && \"rounded-(--radius-md)\",\n          )}\n          aria-invalid={ariaInvalid}\n          aria-describedby={field.ariaDescribedBy}\n          aria-required={field.ariaRequired}\n          {...props}\n        />\n        {showControls && controlButton(\"increment\", atMax, plusSvg)}\n      </div>\n    );\n  },\n);\n\nNumberInput.displayName = \"NumberInput\";\n\nexport { NumberInput };\n"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","names":[],"sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface NumberInputProps\n  extends\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"size\" | \"type\" | \"onChange\"\n    >,\n    InputVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  onValueChange?: (value: number) => void;\n  showControls?: boolean;\n  incrementLabel?: string;\n  decrementLabel?: string;\n}\n\nfunction clamp(value: number, min?: number, max?: number): number {\n  let clamped = value;\n  if (min !== undefined && clamped < min) clamped = min;\n  if (max !== undefined && clamped > max) clamped = max;\n  return clamped;\n}\n\nfunction NumberInput({\n  ref,\n  className,\n  intent,\n  size,\n  value: controlledValue,\n  defaultValue,\n  min,\n  max,\n  step = 1,\n  onValueChange,\n  showControls = true,\n  incrementLabel = \"Increment\",\n  decrementLabel = \"Decrement\",\n  id,\n  disabled,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  ...props\n}: NumberInputProps) {\n  const field = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const [currentValue, setCurrentValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? clamp(0, min, max),\n    onValueChange,\n  );\n\n  const [editText, setEditText] = React.useState<string | null>(null);\n  const inputValue = editText ?? String(currentValue);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!ariaLabel && !ariaLabelledBy && !field.resolvedId) {\n      console.warn(\n        \"[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.\",\n      );\n    }\n  }\n\n  const atMin = min !== undefined && currentValue <= min;\n  const atMax = max !== undefined && currentValue >= max;\n\n  const nudge = (direction: 1 | -1) => {\n    setCurrentValue(clamp(currentValue + step * direction, min, max));\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    setEditText(raw);\n    if (raw === \"\" || raw === \"-\") return;\n    const parsed = Number(raw);\n    if (!Number.isNaN(parsed)) {\n      setCurrentValue(clamp(parsed, min, max));\n    }\n  };\n\n  const handleBlur = () => {\n    if (editText === \"\" || editText === \"-\") {\n      setCurrentValue(clamp(currentValue, min, max));\n    }\n    setEditText(null);\n  };\n\n  const controlButton = (\n    direction: \"increment\" | \"decrement\",\n    isDisabled: boolean,\n    icon: React.ReactNode,\n  ) => (\n    <button\n      type=\"button\"\n      aria-label={direction === \"increment\" ? incrementLabel : decrementLabel}\n      tabIndex={0}\n      disabled={field.resolvedDisabled === true || isDisabled}\n      onClick={() => nudge(direction === \"increment\" ? 1 : -1)}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"px-(--space-2) text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)\",\n        \"disabled:opacity-50 disabled:pointer-events-none\",\n        \"transition-colors cursor-pointer\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n        direction === \"decrement\" && \"rounded-l-(--radius-md)\",\n        direction === \"increment\" && \"rounded-r-(--radius-md)\",\n      )}\n    >\n      <Icon size=\"sm\">{icon as React.ReactElement}</Icon>\n    </button>\n  );\n\n  const minusSvg = (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n\n  const plusSvg = (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n\n  const ariaInvalid =\n    field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      className={cn(\"inline-flex items-stretch\", className)}\n    >\n      {showControls && controlButton(\"decrement\", atMin, minusSvg)}\n      <input\n        ref={ref}\n        type=\"number\"\n        id={field.resolvedId}\n        value={inputValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        min={min}\n        max={max}\n        step={step}\n        disabled={field.resolvedDisabled}\n        className={cn(\n          inputVariants({ intent, size }),\n          \"text-center rounded-none\",\n          \"[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\",\n          !showControls && \"rounded-(--radius-md)\",\n        )}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        {...props}\n      />\n      {showControls && controlButton(\"increment\", atMax, plusSvg)}\n    </div>\n  );\n}\n\nNumberInput.displayName = \"NumberInput\";\n\nexport { NumberInput };\n"],"mappings":"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"}

package/dist/components/Pagination/Pagination.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({"aria-label":e=`Pagination`,className:n,...i},a)=>(0,r.jsx)(`nav`,{ref:a,"aria-label":e,className:t.cn(`mx-auto flex w-full justify-center`,n),...i}));i.displayName=`Pagination`,exports.Pagination=i;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,"aria-label":n=`Pagination`,className:i,...a}){return(0,r.jsx)(`nav`,{ref:e,"aria-label":n,className:t.cn(`mx-auto flex w-full justify-center`,i),...a})}i.displayName=`Pagination`,exports.Pagination=i;
 //# sourceMappingURL=Pagination.cjs.map

package/dist/components/Pagination/Pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationProps extends React.HTMLAttributes<HTMLElement> {\n  \"aria-label\"?: string;\n}\n\nconst Pagination = React.forwardRef<HTMLElement, PaginationProps>(\n  ({ \"aria-label\": ariaLabel = \"Pagination\", className, ...props }, ref) => (\n    <nav\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  ),\n);\n\nPagination.displayName = \"Pagination\";\n\nexport { Pagination };\n"],"mappings":"mKAOA,IAAM,EAAa,EAAM,YACtB,CAAE,aAAc,EAAY,aAAc,YAAW,GAAG,GAAS,KAChE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,aAAY,EACZ,UAAW,EAAA,GAAG,qCAAsC,EAAU,CAC9D,GAAI,EACJ,CAAA,CAEL,CAED,EAAW,YAAc"}
+{"version":3,"file":"Pagination.cjs","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Pagination({\n  ref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  className,\n  ...props\n}: PaginationProps) {\n  return (\n    <nav\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nPagination.displayName = \"Pagination\";\n\nexport { Pagination };\n"],"mappings":"mKAQA,SAAS,EAAW,CAClB,MACA,aAAc,EAAY,aAC1B,YACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,aAAY,EACZ,UAAW,EAAA,GAAG,qCAAsC,EAAU,CAC9D,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc"}

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

@@ -1,7 +1,11 @@
 import * as React from "react";
 export interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement> | undefined;
     "aria-label"?: string;
 }
-declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
+declare function Pagination({ ref, "aria-label": ariaLabel, className, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Pagination {
+    var displayName: string;
+}
 export { Pagination };
 //# sourceMappingURL=Pagination.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,UAAU,qFASf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,YAAY,EAAE,SAAwB,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CASjB;kBAdQ,UAAU;;;AAkBnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Pagination/Pagination.js

@@ -1,15 +1,17 @@
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Pagination/Pagination.tsx
-var r = t.forwardRef(({ "aria-label": t = "Pagination", className: r, ...i }, a) => /* @__PURE__ */ n("nav", {
-	ref: a,
-	"aria-label": t,
-	className: e("mx-auto flex w-full justify-center", r),
-	...i
-}));
-r.displayName = "Pagination";
+function n({ ref: n, "aria-label": r = "Pagination", className: i, ...a }) {
+	return /* @__PURE__ */ t("nav", {
+		ref: n,
+		"aria-label": r,
+		className: e("mx-auto flex w-full justify-center", i),
+		...a
+	});
+}
+n.displayName = "Pagination";
 //#endregion
-export { r as Pagination };
+export { n as Pagination };
 
 //# sourceMappingURL=Pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationProps extends React.HTMLAttributes<HTMLElement> {\n  \"aria-label\"?: string;\n}\n\nconst Pagination = React.forwardRef<HTMLElement, PaginationProps>(\n  ({ \"aria-label\": ariaLabel = \"Pagination\", className, ...props }, ref) => (\n    <nav\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  ),\n);\n\nPagination.displayName = \"Pagination\";\n\nexport { Pagination };\n"],"mappings":";;;;AAOA,IAAM,IAAa,EAAM,YACtB,EAAE,cAAc,IAAY,cAAc,cAAW,GAAG,KAAS,MAChE,kBAAC,OAAD;CACO;CACL,cAAY;CACZ,WAAW,EAAG,sCAAsC,EAAU;CAC9D,GAAI;CACJ,CAAA,CAEL;AAED,EAAW,cAAc"}
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Pagination({\n  ref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  className,\n  ...props\n}: PaginationProps) {\n  return (\n    <nav\n      ref={ref}\n      aria-label={ariaLabel}\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nPagination.displayName = \"Pagination\";\n\nexport { Pagination };\n"],"mappings":";;;;AAQA,SAAS,EAAW,EAClB,QACA,cAAc,IAAY,cAC1B,cACA,GAAG,KACe;AAClB,QACE,kBAAC,OAAD;EACO;EACL,cAAY;EACZ,WAAW,EAAG,sCAAsC,EAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,EAAW,cAAc"}

package/dist/components/Pagination/PaginationContent.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`ul`,{ref:i,className:t.cn(`flex items-center gap-(--space-1)`,`list-none`,e),...n}));i.displayName=`PaginationContent`,exports.PaginationContent=i;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`ul`,{ref:e,className:t.cn(`flex items-center gap-(--space-1)`,`list-none`,n),...i})}i.displayName=`PaginationContent`,exports.PaginationContent=i;
 //# sourceMappingURL=PaginationContent.cjs.map

package/dist/components/Pagination/PaginationContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationContent.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationContentProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  PaginationContentProps\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex items-center gap-(--space-1)\", \"list-none\", className)}\n    {...props}\n  />\n));\n\nPaginationContent.displayName = \"PaginationContent\";\n\nexport { PaginationContent };\n"],"mappings":"mKAKA,IAAM,EAAoB,EAAM,YAG7B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,oCAAqC,YAAa,EAAU,CAC1E,GAAI,EACJ,CAAA,CACF,CAEF,EAAkB,YAAc"}
+{"version":3,"file":"PaginationContent.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationContentProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction PaginationContent({\n  ref,\n  className,\n  ...props\n}: PaginationContentProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-1)\",\n        \"list-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nPaginationContent.displayName = \"PaginationContent\";\n\nexport { PaginationContent };\n"],"mappings":"mKAOA,SAAS,EAAkB,CACzB,MACA,YACA,GAAG,GACsB,CACzB,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,oCACA,YACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAkB,YAAc"}

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

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface PaginationContentProps extends React.HTMLAttributes<HTMLUListElement> {
+    ref?: React.Ref<HTMLUListElement> | undefined;
+}
+declare function PaginationContent({ ref, className, ...props }: PaginationContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PaginationContent {
+    var displayName: string;
 }
-declare const PaginationContent: React.ForwardRefExoticComponent<PaginationContentProps & React.RefAttributes<HTMLUListElement>>;
 export { PaginationContent };
 //# sourceMappingURL=PaginationContent.d.ts.map

package/dist/components/Pagination/PaginationContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationContent.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;CAAG;AAEzF,QAAA,MAAM,iBAAiB,iGASrB,CAAC;AAIH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"PaginationContent.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAYxB;kBAhBQ,iBAAiB;;;AAoB1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Pagination/PaginationContent.js

@@ -1,14 +1,16 @@
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Pagination/PaginationContent.tsx
-var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("ul", {
-	ref: i,
-	className: e("flex items-center gap-(--space-1)", "list-none", t),
-	...r
-}));
-r.displayName = "PaginationContent";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("ul", {
+		ref: n,
+		className: e("flex items-center gap-(--space-1)", "list-none", r),
+		...i
+	});
+}
+n.displayName = "PaginationContent";
 //#endregion
-export { r as PaginationContent };
+export { n as PaginationContent };
 
 //# sourceMappingURL=PaginationContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationContent.js","names":[],"sources":["../../../src/components/Pagination/PaginationContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationContentProps extends React.HTMLAttributes<HTMLUListElement> {}\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  PaginationContentProps\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={cn(\"flex items-center gap-(--space-1)\", \"list-none\", className)}\n    {...props}\n  />\n));\n\nPaginationContent.displayName = \"PaginationContent\";\n\nexport { PaginationContent };\n"],"mappings":";;;;AAKA,IAAM,IAAoB,EAAM,YAG7B,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,MAAD;CACO;CACL,WAAW,EAAG,qCAAqC,aAAa,EAAU;CAC1E,GAAI;CACJ,CAAA,CACF;AAEF,EAAkB,cAAc"}
+{"version":3,"file":"PaginationContent.js","names":[],"sources":["../../../src/components/Pagination/PaginationContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationContentProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction PaginationContent({\n  ref,\n  className,\n  ...props\n}: PaginationContentProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-1)\",\n        \"list-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nPaginationContent.displayName = \"PaginationContent\";\n\nexport { PaginationContent };\n"],"mappings":";;;;AAOA,SAAS,EAAkB,EACzB,QACA,cACA,GAAG,KACsB;AACzB,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EACT,qCACA,aACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAkB,cAAc"}

package/dist/components/Pagination/PaginationEllipsis.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({className:e,...n},i)=>(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{ref:i,"aria-hidden":`true`,className:t.cn(`flex items-center justify-center size-8`,`text-(--nuka-text-muted)`,e),...n,children:`...`}),(0,r.jsx)(`span`,{className:`sr-only`,children:`More pages`})]}));i.displayName=`PaginationEllipsis`,exports.PaginationEllipsis=i;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{ref:e,"aria-hidden":`true`,className:t.cn(`flex items-center justify-center size-8`,`text-(--nuka-text-muted)`,n),...i,children:`...`}),(0,r.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}i.displayName=`PaginationEllipsis`,exports.PaginationEllipsis=i;
 //# sourceMappingURL=PaginationEllipsis.cjs.map

package/dist/components/Pagination/PaginationEllipsis.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationEllipsis.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nconst PaginationEllipsis = React.forwardRef<\n  HTMLSpanElement,\n  PaginationEllipsisProps\n>(({ className, ...props }, ref) => (\n  <>\n    <span\n      ref={ref}\n      aria-hidden=\"true\"\n      className={cn(\n        \"flex items-center justify-center size-8\",\n        \"text-(--nuka-text-muted)\",\n        className,\n      )}\n      {...props}\n    >\n      ...\n    </span>\n    <span className=\"sr-only\">More pages</span>\n  </>\n));\n\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport { PaginationEllipsis };\n"],"mappings":"mKAKA,IAAM,EAAqB,EAAM,YAG9B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,OAAD,CACO,MACL,cAAY,OACZ,UAAW,EAAA,GACT,0CACA,2BACA,EACD,CACD,GAAI,WACL,MAEM,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,aAAiB,CAAA,CAC1C,CAAA,CAAA,CACH,CAEF,EAAmB,YAAc"}
+{"version":3,"file":"PaginationEllipsis.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction PaginationEllipsis({\n  ref,\n  className,\n  ...props\n}: PaginationEllipsisProps) {\n  return (\n    <>\n      <span\n        ref={ref}\n        aria-hidden=\"true\"\n        className={cn(\n          \"flex items-center justify-center size-8\",\n          \"text-(--nuka-text-muted)\",\n          className,\n        )}\n        {...props}\n      >\n        ...\n      </span>\n      <span className=\"sr-only\">More pages</span>\n    </>\n  );\n}\n\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport { PaginationEllipsis };\n"],"mappings":"mKAOA,SAAS,EAAmB,CAC1B,MACA,YACA,GAAG,GACuB,CAC1B,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,OAAD,CACO,MACL,cAAY,OACZ,UAAW,EAAA,GACT,0CACA,2BACA,EACD,CACD,GAAI,WACL,MAEM,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,aAAiB,CAAA,CAC1C,CAAA,CAAA,CAIP,EAAmB,YAAc"}

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

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface PaginationEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {
+    ref?: React.Ref<HTMLSpanElement> | undefined;
+}
+declare function PaginationEllipsis({ ref, className, ...props }: PaginationEllipsisProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PaginationEllipsis {
+    var displayName: string;
 }
-declare const PaginationEllipsis: React.ForwardRefExoticComponent<PaginationEllipsisProps & React.RefAttributes<HTMLSpanElement>>;
 export { PaginationEllipsis };
 //# sourceMappingURL=PaginationEllipsis.d.ts.map

package/dist/components/Pagination/PaginationEllipsis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationEllipsis.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAEzF,QAAA,MAAM,kBAAkB,iGAmBtB,CAAC;AAIH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"PaginationEllipsis.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;CAC9C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAkBzB;kBAtBQ,kBAAkB;;;AA0B3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/Pagination/PaginationEllipsis.js

@@ -1,19 +1,21 @@
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/Pagination/PaginationEllipsis.tsx
-var a = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
-	ref: o,
-	"aria-hidden": "true",
-	className: e("flex items-center justify-center size-8", "text-(--nuka-text-muted)", t),
-	...a,
-	children: "..."
-}), /* @__PURE__ */ r("span", {
-	className: "sr-only",
-	children: "More pages"
-})] }));
-a.displayName = "PaginationEllipsis";
+function i({ ref: i, className: a, ...o }) {
+	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("span", {
+		ref: i,
+		"aria-hidden": "true",
+		className: e("flex items-center justify-center size-8", "text-(--nuka-text-muted)", a),
+		...o,
+		children: "..."
+	}), /* @__PURE__ */ n("span", {
+		className: "sr-only",
+		children: "More pages"
+	})] });
+}
+i.displayName = "PaginationEllipsis";
 //#endregion
-export { a as PaginationEllipsis };
+export { i as PaginationEllipsis };
 
 //# sourceMappingURL=PaginationEllipsis.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationEllipsis.js","names":[],"sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nconst PaginationEllipsis = React.forwardRef<\n  HTMLSpanElement,\n  PaginationEllipsisProps\n>(({ className, ...props }, ref) => (\n  <>\n    <span\n      ref={ref}\n      aria-hidden=\"true\"\n      className={cn(\n        \"flex items-center justify-center size-8\",\n        \"text-(--nuka-text-muted)\",\n        className,\n      )}\n      {...props}\n    >\n      ...\n    </span>\n    <span className=\"sr-only\">More pages</span>\n  </>\n));\n\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport { PaginationEllipsis };\n"],"mappings":";;;;AAKA,IAAM,IAAqB,EAAM,YAG9B,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;CACO;CACL,eAAY;CACZ,WAAW,EACT,2CACA,4BACA,EACD;CACD,GAAI;WACL;CAEM,CAAA,EACP,kBAAC,QAAD;CAAM,WAAU;WAAU;CAAiB,CAAA,CAC1C,EAAA,CAAA,CACH;AAEF,EAAmB,cAAc"}
+{"version":3,"file":"PaginationEllipsis.js","names":[],"sources":["../../../src/components/Pagination/PaginationEllipsis.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface PaginationEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction PaginationEllipsis({\n  ref,\n  className,\n  ...props\n}: PaginationEllipsisProps) {\n  return (\n    <>\n      <span\n        ref={ref}\n        aria-hidden=\"true\"\n        className={cn(\n          \"flex items-center justify-center size-8\",\n          \"text-(--nuka-text-muted)\",\n          className,\n        )}\n        {...props}\n      >\n        ...\n      </span>\n      <span className=\"sr-only\">More pages</span>\n    </>\n  );\n}\n\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\nexport { PaginationEllipsis };\n"],"mappings":";;;;AAOA,SAAS,EAAmB,EAC1B,QACA,cACA,GAAG,KACuB;AAC1B,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;EACO;EACL,eAAY;EACZ,WAAW,EACT,2CACA,4BACA,EACD;EACD,GAAI;YACL;EAEM,CAAA,EACP,kBAAC,QAAD;EAAM,WAAU;YAAU;EAAiB,CAAA,CAC1C,EAAA,CAAA;;AAIP,EAAmB,cAAc"}

package/dist/components/Pagination/PaginationItem.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);var r=t.forwardRef((e,t)=>(0,n.jsx)(`li`,{ref:t,...e}));r.displayName=`PaginationItem`,exports.PaginationItem=r;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);function r({ref:e,...t}){return(0,n.jsx)(`li`,{ref:e,...t})}r.displayName=`PaginationItem`,exports.PaginationItem=r;
 //# sourceMappingURL=PaginationItem.cjs.map

package/dist/components/Pagination/PaginationItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationItem.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface PaginationItemProps extends React.LiHTMLAttributes<HTMLLIElement> {}\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, PaginationItemProps>(\n  (props, ref) => <li ref={ref} {...props} />,\n);\n\nPaginationItem.displayName = \"PaginationItem\";\n\nexport { PaginationItem };\n"],"mappings":"mIAIA,IAAM,EAAiB,EAAM,YAC1B,EAAO,KAAQ,EAAA,EAAA,KAAC,KAAD,CAAS,MAAK,GAAI,EAAS,CAAA,CAC5C,CAED,EAAe,YAAc"}
+{"version":3,"file":"PaginationItem.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationItem.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface PaginationItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction PaginationItem({ ref, ...props }: PaginationItemProps) {\n  return <li ref={ref} {...props} />;\n}\n\nPaginationItem.displayName = \"PaginationItem\";\n\nexport { PaginationItem };\n"],"mappings":"mIAMA,SAAS,EAAe,CAAE,MAAK,GAAG,GAA8B,CAC9D,OAAO,EAAA,EAAA,KAAC,KAAD,CAAS,MAAK,GAAI,EAAS,CAAA,CAGpC,EAAe,YAAc"}

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

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface PaginationItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    ref?: React.Ref<HTMLLIElement> | undefined;
+}
+declare function PaginationItem({ ref, ...props }: PaginationItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PaginationItem {
+    var displayName: string;
 }
-declare const PaginationItem: React.ForwardRefExoticComponent<PaginationItemProps & React.RefAttributes<HTMLLIElement>>;
 export { PaginationItem };
 //# sourceMappingURL=PaginationItem.d.ts.map

package/dist/components/Pagination/PaginationItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;CAAG;AAErF,QAAA,MAAM,cAAc,2FAEnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"PaginationItem.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC5C;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAE7D;kBAFQ,cAAc;;;AAMvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Pagination/PaginationItem.js

@@ -1,12 +1,14 @@
-import * as e from "react";
-import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { jsx as e } from "react/jsx-runtime";
 //#region src/components/Pagination/PaginationItem.tsx
-var n = e.forwardRef((e, n) => /* @__PURE__ */ t("li", {
-	ref: n,
-	...e
-}));
-n.displayName = "PaginationItem";
+function t({ ref: t, ...n }) {
+	return /* @__PURE__ */ e("li", {
+		ref: t,
+		...n
+	});
+}
+t.displayName = "PaginationItem";
 //#endregion
-export { n as PaginationItem };
+export { t as PaginationItem };
 
 //# sourceMappingURL=PaginationItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.js","names":[],"sources":["../../../src/components/Pagination/PaginationItem.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface PaginationItemProps extends React.LiHTMLAttributes<HTMLLIElement> {}\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, PaginationItemProps>(\n  (props, ref) => <li ref={ref} {...props} />,\n);\n\nPaginationItem.displayName = \"PaginationItem\";\n\nexport { PaginationItem };\n"],"mappings":";;;AAIA,IAAM,IAAiB,EAAM,YAC1B,GAAO,MAAQ,kBAAC,MAAD;CAAS;CAAK,GAAI;CAAS,CAAA,CAC5C;AAED,EAAe,cAAc"}
+{"version":3,"file":"PaginationItem.js","names":[],"sources":["../../../src/components/Pagination/PaginationItem.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface PaginationItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction PaginationItem({ ref, ...props }: PaginationItemProps) {\n  return <li ref={ref} {...props} />;\n}\n\nPaginationItem.displayName = \"PaginationItem\";\n\nexport { PaginationItem };\n"],"mappings":";;;AAMA,SAAS,EAAe,EAAE,QAAK,GAAG,KAA8B;AAC9D,QAAO,kBAAC,MAAD;EAAS;EAAK,GAAI;EAAS,CAAA;;AAGpC,EAAe,cAAc"}

package/dist/components/Pagination/PaginationLink.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../Button/Button.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({isActive:e=!1,asChild:r=!1,className:a,...o},s)=>(0,i.jsx)(n.Button,{asChild:!0,variant:e?`outline`:`ghost`,size:`sm`,className:a,children:(0,i.jsx)(r?t.Slot:`a`,{ref:s,"aria-current":e?`page`:void 0,...o})}));a.displayName=`PaginationLink`,exports.PaginationLink=a;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../Button/Button.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,isActive:r=!1,asChild:a=!1,className:o,...s}){return(0,i.jsx)(n.Button,{asChild:!0,variant:r?`outline`:`ghost`,size:`sm`,className:o,children:(0,i.jsx)(a?t.Slot:`a`,{ref:e,"aria-current":r?`page`:void 0,...s})})}a.displayName=`PaginationLink`,exports.PaginationLink=a;
 //# sourceMappingURL=PaginationLink.cjs.map

package/dist/components/Pagination/PaginationLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\n\nexport interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  isActive?: boolean;\n  asChild?: boolean;\n}\n\nconst PaginationLink = React.forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  ({ isActive = false, asChild = false, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"a\";\n\n    return (\n      <Button\n        asChild\n        variant={isActive ? \"outline\" : \"ghost\"}\n        size=\"sm\"\n        className={className}\n      >\n        <Comp\n          ref={ref}\n          aria-current={isActive ? \"page\" : undefined}\n          {...props}\n        />\n      </Button>\n    );\n  },\n);\n\nPaginationLink.displayName = \"PaginationLink\";\n\nexport { PaginationLink };\n"],"mappings":"uMASA,IAAM,EAAiB,EAAM,YAC1B,CAAE,WAAW,GAAO,UAAU,GAAO,YAAW,GAAG,GAAS,KAIzD,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAA,GACA,QAAS,EAAW,UAAY,QAChC,KAAK,KACM,sBAEX,EAAA,EAAA,KATS,EAAU,EAAA,KAAO,IAS1B,CACO,MACL,eAAc,EAAW,OAAS,IAAA,GAClC,GAAI,EACJ,CAAA,CACK,CAAA,CAGd,CAED,EAAe,YAAc"}
+{"version":3,"file":"PaginationLink.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\n\nexport interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  isActive?: boolean;\n  asChild?: boolean;\n}\n\nfunction PaginationLink({\n  ref,\n  isActive = false,\n  asChild = false,\n  className,\n  ...props\n}: PaginationLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Button\n      asChild\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size=\"sm\"\n      className={className}\n    >\n      <Comp ref={ref} aria-current={isActive ? \"page\" : undefined} {...props} />\n    </Button>\n  );\n}\n\nPaginationLink.displayName = \"PaginationLink\";\n\nexport { PaginationLink };\n"],"mappings":"uMAUA,SAAS,EAAe,CACtB,MACA,WAAW,GACX,UAAU,GACV,YACA,GAAG,GACmB,CAGtB,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAA,GACA,QAAS,EAAW,UAAY,QAChC,KAAK,KACM,sBAEX,EAAA,EAAA,KATS,EAAU,EAAA,KAAO,IAS1B,CAAW,MAAK,eAAc,EAAW,OAAS,IAAA,GAAW,GAAI,EAAS,CAAA,CACnE,CAAA,CAIb,EAAe,YAAc"}

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

@@ -1,8 +1,12 @@
 import * as React from "react";
 export interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    ref?: React.Ref<HTMLAnchorElement> | undefined;
     isActive?: boolean;
     asChild?: boolean;
 }
-declare const PaginationLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare function PaginationLink({ ref, isActive, asChild, className, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PaginationLink {
+    var displayName: string;
+}
 export { PaginationLink };
 //# sourceMappingURL=PaginationLink.d.ts.map

package/dist/components/Pagination/PaginationLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,cAAc,+FAmBnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"PaginationLink.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,QAAgB,EAChB,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAarB;kBAnBQ,cAAc;;;AAuBvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Pagination/PaginationLink.js

@@ -1,21 +1,23 @@
 import { Slot as e } from "../../utils/slot.js";
 import { Button as t } from "../Button/Button.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Pagination/PaginationLink.tsx
-var i = n.forwardRef(({ isActive: n = !1, asChild: i = !1, className: a, ...o }, s) => /* @__PURE__ */ r(t, {
-	asChild: !0,
-	variant: n ? "outline" : "ghost",
-	size: "sm",
-	className: a,
-	children: /* @__PURE__ */ r(i ? e : "a", {
-		ref: s,
-		"aria-current": n ? "page" : void 0,
-		...o
-	})
-}));
-i.displayName = "PaginationLink";
+function r({ ref: r, isActive: i = !1, asChild: a = !1, className: o, ...s }) {
+	return /* @__PURE__ */ n(t, {
+		asChild: !0,
+		variant: i ? "outline" : "ghost",
+		size: "sm",
+		className: o,
+		children: /* @__PURE__ */ n(a ? e : "a", {
+			ref: r,
+			"aria-current": i ? "page" : void 0,
+			...s
+		})
+	});
+}
+r.displayName = "PaginationLink";
 //#endregion
-export { i as PaginationLink };
+export { r as PaginationLink };
 
 //# sourceMappingURL=PaginationLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.js","names":[],"sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\n\nexport interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  isActive?: boolean;\n  asChild?: boolean;\n}\n\nconst PaginationLink = React.forwardRef<HTMLAnchorElement, PaginationLinkProps>(\n  ({ isActive = false, asChild = false, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"a\";\n\n    return (\n      <Button\n        asChild\n        variant={isActive ? \"outline\" : \"ghost\"}\n        size=\"sm\"\n        className={className}\n      >\n        <Comp\n          ref={ref}\n          aria-current={isActive ? \"page\" : undefined}\n          {...props}\n        />\n      </Button>\n    );\n  },\n);\n\nPaginationLink.displayName = \"PaginationLink\";\n\nexport { PaginationLink };\n"],"mappings":";;;;;AASA,IAAM,IAAiB,EAAM,YAC1B,EAAE,cAAW,IAAO,aAAU,IAAO,cAAW,GAAG,KAAS,MAIzD,kBAAC,GAAD;CACE,SAAA;CACA,SAAS,IAAW,YAAY;CAChC,MAAK;CACM;WAEX,kBATS,IAAU,IAAO,KAS1B;EACO;EACL,gBAAc,IAAW,SAAS,KAAA;EAClC,GAAI;EACJ,CAAA;CACK,CAAA,CAGd;AAED,EAAe,cAAc"}
+{"version":3,"file":"PaginationLink.js","names":[],"sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\n\nexport interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  isActive?: boolean;\n  asChild?: boolean;\n}\n\nfunction PaginationLink({\n  ref,\n  isActive = false,\n  asChild = false,\n  className,\n  ...props\n}: PaginationLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Button\n      asChild\n      variant={isActive ? \"outline\" : \"ghost\"}\n      size=\"sm\"\n      className={className}\n    >\n      <Comp ref={ref} aria-current={isActive ? \"page\" : undefined} {...props} />\n    </Button>\n  );\n}\n\nPaginationLink.displayName = \"PaginationLink\";\n\nexport { PaginationLink };\n"],"mappings":";;;;;AAUA,SAAS,EAAe,EACtB,QACA,cAAW,IACX,aAAU,IACV,cACA,GAAG,KACmB;AAGtB,QACE,kBAAC,GAAD;EACE,SAAA;EACA,SAAS,IAAW,YAAY;EAChC,MAAK;EACM;YAEX,kBATS,IAAU,IAAO,KAS1B;GAAW;GAAK,gBAAc,IAAW,SAAS,KAAA;GAAW,GAAI;GAAS,CAAA;EACnE,CAAA;;AAIb,EAAe,cAAc"}

package/dist/components/Pagination/PaginationNext.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../Button/Button.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=()=>(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,a.jsx)(`path`,{d:`m9 18 6-6-6-6`})})}),s=i.forwardRef(({disabled:e=!1,asChild:n=!1,className:s,children:c,onClick:l,...u},d)=>{let f=e?e=>{e.preventDefault()}:l;if(n&&i.isValidElement(c)){let n=c,l=n.props.children??`Next`;return(0,a.jsx)(r.Button,{asChild:!0,variant:`ghost`,size:`sm`,className:s,disabled:e,children:i.cloneElement(n,{ref:t.composeRefs(d,n.props.ref),"aria-label":`Go to next page`,...u},l,(0,a.jsx)(o,{}))})}return(0,a.jsx)(r.Button,{asChild:!0,variant:`ghost`,size:`sm`,className:s,disabled:e,children:(0,a.jsxs)(e?`span`:`a`,{ref:d,"aria-label":`Go to next page`,onClick:f,...u,...e?{role:`link`,"aria-disabled":!0}:{},children:[c??`Next`,(0,a.jsx)(o,{})]})})});s.displayName=`PaginationNext`,exports.PaginationNext=s;
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../Button/Button.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=()=>(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,a.jsx)(`path`,{d:`m9 18 6-6-6-6`})})});function s({ref:e,disabled:n=!1,asChild:s=!1,className:c,children:l,onClick:u,...d}){let f=n?e=>{e.preventDefault()}:u;if(s&&i.isValidElement(l)){let s=l,u=s.props.children??`Next`;return(0,a.jsx)(r.Button,{asChild:!0,variant:`ghost`,size:`sm`,className:c,disabled:n,children:i.cloneElement(s,{ref:t.composeRefs(e,s.props.ref),"aria-label":`Go to next page`,...d},u,(0,a.jsx)(o,{}))})}return(0,a.jsx)(r.Button,{asChild:!0,variant:`ghost`,size:`sm`,className:c,disabled:n,children:(0,a.jsxs)(n?`span`:`a`,{ref:e,"aria-label":`Go to next page`,onClick:f,...d,...n?{role:`link`,"aria-disabled":!0}:{},children:[l??`Next`,(0,a.jsx)(o,{})]})})}s.displayName=`PaginationNext`,exports.PaginationNext=s;
 //# sourceMappingURL=PaginationNext.cjs.map

package/dist/components/Pagination/PaginationNext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNext.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationNext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Icon } from \"@nuka/components/Icon\";\n\nexport interface PaginationNextProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  disabled?: boolean;\n  asChild?: boolean;\n}\n\nconst NextIcon = () => (\n  <Icon size=\"sm\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  </Icon>\n);\n\nconst PaginationNext = React.forwardRef<HTMLAnchorElement, PaginationNextProps>(\n  (\n    {\n      disabled = false,\n      asChild = false,\n      className,\n      children,\n      onClick,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleClick = disabled\n      ? (e: React.MouseEvent<HTMLAnchorElement>) => {\n          e.preventDefault();\n        }\n      : onClick;\n\n    if (asChild && React.isValidElement(children)) {\n      const child = children as React.ReactElement<\n        Record<string, unknown> & { ref?: React.Ref<HTMLElement> }\n      >;\n      const label = (child.props.children as React.ReactNode) ?? \"Next\";\n\n      return (\n        <Button\n          asChild\n          variant=\"ghost\"\n          size=\"sm\"\n          className={className}\n          disabled={disabled}\n        >\n          {React.cloneElement(\n            child,\n            {\n              ref: composeRefs(\n                ref as React.Ref<HTMLElement>,\n                child.props.ref,\n              ) as React.Ref<never>,\n              \"aria-label\": \"Go to next page\",\n              ...props,\n            } as Partial<Record<string, unknown>> & React.Attributes,\n            label,\n            <NextIcon />,\n          )}\n        </Button>\n      );\n    }\n\n    const Comp = disabled ? \"span\" : \"a\";\n\n    return (\n      <Button\n        asChild\n        variant=\"ghost\"\n        size=\"sm\"\n        className={className}\n        disabled={disabled}\n      >\n        <Comp\n          ref={ref as React.Ref<never>}\n          aria-label=\"Go to next page\"\n          onClick={handleClick}\n          {...props}\n          {...(disabled\n            ? { role: \"link\" as const, \"aria-disabled\": true }\n            : {})}\n        >\n          {children ?? \"Next\"}\n          <NextIcon />\n        </Comp>\n      </Button>\n    );\n  },\n);\n\nPaginationNext.displayName = \"PaginationNext\";\n\nexport { PaginationNext };\n"],"mappings":"qOAUA,IAAM,OACJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAkB,CAAA,CACtB,CAAA,CACD,CAAA,CAGH,EAAiB,EAAM,YAEzB,CACE,WAAW,GACX,UAAU,GACV,YACA,WACA,UACA,GAAG,GAEL,IACG,CACH,IAAM,EAAc,EACf,GAA2C,CAC1C,EAAE,gBAAgB,EAEpB,EAEJ,GAAI,GAAW,EAAM,eAAe,EAAS,CAAE,CAC7C,IAAM,EAAQ,EAGR,EAAS,EAAM,MAAM,UAAgC,OAE3D,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAA,GACA,QAAQ,QACR,KAAK,KACM,YACD,oBAET,EAAM,aACL,EACA,CACE,IAAK,EAAA,YACH,EACA,EAAM,MAAM,IACb,CACD,aAAc,kBACd,GAAG,EACJ,CACD,GACA,EAAA,EAAA,KAAC,EAAD,EAAY,CAAA,CACb,CACM,CAAA,CAMb,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAA,GACA,QAAQ,QACR,KAAK,KACM,YACD,qBAEV,EAAA,EAAA,MAVS,EAAW,OAAS,IAU7B,CACO,MACL,aAAW,kBACX,QAAS,EACT,GAAI,EACJ,GAAK,EACD,CAAE,KAAM,OAAiB,gBAAiB,GAAM,CAChD,EAAE,UAPR,CASG,GAAY,QACb,EAAA,EAAA,KAAC,EAAD,EAAY,CAAA,CACP,GACA,CAAA,EAGd,CAED,EAAe,YAAc"}
+{"version":3,"file":"PaginationNext.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationNext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Icon } from \"@nuka/components/Icon\";\n\ninterface PaginationChildProps {\n  ref?: React.Ref<HTMLElement>;\n  children?: React.ReactNode;\n  [key: string]: unknown;\n}\n\nexport interface PaginationNextProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  disabled?: boolean;\n  asChild?: boolean;\n}\n\nconst NextIcon = () => (\n  <Icon size=\"sm\">\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  </Icon>\n);\n\nfunction PaginationNext({\n  ref,\n  disabled = false,\n  asChild = false,\n  className,\n  children,\n  onClick,\n  ...props\n}: PaginationNextProps) {\n  const handleClick = disabled\n    ? (e: React.MouseEvent<HTMLAnchorElement>) => {\n        e.preventDefault();\n      }\n    : onClick;\n\n  if (asChild && React.isValidElement<PaginationChildProps>(children)) {\n    const child = children;\n    const label = child.props.children ?? \"Next\";\n\n    return (\n      <Button\n        asChild\n        variant=\"ghost\"\n        size=\"sm\"\n        className={className}\n        disabled={disabled}\n      >\n        {React.cloneElement(\n          child,\n          {\n            ref: composeRefs(ref as React.Ref<HTMLElement>, child.props.ref),\n            \"aria-label\": \"Go to next page\",\n            ...props,\n          },\n          label,\n          <NextIcon />,\n        )}\n      </Button>\n    );\n  }\n\n  const Comp = disabled ? \"span\" : \"a\";\n\n  return (\n    <Button\n      asChild\n      variant=\"ghost\"\n      size=\"sm\"\n      className={className}\n      disabled={disabled}\n    >\n      {/* Comp is a union of \"span\" | \"a\"; TypeScript cannot unify their ref\n          types. This widening cast is safe because both accept HTMLElement. */}\n      <Comp\n        ref={ref as React.Ref<never>}\n        aria-label=\"Go to next page\"\n        onClick={handleClick}\n        {...props}\n        {...(disabled ? { role: \"link\" as const, \"aria-disabled\": true } : {})}\n      >\n        {children ?? \"Next\"}\n        <NextIcon />\n      </Comp>\n    </Button>\n  );\n}\n\nPaginationNext.displayName = \"PaginationNext\";\n\nexport { PaginationNext };\n"],"mappings":"qOAiBA,IAAM,OACJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAkB,CAAA,CACtB,CAAA,CACD,CAAA,CAGT,SAAS,EAAe,CACtB,MACA,WAAW,GACX,UAAU,GACV,YACA,WACA,UACA,GAAG,GACmB,CACtB,IAAM,EAAc,EACf,GAA2C,CAC1C,EAAE,gBAAgB,EAEpB,EAEJ,GAAI,GAAW,EAAM,eAAqC,EAAS,CAAE,CACnE,IAAM,EAAQ,EACR,EAAQ,EAAM,MAAM,UAAY,OAEtC,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAA,GACA,QAAQ,QACR,KAAK,KACM,YACD,oBAET,EAAM,aACL,EACA,CACE,IAAK,EAAA,YAAY,EAA+B,EAAM,MAAM,IAAI,CAChE,aAAc,kBACd,GAAG,EACJ,CACD,GACA,EAAA,EAAA,KAAC,EAAD,EAAY,CAAA,CACb,CACM,CAAA,CAMb,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAA,GACA,QAAQ,QACR,KAAK,KACM,YACD,qBAIV,EAAA,EAAA,MAZS,EAAW,OAAS,IAY7B,CACO,MACL,aAAW,kBACX,QAAS,EACT,GAAI,EACJ,GAAK,EAAW,CAAE,KAAM,OAAiB,gBAAiB,GAAM,CAAG,EAAE,UALvE,CAOG,GAAY,QACb,EAAA,EAAA,KAAC,EAAD,EAAY,CAAA,CACP,GACA,CAAA,CAIb,EAAe,YAAc"}

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

@@ -1,8 +1,12 @@
 import * as React from "react";
 export interface PaginationNextProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    ref?: React.Ref<HTMLAnchorElement> | undefined;
     disabled?: boolean;
     asChild?: boolean;
 }
-declare const PaginationNext: React.ForwardRefExoticComponent<PaginationNextProps & React.RefAttributes<HTMLAnchorElement>>;
+declare function PaginationNext({ ref, disabled, asChild, className, children, onClick, ...props }: PaginationNextProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PaginationNext {
+    var displayName: string;
+}
 export { PaginationNext };
 //# sourceMappingURL=PaginationNext.d.ts.map

package/dist/components/Pagination/PaginationNext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNext.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationNext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAkBD,QAAA,MAAM,cAAc,+FA0EnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"PaginationNext.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationNext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAkBD,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,QAAgB,EAChB,OAAe,EACf,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAyDrB;kBAjEQ,cAAc;;;AAqEvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Pagination/PaginationNext.js

@@ -16,44 +16,45 @@ var o = () => /* @__PURE__ */ i(t, {
 		strokeLinejoin: "round",
 		children: /* @__PURE__ */ i("path", { d: "m9 18 6-6-6-6" })
 	})
-}), s = r.forwardRef(({ disabled: t = !1, asChild: s = !1, className: c, children: l, onClick: u, ...d }, f) => {
-	let p = t ? (e) => {
+});
+function s({ ref: t, disabled: s = !1, asChild: c = !1, className: l, children: u, onClick: d, ...f }) {
+	let p = s ? (e) => {
 		e.preventDefault();
-	} : u;
-	if (s && r.isValidElement(l)) {
-		let a = l, s = a.props.children ?? "Next";
+	} : d;
+	if (c && r.isValidElement(u)) {
+		let a = u, c = a.props.children ?? "Next";
 		return /* @__PURE__ */ i(n, {
 			asChild: !0,
 			variant: "ghost",
 			size: "sm",
-			className: c,
-			disabled: t,
+			className: l,
+			disabled: s,
 			children: r.cloneElement(a, {
-				ref: e(f, a.props.ref),
+				ref: e(t, a.props.ref),
 				"aria-label": "Go to next page",
-				...d
-			}, s, /* @__PURE__ */ i(o, {}))
+				...f
+			}, c, /* @__PURE__ */ i(o, {}))
 		});
 	}
 	return /* @__PURE__ */ i(n, {
 		asChild: !0,
 		variant: "ghost",
 		size: "sm",
-		className: c,
-		disabled: t,
-		children: /* @__PURE__ */ a(t ? "span" : "a", {
-			ref: f,
+		className: l,
+		disabled: s,
+		children: /* @__PURE__ */ a(s ? "span" : "a", {
+			ref: t,
 			"aria-label": "Go to next page",
 			onClick: p,
-			...d,
-			...t ? {
+			...f,
+			...s ? {
 				role: "link",
 				"aria-disabled": !0
 			} : {},
-			children: [l ?? "Next", /* @__PURE__ */ i(o, {})]
+			children: [u ?? "Next", /* @__PURE__ */ i(o, {})]
 		})
 	});
-});
+}
 s.displayName = "PaginationNext";
 //#endregion
 export { s as PaginationNext };