npm - @nuka-ui/core - Versions diffs - 1.1.2 → 1.1.4 - Mend

@nuka-ui/core 1.1.2 → 1.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (865) hide show

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

	@@ -1 +1 @@
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\ninterface PaginationChildProps {\n ref?: React.Ref<HTMLElement>;\n children?: React.ReactNode;\n [key: string]: unknown;\n}\n\nexport interface PaginationPreviousProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n ref?: React.Ref<HTMLAnchorElement> \| undefined;\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\nfunction PaginationPrevious({\n ref,\n disabled = false,\n asChild = false,\n className,\n children,\n onClick,\n ...props\n}: PaginationPreviousProps) {\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 ?? \"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(ref as React.Ref<HTMLElement>, child.props.ref),\n \"aria-label\": \"Go to previous ~~page~~\",\n ...props,\n },\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 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~~ previous ~~page~~\"\n onClick={~~handleClick~~}\n {...props}\n ~~{...(disabled ? { role: \"link\" as const, \"aria-disabled\": true } : {})}\n~~ >\n <PreviousIcon />\n {children ?? \"Previous\"}\n </~~Comp~~>\n </Button>\n );\n}\n\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nexport { PaginationPrevious };\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,iBAAmB,CAAA,CACvB,CAAA,CACD,CAAA,CAGT,SAAS,EAAmB,CAC1B,MACA,WAAW,GACX,UAAU,GACV,YACA,WACA,UACA,GAAG,GACuB,CAC1B,~~IAAM~~,~~EAAc~~,~~EACf~~,~~GAA2C~~,~~CAC1C~~,~~EAAE~~,~~gBAAgB~~,~~EAEpB~~,~~EAEJ~~,GAAI,GAAW,EAAM,eAAqC,EAAS,CAAE,CACnE,IAAM,EAAQ,EACR,EAAQ,EAAM,MAAM,UAAY,WAEtC,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,~~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~~,~~qBAIV,~~EAAA,EAAA,~~MAZS~~,~~EAAW~~,~~OAAS,IAY7B,~~CACO,MACL,~~aAAW~~,~~sBACX~~,~~QAAS~~,~~EACT~~,GAAI,~~EACJ~~,~~GAAK,EAAW,CAAE,KAAM,OAAiB,gBAAiB,GAAM,CAAG,EAAE,UALvE,~~EAOE,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,CACf,GAAY,~~WACR~~,~~GACA~~,CAAA,CAIb,EAAmB,YAAc"}
1	+ {"version":3,"file":"PaginationPrevious.cjs","names":[],"sources":["../../../src/components/Pagination/PaginationPrevious.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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 PaginationPreviousProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n ref?: React.Ref<HTMLAnchorElement> \| undefined;\n disabled?: boolean;\n /*\n When true, merges into the child element instead of rendering an `<a>`.\n * The child's children are replaced with the built-in chevron icon and a\n * text label. Pass a single-element child (e.g. `<Link />`) with plain text\n * children; rich JSX children will be replaced by the label fallback.\n * For custom icon or label arrangements, use `PaginationLink` directly.\n */\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\nfunction PaginationPrevious({\n ref,\n disabled = false,\n asChild = false,\n className,\n children,\n onClick,\n \"aria-label\": ariaLabel = \"Go to previous page\",\n ...props\n}: PaginationPreviousProps) {\n if (disabled) {\n return (\n <Button\n variant=\"ghost\"\n size=\"sm\"\n className={className}\n disabled\n aria-label={ariaLabel}\n data-slot=\"previous\"\n >\n <PreviousIcon />\n {children ?? \"Previous\"}\n </Button>\n );\n }\n\n if (asChild && React.isValidElement<PaginationChildProps>(children)) {\n const child = children;\n const label = child.props.children ?? \"Previous\";\n\n return (\n <Button asChild variant=\"ghost\" size=\"sm\" className={className}>\n {React.cloneElement(\n child,\n {\n ref: composeRefs(ref as React.Ref<HTMLElement>, child.props.ref),\n \"aria-label\": ariaLabel,\n \"data-slot\": \"previous\",\n ...props,\n },\n <PreviousIcon />,\n label,\n )}\n </Button>\n );\n }\n\n return (\n <Button asChild variant=\"ghost\" size=\"sm\" className={className}>\n <a\n ref={ref}\n aria-label={ariaLabel}\n data-slot=\"previous\"\n onClick={onClick}\n {...props}\n >\n <PreviousIcon />\n {children ?? \"Previous\"}\n </a>\n </Button>\n );\n}\n\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nexport { PaginationPrevious };\n"],"mappings":"kPA0BA,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,CAGT,SAAS,EAAmB,CAC1B,MACA,WAAW,GACX,UAAU,GACV,YACA,WACA,UACA,aAAc,EAAY,sBAC1B,GAAG,GACuB,CAC1B,GAAI,EACF,OACE,EAAA,EAAA,MAAC,EAAA,OAAD,CACE,QAAQ,QACR,KAAK,KACM,YACX,SAAA,GACA,aAAY,EACZ,YAAU,oBANZ,EAQE,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,CACf,GAAY,WACN,GAIb,GAAI,GAAW,EAAM,eAAqC,EAAS,CAAE,CACnE,IAAM,EAAQ,EACR,EAAQ,EAAM,MAAM,UAAY,WAEtC,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,QAAA,GAAQ,QAAQ,QAAQ,KAAK,KAAgB,qBAClD,EAAM,aACL,EACA,CACE,IAAK,EAAA,YAAY,EAA+B,EAAM,MAAM,IAAI,CAChE,aAAc,EACd,YAAa,WACb,GAAG,EACJ,EACD,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,CAChB,EACD,CACM,CAAA,CAIb,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,QAAA,GAAQ,QAAQ,QAAQ,KAAK,KAAgB,sBACnD,EAAA,EAAA,MAAC,IAAD,CACO,MACL,aAAY,EACZ,YAAU,WACD,UACT,GAAI,WALN,EAOE,EAAA,EAAA,KAAC,EAAD,EAAgB,CAAA,CACf,GAAY,WACX,GACG,CAAA,CAIb,EAAmB,YAAc"}

package/dist/components/Pagination/PaginationPrevious.d.ts CHANGED Viewed

@@ -2,9 +2,16 @@ import * as React from "react";
 export interface PaginationPreviousProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     ref?: React.Ref<HTMLAnchorElement> | undefined;
     disabled?: boolean;
+    /**
+     * When true, merges into the child element instead of rendering an `<a>`.
+     * The child's children are replaced with the built-in chevron icon and a
+     * text label. Pass a single-element child (e.g. `<Link />`) with plain text
+     * children; rich JSX children will be replaced by the label fallback.
+     * For custom icon or label arrangements, use `PaginationLink` directly.
+     */
     asChild?: boolean;
 }
-declare function PaginationPrevious({ ref, disabled, asChild, className, children, onClick, ...props }: PaginationPreviousProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationPrevious({ ref, disabled, asChild, className, children, onClick, "aria-label": ariaLabel, ...props }: PaginationPreviousProps): import("react/jsx-runtime").JSX.Element;
 declare namespace PaginationPrevious {
     var displayName: string;
 }

package/dist/components/Pagination/PaginationPrevious.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaginationPrevious.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationPrevious.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,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,kBAAkB,CAAC,EAC1B,GAAG,EACH,QAAgB,EAChB,OAAe,EACf,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,uBAAuB,~~2CAyDzB~~;~~kBAjEQ~~,kBAAkB;;;~~AAqE3B~~,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
1	+ {"version":3,"file":"PaginationPrevious.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationPrevious.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAkBD,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,QAAgB,EAChB,OAAe,EACf,SAAS,EACT,QAAQ,EACR,OAAO,EACP,YAAY,EAAE,SAAiC,EAC/C,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAoDzB;kBA7DQ,kBAAkB;;;AAiE3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/Pagination/PaginationPrevious.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { composeRefs as e } from "../../utils/slot.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { Button as n } from "../Button/Button.js";
@@ -17,23 +18,29 @@ var o = () => /* @__PURE__ */ i(t, {
 		children: /* @__PURE__ */ i("path", { d: "m15 18-6-6 6-6" })
 	})
 });
-function s({ ref: t, disabled: s = !1, asChild: c = !1, className: l, children: u, onClick: d, ...f }) {
-	let p = s ? (e) => {
-		e.preventDefault();
-	} : d;
+function s({ ref: t, disabled: s = !1, asChild: c = !1, className: l, children: u, onClick: d, "aria-label": f = "Go to previous page", ...p }) {
+	if (s) return /* @__PURE__ */ a(n, {
+		variant: "ghost",
+		size: "sm",
+		className: l,
+		disabled: !0,
+		"aria-label": f,
+		"data-slot": "previous",
+		children: [/* @__PURE__ */ i(o, {}), u ?? "Previous"]
+	});
 	if (c && r.isValidElement(u)) {
-		let a = u, c = a.props.children ?? "Previous";
+		let a = u, s = a.props.children ?? "Previous";
 		return /* @__PURE__ */ i(n, {
 			asChild: !0,
 			variant: "ghost",
 			size: "sm",
 			className: l,
-			disabled: s,
 			children: r.cloneElement(a, {
 				ref: e(t, a.props.ref),
-				"aria-label": "Go to previous page",
-				...f
-			}, /* @__PURE__ */ i(o, {}), c)
+				"aria-label": f,
+				"data-slot": "previous",
+				...p
+			}, /* @__PURE__ */ i(o, {}), s)
 		});
 	}
 	return /* @__PURE__ */ i(n, {
@@ -41,16 +48,12 @@ function s({ ref: t, disabled: s = !1, asChild: c = !1, className: l, children:
 		variant: "ghost",
 		size: "sm",
 		className: l,
-		disabled: s,
-		children: /* @__PURE__ */ a(s ? "span" : "a", {
+		children: /* @__PURE__ */ a("a", {
 			ref: t,
-			"aria-label": "Go to previous page",
-			onClick: p,
-			...f,
-			...s ? {
-				role: "link",
-				"aria-disabled": !0
-			} : {},
+			"aria-label": f,
+			"data-slot": "previous",
+			onClick: d,
+			...p,
 			children: [/* @__PURE__ */ i(o, {}), u ?? "Previous"]
 		})
 	});

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

	@@ -1 +1 @@
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\ninterface PaginationChildProps {\n ref?: React.Ref<HTMLElement>;\n children?: React.ReactNode;\n [key: string]: unknown;\n}\n\nexport interface PaginationPreviousProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n ref?: React.Ref<HTMLAnchorElement> \| undefined;\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\nfunction PaginationPrevious({\n ref,\n disabled = false,\n asChild = false,\n className,\n children,\n onClick,\n ...props\n}: PaginationPreviousProps) {\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 ?? \"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(ref as React.Ref<HTMLElement>, child.props.ref),\n \"aria-label\": \"Go to previous ~~page~~\",\n ...props,\n },\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 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~~ previous ~~page~~\"\n onClick={~~handleClick~~}\n {...props}\n ~~{...(disabled ? { role: \"link\" as const, \"aria-disabled\": true } : {})}\n~~ >\n <PreviousIcon />\n {children ?? \"Previous\"}\n </~~Comp~~>\n </Button>\n );\n}\n\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nexport { PaginationPrevious };\n"],"mappings":"~~;;;;;;AAiBA~~,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;AAGT,SAAS,EAAmB,EAC1B,QACA,cAAW,IACX,aAAU,IACV,cACA,aACA,YACA,GAAG,KACuB;~~CAC1B~~,~~IAAM~~,~~IAAc~~,~~KACf~~,~~MAA2C~~;~~AAC1C~~,~~IAAE~~,~~gBAAgB~~;~~KAEpB~~;~~AAEJ~~,KAAI,KAAW,EAAM,eAAqC,EAAS,EAAE;EACnE,IAAM,IAAQ,GACR,IAAQ,EAAM,MAAM,YAAY;AAEtC,SACE,kBAAC,GAAD;~~GACE~~,SAAA;~~GACA~~,SAAQ;~~GACR~~,MAAK;~~GACM~~;~~GACD;aAET~~,EAAM,aACL,GACA;IACE,KAAK,EAAY,GAA+B,EAAM,MAAM,IAAI;IAChE,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;YAIV~~,~~kBAZS~~,~~IAAW,SAAS,KAY7B~~;GACO;GACL,~~cAAW~~;~~GACX~~,~~SAAS~~;GACT,GAAI;~~GACJ~~,~~GAAK,IAAW;IAAE,MAAM;IAAiB,iBAAiB;IAAM,GAAG,EAAE;aALvE,~~CAOE,kBAAC,GAAD,EAAgB,CAAA,EACf,KAAY,~~WACR~~;;~~EACA~~,CAAA;;AAIb,EAAmB,cAAc"}
1	+ {"version":3,"file":"PaginationPrevious.js","names":[],"sources":["../../../src/components/Pagination/PaginationPrevious.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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 PaginationPreviousProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n ref?: React.Ref<HTMLAnchorElement> \| undefined;\n disabled?: boolean;\n /*\n When true, merges into the child element instead of rendering an `<a>`.\n * The child's children are replaced with the built-in chevron icon and a\n * text label. Pass a single-element child (e.g. `<Link />`) with plain text\n * children; rich JSX children will be replaced by the label fallback.\n * For custom icon or label arrangements, use `PaginationLink` directly.\n */\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\nfunction PaginationPrevious({\n ref,\n disabled = false,\n asChild = false,\n className,\n children,\n onClick,\n \"aria-label\": ariaLabel = \"Go to previous page\",\n ...props\n}: PaginationPreviousProps) {\n if (disabled) {\n return (\n <Button\n variant=\"ghost\"\n size=\"sm\"\n className={className}\n disabled\n aria-label={ariaLabel}\n data-slot=\"previous\"\n >\n <PreviousIcon />\n {children ?? \"Previous\"}\n </Button>\n );\n }\n\n if (asChild && React.isValidElement<PaginationChildProps>(children)) {\n const child = children;\n const label = child.props.children ?? \"Previous\";\n\n return (\n <Button asChild variant=\"ghost\" size=\"sm\" className={className}>\n {React.cloneElement(\n child,\n {\n ref: composeRefs(ref as React.Ref<HTMLElement>, child.props.ref),\n \"aria-label\": ariaLabel,\n \"data-slot\": \"previous\",\n ...props,\n },\n <PreviousIcon />,\n label,\n )}\n </Button>\n );\n }\n\n return (\n <Button asChild variant=\"ghost\" size=\"sm\" className={className}>\n <a\n ref={ref}\n aria-label={ariaLabel}\n data-slot=\"previous\"\n onClick={onClick}\n {...props}\n >\n <PreviousIcon />\n {children ?? \"Previous\"}\n </a>\n </Button>\n );\n}\n\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nexport { PaginationPrevious };\n"],"mappings":";;;;;;;AA0BA,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;AAGT,SAAS,EAAmB,EAC1B,QACA,cAAW,IACX,aAAU,IACV,cACA,aACA,YACA,cAAc,IAAY,uBAC1B,GAAG,KACuB;AAC1B,KAAI,EACF,QACE,kBAAC,GAAD;EACE,SAAQ;EACR,MAAK;EACM;EACX,UAAA;EACA,cAAY;EACZ,aAAU;YANZ,CAQE,kBAAC,GAAD,EAAgB,CAAA,EACf,KAAY,WACN;;AAIb,KAAI,KAAW,EAAM,eAAqC,EAAS,EAAE;EACnE,IAAM,IAAQ,GACR,IAAQ,EAAM,MAAM,YAAY;AAEtC,SACE,kBAAC,GAAD;GAAQ,SAAA;GAAQ,SAAQ;GAAQ,MAAK;GAAgB;aAClD,EAAM,aACL,GACA;IACE,KAAK,EAAY,GAA+B,EAAM,MAAM,IAAI;IAChE,cAAc;IACd,aAAa;IACb,GAAG;IACJ,EACD,kBAAC,GAAD,EAAgB,CAAA,EAChB,EACD;GACM,CAAA;;AAIb,QACE,kBAAC,GAAD;EAAQ,SAAA;EAAQ,SAAQ;EAAQ,MAAK;EAAgB;YACnD,kBAAC,KAAD;GACO;GACL,cAAY;GACZ,aAAU;GACD;GACT,GAAI;aALN,CAOE,kBAAC,GAAD,EAAgB,CAAA,EACf,KAAY,WACX;;EACG,CAAA;;AAIb,EAAmB,cAAc"}

package/dist/components/Popover/PopoverContent.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/portal.cjs`),i=require(`./Popover.context.cjs`),a=require(`../../hooks/use-focus-first-interactive.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:c,"aria-label":l,"aria-labelledby":u,...d}){let f=i.usePopoverContext(),p=o.useRef(null),m=n.composeRefs(e,p,f.refs.setFloating);if(o.useEffect(()=>{f.open&&process.env.NODE_ENV!==`production`&&!l&&!u&&console.error(`Popover: PopoverContent has role="dialog" but no accessible name. Provide an aria-label or aria-labelledby prop.`)},[f.open,l,u]),a.useFocusFirstInteractive(p,f.open),!f.open)return null;let h=f.getFloatingProps(d);return(0,s.jsx)(r.Portal,{children:(0,s.jsx)(`div`,{ref:m,style:f.floatingStyles,"aria-label":l,"aria-labelledby":u,tabIndex:-1,...h,className:t.cn(`z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md p-(--space-4)`,`focus-visible:outline-none`,c)})})}c.displayName=`PopoverContent`,exports.PopoverContent=c;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/portal.cjs`),i=require(`./Popover.context.cjs`),a=require(`../../hooks/use-focus-first-interactive.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:c,"aria-label":l,"aria-labelledby":u,...d}){let f=i.usePopoverContext(),p=o.useRef(null),m=n.composeRefs(e,p,f.refs.setFloating);if(o.useEffect(()=>{f.open&&process.env.NODE_ENV!==`production`&&!l&&!u&&console.error(`Popover: PopoverContent has role="dialog" but no accessible name. Provide an aria-label or aria-labelledby prop.`)},[f.open,l,u]),a.useFocusFirstInteractive(p,f.open),!f.open)return null;let h=f.getFloatingProps(d);return(0,s.jsx)(r.Portal,{children:(0,s.jsx)(`div`,{ref:m,style:f.floatingStyles,"aria-label":l,"aria-labelledby":u,tabIndex:-1,"data-slot":`content`,...h,className:t.cn(`z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md p-(--space-4)`,`focus-visible:outline-none`,c)})})}c.displayName=`PopoverContent`,exports.PopoverContent=c;
 //# sourceMappingURL=PopoverContent.cjs.map

