@nuka-ui/core 1.0.3 → 1.1.1

package/dist/components/NumberInput/NumberInput.js

@@ -0,0 +1,117 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useControllableState as t } from "../../hooks/use-controllable-state.js";
+import { Icon as n } from "../Icon/Icon.js";
+import { useFormFieldProps as r } from "../../hooks/use-form-field-props.js";
+import { inputVariants as i } from "../Input/Input.variants.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/NumberInput/NumberInput.tsx
+function c(e, t, n) {
+	let r = e;
+	return t !== void 0 && r < t && (r = t), n !== void 0 && r > n && (r = n), r;
+}
+var l = a.forwardRef(({ className: l, intent: u, size: d, value: f, defaultValue: p, min: m, max: h, step: g = 1, onValueChange: _, showControls: v = !0, incrementLabel: y = "Increment", decrementLabel: b = "Decrement", id: x, disabled: S, "aria-label": C, "aria-labelledby": w, ...T }, E) => {
+	let D = r({
+		id: x,
+		disabled: S,
+		"aria-invalid": T["aria-invalid"],
+		"aria-describedby": T["aria-describedby"],
+		"aria-required": T["aria-required"]
+	}), [O, k] = t(f, p ?? c(0, m, h), _), [A, j] = a.useState(String(O));
+	a.useEffect(() => {
+		j(String(O));
+	}, [O]), process.env.NODE_ENV !== "production" && !C && !w && !D.resolvedId && console.warn("[nuka-ui] NumberInput: provide aria-label, aria-labelledby, or wrap in FormField for accessibility.");
+	let M = m !== void 0 && O <= m, N = h !== void 0 && O >= h, P = (e) => {
+		k(c(O + g * e, m, h));
+	}, F = (e) => {
+		let t = e.target.value;
+		if (j(t), t === "" || t === "-") return;
+		let n = Number(t);
+		Number.isNaN(n) || k(c(n, m, h));
+	}, I = () => {
+		if (A === "" || A === "-") {
+			let e = c(O, m, h);
+			k(e), j(String(e));
+		}
+	}, L = (t, r, i) => /* @__PURE__ */ o("button", {
+		type: "button",
+		"aria-label": t === "increment" ? y : b,
+		tabIndex: 0,
+		disabled: D.resolvedDisabled === !0 || r,
+		onClick: () => P(t === "increment" ? 1 : -1),
+		className: e("inline-flex items-center justify-center", "px-(--space-2) text-(--nuka-text-muted)", "hover:text-(--nuka-text-base) hover:bg-(--nuka-bg-muted)", "disabled:opacity-50 disabled:pointer-events-none", "transition-colors cursor-pointer", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)", t === "decrement" && "rounded-l-(--radius-md)", t === "increment" && "rounded-r-(--radius-md)"),
+		children: /* @__PURE__ */ o(n, {
+			size: "sm",
+			children: i
+		})
+	}), R = /* @__PURE__ */ o("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: /* @__PURE__ */ o("line", {
+			x1: "5",
+			y1: "12",
+			x2: "19",
+			y2: "12"
+		})
+	}), z = /* @__PURE__ */ s("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ o("line", {
+			x1: "12",
+			y1: "5",
+			x2: "12",
+			y2: "19"
+		}), /* @__PURE__ */ o("line", {
+			x1: "5",
+			y1: "12",
+			x2: "19",
+			y2: "12"
+		})]
+	}), B = D.ariaInvalid ?? (u === "danger" ? !0 : void 0);
+	return /* @__PURE__ */ s("div", {
+		role: "group",
+		"aria-label": C,
+		"aria-labelledby": w,
+		className: e("inline-flex items-stretch", l),
+		children: [
+			v && L("decrement", M, R),
+			/* @__PURE__ */ o("input", {
+				ref: E,
+				type: "number",
+				id: D.resolvedId,
+				value: A,
+				onChange: F,
+				onBlur: I,
+				min: m,
+				max: h,
+				step: g,
+				disabled: D.resolvedDisabled,
+				className: e(i({
+					intent: u,
+					size: d
+				}), "text-center rounded-none", "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", !v && "rounded-(--radius-md)"),
+				"aria-invalid": B,
+				"aria-describedby": D.ariaDescribedBy,
+				"aria-required": D.ariaRequired,
+				...T
+			}),
+			v && L("increment", N, z)
+		]
+	});
+});
+l.displayName = "NumberInput";
+//#endregion
+export { l as NumberInput };
+
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +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":";;;;;;;;;AA6BA,SAAS,EAAM,GAAe,GAAc,GAAsB;CAChE,IAAI,IAAU;AAGd,QAFI,MAAQ,KAAA,KAAa,IAAU,MAAK,IAAU,IAC9C,MAAQ,KAAA,KAAa,IAAU,MAAK,IAAU,IAC3C;;AAGT,IAAM,IAAc,EAAM,YAEtB,EACE,cACA,WACA,SACA,OAAO,GACP,iBACA,QACA,QACA,UAAO,GACP,kBACA,kBAAe,IACf,oBAAiB,aACjB,oBAAiB,aACjB,OACA,aACA,cAAc,GACd,mBAAmB,GACnB,GAAG,KAEL,MACG;CACH,IAAM,IAAQ,EAAkB;EAC9B;EACA;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,CAAC,GAAc,KAAmB,EACtC,GACA,KAAgB,EAAM,GAAG,GAAK,EAAI,EAClC,EACD,EAEK,CAAC,GAAc,KAAmB,EAAM,SAC5C,OAAO,EAAa,CACrB;AAOD,CAJA,EAAM,gBAAgB;AACpB,IAAgB,OAAO,EAAa,CAAC;IACpC,CAAC,EAAa,CAAC,EAElB,QAAA,IAAA,aAA6B,gBACvB,CAAC,KAAa,CAAC,KAAkB,CAAC,EAAM,cAC1C,QAAQ,KACN,sGACD;CAIL,IAAM,IAAQ,MAAQ,KAAA,KAAa,KAAgB,GAC7C,IAAQ,MAAQ,KAAA,KAAa,KAAgB,GAE7C,KAAS,MAAsB;AACnC,IAAgB,EAAM,IAAe,IAAO,GAAW,GAAK,EAAI,CAAC;IAG7D,KAAgB,MAA2C;EAC/D,IAAM,IAAM,EAAE,OAAO;AAErB,MADA,EAAgB,EAAI,EAChB,MAAQ,MAAM,MAAQ,IAAK;EAC/B,IAAM,IAAS,OAAO,EAAI;AAC1B,EAAK,OAAO,MAAM,EAAO,IACvB,EAAgB,EAAM,GAAQ,GAAK,EAAI,CAAC;IAItC,UAAmB;AACvB,MAAI,MAAiB,MAAM,MAAiB,KAAK;GAC/C,IAAM,IAAU,EAAM,GAAc,GAAK,EAAI;AAE7C,GADA,EAAgB,EAAQ,EACxB,EAAgB,OAAO,EAAQ,CAAC;;IAI9B,KACJ,GACA,GACA,MAEA,kBAAC,UAAD;EACE,MAAK;EACL,cAAY,MAAc,cAAc,IAAiB;EACzD,UAAU;EACV,UAAU,EAAM,qBAAqB,MAAQ;EAC7C,eAAe,EAAM,MAAc,cAAc,IAAI,GAAG;EACxD,WAAW,EACT,2CACA,2CACA,4DACA,oDACA,oCACA,sGACA,MAAc,eAAe,2BAC7B,MAAc,eAAe,0BAC9B;YAED,kBAAC,GAAD;GAAM,MAAK;aAAM;GAAkC,CAAA;EAC5C,CAAA,EAGL,IACJ,kBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;YAEf,kBAAC,QAAD;GAAM,IAAG;GAAI,IAAG;GAAK,IAAG;GAAK,IAAG;GAAO,CAAA;EACnC,CAAA,EAGF,IACJ,kBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;YAPjB,CASE,kBAAC,QAAD;GAAM,IAAG;GAAK,IAAG;GAAI,IAAG;GAAK,IAAG;GAAO,CAAA,EACvC,kBAAC,QAAD;GAAM,IAAG;GAAI,IAAG;GAAK,IAAG;GAAK,IAAG;GAAO,CAAA,CACnC;KAGF,IACJ,EAAM,gBAAgB,MAAW,WAAW,KAAO,KAAA;AAErD,QACE,kBAAC,OAAD;EACE,MAAK;EACL,cAAY;EACZ,mBAAiB;EACjB,WAAW,EAAG,6BAA6B,EAAU;YAJvD;GAMG,KAAgB,EAAc,aAAa,GAAO,EAAS;GAC5D,kBAAC,SAAD;IACO;IACL,MAAK;IACL,IAAI,EAAM;IACV,OAAO;IACP,UAAU;IACV,QAAQ;IACH;IACA;IACC;IACN,UAAU,EAAM;IAChB,WAAW,EACT,EAAc;KAAE;KAAQ;KAAM,CAAC,EAC/B,4BACA,wHACA,CAAC,KAAgB,wBAClB;IACD,gBAAc;IACd,oBAAkB,EAAM;IACxB,iBAAe,EAAM;IACrB,GAAI;IACJ,CAAA;GACD,KAAgB,EAAc,aAAa,GAAO,EAAQ;GACvD;;EAGX;AAED,EAAY,cAAc"}