package/dist/components/Popover/PopoverContent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverContent.cjs","names":[],"sources":["../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useFocusFirstInteractive } from \"@nuka/hooks/use-focus-first-interactive\";\nimport { usePopoverContext } from \"@nuka/components/Popover/Popover.context\";\n\nexport interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n}\n\nfunction PopoverContent({\n ref,\n className,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n ...props\n}: PopoverContentProps) {\n const ctx = usePopoverContext();\n const contentRef = React.useRef<HTMLDivElement>(null);\n const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n React.useEffect(() => {\n if (\n ctx.open &&\n process.env.NODE_ENV !== \"production\" &&\n !ariaLabel &&\n !ariaLabelledBy\n ) {\n console.error(\n 'Popover: PopoverContent has role=\"dialog\" but no accessible name. ' +\n \"Provide an aria-label or aria-labelledby prop.\",\n );\n }\n }, [ctx.open, ariaLabel, ariaLabelledBy]);\n\n useFocusFirstInteractive(contentRef, ctx.open);\n\n if (!ctx.open) return null;\n\n const floatingProps = ctx.getFloatingProps(props);\n\n return (\n <Portal>\n <div\n ref={composedRef}\n style={ctx.floatingStyles}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n tabIndex={-1}\n // Safe: Floating UI getFloatingProps() returns Record<string, unknown>;\n // values are standard DOM attributes and event handlers.\n {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n className={cn(\n \"z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)\",\n \"bg-(--nuka-bg-base) shadow-md p-(--space-4)\",\n \"focus-visible:outline-none\",\n className,\n )}\n />\n </Portal>\n );\n}\n\nPopoverContent.displayName = \"PopoverContent\";\n\nexport { PopoverContent };\n"],"mappings":"kVAcA,SAAS,EAAe,CACtB,MACA,YACA,aAAc,EACd,kBAAmB,EACnB,GAAG,GACmB,CACtB,IAAM,EAAM,EAAA,mBAAmB,CACzB,EAAa,EAAM,OAAuB,KAAK,CAC/C,EAAc,EAAA,YAAY,EAAK,EAAY,EAAI,KAAK,YAAY,CAkBtE,GAhBA,EAAM,cAAgB,CAElB,EAAI,MAAA,QAAA,IAAA,WACqB,cACzB,CAAC,GACD,CAAC,GAED,QAAQ,MACN,mHAED,EAEF,CAAC,EAAI,KAAM,EAAW,EAAe,CAAC,CAEzC,EAAA,yBAAyB,EAAY,EAAI,KAAK,CAE1C,CAAC,EAAI,KAAM,OAAO,KAEtB,IAAM,EAAgB,EAAI,iBAAiB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAI,eACX,aAAY,EACZ,kBAAiB,EACjB,SAAU,~~GAGV~~,GAAK,EACL,UAAW,EAAA,GACT,iFACA,8CACA,6BACA,EACD,CACD,CAAA,CACK,CAAA,CAIb,EAAe,YAAc"}
1	+ {"version":3,"file":"PopoverContent.cjs","names":[],"sources":["../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useFocusFirstInteractive } from \"@nuka/hooks/use-focus-first-interactive\";\nimport { usePopoverContext } from \"@nuka/components/Popover/Popover.context\";\n\nexport interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n}\n\nfunction PopoverContent({\n ref,\n className,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n ...props\n}: PopoverContentProps) {\n const ctx = usePopoverContext();\n const contentRef = React.useRef<HTMLDivElement>(null);\n const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n React.useEffect(() => {\n if (\n ctx.open &&\n process.env.NODE_ENV !== \"production\" &&\n !ariaLabel &&\n !ariaLabelledBy\n ) {\n console.error(\n 'Popover: PopoverContent has role=\"dialog\" but no accessible name. ' +\n \"Provide an aria-label or aria-labelledby prop.\",\n );\n }\n }, [ctx.open, ariaLabel, ariaLabelledBy]);\n\n useFocusFirstInteractive(contentRef, ctx.open);\n\n if (!ctx.open) return null;\n\n const floatingProps = ctx.getFloatingProps(props);\n\n return (\n <Portal>\n <div\n ref={composedRef}\n style={ctx.floatingStyles}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n tabIndex={-1}\n data-slot=\"content\"\n // Safe: Floating UI getFloatingProps() returns Record<string, unknown>;\n // values are standard DOM attributes and event handlers.\n {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n className={cn(\n \"z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)\",\n \"bg-(--nuka-bg-base) shadow-md p-(--space-4)\",\n \"focus-visible:outline-none\",\n className,\n )}\n />\n </Portal>\n );\n}\n\nPopoverContent.displayName = \"PopoverContent\";\n\nexport { PopoverContent };\n"],"mappings":"kVAcA,SAAS,EAAe,CACtB,MACA,YACA,aAAc,EACd,kBAAmB,EACnB,GAAG,GACmB,CACtB,IAAM,EAAM,EAAA,mBAAmB,CACzB,EAAa,EAAM,OAAuB,KAAK,CAC/C,EAAc,EAAA,YAAY,EAAK,EAAY,EAAI,KAAK,YAAY,CAkBtE,GAhBA,EAAM,cAAgB,CAElB,EAAI,MAAA,QAAA,IAAA,WACqB,cACzB,CAAC,GACD,CAAC,GAED,QAAQ,MACN,mHAED,EAEF,CAAC,EAAI,KAAM,EAAW,EAAe,CAAC,CAEzC,EAAA,yBAAyB,EAAY,EAAI,KAAK,CAE1C,CAAC,EAAI,KAAM,OAAO,KAEtB,IAAM,EAAgB,EAAI,iBAAiB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAI,eACX,aAAY,EACZ,kBAAiB,EACjB,SAAU,GACV,YAAU,UAGV,GAAK,EACL,UAAW,EAAA,GACT,iFACA,8CACA,6BACA,EACD,CACD,CAAA,CACK,CAAA,CAIb,EAAe,YAAc"}

package/dist/components/Popover/PopoverContent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverContent.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,KAAK,EACT,EAAE,mBAAmB,~~kDA6CrB~~;~~kBAnDQ~~,cAAc;;;~~AAuDvB~~,OAAO,EAAE,cAAc,EAAE,CAAC"}
1	+ {"version":3,"file":"PopoverContent.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,KAAK,EACT,EAAE,mBAAmB,kDA8CrB;kBApDQ,cAAc;;;AAwDvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Popover/PopoverContent.js CHANGED Viewed

@@ -23,6 +23,7 @@ function s({ ref: s, className: c, "aria-label": l, "aria-labelledby": u, ...d }
 		"aria-label": l,
 		"aria-labelledby": u,
 		tabIndex: -1,
+		"data-slot": "content",
 		...h,
 		className: e("z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) shadow-md p-(--space-4)", "focus-visible:outline-none", c)
 	}) });

package/dist/components/Popover/PopoverContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverContent.js","names":[],"sources":["../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useFocusFirstInteractive } from \"@nuka/hooks/use-focus-first-interactive\";\nimport { usePopoverContext } from \"@nuka/components/Popover/Popover.context\";\n\nexport interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n}\n\nfunction PopoverContent({\n ref,\n className,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n ...props\n}: PopoverContentProps) {\n const ctx = usePopoverContext();\n const contentRef = React.useRef<HTMLDivElement>(null);\n const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n React.useEffect(() => {\n if (\n ctx.open &&\n process.env.NODE_ENV !== \"production\" &&\n !ariaLabel &&\n !ariaLabelledBy\n ) {\n console.error(\n 'Popover: PopoverContent has role=\"dialog\" but no accessible name. ' +\n \"Provide an aria-label or aria-labelledby prop.\",\n );\n }\n }, [ctx.open, ariaLabel, ariaLabelledBy]);\n\n useFocusFirstInteractive(contentRef, ctx.open);\n\n if (!ctx.open) return null;\n\n const floatingProps = ctx.getFloatingProps(props);\n\n return (\n <Portal>\n <div\n ref={composedRef}\n style={ctx.floatingStyles}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n tabIndex={-1}\n // Safe: Floating UI getFloatingProps() returns Record<string, unknown>;\n // values are standard DOM attributes and event handlers.\n {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n className={cn(\n \"z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)\",\n \"bg-(--nuka-bg-base) shadow-md p-(--space-4)\",\n \"focus-visible:outline-none\",\n className,\n )}\n />\n </Portal>\n );\n}\n\nPopoverContent.displayName = \"PopoverContent\";\n\nexport { PopoverContent };\n"],"mappings":";;;;;;;;;AAcA,SAAS,EAAe,EACtB,QACA,cACA,cAAc,GACd,mBAAmB,GACnB,GAAG,KACmB;CACtB,IAAM,IAAM,GAAmB,EACzB,IAAa,EAAM,OAAuB,KAAK,EAC/C,IAAc,EAAY,GAAK,GAAY,EAAI,KAAK,YAAY;AAkBtE,KAhBA,EAAM,gBAAgB;AACpB,EACE,EAAI,QAAA,QAAA,IAAA,aACqB,gBACzB,CAAC,KACD,CAAC,KAED,QAAQ,MACN,qHAED;IAEF;EAAC,EAAI;EAAM;EAAW;EAAe,CAAC,EAEzC,EAAyB,GAAY,EAAI,KAAK,EAE1C,CAAC,EAAI,KAAM,QAAO;CAEtB,IAAM,IAAgB,EAAI,iBAAiB,EAAM;AAEjD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACE,KAAK;EACL,OAAO,EAAI;EACX,cAAY;EACZ,mBAAiB;EACjB,UAAU;EAGV,GAAK;EACL,WAAW,EACT,kFACA,+CACA,8BACA,EACD;EACD,CAAA,EACK,CAAA;;AAIb,EAAe,cAAc"}
1	+ {"version":3,"file":"PopoverContent.js","names":[],"sources":["../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useFocusFirstInteractive } from \"@nuka/hooks/use-focus-first-interactive\";\nimport { usePopoverContext } from \"@nuka/components/Popover/Popover.context\";\n\nexport interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n \"aria-label\"?: string;\n \"aria-labelledby\"?: string;\n}\n\nfunction PopoverContent({\n ref,\n className,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n ...props\n}: PopoverContentProps) {\n const ctx = usePopoverContext();\n const contentRef = React.useRef<HTMLDivElement>(null);\n const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n React.useEffect(() => {\n if (\n ctx.open &&\n process.env.NODE_ENV !== \"production\" &&\n !ariaLabel &&\n !ariaLabelledBy\n ) {\n console.error(\n 'Popover: PopoverContent has role=\"dialog\" but no accessible name. ' +\n \"Provide an aria-label or aria-labelledby prop.\",\n );\n }\n }, [ctx.open, ariaLabel, ariaLabelledBy]);\n\n useFocusFirstInteractive(contentRef, ctx.open);\n\n if (!ctx.open) return null;\n\n const floatingProps = ctx.getFloatingProps(props);\n\n return (\n <Portal>\n <div\n ref={composedRef}\n style={ctx.floatingStyles}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n tabIndex={-1}\n data-slot=\"content\"\n // Safe: Floating UI getFloatingProps() returns Record<string, unknown>;\n // values are standard DOM attributes and event handlers.\n {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n className={cn(\n \"z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)\",\n \"bg-(--nuka-bg-base) shadow-md p-(--space-4)\",\n \"focus-visible:outline-none\",\n className,\n )}\n />\n </Portal>\n );\n}\n\nPopoverContent.displayName = \"PopoverContent\";\n\nexport { PopoverContent };\n"],"mappings":";;;;;;;;;AAcA,SAAS,EAAe,EACtB,QACA,cACA,cAAc,GACd,mBAAmB,GACnB,GAAG,KACmB;CACtB,IAAM,IAAM,GAAmB,EACzB,IAAa,EAAM,OAAuB,KAAK,EAC/C,IAAc,EAAY,GAAK,GAAY,EAAI,KAAK,YAAY;AAkBtE,KAhBA,EAAM,gBAAgB;AACpB,EACE,EAAI,QAAA,QAAA,IAAA,aACqB,gBACzB,CAAC,KACD,CAAC,KAED,QAAQ,MACN,qHAED;IAEF;EAAC,EAAI;EAAM;EAAW;EAAe,CAAC,EAEzC,EAAyB,GAAY,EAAI,KAAK,EAE1C,CAAC,EAAI,KAAM,QAAO;CAEtB,IAAM,IAAgB,EAAI,iBAAiB,EAAM;AAEjD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACE,KAAK;EACL,OAAO,EAAI;EACX,cAAY;EACZ,mBAAiB;EACjB,UAAU;EACV,aAAU;EAGV,GAAK;EACL,WAAW,EACT,kFACA,+CACA,8BACA,EACD;EACD,CAAA,EACK,CAAA;;AAIb,EAAe,cAAc"}

package/dist/components/Popover/PopoverTrigger.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./Popover.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,children:a,...o}){let s=n.usePopoverContext(),c=t.composeRefs(e,s.refs.setReference),l=r?t.Slot:`button`,u=s.getReferenceProps(o);return(0,i.jsx)(l,{ref:c,type:r?void 0:`button`,...u,children:a})}a.displayName=`PopoverTrigger`,exports.PopoverTrigger=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./Popover.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,children:a,...o}){let s=n.usePopoverContext(),c=t.composeRefs(e,s.refs.setReference),l=r?t.Slot:`button`,u=s.getReferenceProps(o);return(0,i.jsx)(l,{ref:c,type:r?void 0:`button`,"data-slot":`trigger`,...u,children:a})}a.displayName=`PopoverTrigger`,exports.PopoverTrigger=a;
 //# sourceMappingURL=PopoverTrigger.cjs.map

package/dist/components/Popover/PopoverTrigger.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverTrigger.cjs","names":[],"sources":["../../../src/components/Popover/PopoverTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { usePopoverContext } from \"@nuka/components/Popover/Popover.context\";\n\nexport interface PopoverTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: React.Ref<HTMLButtonElement> \| undefined;\n asChild?: boolean;\n}\n\nfunction PopoverTrigger({\n ref,\n asChild = false,\n children,\n ...props\n}: PopoverTriggerProps) {\n const ctx = usePopoverContext();\n const composedRef = composeRefs(ref, ctx.refs.setReference);\n\n const Comp = asChild ? Slot : \"button\";\n\n const triggerProps = ctx.getReferenceProps(props);\n\n return (\n <Comp\n ref={composedRef}\n type={asChild ? undefined : \"button\"}\n {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n >\n {children}\n </Comp>\n );\n}\n\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\nexport { PopoverTrigger };\n"],"mappings":"qNAUA,SAAS,EAAe,CACtB,MACA,UAAU,GACV,WACA,GAAG,GACmB,CACtB,IAAM,EAAM,EAAA,mBAAmB,CACzB,EAAc,EAAA,YAAY,EAAK,EAAI,KAAK,aAAa,CAErD,EAAO,EAAU,EAAA,KAAO,SAExB,EAAe,EAAI,kBAAkB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,KAAM,EAAU,IAAA,GAAY,SAC5B,GAAK,EAEJ,WACI,CAAA,CAIX,EAAe,YAAc"}
1	+ {"version":3,"file":"PopoverTrigger.cjs","names":[],"sources":["../../../src/components/Popover/PopoverTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { usePopoverContext } from \"@nuka/components/Popover/Popover.context\";\n\nexport interface PopoverTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: React.Ref<HTMLButtonElement> \| undefined;\n asChild?: boolean;\n}\n\nfunction PopoverTrigger({\n ref,\n asChild = false,\n children,\n ...props\n}: PopoverTriggerProps) {\n const ctx = usePopoverContext();\n const composedRef = composeRefs(ref, ctx.refs.setReference);\n\n const Comp = asChild ? Slot : \"button\";\n\n const triggerProps = ctx.getReferenceProps(props);\n\n return (\n <Comp\n ref={composedRef}\n type={asChild ? undefined : \"button\"}\n data-slot=\"trigger\"\n {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n >\n {children}\n </Comp>\n );\n}\n\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\nexport { PopoverTrigger };\n"],"mappings":"qNAUA,SAAS,EAAe,CACtB,MACA,UAAU,GACV,WACA,GAAG,GACmB,CACtB,IAAM,EAAM,EAAA,mBAAmB,CACzB,EAAc,EAAA,YAAY,EAAK,EAAI,KAAK,aAAa,CAErD,EAAO,EAAU,EAAA,KAAO,SAExB,EAAe,EAAI,kBAAkB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,KAAM,EAAU,IAAA,GAAY,SAC5B,YAAU,UACV,GAAK,EAEJ,WACI,CAAA,CAIX,EAAe,YAAc"}

package/dist/components/Popover/PopoverTrigger.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverTrigger.tsx"],"names":[],"mappings":"AACA,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,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,~~2CAiBrB~~;~~kBAtBQ~~,cAAc;;;~~AA0BvB~~,OAAO,EAAE,cAAc,EAAE,CAAC"}
1	+ {"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverTrigger.tsx"],"names":[],"mappings":"AACA,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,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAkBrB;kBAvBQ,cAAc;;;AA2BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Popover/PopoverTrigger.js CHANGED Viewed

@@ -9,6 +9,7 @@ function i({ ref: i, asChild: a = !1, children: o, ...s }) {
 	return /* @__PURE__ */ r(u, {
 		ref: l,
 		type: a ? void 0 : "button",
+		"data-slot": "trigger",
 		...d,
 		children: o
 	});

package/dist/components/Popover/PopoverTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverTrigger.js","names":[],"sources":["../../../src/components/Popover/PopoverTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { usePopoverContext } from \"@nuka/components/Popover/Popover.context\";\n\nexport interface PopoverTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: React.Ref<HTMLButtonElement> \| undefined;\n asChild?: boolean;\n}\n\nfunction PopoverTrigger({\n ref,\n asChild = false,\n children,\n ...props\n}: PopoverTriggerProps) {\n const ctx = usePopoverContext();\n const composedRef = composeRefs(ref, ctx.refs.setReference);\n\n const Comp = asChild ? Slot : \"button\";\n\n const triggerProps = ctx.getReferenceProps(props);\n\n return (\n <Comp\n ref={composedRef}\n type={asChild ? undefined : \"button\"}\n {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n >\n {children}\n </Comp>\n );\n}\n\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\nexport { PopoverTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAe,EACtB,QACA,aAAU,IACV,aACA,GAAG,KACmB;CACtB,IAAM,IAAM,GAAmB,EACzB,IAAc,EAAY,GAAK,EAAI,KAAK,aAAa,EAErD,IAAO,IAAU,IAAO,UAExB,IAAe,EAAI,kBAAkB,EAAM;AAEjD,QACE,kBAAC,GAAD;EACE,KAAK;EACL,MAAM,IAAU,KAAA,IAAY;EAC5B,GAAK;EAEJ;EACI,CAAA;;AAIX,EAAe,cAAc"}
1	+ {"version":3,"file":"PopoverTrigger.js","names":[],"sources":["../../../src/components/Popover/PopoverTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { usePopoverContext } from \"@nuka/components/Popover/Popover.context\";\n\nexport interface PopoverTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n ref?: React.Ref<HTMLButtonElement> \| undefined;\n asChild?: boolean;\n}\n\nfunction PopoverTrigger({\n ref,\n asChild = false,\n children,\n ...props\n}: PopoverTriggerProps) {\n const ctx = usePopoverContext();\n const composedRef = composeRefs(ref, ctx.refs.setReference);\n\n const Comp = asChild ? Slot : \"button\";\n\n const triggerProps = ctx.getReferenceProps(props);\n\n return (\n <Comp\n ref={composedRef}\n type={asChild ? undefined : \"button\"}\n data-slot=\"trigger\"\n {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n >\n {children}\n </Comp>\n );\n}\n\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\nexport { PopoverTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAe,EACtB,QACA,aAAU,IACV,aACA,GAAG,KACmB;CACtB,IAAM,IAAM,GAAmB,EACzB,IAAc,EAAY,GAAK,EAAI,KAAK,aAAa,EAErD,IAAO,IAAU,IAAO,UAExB,IAAe,EAAI,kBAAkB,EAAM;AAEjD,QACE,kBAAC,GAAD;EACE,KAAK;EACL,MAAM,IAAU,KAAA,IAAY;EAC5B,aAAU;EACV,GAAK;EAEJ;EACI,CAAA;;AAIX,EAAe,cAAc"}

package/dist/components/Progress/Progress.variants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Progress.variants.cjs","names":[],"sources":["../../../src/components/Progress/Progress.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const progressTrackVariants = cva(\n [\"w-full overflow-hidden rounded-full bg-(--nuka-bg-muted)\"],\n {\n variants: {\n size: {\n sm: \"h-1.5\",\n md: \"h-2.5\",\n lg: \"h-4\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport const progressFillVariants = cva(\n [\"h-full rounded-full transition-[width] duration-300\"],\n {\n variants: {\n intent: {\n default: \"\",\n danger: \"\",\n success: \"\",\n warning: \"\",\n },\n },\n compoundVariants: [\n {\n intent: \"default\",\n className: \"bg-(--nuka-accent-bg)\",\n },\n {\n intent: \"danger\",\n className: \"bg-(--nuka-danger-base)\",\n },\n {\n intent: \"success\",\n className: \"bg-(--nuka-success-base)\",\n },\n {\n intent: \"warning\",\n className: \"bg-(--nuka-warning-base)\",\n },\n ],\n defaultVariants: {\n intent: \"default\",\n },\n },\n);\n\nexport type ProgressTrackVariantProps = VariantProps<\n typeof progressTrackVariants\n>;\nexport type ProgressFillVariantProps = VariantProps<\n typeof progressFillVariants\n>;\nexport type ProgressVariantProps = ProgressTrackVariantProps &\n ProgressFillVariantProps;\n"],"mappings":"~~8EAEA~~,IAAa,EAAwB,EAAA,IACnC,CAAC,2DAA2D,CAC5D,CACE,SAAU,CACR,KAAM,~~CACJ~~,GAAI,~~QACJ~~,GAAI,~~QACJ~~,GAAI,MACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAuB,EAAA,IAClC,CAAC,sDAAsD,CACvD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,CACF,CACD,iBAAkB,CAChB,CACE,OAAQ,UACR,UAAW,wBACZ,CACD,CACE,OAAQ,SACR,UAAW,0BACZ,CACD,CACE,OAAQ,UACR,UAAW,2BACZ,CACD,CACE,OAAQ,UACR,UAAW,2BACZ,CACF,CACD,gBAAiB,CACf,OAAQ,UACT,CACF,CACF"}
1	+ {"version":3,"file":"Progress.variants.cjs","names":[],"sources":["../../../src/components/Progress/Progress.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Progress is a non-interactive status indicator (role=\"progressbar\"), not a\n// pointer target. The 24x24 WCAG 2.5.8 minimum does not apply.\nexport const progressTrackVariants = cva(\n [\"w-full overflow-hidden rounded-full bg-(--nuka-bg-muted)\"],\n {\n variants: {\n size: {\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n sm: \"h-1.5\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n md: \"h-2.5\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n lg: \"h-4\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport const progressFillVariants = cva(\n [\"h-full rounded-full transition-[width] duration-300\"],\n {\n variants: {\n intent: {\n default: \"\",\n danger: \"\",\n success: \"\",\n warning: \"\",\n },\n },\n compoundVariants: [\n {\n intent: \"default\",\n className: \"bg-(--nuka-accent-bg)\",\n },\n {\n intent: \"danger\",\n className: \"bg-(--nuka-danger-base)\",\n },\n {\n intent: \"success\",\n className: \"bg-(--nuka-success-base)\",\n },\n {\n intent: \"warning\",\n className: \"bg-(--nuka-warning-base)\",\n },\n ],\n defaultVariants: {\n intent: \"default\",\n },\n },\n);\n\nexport type ProgressTrackVariantProps = VariantProps<\n typeof progressTrackVariants\n>;\nexport type ProgressFillVariantProps = VariantProps<\n typeof progressFillVariants\n>;\nexport type ProgressVariantProps = ProgressTrackVariantProps &\n ProgressFillVariantProps;\n"],"mappings":"8EAIA,IAAa,EAAwB,EAAA,IACnC,CAAC,2DAA2D,CAC5D,CACE,SAAU,CACR,KAAM,CAEJ,GAAI,QAEJ,GAAI,QAEJ,GAAI,MACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CACF,CAEY,EAAuB,EAAA,IAClC,CAAC,sDAAsD,CACvD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,CACF,CACD,iBAAkB,CAChB,CACE,OAAQ,UACR,UAAW,wBACZ,CACD,CACE,OAAQ,SACR,UAAW,0BACZ,CACD,CACE,OAAQ,UACR,UAAW,2BACZ,CACD,CACE,OAAQ,UACR,UAAW,2BACZ,CACF,CACD,gBAAiB,CACf,OAAQ,UACT,CACF,CACF"}

package/dist/components/Progress/Progress.variants.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Progress.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;~~AAE9D~~,eAAO,MAAM,qBAAqB;;~~8EAcjC~~,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAiChC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAClD,OAAO,qBAAqB,CAC7B,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,YAAY,CACjD,OAAO,oBAAoB,CAC5B,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,GAC1D,wBAAwB,CAAC"}
1	+ {"version":3,"file":"Progress.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAI9D,eAAO,MAAM,qBAAqB;;8EAiBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAiChC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAClD,OAAO,qBAAqB,CAC7B,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,YAAY,CACjD,OAAO,oBAAoB,CAC5B,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,GAC1D,wBAAwB,CAAC"}

package/dist/components/Progress/Progress.variants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Progress.variants.js","names":[],"sources":["../../../src/components/Progress/Progress.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const progressTrackVariants = cva(\n [\"w-full overflow-hidden rounded-full bg-(--nuka-bg-muted)\"],\n {\n variants: {\n size: {\n sm: \"h-1.5\",\n md: \"h-2.5\",\n lg: \"h-4\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport const progressFillVariants = cva(\n [\"h-full rounded-full transition-[width] duration-300\"],\n {\n variants: {\n intent: {\n default: \"\",\n danger: \"\",\n success: \"\",\n warning: \"\",\n },\n },\n compoundVariants: [\n {\n intent: \"default\",\n className: \"bg-(--nuka-accent-bg)\",\n },\n {\n intent: \"danger\",\n className: \"bg-(--nuka-danger-base)\",\n },\n {\n intent: \"success\",\n className: \"bg-(--nuka-success-base)\",\n },\n {\n intent: \"warning\",\n className: \"bg-(--nuka-warning-base)\",\n },\n ],\n defaultVariants: {\n intent: \"default\",\n },\n },\n);\n\nexport type ProgressTrackVariantProps = VariantProps<\n typeof progressTrackVariants\n>;\nexport type ProgressFillVariantProps = VariantProps<\n typeof progressFillVariants\n>;\nexport type ProgressVariantProps = ProgressTrackVariantProps &\n ProgressFillVariantProps;\n"],"mappings":";;~~AAEA~~,IAAa,IAAwB,EACnC,CAAC,2DAA2D,EAC5D;CACE,UAAU,EACR,MAAM;~~EACJ~~,IAAI;~~EACJ~~,IAAI;~~EACJ~~,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAuB,EAClC,CAAC,sDAAsD,EACvD;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,SAAS;EACV,EACF;CACD,kBAAkB;EAChB;GACE,QAAQ;GACR,WAAW;GACZ;EACD;GACE,QAAQ;GACR,WAAW;GACZ;EACD;GACE,QAAQ;GACR,WAAW;GACZ;EACD;GACE,QAAQ;GACR,WAAW;GACZ;EACF;CACD,iBAAiB,EACf,QAAQ,WACT;CACF,CACF"}
1	+ {"version":3,"file":"Progress.variants.js","names":[],"sources":["../../../src/components/Progress/Progress.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\n// Progress is a non-interactive status indicator (role=\"progressbar\"), not a\n// pointer target. The 24x24 WCAG 2.5.8 minimum does not apply.\nexport const progressTrackVariants = cva(\n [\"w-full overflow-hidden rounded-full bg-(--nuka-bg-muted)\"],\n {\n variants: {\n size: {\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n sm: \"h-1.5\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n md: \"h-2.5\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n lg: \"h-4\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n\nexport const progressFillVariants = cva(\n [\"h-full rounded-full transition-[width] duration-300\"],\n {\n variants: {\n intent: {\n default: \"\",\n danger: \"\",\n success: \"\",\n warning: \"\",\n },\n },\n compoundVariants: [\n {\n intent: \"default\",\n className: \"bg-(--nuka-accent-bg)\",\n },\n {\n intent: \"danger\",\n className: \"bg-(--nuka-danger-base)\",\n },\n {\n intent: \"success\",\n className: \"bg-(--nuka-success-base)\",\n },\n {\n intent: \"warning\",\n className: \"bg-(--nuka-warning-base)\",\n },\n ],\n defaultVariants: {\n intent: \"default\",\n },\n },\n);\n\nexport type ProgressTrackVariantProps = VariantProps<\n typeof progressTrackVariants\n>;\nexport type ProgressFillVariantProps = VariantProps<\n typeof progressFillVariants\n>;\nexport type ProgressVariantProps = ProgressTrackVariantProps &\n ProgressFillVariantProps;\n"],"mappings":";;AAIA,IAAa,IAAwB,EACnC,CAAC,2DAA2D,EAC5D;CACE,UAAU,EACR,MAAM;EAEJ,IAAI;EAEJ,IAAI;EAEJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEY,IAAuB,EAClC,CAAC,sDAAsD,EACvD;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,SAAS;EACV,EACF;CACD,kBAAkB;EAChB;GACE,QAAQ;GACR,WAAW;GACZ;EACD;GACE,QAAQ;GACR,WAAW;GACZ;EACD;GACE,QAAQ;GACR,WAAW;GACZ;EACD;GACE,QAAQ;GACR,WAAW;GACZ;EACF;CACD,iBAAiB,EACf,QAAQ,WACT;CACF,CACF"}

package/dist/components/RadioGroup/Radio.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Text/Text.cjs`),i=require(`./RadioGroup.context.cjs`),a=require(`./Radio.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:c,intent:l,size:u,value:d,children:f,disabled:p,name:m,...h}){let g=i.useRadioGroup(),_=o.useRef(null),v=g.name||m,y=g.value===void 0?void 0:g.value===d,b=p??(g.disabled||void 0),x=g.focusedValue===d,S=g.name?x?0:-1:void 0;o.useEffect(()=>{let e=_.current;return g.registerRef(d,e),()=>{g.registerRef(d,null)}},[g,d]);let C=e=>{h.onChange?.(e),g.onChange(d)};return(0,s.jsxs)(`label`,{className:t.cn(`inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6`,b?`cursor-not-allowed`:void 0,c),children:[(0,s.jsx)(`input`,{ref:n.composeRefs(e,_),type:`radio`,name:v,value:d,checked:y,disabled:b,tabIndex:S,className:`peer sr-only`,...h,onChange:C}),(0,s.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(a.radioIndicatorVariants({intent:l,size:u})),children:(0,s.jsx)(`span`,{className:`hidden size-1/2 rounded-full bg-current`})}),f&&(0,s.jsx)(r.Text,{as:`span`,children:f})]})}c.displayName=`Radio`,exports.Radio=c;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Text/Text.cjs`),i=require(`./RadioGroup.context.cjs`),a=require(`./Radio.variants.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:c,intent:l,size:u,value:d,children:f,disabled:p,name:m,...h}){let g=i.useRadioGroup(),_=o.useRef(null),v=g.name||m,y=g.value===void 0?void 0:g.value===d,b=p??(g.disabled||void 0),x=g.focusedValue===d,S=g.name?x?0:-1:void 0;o.useEffect(()=>{let e=_.current;return g.registerRef(d,e),()=>{g.registerRef(d,null)}},[g,d]);let C=e=>{h.onChange?.(e),g.onChange(d)};return(0,s.jsxs)(`label`,{className:t.cn(`inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6`,b?`cursor-not-allowed`:void 0,c),"data-slot":`item`,children:[(0,s.jsx)(`input`,{ref:n.composeRefs(e,_),type:`radio`,name:v,value:d,checked:y,disabled:b,tabIndex:S,className:`peer sr-only`,"data-slot":`item-input`,...h,onChange:C}),(0,s.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(a.radioIndicatorVariants({intent:l,size:u})),"data-slot":`item-indicator`,children:(0,s.jsx)(`span`,{className:`hidden size-1/2 rounded-full bg-current`})}),f&&(0,s.jsx)(r.Text,{as:`span`,"data-slot":`item-label`,children:f})]})}c.displayName=`Radio`,exports.Radio=c;
 //# sourceMappingURL=Radio.cjs.map