package/dist/components/NumberInput/index.d.ts

@@ -0,0 +1,3 @@
+export { NumberInput } from './NumberInput';
+export type { NumberInputProps } from './NumberInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NumberInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Pagination/Pagination.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Pagination.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,15 @@
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } 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";
+//#endregion
+export { r as Pagination };
+
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +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"}

package/dist/components/Pagination/PaginationContent.cjs

@@ -0,0 +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;
+//# sourceMappingURL=PaginationContent.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Pagination/PaginationContent.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } 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";
+//#endregion
+export { r as PaginationContent };
+
+//# sourceMappingURL=PaginationContent.js.map

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

@@ -0,0 +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"}

package/dist/components/Pagination/PaginationEllipsis.cjs

@@ -0,0 +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;
+//# sourceMappingURL=PaginationEllipsis.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Pagination/PaginationEllipsis.js

@@ -0,0 +1,19 @@
+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";
+//#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";
+//#endregion
+export { a as PaginationEllipsis };
+
+//# sourceMappingURL=PaginationEllipsis.js.map

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

@@ -0,0 +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"}

package/dist/components/Pagination/PaginationItem.cjs

@@ -0,0 +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;
+//# sourceMappingURL=PaginationItem.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Pagination/PaginationItem.js

@@ -0,0 +1,12 @@
+import * as e from "react";
+import { jsx as t } 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";
+//#endregion
+export { n as PaginationItem };
+
+//# sourceMappingURL=PaginationItem.js.map

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