package/dist/components/RadioGroup/Radio.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radio.cjs","names":[],"sources":["../../../src/components/RadioGroup/Radio.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useRadioGroup } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport {\n radioIndicatorVariants,\n type RadioVariantProps,\n} from \"@nuka/components/RadioGroup/Radio.variants\";\n\nexport interface RadioProps\n extends\n Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" \| \"type\">,\n RadioVariantProps {\n ref?: React.Ref<HTMLInputElement> \| undefined;\n value: string;\n children?: React.ReactNode;\n}\n\nfunction Radio({\n ref,\n className,\n intent,\n size,\n value,\n children,\n disabled,\n name,\n ...props\n}: RadioProps) {\n const ctx = useRadioGroup();\n const internalRef = React.useRef<HTMLInputElement>(null);\n\n const resolvedName = ctx.name \|\| name;\n const isChecked = ctx.value !== undefined ? ctx.value === value : undefined;\n const isDisabled = disabled ?? (ctx.disabled \|\| undefined);\n const isFocusTarget = ctx.focusedValue === value;\n const tabIndex = ctx.name ? (isFocusTarget ? 0 : -1) : undefined;\n\n React.useEffect(() => {\n const node = internalRef.current;\n ctx.registerRef(value, node);\n return () => {\n ctx.registerRef(value, null);\n };\n }, [ctx, value]);\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n props.onChange?.(e);\n ctx.onChange(value);\n };\n\n return (\n <label\n className={cn(\n \"inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6\",\n isDisabled ? \"cursor-not-allowed\" : undefined,\n className,\n )}\n >\n <input\n ref={composeRefs(ref, internalRef)}\n type=\"radio\"\n name={resolvedName}\n value={value}\n checked={isChecked}\n disabled={isDisabled}\n tabIndex={tabIndex}\n className=\"peer sr-only\"\n {...props}\n onChange={handleChange}\n />\n <span\n aria-hidden=\"true\"\n className={cn(radioIndicatorVariants({ intent, size }))}\n >\n <span className=\"hidden size-1/2 rounded-full bg-current\" />\n </span>\n {children && <Text as=\"span\">{children}</Text>}\n </label>\n );\n}\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":"wTAoBA,SAAS,EAAM,CACb,MACA,YACA,SACA,OACA,QACA,WACA,WACA,OACA,GAAG,GACU,CACb,IAAM,EAAM,EAAA,eAAe,CACrB,EAAc,EAAM,OAAyB,KAAK,CAElD,EAAe,EAAI,MAAQ,EAC3B,EAAY,EAAI,QAAU,IAAA,GAAkC,IAAA,GAAtB,EAAI,QAAU,EACpD,EAAa,IAAa,EAAI,UAAY,IAAA,IAC1C,EAAgB,EAAI,eAAiB,EACrC,EAAW,EAAI,KAAQ,EAAgB,EAAI,GAAM,IAAA,GAEvD,EAAM,cAAgB,CACpB,IAAM,EAAO,EAAY,QAEzB,OADA,EAAI,YAAY,EAAO,EAAK,KACf,CACX,EAAI,YAAY,EAAO,KAAK,GAE7B,CAAC,EAAK,EAAM,CAAC,CAEhB,IAAM,EAAgB,GAA2C,CAC/D,EAAM,WAAW,EAAE,CACnB,EAAI,SAAS,EAAM,EAGrB,OACE,EAAA,EAAA,MAAC,QAAD,CACE,UAAW,EAAA,GACT,sFACA,EAAa,qBAAuB,IAAA,GACpC,EACD,~~UALH~~,~~EAOE~~,EAAA,EAAA,KAAC,QAAD,CACE,IAAK,EAAA,YAAY,EAAK,EAAY,CAClC,KAAK,QACL,KAAM,EACC,QACP,QAAS,EACT,SAAU,EACA,WACV,UAAU,eACV,GAAI,EACJ,SAAU,EACV,CAAA,EACF,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,uBAAuB,CAAE,SAAQ,OAAM,CAAC,CAAC,~~WAEvD~~,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,0CAA4C,CAAA,CACvD,CAAA,CACN,~~IAAY~~,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,~~OAAQ~~,~~WAAgB~~,CAAA,~~CACxC~~,GAIZ,EAAM,YAAc"}
1	+ {"version":3,"file":"Radio.cjs","names":[],"sources":["../../../src/components/RadioGroup/Radio.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useRadioGroup } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport {\n radioIndicatorVariants,\n type RadioVariantProps,\n} from \"@nuka/components/RadioGroup/Radio.variants\";\n\nexport interface RadioProps\n extends\n Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" \| \"type\">,\n RadioVariantProps {\n ref?: React.Ref<HTMLInputElement> \| undefined;\n value: string;\n children?: React.ReactNode;\n}\n\nfunction Radio({\n ref,\n className,\n intent,\n size,\n value,\n children,\n disabled,\n name,\n ...props\n}: RadioProps) {\n const ctx = useRadioGroup();\n const internalRef = React.useRef<HTMLInputElement>(null);\n\n const resolvedName = ctx.name \|\| name;\n const isChecked = ctx.value !== undefined ? ctx.value === value : undefined;\n const isDisabled = disabled ?? (ctx.disabled \|\| undefined);\n const isFocusTarget = ctx.focusedValue === value;\n const tabIndex = ctx.name ? (isFocusTarget ? 0 : -1) : undefined;\n\n React.useEffect(() => {\n const node = internalRef.current;\n ctx.registerRef(value, node);\n return () => {\n ctx.registerRef(value, null);\n };\n }, [ctx, value]);\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n props.onChange?.(e);\n ctx.onChange(value);\n };\n\n return (\n <label\n className={cn(\n \"inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6\",\n isDisabled ? \"cursor-not-allowed\" : undefined,\n className,\n )}\n data-slot=\"item\"\n >\n <input\n ref={composeRefs(ref, internalRef)}\n type=\"radio\"\n name={resolvedName}\n value={value}\n checked={isChecked}\n disabled={isDisabled}\n tabIndex={tabIndex}\n className=\"peer sr-only\"\n data-slot=\"item-input\"\n {...props}\n onChange={handleChange}\n />\n <span\n aria-hidden=\"true\"\n className={cn(radioIndicatorVariants({ intent, size }))}\n data-slot=\"item-indicator\"\n >\n <span className=\"hidden size-1/2 rounded-full bg-current\" />\n </span>\n {children && (\n <Text as=\"span\" data-slot=\"item-label\">\n {children}\n </Text>\n )}\n </label>\n );\n}\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":"wTAoBA,SAAS,EAAM,CACb,MACA,YACA,SACA,OACA,QACA,WACA,WACA,OACA,GAAG,GACU,CACb,IAAM,EAAM,EAAA,eAAe,CACrB,EAAc,EAAM,OAAyB,KAAK,CAElD,EAAe,EAAI,MAAQ,EAC3B,EAAY,EAAI,QAAU,IAAA,GAAkC,IAAA,GAAtB,EAAI,QAAU,EACpD,EAAa,IAAa,EAAI,UAAY,IAAA,IAC1C,EAAgB,EAAI,eAAiB,EACrC,EAAW,EAAI,KAAQ,EAAgB,EAAI,GAAM,IAAA,GAEvD,EAAM,cAAgB,CACpB,IAAM,EAAO,EAAY,QAEzB,OADA,EAAI,YAAY,EAAO,EAAK,KACf,CACX,EAAI,YAAY,EAAO,KAAK,GAE7B,CAAC,EAAK,EAAM,CAAC,CAEhB,IAAM,EAAgB,GAA2C,CAC/D,EAAM,WAAW,EAAE,CACnB,EAAI,SAAS,EAAM,EAGrB,OACE,EAAA,EAAA,MAAC,QAAD,CACE,UAAW,EAAA,GACT,sFACA,EAAa,qBAAuB,IAAA,GACpC,EACD,CACD,YAAU,gBANZ,EAQE,EAAA,EAAA,KAAC,QAAD,CACE,IAAK,EAAA,YAAY,EAAK,EAAY,CAClC,KAAK,QACL,KAAM,EACC,QACP,QAAS,EACT,SAAU,EACA,WACV,UAAU,eACV,YAAU,aACV,GAAI,EACJ,SAAU,EACV,CAAA,EACF,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,uBAAuB,CAAE,SAAQ,OAAM,CAAC,CAAC,CACvD,YAAU,2BAEV,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,0CAA4C,CAAA,CACvD,CAAA,CACN,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,OAAO,YAAU,aACvB,WACI,CAAA,CAEH,GAIZ,EAAM,YAAc"}

package/dist/components/RadioGroup/Radio.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,UACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAClE,iBAAiB;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,UAAU,~~2CAoDZ~~;~~kBA9DQ~~,KAAK;;;~~AAkEd~~,OAAO,EAAE,KAAK,EAAE,CAAC"}
1	+ {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,UACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAClE,iBAAiB;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,UAAU,2CA2DZ;kBArEQ,KAAK;;;AAyEd,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/RadioGroup/Radio.js CHANGED Viewed

@@ -20,6 +20,7 @@ function c({ ref: c, className: l, intent: u, size: d, value: f, children: p, di
 	};
 	return /* @__PURE__ */ s("label", {
 		className: e("inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6", x ? "cursor-not-allowed" : void 0, l),
+		"data-slot": "item",
 		children: [
 			/* @__PURE__ */ o("input", {
 				ref: t(c, v),
@@ -30,6 +31,7 @@ function c({ ref: c, className: l, intent: u, size: d, value: f, children: p, di
 				disabled: x,
 				tabIndex: C,
 				className: "peer sr-only",
+				"data-slot": "item-input",
 				...g,
 				onChange: w
 			}),
@@ -39,10 +41,12 @@ function c({ ref: c, className: l, intent: u, size: d, value: f, children: p, di
 					intent: u,
 					size: d
 				})),
+				"data-slot": "item-indicator",
 				children: /* @__PURE__ */ o("span", { className: "hidden size-1/2 rounded-full bg-current" })
 			}),
 			p && /* @__PURE__ */ o(n, {
 				as: "span",
+				"data-slot": "item-label",
 				children: p
 			})
 		]

package/dist/components/RadioGroup/Radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/RadioGroup/Radio.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useRadioGroup } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport {\n radioIndicatorVariants,\n type RadioVariantProps,\n} from \"@nuka/components/RadioGroup/Radio.variants\";\n\nexport interface RadioProps\n extends\n Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" \| \"type\">,\n RadioVariantProps {\n ref?: React.Ref<HTMLInputElement> \| undefined;\n value: string;\n children?: React.ReactNode;\n}\n\nfunction Radio({\n ref,\n className,\n intent,\n size,\n value,\n children,\n disabled,\n name,\n ...props\n}: RadioProps) {\n const ctx = useRadioGroup();\n const internalRef = React.useRef<HTMLInputElement>(null);\n\n const resolvedName = ctx.name \|\| name;\n const isChecked = ctx.value !== undefined ? ctx.value === value : undefined;\n const isDisabled = disabled ?? (ctx.disabled \|\| undefined);\n const isFocusTarget = ctx.focusedValue === value;\n const tabIndex = ctx.name ? (isFocusTarget ? 0 : -1) : undefined;\n\n React.useEffect(() => {\n const node = internalRef.current;\n ctx.registerRef(value, node);\n return () => {\n ctx.registerRef(value, null);\n };\n }, [ctx, value]);\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n props.onChange?.(e);\n ctx.onChange(value);\n };\n\n return (\n <label\n className={cn(\n \"inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6\",\n isDisabled ? \"cursor-not-allowed\" : undefined,\n className,\n )}\n >\n <input\n ref={composeRefs(ref, internalRef)}\n type=\"radio\"\n name={resolvedName}\n value={value}\n checked={isChecked}\n disabled={isDisabled}\n tabIndex={tabIndex}\n className=\"peer sr-only\"\n {...props}\n onChange={handleChange}\n />\n <span\n aria-hidden=\"true\"\n className={cn(radioIndicatorVariants({ intent, size }))}\n >\n <span className=\"hidden size-1/2 rounded-full bg-current\" />\n </span>\n {children && <Text as=\"span\">{children}</Text>}\n </label>\n );\n}\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":";;;;;;;;;AAoBA,SAAS,EAAM,EACb,QACA,cACA,WACA,SACA,UACA,aACA,aACA,SACA,GAAG,KACU;CACb,IAAM,IAAM,GAAe,EACrB,IAAc,EAAM,OAAyB,KAAK,EAElD,IAAe,EAAI,QAAQ,GAC3B,IAAY,EAAI,UAAU,KAAA,IAAkC,KAAA,IAAtB,EAAI,UAAU,GACpD,IAAa,MAAa,EAAI,YAAY,KAAA,IAC1C,IAAgB,EAAI,iBAAiB,GACrC,IAAW,EAAI,OAAQ,IAAgB,IAAI,KAAM,KAAA;AAEvD,GAAM,gBAAgB;EACpB,IAAM,IAAO,EAAY;AAEzB,SADA,EAAI,YAAY,GAAO,EAAK,QACf;AACX,KAAI,YAAY,GAAO,KAAK;;IAE7B,CAAC,GAAK,EAAM,CAAC;CAEhB,IAAM,KAAgB,MAA2C;AAE/D,EADA,EAAM,WAAW,EAAE,EACnB,EAAI,SAAS,EAAM;;AAGrB,QACE,kBAAC,SAAD;EACE,WAAW,EACT,uFACA,IAAa,uBAAuB,KAAA,GACpC,EACD;~~YALH~~;~~GAOE~~,kBAAC,SAAD;IACE,KAAK,EAAY,GAAK,EAAY;IAClC,MAAK;IACL,MAAM;IACC;IACP,SAAS;IACT,UAAU;IACA;IACV,WAAU;IACV,GAAI;IACJ,UAAU;IACV,CAAA;GACF,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAAuB;KAAE;KAAQ;KAAM,CAAC,CAAC;~~cAEvD~~,kBAAC,QAAD,EAAM,WAAU,2CAA4C,CAAA;IACvD,CAAA;GACN,~~KAAY~~,kBAAC,GAAD;IAAM,IAAG;~~IAAQ~~;~~IAAgB~~,CAAA;~~GACxC~~;;;AAIZ,EAAM,cAAc"}
1	+ {"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/RadioGroup/Radio.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useRadioGroup } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport {\n radioIndicatorVariants,\n type RadioVariantProps,\n} from \"@nuka/components/RadioGroup/Radio.variants\";\n\nexport interface RadioProps\n extends\n Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" \| \"type\">,\n RadioVariantProps {\n ref?: React.Ref<HTMLInputElement> \| undefined;\n value: string;\n children?: React.ReactNode;\n}\n\nfunction Radio({\n ref,\n className,\n intent,\n size,\n value,\n children,\n disabled,\n name,\n ...props\n}: RadioProps) {\n const ctx = useRadioGroup();\n const internalRef = React.useRef<HTMLInputElement>(null);\n\n const resolvedName = ctx.name \|\| name;\n const isChecked = ctx.value !== undefined ? ctx.value === value : undefined;\n const isDisabled = disabled ?? (ctx.disabled \|\| undefined);\n const isFocusTarget = ctx.focusedValue === value;\n const tabIndex = ctx.name ? (isFocusTarget ? 0 : -1) : undefined;\n\n React.useEffect(() => {\n const node = internalRef.current;\n ctx.registerRef(value, node);\n return () => {\n ctx.registerRef(value, null);\n };\n }, [ctx, value]);\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n props.onChange?.(e);\n ctx.onChange(value);\n };\n\n return (\n <label\n className={cn(\n \"inline-flex items-center gap-(--space-2) cursor-pointer select-none min-h-6 min-w-6\",\n isDisabled ? \"cursor-not-allowed\" : undefined,\n className,\n )}\n data-slot=\"item\"\n >\n <input\n ref={composeRefs(ref, internalRef)}\n type=\"radio\"\n name={resolvedName}\n value={value}\n checked={isChecked}\n disabled={isDisabled}\n tabIndex={tabIndex}\n className=\"peer sr-only\"\n data-slot=\"item-input\"\n {...props}\n onChange={handleChange}\n />\n <span\n aria-hidden=\"true\"\n className={cn(radioIndicatorVariants({ intent, size }))}\n data-slot=\"item-indicator\"\n >\n <span className=\"hidden size-1/2 rounded-full bg-current\" />\n </span>\n {children && (\n <Text as=\"span\" data-slot=\"item-label\">\n {children}\n </Text>\n )}\n </label>\n );\n}\n\nRadio.displayName = \"Radio\";\n\nexport { Radio };\n"],"mappings":";;;;;;;;;AAoBA,SAAS,EAAM,EACb,QACA,cACA,WACA,SACA,UACA,aACA,aACA,SACA,GAAG,KACU;CACb,IAAM,IAAM,GAAe,EACrB,IAAc,EAAM,OAAyB,KAAK,EAElD,IAAe,EAAI,QAAQ,GAC3B,IAAY,EAAI,UAAU,KAAA,IAAkC,KAAA,IAAtB,EAAI,UAAU,GACpD,IAAa,MAAa,EAAI,YAAY,KAAA,IAC1C,IAAgB,EAAI,iBAAiB,GACrC,IAAW,EAAI,OAAQ,IAAgB,IAAI,KAAM,KAAA;AAEvD,GAAM,gBAAgB;EACpB,IAAM,IAAO,EAAY;AAEzB,SADA,EAAI,YAAY,GAAO,EAAK,QACf;AACX,KAAI,YAAY,GAAO,KAAK;;IAE7B,CAAC,GAAK,EAAM,CAAC;CAEhB,IAAM,KAAgB,MAA2C;AAE/D,EADA,EAAM,WAAW,EAAE,EACnB,EAAI,SAAS,EAAM;;AAGrB,QACE,kBAAC,SAAD;EACE,WAAW,EACT,uFACA,IAAa,uBAAuB,KAAA,GACpC,EACD;EACD,aAAU;YANZ;GAQE,kBAAC,SAAD;IACE,KAAK,EAAY,GAAK,EAAY;IAClC,MAAK;IACL,MAAM;IACC;IACP,SAAS;IACT,UAAU;IACA;IACV,WAAU;IACV,aAAU;IACV,GAAI;IACJ,UAAU;IACV,CAAA;GACF,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAAuB;KAAE;KAAQ;KAAM,CAAC,CAAC;IACvD,aAAU;cAEV,kBAAC,QAAD,EAAM,WAAU,2CAA4C,CAAA;IACvD,CAAA;GACN,KACC,kBAAC,GAAD;IAAM,IAAG;IAAO,aAAU;IACvB;IACI,CAAA;GAEH;;;AAIZ,EAAM,cAAc"}

package/dist/components/RadioGroup/Radio.variants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radio.variants.cjs","names":[],"sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"sourcesContent":["import {\n cva,\n selectionIndicatorIntentVariants,\n type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const radioIndicatorVariants = cva(\n [\n \"inline-flex items-center justify-center shrink-0\",\n \"rounded-full\",\n \"border\",\n \"bg-(--nuka-input-bg)\",\n \"text-(--nuka-text-inverse)\",\n \"transition-colors duration-150\",\n \"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\",\n \"peer-focus-visible:outline-(--nuka-border-focus)\",\n \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n \"peer-checked:*:block\",\n ],\n {\n variants: {\n intent: {\n default: \"\",\n danger: \"\",\n success: \"\",\n warning: \"\",\n },\n size: {\n sm: \"size-4\",\n md: \"size-5\",\n lg: \"size-6\",\n },\n },\n compoundVariants: selectionIndicatorIntentVariants,\n defaultVariants: {\n intent: \"default\",\n size: \"md\",\n },\n },\n);\n\nexport const radioVariants = radioIndicatorVariants;\n\nexport type RadioVariantProps = VariantProps<typeof radioIndicatorVariants>;\n"],"mappings":"oHAMA,IAAa,EAAyB,EAAA,IACpC,CACE,mDACA,eACA,SACA,uBACA,6BACA,iCACA,mEACA,mDACA,4DACA,uBACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,~~CACD~~,KAAM,~~CACJ~~,GAAI,~~SACJ~~,GAAI,SACJ,GAAI,SACL,CACF,CACD,iBAAkB,EAAA,iCAClB,gBAAiB,CACf,OAAQ,UACR,KAAM,KACP,CACF,CACF,CAEY,EAAgB"}
1	+ {"version":3,"file":"Radio.variants.cjs","names":[],"sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"sourcesContent":["import {\n cva,\n selectionIndicatorIntentVariants,\n type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const radioIndicatorVariants = cva(\n [\n \"inline-flex items-center justify-center shrink-0\",\n \"rounded-full\",\n \"border\",\n \"bg-(--nuka-input-bg)\",\n \"text-(--nuka-text-inverse)\",\n \"transition-colors duration-150\",\n \"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\",\n \"peer-focus-visible:outline-(--nuka-border-focus)\",\n \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n \"peer-checked:*:block\",\n ],\n {\n variants: {\n intent: {\n default: \"\",\n danger: \"\",\n success: \"\",\n warning: \"\",\n },\n // Indicator sits inside the label wrapper in Radio.tsx, which provides\n // the 24x24 touch target via min-h-6 min-w-6.\n size: {\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n sm: \"size-4\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n md: \"size-5\",\n lg: \"size-6\",\n },\n },\n compoundVariants: selectionIndicatorIntentVariants,\n defaultVariants: {\n intent: \"default\",\n size: \"md\",\n },\n },\n);\n\nexport const radioVariants = radioIndicatorVariants;\n\nexport type RadioVariantProps = VariantProps<typeof radioIndicatorVariants>;\n"],"mappings":"oHAMA,IAAa,EAAyB,EAAA,IACpC,CACE,mDACA,eACA,SACA,uBACA,6BACA,iCACA,mEACA,mDACA,4DACA,uBACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,CAGD,KAAM,CAEJ,GAAI,SAEJ,GAAI,SACJ,GAAI,SACL,CACF,CACD,iBAAkB,EAAA,iCAClB,gBAAiB,CACf,OAAQ,UACR,KAAM,KACP,CACF,CACF,CAEY,EAAgB"}

package/dist/components/RadioGroup/Radio.variants.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radio.variants.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,sBAAsB;;;~~8EAiClC~~,CAAC;AAEF,eAAO,MAAM,aAAa;;;8EAAyB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
1	+ {"version":3,"file":"Radio.variants.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,sBAAsB;;;8EAqClC,CAAC;AAEF,eAAO,MAAM,aAAa;;;8EAAyB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dist/components/RadioGroup/Radio.variants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radio.variants.js","names":[],"sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"sourcesContent":["import {\n cva,\n selectionIndicatorIntentVariants,\n type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const radioIndicatorVariants = cva(\n [\n \"inline-flex items-center justify-center shrink-0\",\n \"rounded-full\",\n \"border\",\n \"bg-(--nuka-input-bg)\",\n \"text-(--nuka-text-inverse)\",\n \"transition-colors duration-150\",\n \"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\",\n \"peer-focus-visible:outline-(--nuka-border-focus)\",\n \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n \"peer-checked:*:block\",\n ],\n {\n variants: {\n intent: {\n default: \"\",\n danger: \"\",\n success: \"\",\n warning: \"\",\n },\n size: {\n sm: \"size-4\",\n md: \"size-5\",\n lg: \"size-6\",\n },\n },\n compoundVariants: selectionIndicatorIntentVariants,\n defaultVariants: {\n intent: \"default\",\n size: \"md\",\n },\n },\n);\n\nexport const radioVariants = radioIndicatorVariants;\n\nexport type RadioVariantProps = VariantProps<typeof radioIndicatorVariants>;\n"],"mappings":";;;AAMA,IAAa,IAAyB,EACpC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;~~EACD~~,MAAM;~~GACJ~~,IAAI;~~GACJ~~,IAAI;GACJ,IAAI;GACL;EACF;CACD,kBAAkB;CAClB,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF,EAEY,IAAgB"}
1	+ {"version":3,"file":"Radio.variants.js","names":[],"sources":["../../../src/components/RadioGroup/Radio.variants.ts"],"sourcesContent":["import {\n cva,\n selectionIndicatorIntentVariants,\n type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const radioIndicatorVariants = cva(\n [\n \"inline-flex items-center justify-center shrink-0\",\n \"rounded-full\",\n \"border\",\n \"bg-(--nuka-input-bg)\",\n \"text-(--nuka-text-inverse)\",\n \"transition-colors duration-150\",\n \"peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\",\n \"peer-focus-visible:outline-(--nuka-border-focus)\",\n \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n \"peer-checked:*:block\",\n ],\n {\n variants: {\n intent: {\n default: \"\",\n danger: \"\",\n success: \"\",\n warning: \"\",\n },\n // Indicator sits inside the label wrapper in Radio.tsx, which provides\n // the 24x24 touch target via min-h-6 min-w-6.\n size: {\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n sm: \"size-4\",\n // eslint-disable-next-line nuka/no-sub-touch-target-sizes\n md: \"size-5\",\n lg: \"size-6\",\n },\n },\n compoundVariants: selectionIndicatorIntentVariants,\n defaultVariants: {\n intent: \"default\",\n size: \"md\",\n },\n },\n);\n\nexport const radioVariants = radioIndicatorVariants;\n\nexport type RadioVariantProps = VariantProps<typeof radioIndicatorVariants>;\n"],"mappings":";;;AAMA,IAAa,IAAyB,EACpC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EAGD,MAAM;GAEJ,IAAI;GAEJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,kBAAkB;CAClB,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF,EAEY,IAAgB"}

package/dist/components/RadioGroup/RadioGroup.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/roving-index.cjs`),r=require(`../../hooks/use-controllable-state.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./RadioGroup.context.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:c,name:l,value:u,defaultValue:d,disabled:f,onChange:p,orientation:m=`vertical`,children:h,...g}){let _=i.useFormFieldProps({disabled:f,"aria-invalid":g[`aria-invalid`],"aria-describedby":g[`aria-describedby`]}),v=_.resolvedDisabled??!1,[y,b]=r.useControllableState(u,d,p),x=o.useRef(new Map),[S,C]=o.useState(y),[w,T]=o.useState(0),E=o.useCallback((e,t)=>{t?(x.current.set(e,t),T(e=>e+1)):x.current.delete(e)},[]);o.useEffect(()=>{if(S===void 0){let e=Array.from(x.current.keys())[0];e!==void 0&&C(e)}},[S,y,w]);let D=o.useCallback(e=>{b(e),C(e)},[b]),O=o.useCallback(()=>{let e=[];return x.current.forEach((t,n)=>{t.disabled||e.push(n)}),e},[]),k=o.useCallback(e=>{if(g.onKeyDown?.(e),e.defaultPrevented)return;let t=O(),r=t.indexOf(S??``),i=n.getRovingIndex(e.key,r,t.length,`both`);if(i===void 0)return;e.preventDefault();let a=t[i];a!==void 0&&(C(a),D(a),x.current.get(a)?.focus())},[S,O,D,g]);return(0,s.jsx)(a.RadioGroupContext,{value:o.useMemo(()=>({name:l,value:y,disabled:v,focusedValue:S??y??void 0,setFocusedValue:C,onChange:D,registerRef:E}),[l,y,v,S,D,E]),children:(0,s.jsx)(`div`,{ref:e,role:`radiogroup`,"aria-orientation":m,"aria-invalid":_.ariaInvalid,"aria-describedby":_.ariaDescribedBy,className:t.cn(`flex`,m===`vertical`?`flex-col`:`flex-row`,`gap-(--space-2)`,c),...g,onKeyDown:k,children:h})})}c.displayName=`RadioGroup`,exports.RadioGroup=c;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/roving-index.cjs`),r=require(`../../hooks/use-controllable-state.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./RadioGroup.context.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:c,name:l,value:u,defaultValue:d,disabled:f,onChange:p,orientation:m=`vertical`,children:h,...g}){let _=i.useFormFieldProps({disabled:f,"aria-invalid":g[`aria-invalid`],"aria-describedby":g[`aria-describedby`]}),v=_.resolvedDisabled??!1,[y,b]=r.useControllableState(u,d,p),x=o.useRef(new Map),[S,C]=o.useState(y),[w,T]=o.useState(0),E=o.useCallback((e,t)=>{t?(x.current.set(e,t),T(e=>e+1)):x.current.delete(e)},[]);o.useEffect(()=>{if(S===void 0){let e=Array.from(x.current.keys())[0];e!==void 0&&C(e)}},[S,y,w]);let D=o.useCallback(e=>{b(e),C(e)},[b]),O=o.useCallback(()=>{let e=[];return x.current.forEach((t,n)=>{t.disabled||e.push(n)}),e},[]),k=o.useCallback(e=>{if(g.onKeyDown?.(e),e.defaultPrevented)return;let t=O(),r=t.indexOf(S??``),i=n.getRovingIndex(e.key,r,t.length,`both`);if(i===void 0)return;e.preventDefault();let a=t[i];a!==void 0&&(C(a),D(a),x.current.get(a)?.focus())},[S,O,D,g]);return(0,s.jsx)(a.RadioGroupContext,{value:o.useMemo(()=>({name:l,value:y,disabled:v,focusedValue:S??y??void 0,setFocusedValue:C,onChange:D,registerRef:E}),[l,y,v,S,D,E]),children:(0,s.jsx)(`div`,{ref:e,role:`radiogroup`,"aria-orientation":m,"aria-invalid":_.ariaInvalid,"aria-describedby":_.ariaDescribedBy,className:t.cn(`flex`,m===`vertical`?`flex-col`:`flex-row`,`gap-(--space-2)`,c),"data-slot":`root`,...g,onKeyDown:k,children:h})})}c.displayName=`RadioGroup`,exports.RadioGroup=c;
 //# sourceMappingURL=RadioGroup.cjs.map

package/dist/components/RadioGroup/RadioGroup.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioGroup.cjs","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { RadioGroupContext } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport type { RadioGroupContextValue } from \"@nuka/components/RadioGroup/RadioGroup.context\";\n\nexport interface RadioGroupProps extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"onChange\"\n> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n name: string;\n value?: string;\n defaultValue?: string;\n disabled?: boolean;\n onChange?: (value: string) => void;\n orientation?: \"vertical\" \| \"horizontal\";\n children: React.ReactNode;\n}\n\nfunction RadioGroup({\n ref,\n className,\n name,\n value: controlledValue,\n defaultValue,\n disabled,\n onChange,\n orientation = \"vertical\",\n children,\n ...props\n}: RadioGroupProps) {\n const field = useFormFieldProps({\n disabled,\n \"aria-invalid\": props[\"aria-invalid\"],\n \"aria-describedby\": props[\"aria-describedby\"],\n });\n\n const resolvedDisabled = field.resolvedDisabled ?? false;\n\n const [currentValue, setCurrentValue] = useControllableState(\n controlledValue,\n defaultValue,\n onChange,\n );\n\n const refsMap = React.useRef(new Map<string, HTMLInputElement>());\n\n const [focusedValue, setFocusedValue] = React.useState(currentValue);\n\n // Incremented each time a Radio mounts and registers its ref. Used as a\n // dependency for the first-focus effect below: refsMap is a ref (not state)\n // so mutating it does not trigger a re-render. Without this counter the\n // effect would run on mount before any radios have registered, read an\n // empty map, and never set focusedValue, leaving all radios at tabIndex=-1.\n const [registrationCount, setRegistrationCount] = React.useState(0);\n\n const registerRef = React.useCallback(\n (radioValue: string, node: HTMLInputElement \| null) => {\n if (node) {\n refsMap.current.set(radioValue, node);\n setRegistrationCount((c) => c + 1);\n } else {\n refsMap.current.delete(radioValue);\n }\n },\n [],\n );\n\n // When the group has no selection, ensure the first non-disabled radio\n // has tabIndex=0 so the group is reachable by Tab. Depends on\n // registrationCount so it re-runs after radios mount and populate refsMap.\n React.useEffect(() => {\n if (focusedValue === undefined) {\n const firstKey = Array.from(refsMap.current.keys())[0];\n if (firstKey !== undefined) {\n setFocusedValue(firstKey);\n }\n }\n }, [focusedValue, currentValue, registrationCount]);\n\n const handleChange = React.useCallback(\n (radioValue: string) => {\n setCurrentValue(radioValue);\n setFocusedValue(radioValue);\n },\n [setCurrentValue],\n );\n\n const getOrderedValues = React.useCallback((): string[] => {\n const values: string[] = [];\n refsMap.current.forEach((node, radioValue) => {\n if (!node.disabled) {\n values.push(radioValue);\n }\n });\n return values;\n }, []);\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLDivElement>) => {\n props.onKeyDown?.(e);\n if (e.defaultPrevented) return;\n\n const values = getOrderedValues();\n const currentIndex = values.indexOf(focusedValue ?? \"\");\n const nextIndex = getRovingIndex(\n e.key,\n currentIndex,\n values.length,\n \"both\",\n );\n if (nextIndex === undefined) return;\n\n e.preventDefault();\n const nextValue = values[nextIndex];\n if (nextValue === undefined) return;\n setFocusedValue(nextValue);\n handleChange(nextValue);\n refsMap.current.get(nextValue)?.focus();\n },\n [focusedValue, getOrderedValues, handleChange, props],\n );\n\n const contextValue: RadioGroupContextValue = React.useMemo(\n () => ({\n name,\n value: currentValue,\n disabled: resolvedDisabled,\n focusedValue: focusedValue ?? currentValue ?? undefined,\n setFocusedValue,\n onChange: handleChange,\n registerRef,\n }),\n [\n name,\n currentValue,\n resolvedDisabled,\n focusedValue,\n handleChange,\n registerRef,\n ],\n );\n\n return (\n <RadioGroupContext value={contextValue}>\n <div\n ref={ref}\n role=\"radiogroup\"\n aria-orientation={orientation}\n aria-invalid={field.ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n className={cn(\n \"flex\",\n orientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n \"gap-(--space-2)\",\n className,\n )}\n {...props}\n onKeyDown={handleKeyDown}\n >\n {children}\n </div>\n </RadioGroupContext>\n );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":"sWAuBA,SAAS,EAAW,CAClB,MACA,YACA,OACA,MAAO,EACP,eACA,WACA,WACA,cAAc,WACd,WACA,GAAG,GACe,CAClB,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC3B,CAAC,CAEI,EAAmB,EAAM,kBAAoB,GAE7C,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,EACA,EACD,CAEK,EAAU,EAAM,OAAO,IAAI,IAAgC,CAE3D,CAAC,EAAc,GAAmB,EAAM,SAAS,EAAa,CAO9D,CAAC,EAAmB,GAAwB,EAAM,SAAS,EAAE,CAE7D,EAAc,EAAM,aACvB,EAAoB,IAAkC,CACjD,GACF,EAAQ,QAAQ,IAAI,EAAY,EAAK,CACrC,EAAsB,GAAM,EAAI,EAAE,EAElC,EAAQ,QAAQ,OAAO,EAAW,EAGtC,EAAE,CACH,CAKD,EAAM,cAAgB,CACpB,GAAI,IAAiB,IAAA,GAAW,CAC9B,IAAM,EAAW,MAAM,KAAK,EAAQ,QAAQ,MAAM,CAAC,CAAC,GAChD,IAAa,IAAA,IACf,EAAgB,EAAS,GAG5B,CAAC,EAAc,EAAc,EAAkB,CAAC,CAEnD,IAAM,EAAe,EAAM,YACxB,GAAuB,CACtB,EAAgB,EAAW,CAC3B,EAAgB,EAAW,EAE7B,CAAC,EAAgB,CAClB,CAEK,EAAmB,EAAM,gBAA4B,CACzD,IAAM,EAAmB,EAAE,CAM3B,OALA,EAAQ,QAAQ,SAAS,EAAM,IAAe,CACvC,EAAK,UACR,EAAO,KAAK,EAAW,EAEzB,CACK,GACN,EAAE,CAAC,CAEA,EAAgB,EAAM,YACzB,GAA2C,CAE1C,GADA,EAAM,YAAY,EAAE,CAChB,EAAE,iBAAkB,OAExB,IAAM,EAAS,GAAkB,CAC3B,EAAe,EAAO,QAAQ,GAAgB,GAAG,CACjD,EAAY,EAAA,eAChB,EAAE,IACF,EACA,EAAO,OACP,OACD,CACD,GAAI,IAAc,IAAA,GAAW,OAE7B,EAAE,gBAAgB,CAClB,IAAM,EAAY,EAAO,GACrB,IAAc,IAAA,KAClB,EAAgB,EAAU,CAC1B,EAAa,EAAU,CACvB,EAAQ,QAAQ,IAAI,EAAU,EAAE,OAAO,GAEzC,CAAC,EAAc,EAAkB,EAAc,EAAM,CACtD,CAsBD,OACE,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,MArBwB,EAAM,aAC1C,CACL,OACA,MAAO,EACP,SAAU,EACV,aAAc,GAAgB,GAAgB,IAAA,GAC9C,kBACA,SAAU,EACV,cACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACD,CACF,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,aACL,mBAAkB,EAClB,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,UAAW,EAAA,GACT,OACA,IAAgB,WAAa,WAAa,WAC1C,kBACA,EACD,CACD,GAAI,EACJ,UAAW,EAEV,WACG,CAAA,CACY,CAAA,CAIxB,EAAW,YAAc"}
1	+ {"version":3,"file":"RadioGroup.cjs","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { RadioGroupContext } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport type { RadioGroupContextValue } from \"@nuka/components/RadioGroup/RadioGroup.context\";\n\nexport interface RadioGroupProps extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"onChange\"\n> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n name: string;\n value?: string;\n defaultValue?: string;\n disabled?: boolean;\n onChange?: (value: string) => void;\n orientation?: \"vertical\" \| \"horizontal\";\n children: React.ReactNode;\n}\n\nfunction RadioGroup({\n ref,\n className,\n name,\n value: controlledValue,\n defaultValue,\n disabled,\n onChange,\n orientation = \"vertical\",\n children,\n ...props\n}: RadioGroupProps) {\n const field = useFormFieldProps({\n disabled,\n \"aria-invalid\": props[\"aria-invalid\"],\n \"aria-describedby\": props[\"aria-describedby\"],\n });\n\n const resolvedDisabled = field.resolvedDisabled ?? false;\n\n const [currentValue, setCurrentValue] = useControllableState(\n controlledValue,\n defaultValue,\n onChange,\n );\n\n const refsMap = React.useRef(new Map<string, HTMLInputElement>());\n\n const [focusedValue, setFocusedValue] = React.useState(currentValue);\n\n // Incremented each time a Radio mounts and registers its ref. Used as a\n // dependency for the first-focus effect below: refsMap is a ref (not state)\n // so mutating it does not trigger a re-render. Without this counter the\n // effect would run on mount before any radios have registered, read an\n // empty map, and never set focusedValue, leaving all radios at tabIndex=-1.\n const [registrationCount, setRegistrationCount] = React.useState(0);\n\n const registerRef = React.useCallback(\n (radioValue: string, node: HTMLInputElement \| null) => {\n if (node) {\n refsMap.current.set(radioValue, node);\n setRegistrationCount((c) => c + 1);\n } else {\n refsMap.current.delete(radioValue);\n }\n },\n [],\n );\n\n // When the group has no selection, ensure the first non-disabled radio\n // has tabIndex=0 so the group is reachable by Tab. Depends on\n // registrationCount so it re-runs after radios mount and populate refsMap.\n React.useEffect(() => {\n if (focusedValue === undefined) {\n const firstKey = Array.from(refsMap.current.keys())[0];\n if (firstKey !== undefined) {\n setFocusedValue(firstKey);\n }\n }\n }, [focusedValue, currentValue, registrationCount]);\n\n const handleChange = React.useCallback(\n (radioValue: string) => {\n setCurrentValue(radioValue);\n setFocusedValue(radioValue);\n },\n [setCurrentValue],\n );\n\n const getOrderedValues = React.useCallback((): string[] => {\n const values: string[] = [];\n refsMap.current.forEach((node, radioValue) => {\n if (!node.disabled) {\n values.push(radioValue);\n }\n });\n return values;\n }, []);\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLDivElement>) => {\n props.onKeyDown?.(e);\n if (e.defaultPrevented) return;\n\n const values = getOrderedValues();\n const currentIndex = values.indexOf(focusedValue ?? \"\");\n const nextIndex = getRovingIndex(\n e.key,\n currentIndex,\n values.length,\n \"both\",\n );\n if (nextIndex === undefined) return;\n\n e.preventDefault();\n const nextValue = values[nextIndex];\n if (nextValue === undefined) return;\n setFocusedValue(nextValue);\n handleChange(nextValue);\n refsMap.current.get(nextValue)?.focus();\n },\n [focusedValue, getOrderedValues, handleChange, props],\n );\n\n const contextValue: RadioGroupContextValue = React.useMemo(\n () => ({\n name,\n value: currentValue,\n disabled: resolvedDisabled,\n focusedValue: focusedValue ?? currentValue ?? undefined,\n setFocusedValue,\n onChange: handleChange,\n registerRef,\n }),\n [\n name,\n currentValue,\n resolvedDisabled,\n focusedValue,\n handleChange,\n registerRef,\n ],\n );\n\n return (\n <RadioGroupContext value={contextValue}>\n <div\n ref={ref}\n role=\"radiogroup\"\n aria-orientation={orientation}\n aria-invalid={field.ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n className={cn(\n \"flex\",\n orientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n \"gap-(--space-2)\",\n className,\n )}\n data-slot=\"root\"\n {...props}\n onKeyDown={handleKeyDown}\n >\n {children}\n </div>\n </RadioGroupContext>\n );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":"sWAuBA,SAAS,EAAW,CAClB,MACA,YACA,OACA,MAAO,EACP,eACA,WACA,WACA,cAAc,WACd,WACA,GAAG,GACe,CAClB,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC3B,CAAC,CAEI,EAAmB,EAAM,kBAAoB,GAE7C,CAAC,EAAc,GAAmB,EAAA,qBACtC,EACA,EACA,EACD,CAEK,EAAU,EAAM,OAAO,IAAI,IAAgC,CAE3D,CAAC,EAAc,GAAmB,EAAM,SAAS,EAAa,CAO9D,CAAC,EAAmB,GAAwB,EAAM,SAAS,EAAE,CAE7D,EAAc,EAAM,aACvB,EAAoB,IAAkC,CACjD,GACF,EAAQ,QAAQ,IAAI,EAAY,EAAK,CACrC,EAAsB,GAAM,EAAI,EAAE,EAElC,EAAQ,QAAQ,OAAO,EAAW,EAGtC,EAAE,CACH,CAKD,EAAM,cAAgB,CACpB,GAAI,IAAiB,IAAA,GAAW,CAC9B,IAAM,EAAW,MAAM,KAAK,EAAQ,QAAQ,MAAM,CAAC,CAAC,GAChD,IAAa,IAAA,IACf,EAAgB,EAAS,GAG5B,CAAC,EAAc,EAAc,EAAkB,CAAC,CAEnD,IAAM,EAAe,EAAM,YACxB,GAAuB,CACtB,EAAgB,EAAW,CAC3B,EAAgB,EAAW,EAE7B,CAAC,EAAgB,CAClB,CAEK,EAAmB,EAAM,gBAA4B,CACzD,IAAM,EAAmB,EAAE,CAM3B,OALA,EAAQ,QAAQ,SAAS,EAAM,IAAe,CACvC,EAAK,UACR,EAAO,KAAK,EAAW,EAEzB,CACK,GACN,EAAE,CAAC,CAEA,EAAgB,EAAM,YACzB,GAA2C,CAE1C,GADA,EAAM,YAAY,EAAE,CAChB,EAAE,iBAAkB,OAExB,IAAM,EAAS,GAAkB,CAC3B,EAAe,EAAO,QAAQ,GAAgB,GAAG,CACjD,EAAY,EAAA,eAChB,EAAE,IACF,EACA,EAAO,OACP,OACD,CACD,GAAI,IAAc,IAAA,GAAW,OAE7B,EAAE,gBAAgB,CAClB,IAAM,EAAY,EAAO,GACrB,IAAc,IAAA,KAClB,EAAgB,EAAU,CAC1B,EAAa,EAAU,CACvB,EAAQ,QAAQ,IAAI,EAAU,EAAE,OAAO,GAEzC,CAAC,EAAc,EAAkB,EAAc,EAAM,CACtD,CAsBD,OACE,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,MArBwB,EAAM,aAC1C,CACL,OACA,MAAO,EACP,SAAU,EACV,aAAc,GAAgB,GAAgB,IAAA,GAC9C,kBACA,SAAU,EACV,cACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACD,CACF,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,aACL,mBAAkB,EAClB,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,UAAW,EAAA,GACT,OACA,IAAgB,WAAa,WAAa,WAC1C,kBACA,EACD,CACD,YAAU,OACV,GAAI,EACJ,UAAW,EAEV,WACG,CAAA,CACY,CAAA,CAIxB,EAAW,YAAc"}