@@ -0,0 +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"}

package/dist/components/Pagination/PaginationLink.cjs

@@ -0,0 +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;
+//# sourceMappingURL=PaginationLink.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Pagination/PaginationLink.js

@@ -0,0 +1,21 @@
+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";
+//#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";
+//#endregion
+export { i as PaginationLink };
+
+//# sourceMappingURL=PaginationLink.js.map

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

@@ -0,0 +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"}

package/dist/components/Pagination/PaginationNext.cjs

@@ -0,0 +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;
+//# sourceMappingURL=PaginationNext.cjs.map

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

@@ -0,0 +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"}

package/dist/components/Pagination/PaginationNext.js

@@ -0,0 +1,61 @@
+import { composeRefs as e } from "../../utils/slot.js";
+import { Icon as t } from "../Icon/Icon.js";
+import { Button as n } from "../Button/Button.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Pagination/PaginationNext.tsx
+var o = () => /* @__PURE__ */ i(t, {
+	size: "sm",
+	children: /* @__PURE__ */ i("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		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) => {
+		e.preventDefault();
+	} : u;
+	if (s && r.isValidElement(l)) {
+		let a = l, s = a.props.children ?? "Next";
+		return /* @__PURE__ */ i(n, {
+			asChild: !0,
+			variant: "ghost",
+			size: "sm",
+			className: c,
+			disabled: t,
+			children: r.cloneElement(a, {
+				ref: e(f, a.props.ref),
+				"aria-label": "Go to next page",
+				...d
+			}, s, /* @__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,
+			"aria-label": "Go to next page",
+			onClick: p,
+			...d,
+			...t ? {
+				role: "link",
+				"aria-disabled": !0
+			} : {},
+			children: [l ?? "Next", /* @__PURE__ */ i(o, {})]
+		})
+	});
+});
+s.displayName = "PaginationNext";
+//#endregion
+export { s as PaginationNext };
+
+//# sourceMappingURL=PaginationNext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationNext.js","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":";;;;;;AAUA,IAAM,UACJ,kBAAC,GAAD;CAAM,MAAK;WACT,kBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;YAEf,kBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;EACtB,CAAA;CACD,CAAA,EAGH,IAAiB,EAAM,YAEzB,EACE,cAAW,IACX,aAAU,IACV,cACA,aACA,YACA,GAAG,KAEL,MACG;CACH,IAAM,IAAc,KACf,MAA2C;AAC1C,IAAE,gBAAgB;KAEpB;AAEJ,KAAI,KAAW,EAAM,eAAe,EAAS,EAAE;EAC7C,IAAM,IAAQ,GAGR,IAAS,EAAM,MAAM,YAAgC;AAE3D,SACE,kBAAC,GAAD;GACE,SAAA;GACA,SAAQ;GACR,MAAK;GACM;GACD;aAET,EAAM,aACL,GACA;IACE,KAAK,EACH,GACA,EAAM,MAAM,IACb;IACD,cAAc;IACd,GAAG;IACJ,EACD,GACA,kBAAC,GAAD,EAAY,CAAA,CACb;GACM,CAAA;;AAMb,QACE,kBAAC,GAAD;EACE,SAAA;EACA,SAAQ;EACR,MAAK;EACM;EACD;YAEV,kBAVS,IAAW,SAAS,KAU7B;GACO;GACL,cAAW;GACX,SAAS;GACT,GAAI;GACJ,GAAK,IACD;IAAE,MAAM;IAAiB,iBAAiB;IAAM,GAChD,EAAE;aAPR,CASG,KAAY,QACb,kBAAC,GAAD,EAAY,CAAA,CACP;;EACA,CAAA;EAGd;AAED,EAAe,cAAc"}