package/dist/components/RadioGroup/RadioGroup.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAwB,EACxB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,~~2CAsIjB~~;~~kBAjJQ~~,UAAU;;;~~AAqJnB~~,OAAO,EAAE,UAAU,EAAE,CAAC"}
1	+ {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,WAAwB,EACxB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAuIjB;kBAlJQ,UAAU;;;AAsJnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/RadioGroup/RadioGroup.js CHANGED Viewed

@@ -69,6 +69,7 @@ function s({ ref: s, className: c, name: l, value: u, defaultValue: d, disabled:
 			"aria-invalid": _.ariaInvalid,
 			"aria-describedby": _.ariaDescribedBy,
 			className: e("flex", m === "vertical" ? "flex-col" : "flex-row", "gap-(--space-2)", c),
+			"data-slot": "root",
 			...g,
 			onKeyDown: k,
 			children: h

package/dist/components/RadioGroup/RadioGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioGroup.js","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { RadioGroupContext } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport type { RadioGroupContextValue } from \"@nuka/components/RadioGroup/RadioGroup.context\";\n\nexport interface RadioGroupProps extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"onChange\"\n> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n name: string;\n value?: string;\n defaultValue?: string;\n disabled?: boolean;\n onChange?: (value: string) => void;\n orientation?: \"vertical\" \| \"horizontal\";\n children: React.ReactNode;\n}\n\nfunction RadioGroup({\n ref,\n className,\n name,\n value: controlledValue,\n defaultValue,\n disabled,\n onChange,\n orientation = \"vertical\",\n children,\n ...props\n}: RadioGroupProps) {\n const field = useFormFieldProps({\n disabled,\n \"aria-invalid\": props[\"aria-invalid\"],\n \"aria-describedby\": props[\"aria-describedby\"],\n });\n\n const resolvedDisabled = field.resolvedDisabled ?? false;\n\n const [currentValue, setCurrentValue] = useControllableState(\n controlledValue,\n defaultValue,\n onChange,\n );\n\n const refsMap = React.useRef(new Map<string, HTMLInputElement>());\n\n const [focusedValue, setFocusedValue] = React.useState(currentValue);\n\n // Incremented each time a Radio mounts and registers its ref. Used as a\n // dependency for the first-focus effect below: refsMap is a ref (not state)\n // so mutating it does not trigger a re-render. Without this counter the\n // effect would run on mount before any radios have registered, read an\n // empty map, and never set focusedValue, leaving all radios at tabIndex=-1.\n const [registrationCount, setRegistrationCount] = React.useState(0);\n\n const registerRef = React.useCallback(\n (radioValue: string, node: HTMLInputElement \| null) => {\n if (node) {\n refsMap.current.set(radioValue, node);\n setRegistrationCount((c) => c + 1);\n } else {\n refsMap.current.delete(radioValue);\n }\n },\n [],\n );\n\n // When the group has no selection, ensure the first non-disabled radio\n // has tabIndex=0 so the group is reachable by Tab. Depends on\n // registrationCount so it re-runs after radios mount and populate refsMap.\n React.useEffect(() => {\n if (focusedValue === undefined) {\n const firstKey = Array.from(refsMap.current.keys())[0];\n if (firstKey !== undefined) {\n setFocusedValue(firstKey);\n }\n }\n }, [focusedValue, currentValue, registrationCount]);\n\n const handleChange = React.useCallback(\n (radioValue: string) => {\n setCurrentValue(radioValue);\n setFocusedValue(radioValue);\n },\n [setCurrentValue],\n );\n\n const getOrderedValues = React.useCallback((): string[] => {\n const values: string[] = [];\n refsMap.current.forEach((node, radioValue) => {\n if (!node.disabled) {\n values.push(radioValue);\n }\n });\n return values;\n }, []);\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLDivElement>) => {\n props.onKeyDown?.(e);\n if (e.defaultPrevented) return;\n\n const values = getOrderedValues();\n const currentIndex = values.indexOf(focusedValue ?? \"\");\n const nextIndex = getRovingIndex(\n e.key,\n currentIndex,\n values.length,\n \"both\",\n );\n if (nextIndex === undefined) return;\n\n e.preventDefault();\n const nextValue = values[nextIndex];\n if (nextValue === undefined) return;\n setFocusedValue(nextValue);\n handleChange(nextValue);\n refsMap.current.get(nextValue)?.focus();\n },\n [focusedValue, getOrderedValues, handleChange, props],\n );\n\n const contextValue: RadioGroupContextValue = React.useMemo(\n () => ({\n name,\n value: currentValue,\n disabled: resolvedDisabled,\n focusedValue: focusedValue ?? currentValue ?? undefined,\n setFocusedValue,\n onChange: handleChange,\n registerRef,\n }),\n [\n name,\n currentValue,\n resolvedDisabled,\n focusedValue,\n handleChange,\n registerRef,\n ],\n );\n\n return (\n <RadioGroupContext value={contextValue}>\n <div\n ref={ref}\n role=\"radiogroup\"\n aria-orientation={orientation}\n aria-invalid={field.ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n className={cn(\n \"flex\",\n orientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n \"gap-(--space-2)\",\n className,\n )}\n {...props}\n onKeyDown={handleKeyDown}\n >\n {children}\n </div>\n </RadioGroupContext>\n );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAW,EAClB,QACA,cACA,SACA,OAAO,GACP,iBACA,aACA,aACA,iBAAc,YACd,aACA,GAAG,KACe;CAClB,IAAM,IAAQ,EAAkB;EAC9B;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC3B,CAAC,EAEI,IAAmB,EAAM,oBAAoB,IAE7C,CAAC,GAAc,KAAmB,EACtC,GACA,GACA,EACD,EAEK,IAAU,EAAM,uBAAO,IAAI,KAA+B,CAAC,EAE3D,CAAC,GAAc,KAAmB,EAAM,SAAS,EAAa,EAO9D,CAAC,GAAmB,KAAwB,EAAM,SAAS,EAAE,EAE7D,IAAc,EAAM,aACvB,GAAoB,MAAkC;AACrD,EAAI,KACF,EAAQ,QAAQ,IAAI,GAAY,EAAK,EACrC,GAAsB,MAAM,IAAI,EAAE,IAElC,EAAQ,QAAQ,OAAO,EAAW;IAGtC,EAAE,CACH;AAKD,GAAM,gBAAgB;AACpB,MAAI,MAAiB,KAAA,GAAW;GAC9B,IAAM,IAAW,MAAM,KAAK,EAAQ,QAAQ,MAAM,CAAC,CAAC;AACpD,GAAI,MAAa,KAAA,KACf,EAAgB,EAAS;;IAG5B;EAAC;EAAc;EAAc;EAAkB,CAAC;CAEnD,IAAM,IAAe,EAAM,aACxB,MAAuB;AAEtB,EADA,EAAgB,EAAW,EAC3B,EAAgB,EAAW;IAE7B,CAAC,EAAgB,CAClB,EAEK,IAAmB,EAAM,kBAA4B;EACzD,IAAM,IAAmB,EAAE;AAM3B,SALA,EAAQ,QAAQ,SAAS,GAAM,MAAe;AAC5C,GAAK,EAAK,YACR,EAAO,KAAK,EAAW;IAEzB,EACK;IACN,EAAE,CAAC,EAEA,IAAgB,EAAM,aACzB,MAA2C;AAE1C,MADA,EAAM,YAAY,EAAE,EAChB,EAAE,iBAAkB;EAExB,IAAM,IAAS,GAAkB,EAC3B,IAAe,EAAO,QAAQ,KAAgB,GAAG,EACjD,IAAY,EAChB,EAAE,KACF,GACA,EAAO,QACP,OACD;AACD,MAAI,MAAc,KAAA,EAAW;AAE7B,IAAE,gBAAgB;EAClB,IAAM,IAAY,EAAO;AACrB,QAAc,KAAA,MAClB,EAAgB,EAAU,EAC1B,EAAa,EAAU,EACvB,EAAQ,QAAQ,IAAI,EAAU,EAAE,OAAO;IAEzC;EAAC;EAAc;EAAkB;EAAc;EAAM,CACtD;AAsBD,QACE,kBAAC,GAAD;EAAmB,OArBwB,EAAM,eAC1C;GACL;GACA,OAAO;GACP,UAAU;GACV,cAAc,KAAgB,KAAgB,KAAA;GAC9C;GACA,UAAU;GACV;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACD,CACF;YAIG,kBAAC,OAAD;GACO;GACL,MAAK;GACL,oBAAkB;GAClB,gBAAc,EAAM;GACpB,oBAAkB,EAAM;GACxB,WAAW,EACT,QACA,MAAgB,aAAa,aAAa,YAC1C,mBACA,EACD;GACD,GAAI;GACJ,WAAW;GAEV;GACG,CAAA;EACY,CAAA;;AAIxB,EAAW,cAAc"}
1	+ {"version":3,"file":"RadioGroup.js","names":[],"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { RadioGroupContext } from \"@nuka/components/RadioGroup/RadioGroup.context\";\nimport type { RadioGroupContextValue } from \"@nuka/components/RadioGroup/RadioGroup.context\";\n\nexport interface RadioGroupProps extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"onChange\"\n> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n name: string;\n value?: string;\n defaultValue?: string;\n disabled?: boolean;\n onChange?: (value: string) => void;\n orientation?: \"vertical\" \| \"horizontal\";\n children: React.ReactNode;\n}\n\nfunction RadioGroup({\n ref,\n className,\n name,\n value: controlledValue,\n defaultValue,\n disabled,\n onChange,\n orientation = \"vertical\",\n children,\n ...props\n}: RadioGroupProps) {\n const field = useFormFieldProps({\n disabled,\n \"aria-invalid\": props[\"aria-invalid\"],\n \"aria-describedby\": props[\"aria-describedby\"],\n });\n\n const resolvedDisabled = field.resolvedDisabled ?? false;\n\n const [currentValue, setCurrentValue] = useControllableState(\n controlledValue,\n defaultValue,\n onChange,\n );\n\n const refsMap = React.useRef(new Map<string, HTMLInputElement>());\n\n const [focusedValue, setFocusedValue] = React.useState(currentValue);\n\n // Incremented each time a Radio mounts and registers its ref. Used as a\n // dependency for the first-focus effect below: refsMap is a ref (not state)\n // so mutating it does not trigger a re-render. Without this counter the\n // effect would run on mount before any radios have registered, read an\n // empty map, and never set focusedValue, leaving all radios at tabIndex=-1.\n const [registrationCount, setRegistrationCount] = React.useState(0);\n\n const registerRef = React.useCallback(\n (radioValue: string, node: HTMLInputElement \| null) => {\n if (node) {\n refsMap.current.set(radioValue, node);\n setRegistrationCount((c) => c + 1);\n } else {\n refsMap.current.delete(radioValue);\n }\n },\n [],\n );\n\n // When the group has no selection, ensure the first non-disabled radio\n // has tabIndex=0 so the group is reachable by Tab. Depends on\n // registrationCount so it re-runs after radios mount and populate refsMap.\n React.useEffect(() => {\n if (focusedValue === undefined) {\n const firstKey = Array.from(refsMap.current.keys())[0];\n if (firstKey !== undefined) {\n setFocusedValue(firstKey);\n }\n }\n }, [focusedValue, currentValue, registrationCount]);\n\n const handleChange = React.useCallback(\n (radioValue: string) => {\n setCurrentValue(radioValue);\n setFocusedValue(radioValue);\n },\n [setCurrentValue],\n );\n\n const getOrderedValues = React.useCallback((): string[] => {\n const values: string[] = [];\n refsMap.current.forEach((node, radioValue) => {\n if (!node.disabled) {\n values.push(radioValue);\n }\n });\n return values;\n }, []);\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLDivElement>) => {\n props.onKeyDown?.(e);\n if (e.defaultPrevented) return;\n\n const values = getOrderedValues();\n const currentIndex = values.indexOf(focusedValue ?? \"\");\n const nextIndex = getRovingIndex(\n e.key,\n currentIndex,\n values.length,\n \"both\",\n );\n if (nextIndex === undefined) return;\n\n e.preventDefault();\n const nextValue = values[nextIndex];\n if (nextValue === undefined) return;\n setFocusedValue(nextValue);\n handleChange(nextValue);\n refsMap.current.get(nextValue)?.focus();\n },\n [focusedValue, getOrderedValues, handleChange, props],\n );\n\n const contextValue: RadioGroupContextValue = React.useMemo(\n () => ({\n name,\n value: currentValue,\n disabled: resolvedDisabled,\n focusedValue: focusedValue ?? currentValue ?? undefined,\n setFocusedValue,\n onChange: handleChange,\n registerRef,\n }),\n [\n name,\n currentValue,\n resolvedDisabled,\n focusedValue,\n handleChange,\n registerRef,\n ],\n );\n\n return (\n <RadioGroupContext value={contextValue}>\n <div\n ref={ref}\n role=\"radiogroup\"\n aria-orientation={orientation}\n aria-invalid={field.ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n className={cn(\n \"flex\",\n orientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n \"gap-(--space-2)\",\n className,\n )}\n data-slot=\"root\"\n {...props}\n onKeyDown={handleKeyDown}\n >\n {children}\n </div>\n </RadioGroupContext>\n );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport { RadioGroup };\n"],"mappings":";;;;;;;;;AAuBA,SAAS,EAAW,EAClB,QACA,cACA,SACA,OAAO,GACP,iBACA,aACA,aACA,iBAAc,YACd,aACA,GAAG,KACe;CAClB,IAAM,IAAQ,EAAkB;EAC9B;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC3B,CAAC,EAEI,IAAmB,EAAM,oBAAoB,IAE7C,CAAC,GAAc,KAAmB,EACtC,GACA,GACA,EACD,EAEK,IAAU,EAAM,uBAAO,IAAI,KAA+B,CAAC,EAE3D,CAAC,GAAc,KAAmB,EAAM,SAAS,EAAa,EAO9D,CAAC,GAAmB,KAAwB,EAAM,SAAS,EAAE,EAE7D,IAAc,EAAM,aACvB,GAAoB,MAAkC;AACrD,EAAI,KACF,EAAQ,QAAQ,IAAI,GAAY,EAAK,EACrC,GAAsB,MAAM,IAAI,EAAE,IAElC,EAAQ,QAAQ,OAAO,EAAW;IAGtC,EAAE,CACH;AAKD,GAAM,gBAAgB;AACpB,MAAI,MAAiB,KAAA,GAAW;GAC9B,IAAM,IAAW,MAAM,KAAK,EAAQ,QAAQ,MAAM,CAAC,CAAC;AACpD,GAAI,MAAa,KAAA,KACf,EAAgB,EAAS;;IAG5B;EAAC;EAAc;EAAc;EAAkB,CAAC;CAEnD,IAAM,IAAe,EAAM,aACxB,MAAuB;AAEtB,EADA,EAAgB,EAAW,EAC3B,EAAgB,EAAW;IAE7B,CAAC,EAAgB,CAClB,EAEK,IAAmB,EAAM,kBAA4B;EACzD,IAAM,IAAmB,EAAE;AAM3B,SALA,EAAQ,QAAQ,SAAS,GAAM,MAAe;AAC5C,GAAK,EAAK,YACR,EAAO,KAAK,EAAW;IAEzB,EACK;IACN,EAAE,CAAC,EAEA,IAAgB,EAAM,aACzB,MAA2C;AAE1C,MADA,EAAM,YAAY,EAAE,EAChB,EAAE,iBAAkB;EAExB,IAAM,IAAS,GAAkB,EAC3B,IAAe,EAAO,QAAQ,KAAgB,GAAG,EACjD,IAAY,EAChB,EAAE,KACF,GACA,EAAO,QACP,OACD;AACD,MAAI,MAAc,KAAA,EAAW;AAE7B,IAAE,gBAAgB;EAClB,IAAM,IAAY,EAAO;AACrB,QAAc,KAAA,MAClB,EAAgB,EAAU,EAC1B,EAAa,EAAU,EACvB,EAAQ,QAAQ,IAAI,EAAU,EAAE,OAAO;IAEzC;EAAC;EAAc;EAAkB;EAAc;EAAM,CACtD;AAsBD,QACE,kBAAC,GAAD;EAAmB,OArBwB,EAAM,eAC1C;GACL;GACA,OAAO;GACP,UAAU;GACV,cAAc,KAAgB,KAAgB,KAAA;GAC9C;GACA,UAAU;GACV;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACD,CACF;YAIG,kBAAC,OAAD;GACO;GACL,MAAK;GACL,oBAAkB;GAClB,gBAAc,EAAM;GACpB,oBAAkB,EAAM;GACxB,WAAW,EACT,QACA,MAAgB,aAAa,aAAa,YAC1C,mBACA,EACD;GACD,aAAU;GACV,GAAI;GACJ,WAAW;GAEV;GACG,CAAA;EACY,CAAA;;AAIxB,EAAW,cAAc"}

package/dist/components/ScrollArea/ScrollArea.cjs CHANGED Viewed

@@ -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={vertical:`overflow-x-hidden overflow-y-auto`,horizontal:`overflow-y-hidden overflow-x-auto`,both:`overflow-auto`};function a({ref:e,className:n,orientation:a=`vertical`,maxHeight:o,maxWidth:s,style:c,tabIndex:l,...u}){return(0,r.jsx)(`div`,{ref:e,tabIndex:l??0,className:t.cn(`nuka-scroll-area`,`[scrollbar-width:thin]`,`[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]`,i[a],n),style:{...c,maxHeight:o,maxWidth:s},...u})}a.displayName=`ScrollArea`,exports.ScrollArea=a;
+"use client";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={vertical:`overflow-x-hidden overflow-y-auto`,horizontal:`overflow-y-hidden overflow-x-auto`,both:`overflow-auto`};function a({ref:e,className:n,orientation:a=`vertical`,maxHeight:o,maxWidth:s,style:c,tabIndex:l,...u}){return(0,r.jsx)(`div`,{ref:e,tabIndex:l??0,className:t.cn(`nuka-scroll-area`,`[scrollbar-width:thin]`,`[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]`,i[a],n),style:{...c,maxHeight:o,maxWidth:s},"data-slot":`root`,...u})}a.displayName=`ScrollArea`,exports.ScrollArea=a;
 //# sourceMappingURL=ScrollArea.cjs.map

package/dist/components/ScrollArea/ScrollArea.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollArea.cjs","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["~~import~~ * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" \| \"horizontal\" \| \"both\";\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n orientation?: ScrollAreaOrientation;\n /** Inline style value. Justified: consumer-provided dimension cannot be\n * expressed as a static class without generating arbitrary Tailwind values. /\n maxHeight?: string;\n /* Inline style value. Same justification as maxHeight. */\n maxWidth?: string;\n}\n\nconst orientationClasses: Record<ScrollAreaOrientation, string> = {\n vertical: \"overflow-x-hidden overflow-y-auto\",\n horizontal: \"overflow-y-hidden overflow-x-auto\",\n both: \"overflow-auto\",\n};\n\nfunction ScrollArea({\n ref,\n className,\n orientation = \"vertical\",\n maxHeight,\n maxWidth,\n style,\n tabIndex,\n ...props\n}: ScrollAreaProps) {\n return (\n <div\n ref={ref}\n tabIndex={tabIndex ?? 0}\n className={cn(\n \"nuka-scroll-area\",\n \"[scrollbar-width:thin]\",\n \"[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]\",\n orientationClasses[orientation],\n className,\n )}\n style={{ ...style, maxHeight, maxWidth }}\n {...props}\n />\n );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":"~~mKAeA~~,IAAM,EAA4D,CAChE,SAAU,oCACV,WAAY,oCACZ,KAAM,gBACP,CAED,SAAS,EAAW,CAClB,MACA,YACA,cAAc,WACd,YACA,WACA,QACA,WACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,SAAU,GAAY,EACtB,UAAW,EAAA,GACT,mBACA,yBACA,sEACA,EAAmB,GACnB,EACD,CACD,MAAO,CAAE,GAAG,EAAO,YAAW,WAAU,CACxC,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc"}
1	+ {"version":3,"file":"ScrollArea.cjs","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" \| \"horizontal\" \| \"both\";\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n orientation?: ScrollAreaOrientation;\n /** Inline style value. Justified: consumer-provided dimension cannot be\n * expressed as a static class without generating arbitrary Tailwind values. /\n maxHeight?: string;\n /* Inline style value. Same justification as maxHeight. */\n maxWidth?: string;\n}\n\nconst orientationClasses: Record<ScrollAreaOrientation, string> = {\n vertical: \"overflow-x-hidden overflow-y-auto\",\n horizontal: \"overflow-y-hidden overflow-x-auto\",\n both: \"overflow-auto\",\n};\n\nfunction ScrollArea({\n ref,\n className,\n orientation = \"vertical\",\n maxHeight,\n maxWidth,\n style,\n tabIndex,\n ...props\n}: ScrollAreaProps) {\n return (\n <div\n ref={ref}\n tabIndex={tabIndex ?? 0}\n className={cn(\n \"nuka-scroll-area\",\n \"[scrollbar-width:thin]\",\n \"[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]\",\n orientationClasses[orientation],\n className,\n )}\n style={{ ...style, maxHeight, maxWidth }}\n data-slot=\"root\"\n {...props}\n />\n );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":"gLAiBA,IAAM,EAA4D,CAChE,SAAU,oCACV,WAAY,oCACZ,KAAM,gBACP,CAED,SAAS,EAAW,CAClB,MACA,YACA,cAAc,WACd,YACA,WACA,QACA,WACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,SAAU,GAAY,EACtB,UAAW,EAAA,GACT,mBACA,yBACA,sEACA,EAAmB,GACnB,EACD,CACD,MAAO,CAAE,GAAG,EAAO,YAAW,WAAU,CACxC,YAAU,OACV,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc"}

package/dist/components/ScrollArea/ScrollArea.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;oFACgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAQD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,WAAwB,EACxB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,~~2CAgBjB~~;~~kBAzBQ~~,UAAU;;;~~AA6BnB~~,OAAO,EAAE,UAAU,EAAE,CAAC"}
1	+ {"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC;oFACgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAQD,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,WAAwB,EACxB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAiBjB;kBA1BQ,UAAU;;;AA8BnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ScrollArea/ScrollArea.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
@@ -17,6 +18,7 @@ function r({ ref: r, className: i, orientation: a = "vertical", maxHeight: o, ma
 			maxHeight: o,
 			maxWidth: s
 		},
+		"data-slot": "root",
 		...u
 	});
 }