package/dist/components/Pagination/PaginationPrevious.cjs

@@ -0,0 +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:`m15 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??`Previous`;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 previous page`,...u},(0,a.jsx)(o,{}),l)})}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 previous page`,onClick:f,...u,...e?{role:`link`,"aria-disabled":!0}:{},children:[(0,a.jsx)(o,{}),c??`Previous`]})})});s.displayName=`PaginationPrevious`,exports.PaginationPrevious=s;
+//# sourceMappingURL=PaginationPrevious.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationPrevious.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationPrevious.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 PaginationPreviousProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  disabled?: boolean;\n  asChild?: boolean;\n}\n\nconst PreviousIcon = () => (\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=\"m15 18-6-6 6-6\" />\n    </svg>\n  </Icon>\n);\n\nconst PaginationPrevious = React.forwardRef<\n  HTMLAnchorElement,\n  PaginationPreviousProps\n>(\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    // When asChild, the consumer provides a single child element (e.g. <button>).\n    // We inject the icon + label as that element's children via cloneElement,\n    // avoiding the Slot multiple-children error.\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) ?? \"Previous\";\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 previous page\",\n              ...props,\n            } as Partial<Record<string, unknown>> & React.Attributes,\n            <PreviousIcon />,\n            label,\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 previous page\"\n          onClick={handleClick}\n          {...props}\n          {...(disabled\n            ? { role: \"link\" as const, \"aria-disabled\": true }\n            : {})}\n        >\n          <PreviousIcon />\n          {children ?? \"Previous\"}\n        </Comp>\n      </Button>\n    );\n  },\n);\n\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nexport { PaginationPrevious };\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,iBAAmB,CAAA,CACvB,CAAA,CACD,CAAA,CAGH,EAAqB,EAAM,YAK7B,CACE,WAAW,GACX,UAAU,GACV,YACA,WACA,UACA,GAAG,GAEL,IACG,CACH,IAAM,EAAc,EACf,GAA2C,CAC1C,EAAE,gBAAgB,EAEpB,EAKJ,GAAI,GAAW,EAAM,eAAe,EAAS,CAAE,CAC7C,IAAM,EAAQ,EAGR,EAAS,EAAM,MAAM,UAAgC,WAE3D,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,sBACd,GAAG,EACJ,EACD,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,CAChB,EACD,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,sBACX,QAAS,EACT,GAAI,EACJ,GAAK,EACD,CAAE,KAAM,OAAiB,gBAAiB,GAAM,CAChD,EAAE,UAPR,EASE,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,CACf,GAAY,WACR,GACA,CAAA,EAGd,CAED,EAAmB,YAAc"}

package/dist/components/Pagination/PaginationPrevious.js

@@ -0,0 +1,61 @@
+import { composeRefs as e } from "../../utils/slot.js";
+import { Icon as t } from "../Icon/Icon.js";
+import { Button as n } from "../Button/Button.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Pagination/PaginationPrevious.tsx
+var o = () => /* @__PURE__ */ i(t, {
+	size: "sm",
+	children: /* @__PURE__ */ i("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: /* @__PURE__ */ i("path", { d: "m15 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) => {
+		e.preventDefault();
+	} : u;
+	if (s && r.isValidElement(l)) {
+		let a = l, s = a.props.children ?? "Previous";
+		return /* @__PURE__ */ i(n, {
+			asChild: !0,
+			variant: "ghost",
+			size: "sm",
+			className: c,
+			disabled: t,
+			children: r.cloneElement(a, {
+				ref: e(f, a.props.ref),
+				"aria-label": "Go to previous page",
+				...d
+			}, /* @__PURE__ */ i(o, {}), s)
+		});
+	}
+	return /* @__PURE__ */ i(n, {
+		asChild: !0,
+		variant: "ghost",
+		size: "sm",
+		className: c,
+		disabled: t,
+		children: /* @__PURE__ */ a(t ? "span" : "a", {
+			ref: f,
+			"aria-label": "Go to previous page",
+			onClick: p,
+			...d,
+			...t ? {
+				role: "link",
+				"aria-disabled": !0
+			} : {},
+			children: [/* @__PURE__ */ i(o, {}), l ?? "Previous"]
+		})
+	});
+});
+s.displayName = "PaginationPrevious";
+//#endregion
+export { s as PaginationPrevious };
+
+//# sourceMappingURL=PaginationPrevious.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationPrevious.js","names":[],"sources":["../../../src/components/Pagination/PaginationPrevious.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 PaginationPreviousProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  disabled?: boolean;\n  asChild?: boolean;\n}\n\nconst PreviousIcon = () => (\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=\"m15 18-6-6 6-6\" />\n    </svg>\n  </Icon>\n);\n\nconst PaginationPrevious = React.forwardRef<\n  HTMLAnchorElement,\n  PaginationPreviousProps\n>(\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    // When asChild, the consumer provides a single child element (e.g. <button>).\n    // We inject the icon + label as that element's children via cloneElement,\n    // avoiding the Slot multiple-children error.\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) ?? \"Previous\";\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 previous page\",\n              ...props,\n            } as Partial<Record<string, unknown>> & React.Attributes,\n            <PreviousIcon />,\n            label,\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 previous page\"\n          onClick={handleClick}\n          {...props}\n          {...(disabled\n            ? { role: \"link\" as const, \"aria-disabled\": true }\n            : {})}\n        >\n          <PreviousIcon />\n          {children ?? \"Previous\"}\n        </Comp>\n      </Button>\n    );\n  },\n);\n\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nexport { PaginationPrevious };\n"],"mappings":";;;;;;AAUA,IAAM,UACJ,kBAAC,GAAD;CAAM,MAAK;WACT,kBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAY;EACZ,eAAc;EACd,gBAAe;YAEf,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;EACvB,CAAA;CACD,CAAA,EAGH,IAAqB,EAAM,YAK7B,EACE,cAAW,IACX,aAAU,IACV,cACA,aACA,YACA,GAAG,KAEL,MACG;CACH,IAAM,IAAc,KACf,MAA2C;AAC1C,IAAE,gBAAgB;KAEpB;AAKJ,KAAI,KAAW,EAAM,eAAe,EAAS,EAAE;EAC7C,IAAM,IAAQ,GAGR,IAAS,EAAM,MAAM,YAAgC;AAE3D,SACE,kBAAC,GAAD;GACE,SAAA;GACA,SAAQ;GACR,MAAK;GACM;GACD;aAET,EAAM,aACL,GACA;IACE,KAAK,EACH,GACA,EAAM,MAAM,IACb;IACD,cAAc;IACd,GAAG;IACJ,EACD,kBAAC,GAAD,EAAgB,CAAA,EAChB,EACD;GACM,CAAA;;AAMb,QACE,kBAAC,GAAD;EACE,SAAA;EACA,SAAQ;EACR,MAAK;EACM;EACD;YAEV,kBAVS,IAAW,SAAS,KAU7B;GACO;GACL,cAAW;GACX,SAAS;GACT,GAAI;GACJ,GAAK,IACD;IAAE,MAAM;IAAiB,iBAAiB;IAAM,GAChD,EAAE;aAPR,CASE,kBAAC,GAAD,EAAgB,CAAA,EACf,KAAY,WACR;;EACA,CAAA;EAGd;AAED,EAAmB,cAAc"}

package/dist/components/Popover/Popover.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../hooks/use-controllable-state.cjs`),n=require(`../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),r=require(`../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs`),i=require(`../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs`),a=require(`./Popover.context.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({children:e,defaultOpen:c=!1,open:l,onOpenChange:u,placement:d=`bottom-start`}){let[f,p]=t.useControllableState(l,c,u),{refs:m,floatingStyles:h,context:g}=i.useFloating({open:f,onOpenChange:p,placement:d,middleware:[r.offset(8),r.flip(),r.shift({padding:8})],whileElementsMounted:n.autoUpdate}),{getReferenceProps:_,getFloatingProps:v}=i.useInteractions([i.useClick(g),i.useDismiss(g),i.useRole(g,{role:`dialog`})]);return(0,s.jsx)(a.PopoverContext,{value:o.useMemo(()=>({open:f,onOpenChange:p,refs:m,floatingStyles:h,getReferenceProps:_,getFloatingProps:v}),[f,p,m,h,_,v]),children:e})}c.displayName=`Popover`,exports.Popover=c;
+//# sourceMappingURL=Popover.cjs.map

package/dist/components/Popover/Popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.cjs","names":[],"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { PopoverContext } from \"@nuka/components/Popover/Popover.context\";\nimport type { PopoverContextValue } from \"@nuka/components/Popover/Popover.context\";\n\nexport interface PopoverProps {\n  children: React.ReactNode;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placement?: Placement;\n}\n\nfunction Popover({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  placement = \"bottom-start\",\n}: PopoverProps) {\n  const [currentOpen, handleOpenChange] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open: currentOpen,\n    onOpenChange: handleOpenChange,\n    placement,\n    middleware: [offset(8), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"dialog\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n    role,\n  ]);\n\n  const contextValue: PopoverContextValue = React.useMemo(\n    () => ({\n      open: currentOpen,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    }),\n    [\n      currentOpen,\n      handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    ],\n  );\n\n  return <PopoverContext value={contextValue}>{children}</PopoverContext>;\n}\n\nPopover.displayName = \"Popover\";\n\nexport { Popover };\n"],"mappings":"qdA0BA,SAAS,EAAQ,CACf,WACA,cAAc,GACd,KAAM,EACN,eACA,YAAY,gBACG,CACf,GAAM,CAAC,EAAa,GAAoB,EAAA,qBACtC,EACA,EACA,EACD,CAEK,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,KAAM,EACN,aAAc,EACd,YACA,WAAY,CAAC,EAAA,OAAO,EAAE,CAAE,EAAA,MAAM,CAAE,EAAA,MAAM,CAAE,QAAS,EAAG,CAAC,CAAC,CACtD,qBAAsB,EAAA,WACvB,CAAC,CAMI,CAAE,oBAAmB,oBAAqB,EAAA,gBAAgB,CAJlD,EAAA,SAAS,EAAQ,CACf,EAAA,WAAW,EAAQ,CACtB,EAAA,QAAQ,EAAS,CAAE,KAAM,SAAU,CAAC,CAMhD,CAAC,CAqBF,OAAO,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAnBmB,EAAM,aACvC,CACL,KAAM,EACN,aAAc,EACd,OACA,iBACA,oBACA,mBACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAE4C,WAA0B,CAAA,CAGzE,EAAQ,YAAc"}