package/dist/components/ScrollArea/ScrollArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["~~import~~ * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" \| \"horizontal\" \| \"both\";\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n orientation?: ScrollAreaOrientation;\n /** Inline style value. Justified: consumer-provided dimension cannot be\n * expressed as a static class without generating arbitrary Tailwind values. /\n maxHeight?: string;\n /* Inline style value. Same justification as maxHeight. */\n maxWidth?: string;\n}\n\nconst orientationClasses: Record<ScrollAreaOrientation, string> = {\n vertical: \"overflow-x-hidden overflow-y-auto\",\n horizontal: \"overflow-y-hidden overflow-x-auto\",\n both: \"overflow-auto\",\n};\n\nfunction ScrollArea({\n ref,\n className,\n orientation = \"vertical\",\n maxHeight,\n maxWidth,\n style,\n tabIndex,\n ...props\n}: ScrollAreaProps) {\n return (\n <div\n ref={ref}\n tabIndex={tabIndex ?? 0}\n className={cn(\n \"nuka-scroll-area\",\n \"[scrollbar-width:thin]\",\n \"[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]\",\n orientationClasses[orientation],\n className,\n )}\n style={{ ...style, maxHeight, maxWidth }}\n {...props}\n />\n );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":"~~;;;;AAeA~~,IAAM,IAA4D;CAChE,UAAU;CACV,YAAY;CACZ,MAAM;CACP;AAED,SAAS,EAAW,EAClB,QACA,cACA,iBAAc,YACd,cACA,aACA,UACA,aACA,GAAG,KACe;AAClB,QACE,kBAAC,OAAD;EACO;EACL,UAAU,KAAY;EACtB,WAAW,EACT,oBACA,0BACA,uEACA,EAAmB,IACnB,EACD;EACD,OAAO;GAAE,GAAG;GAAO;GAAW;GAAU;EACxC,GAAI;EACJ,CAAA;;AAIN,EAAW,cAAc"}
1	+ {"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" \| \"horizontal\" \| \"both\";\n\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n orientation?: ScrollAreaOrientation;\n /** Inline style value. Justified: consumer-provided dimension cannot be\n * expressed as a static class without generating arbitrary Tailwind values. /\n maxHeight?: string;\n /* Inline style value. Same justification as maxHeight. */\n maxWidth?: string;\n}\n\nconst orientationClasses: Record<ScrollAreaOrientation, string> = {\n vertical: \"overflow-x-hidden overflow-y-auto\",\n horizontal: \"overflow-y-hidden overflow-x-auto\",\n both: \"overflow-auto\",\n};\n\nfunction ScrollArea({\n ref,\n className,\n orientation = \"vertical\",\n maxHeight,\n maxWidth,\n style,\n tabIndex,\n ...props\n}: ScrollAreaProps) {\n return (\n <div\n ref={ref}\n tabIndex={tabIndex ?? 0}\n className={cn(\n \"nuka-scroll-area\",\n \"[scrollbar-width:thin]\",\n \"[scrollbar-color:var(--nuka-scroll-thumb)_var(--nuka-scroll-track)]\",\n orientationClasses[orientation],\n className,\n )}\n style={{ ...style, maxHeight, maxWidth }}\n data-slot=\"root\"\n {...props}\n />\n );\n}\n\nScrollArea.displayName = \"ScrollArea\";\n\nexport { ScrollArea };\n"],"mappings":";;;;;AAiBA,IAAM,IAA4D;CAChE,UAAU;CACV,YAAY;CACZ,MAAM;CACP;AAED,SAAS,EAAW,EAClB,QACA,cACA,iBAAc,YACd,cACA,aACA,UACA,aACA,GAAG,KACe;AAClB,QACE,kBAAC,OAAD;EACO;EACL,UAAU,KAAY;EACtB,WAAW,EACT,oBACA,0BACA,uEACA,EAAmB,IACnB,EACD;EACD,OAAO;GAAE,GAAG;GAAO;GAAW;GAAU;EACxC,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAW,cAAc"}