package/dist/components/Popover/Popover.context.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=t.createContext(void 0);function r(){let e=t.useContext(n);if(e===void 0)throw Error(`usePopoverContext must be used within a <Popover> component`);return e}exports.PopoverContext=n,exports.usePopoverContext=r;
+//# sourceMappingURL=Popover.context.cjs.map

package/dist/components/Popover/Popover.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.context.cjs","names":[],"sources":["../../../src/components/Popover/Popover.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface PopoverContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst PopoverContext = React.createContext<PopoverContextValue | undefined>(\n  undefined,\n);\n\nexport function usePopoverContext(): PopoverContextValue {\n  const context = React.useContext(PopoverContext);\n  if (context === undefined) {\n    throw new Error(\n      \"usePopoverContext must be used within a <Popover> component\",\n    );\n  }\n  return context;\n}\n\nexport { PopoverContext };\n"],"mappings":"6GAaA,IAAM,EAAiB,EAAM,cAC3B,IAAA,GACD,CAED,SAAgB,GAAyC,CACvD,IAAM,EAAU,EAAM,WAAW,EAAe,CAChD,GAAI,IAAY,IAAA,GACd,MAAU,MACR,8DACD,CAEH,OAAO"}

package/dist/components/Popover/Popover.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.context.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC3E,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,CAAC;CAC1E;AAED,QAAA,MAAM,cAAc,gDAEnB,CAAC;AAEF,wBAAgB,iBAAiB,IAAI,mBAAmB,CAQvD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Popover.context.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC3E,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,CAAC;CAC1E;AAED,QAAA,MAAM,cAAc,gDAEnB,CAAC;AAEF,wBAAgB,iBAAiB,IAAI,mBAAmB,CAQvD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Popover/Popover.context.js

@@ -0,0 +1,13 @@
+"use client";
+import * as e from "react";
+//#region src/components/Popover/Popover.context.tsx
+var t = e.createContext(void 0);
+function n() {
+	let n = e.useContext(t);
+	if (n === void 0) throw Error("usePopoverContext must be used within a <Popover> component");
+	return n;
+}
+//#endregion
+export { t as PopoverContext, n as usePopoverContext };
+
+//# sourceMappingURL=Popover.context.js.map

package/dist/components/Popover/Popover.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.context.js","names":[],"sources":["../../../src/components/Popover/Popover.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface PopoverContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst PopoverContext = React.createContext<PopoverContextValue | undefined>(\n  undefined,\n);\n\nexport function usePopoverContext(): PopoverContextValue {\n  const context = React.useContext(PopoverContext);\n  if (context === undefined) {\n    throw new Error(\n      \"usePopoverContext must be used within a <Popover> component\",\n    );\n  }\n  return context;\n}\n\nexport { PopoverContext };\n"],"mappings":";;;AAaA,IAAM,IAAiB,EAAM,cAC3B,KAAA,EACD;AAED,SAAgB,IAAyC;CACvD,IAAM,IAAU,EAAM,WAAW,EAAe;AAChD,KAAI,MAAY,KAAA,EACd,OAAU,MACR,8DACD;AAEH,QAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKpD,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,SAA0B,GAC3B,EAAE,YAAY,2CA6Cd;kBAnDQ,OAAO;;;AAuDhB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKpD,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,WAAmB,EACnB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,SAA0B,GAC3B,EAAE,YAAY,2CA6Cd;kBAnDQ,OAAO;;;AAuDhB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Popover/Popover.js

@@ -0,0 +1,49 @@
+"use client";
+import { useControllableState as e } from "../../hooks/use-controllable-state.js";
+import { autoUpdate as t } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { flip as n, offset as r, shift as i } from "../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+import { useClick as a, useDismiss as o, useFloating as s, useInteractions as c, useRole as l } from "../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import { PopoverContext as u } from "./Popover.context.js";
+import * as d from "react";
+import { jsx as f } from "react/jsx-runtime";
+//#region src/components/Popover/Popover.tsx
+function p({ children: p, defaultOpen: m = !1, open: h, onOpenChange: g, placement: _ = "bottom-start" }) {
+	let [v, y] = e(h, m, g), { refs: b, floatingStyles: x, context: S } = s({
+		open: v,
+		onOpenChange: y,
+		placement: _,
+		middleware: [
+			r(8),
+			n(),
+			i({ padding: 8 })
+		],
+		whileElementsMounted: t
+	}), { getReferenceProps: C, getFloatingProps: w } = c([
+		a(S),
+		o(S),
+		l(S, { role: "dialog" })
+	]);
+	return /* @__PURE__ */ f(u, {
+		value: d.useMemo(() => ({
+			open: v,
+			onOpenChange: y,
+			refs: b,
+			floatingStyles: x,
+			getReferenceProps: C,
+			getFloatingProps: w
+		}), [
+			v,
+			y,
+			b,
+			x,
+			C,
+			w
+		]),
+		children: p
+	});
+}
+p.displayName = "Popover";
+//#endregion
+export { p as Popover };
+
+//# sourceMappingURL=Popover.js.map