@nuka-ui/core 1.0.3 → 1.1.1

package/dist/components/Heading/Heading.js

@@ -0,0 +1,21 @@
+import { cn as e } from "../../utils/cn.js";
+import { headingSizeClasses as t, resolveResponsiveClasses as n } from "../../utils/responsive.js";
+import { headingVariants as r } from "./Heading.variants.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/Heading/Heading.tsx
+var o = i.forwardRef(({ as: i = "h2", className: o, size: s = "3xl", family: c, weight: l, color: u, truncate: d, ...f }, p) => /* @__PURE__ */ a(i, {
+	ref: p,
+	className: e(r({
+		family: c,
+		weight: l,
+		color: u,
+		truncate: d
+	}), ...n(s, t), o),
+	...f
+}));
+o.displayName = "Heading";
+//#endregion
+export { o as Heading };
+
+//# sourceMappingURL=Heading.js.map

package/dist/components/Heading/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","names":[],"sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  headingSizeClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, HeadingSize } from \"@nuka/utils/responsive\";\nimport {\n  headingVariants,\n  type HeadingVariantProps,\n} from \"@nuka/components/Heading/Heading.variants\";\n\n// Constrained to h1-h6 only. Headings are semantically defined by HTML as these\n// six levels. For other block elements, use Text with as=\"div\" instead.\nexport type HeadingElement = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\nexport interface HeadingProps\n  extends\n    Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    HeadingVariantProps {\n  as?: HeadingElement;\n  size?: Responsive<HeadingSize>;\n}\n\nconst Heading = React.forwardRef<HTMLElement, HeadingProps>(\n  (\n    {\n      // Default element is h2: the most common non-landmark heading level.\n      // h1 is reserved for the page title (typically one per page).\n      as: Comp = \"h2\",\n      className,\n      size = \"3xl\",\n      family,\n      weight,\n      color,\n      truncate,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Comp\n        // Safe: the `as` prop selects h1-h6, making the ref type a union.\n        // Same polymorphic element pattern as Text.tsx.\n        ref={ref as React.RefObject<never>}\n        className={cn(\n          headingVariants({ family, weight, color, truncate }),\n          ...resolveResponsiveClasses(size, headingSizeClasses),\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nHeading.displayName = \"Heading\";\n\nexport { Heading, headingVariants };\n"],"mappings":";;;;;;AAwBA,IAAM,IAAU,EAAM,YAElB,EAGE,IAAI,IAAO,MACX,cACA,UAAO,OACP,WACA,WACA,UACA,aACA,GAAG,KAEL,MAGE,kBAAC,GAAD;CAGO;CACL,WAAW,EACT,EAAgB;EAAE;EAAQ;EAAQ;EAAO;EAAU,CAAC,EACpD,GAAG,EAAyB,GAAM,EAAmB,EACrD,EACD;CACD,GAAI;CACJ,CAAA,CAGP;AAED,EAAQ,cAAc"}

package/dist/components/Heading/Heading.variants.cjs

@@ -0,0 +1,2 @@
+var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`font-[number:var(--font-weight-bold)]`,`text-(--nuka-text-base)`],{variants:{family:{heading:`[font-family:var(--nuka-font-heading)]`,body:`[font-family:var(--nuka-font-body)]`,ui:`[font-family:var(--nuka-font-ui)]`,code:`[font-family:var(--nuka-font-code)]`},weight:{regular:`font-[number:var(--font-weight-regular)]`,medium:`font-[number:var(--font-weight-medium)]`,semibold:`font-[number:var(--font-weight-semibold)]`,bold:`font-[number:var(--font-weight-bold)]`},color:{base:`text-(--nuka-text-base)`,muted:`text-(--nuka-text-muted)`,subtle:`text-(--nuka-text-subtle)`,inverse:`text-(--nuka-text-inverse)`,disabled:`text-(--nuka-text-disabled)`,accent:`text-(--nuka-accent-text)`,danger:`text-(--nuka-danger-text)`,success:`text-(--nuka-success-text)`,warning:`text-(--nuka-warning-text)`},truncate:{true:`truncate`,false:``}},defaultVariants:{family:`heading`,weight:`bold`,color:`base`,truncate:!1}});exports.headingVariants=e;
+//# sourceMappingURL=Heading.variants.cjs.map

package/dist/components/Heading/Heading.variants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.variants.cjs","names":[],"sources":["../../../src/components/Heading/Heading.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const headingVariants = cva(\n  [\"font-[number:var(--font-weight-bold)]\", \"text-(--nuka-text-base)\"],\n  {\n    variants: {\n      family: {\n        heading: \"[font-family:var(--nuka-font-heading)]\",\n        body: \"[font-family:var(--nuka-font-body)]\",\n        ui: \"[font-family:var(--nuka-font-ui)]\",\n        code: \"[font-family:var(--nuka-font-code)]\",\n      },\n      weight: {\n        regular: \"font-[number:var(--font-weight-regular)]\",\n        medium: \"font-[number:var(--font-weight-medium)]\",\n        semibold: \"font-[number:var(--font-weight-semibold)]\",\n        bold: \"font-[number:var(--font-weight-bold)]\",\n      },\n      color: {\n        base: \"text-(--nuka-text-base)\",\n        muted: \"text-(--nuka-text-muted)\",\n        subtle: \"text-(--nuka-text-subtle)\",\n        inverse: \"text-(--nuka-text-inverse)\",\n        disabled: \"text-(--nuka-text-disabled)\",\n        accent: \"text-(--nuka-accent-text)\",\n        danger: \"text-(--nuka-danger-text)\",\n        success: \"text-(--nuka-success-text)\",\n        warning: \"text-(--nuka-warning-text)\",\n      },\n      truncate: {\n        true: \"truncate\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      family: \"heading\",\n      weight: \"bold\",\n      color: \"base\",\n      truncate: false,\n    },\n  },\n);\n\nexport type HeadingVariantProps = VariantProps<typeof headingVariants>;\n"],"mappings":"AAEA,IAAa,wEAAkB,IAC7B,CAAC,wCAAyC,0BAA0B,CACpE,CACE,SAAU,CACR,OAAQ,CACN,QAAS,yCACT,KAAM,sCACN,GAAI,oCACJ,KAAM,sCACP,CACD,OAAQ,CACN,QAAS,2CACT,OAAQ,0CACR,SAAU,4CACV,KAAM,wCACP,CACD,MAAO,CACL,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACR,QAAS,6BACT,SAAU,8BACV,OAAQ,4BACR,OAAQ,4BACR,QAAS,6BACT,QAAS,6BACV,CACD,SAAU,CACR,KAAM,WACN,MAAO,GACR,CACF,CACD,gBAAiB,CACf,OAAQ,UACR,OAAQ,OACR,MAAO,OACP,SAAU,GACX,CACF,CACF"}

package/dist/components/Heading/Heading.variants.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '../../utils/variants';
 export declare const headingVariants: (props?: ({
-    size?: "xl" | "2xl" | "3xl" | "4xl" | null | undefined;
+    family?: "body" | "code" | "heading" | "ui" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
     color?: "base" | "disabled" | "danger" | "success" | "warning" | "muted" | "subtle" | "inverse" | "accent" | null | undefined;
     truncate?: boolean | null | undefined;

package/dist/components/Heading/Heading.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,eAAe;;;;;8EA4C3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}
+{"version":3,"file":"Heading.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,eAAe;;;;;8EAuC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist/components/Heading/Heading.variants.js

@@ -0,0 +1,43 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Heading/Heading.variants.ts
+var t = e(["font-[number:var(--font-weight-bold)]", "text-(--nuka-text-base)"], {
+	variants: {
+		family: {
+			heading: "[font-family:var(--nuka-font-heading)]",
+			body: "[font-family:var(--nuka-font-body)]",
+			ui: "[font-family:var(--nuka-font-ui)]",
+			code: "[font-family:var(--nuka-font-code)]"
+		},
+		weight: {
+			regular: "font-[number:var(--font-weight-regular)]",
+			medium: "font-[number:var(--font-weight-medium)]",
+			semibold: "font-[number:var(--font-weight-semibold)]",
+			bold: "font-[number:var(--font-weight-bold)]"
+		},
+		color: {
+			base: "text-(--nuka-text-base)",
+			muted: "text-(--nuka-text-muted)",
+			subtle: "text-(--nuka-text-subtle)",
+			inverse: "text-(--nuka-text-inverse)",
+			disabled: "text-(--nuka-text-disabled)",
+			accent: "text-(--nuka-accent-text)",
+			danger: "text-(--nuka-danger-text)",
+			success: "text-(--nuka-success-text)",
+			warning: "text-(--nuka-warning-text)"
+		},
+		truncate: {
+			true: "truncate",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		family: "heading",
+		weight: "bold",
+		color: "base",
+		truncate: !1
+	}
+});
+//#endregion
+export { t as headingVariants };
+
+//# sourceMappingURL=Heading.variants.js.map

package/dist/components/Heading/Heading.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.variants.js","names":[],"sources":["../../../src/components/Heading/Heading.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const headingVariants = cva(\n  [\"font-[number:var(--font-weight-bold)]\", \"text-(--nuka-text-base)\"],\n  {\n    variants: {\n      family: {\n        heading: \"[font-family:var(--nuka-font-heading)]\",\n        body: \"[font-family:var(--nuka-font-body)]\",\n        ui: \"[font-family:var(--nuka-font-ui)]\",\n        code: \"[font-family:var(--nuka-font-code)]\",\n      },\n      weight: {\n        regular: \"font-[number:var(--font-weight-regular)]\",\n        medium: \"font-[number:var(--font-weight-medium)]\",\n        semibold: \"font-[number:var(--font-weight-semibold)]\",\n        bold: \"font-[number:var(--font-weight-bold)]\",\n      },\n      color: {\n        base: \"text-(--nuka-text-base)\",\n        muted: \"text-(--nuka-text-muted)\",\n        subtle: \"text-(--nuka-text-subtle)\",\n        inverse: \"text-(--nuka-text-inverse)\",\n        disabled: \"text-(--nuka-text-disabled)\",\n        accent: \"text-(--nuka-accent-text)\",\n        danger: \"text-(--nuka-danger-text)\",\n        success: \"text-(--nuka-success-text)\",\n        warning: \"text-(--nuka-warning-text)\",\n      },\n      truncate: {\n        true: \"truncate\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      family: \"heading\",\n      weight: \"bold\",\n      color: \"base\",\n      truncate: false,\n    },\n  },\n);\n\nexport type HeadingVariantProps = VariantProps<typeof headingVariants>;\n"],"mappings":";;AAEA,IAAa,IAAkB,EAC7B,CAAC,yCAAyC,0BAA0B,EACpE;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACP;EACD,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,UAAU;GACV,MAAM;GACP;EACD,OAAO;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAS;GACT,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,UAAU;EACX;CACF,CACF"}

package/dist/components/Icon/Icon.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Icon.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,size:a,color:o,label:s,children:c,...l},u)=>{process.env.NODE_ENV!==`production`&&(r.isValidElement(c)||console.error(`[nuka-ui] Icon: children must be a single React element.`));let d=s!==void 0,f=r.isValidElement(c)?r.cloneElement(c,{"aria-hidden":`true`,width:`100%`,height:`100%`}):c;return(0,i.jsx)(`span`,{ref:u,...d?{role:`img`,"aria-label":s}:{"aria-hidden":`true`},className:t.cn(n.iconVariants({size:a}),n.iconColorVariants({color:o}),e),...l,children:f})});a.displayName=`Icon`,exports.Icon=a;
+//# sourceMappingURL=Icon.cjs.map

package/dist/components/Icon/Icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.cjs","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  iconVariants,\n  iconColorVariants,\n  type IconVariantProps,\n} from \"@nuka/components/Icon/Icon.variants\";\n\nexport interface IconProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    IconVariantProps {\n  children: React.ReactElement;\n  label?: string;\n}\n\nconst Icon = React.forwardRef<HTMLSpanElement, IconProps>(\n  ({ className, size, color, label, children, ...props }, ref) => {\n    if (process.env.NODE_ENV !== \"production\") {\n      if (!React.isValidElement(children)) {\n        console.error(\n          \"[nuka-ui] Icon: children must be a single React element.\",\n        );\n      }\n    }\n\n    const isLabelled = label !== undefined;\n\n    const child = React.isValidElement(children)\n      ? React.cloneElement(\n          // Safe: children prop is typed as React.ReactElement in the interface,\n          // so the generic parameter narrowing for cloneElement is safe (ADR-011).\n          children as React.ReactElement<Record<string, unknown>>,\n          {\n            \"aria-hidden\": \"true\" as const,\n            width: \"100%\",\n            height: \"100%\",\n          },\n        )\n      : children;\n\n    return (\n      <span\n        ref={ref}\n        {...(isLabelled\n          ? { role: \"img\", \"aria-label\": label }\n          : { \"aria-hidden\": \"true\" as const })}\n        className={cn(\n          iconVariants({ size }),\n          iconColorVariants({ color }),\n          className,\n        )}\n        {...props}\n      >\n        {child}\n      </span>\n    );\n  },\n);\n\nIcon.displayName = \"Icon\";\n\nexport { Icon, iconVariants, iconColorVariants };\n"],"mappings":"oMAgBA,IAAM,EAAO,EAAM,YAChB,CAAE,YAAW,OAAM,QAAO,QAAO,WAAU,GAAG,GAAS,IAAQ,CAC9D,QAAA,IAAA,WAA6B,eACtB,EAAM,eAAe,EAAS,EACjC,QAAQ,MACN,2DACD,EAIL,IAAM,EAAa,IAAU,IAAA,GAEvB,EAAQ,EAAM,eAAe,EAAS,CACxC,EAAM,aAGJ,EACA,CACE,cAAe,OACf,MAAO,OACP,OAAQ,OACT,CACF,CACD,EAEJ,OACE,EAAA,EAAA,KAAC,OAAD,CACO,MACL,GAAK,EACD,CAAE,KAAM,MAAO,aAAc,EAAO,CACpC,CAAE,cAAe,OAAiB,CACtC,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,OAAM,CAAC,CACtB,EAAA,kBAAkB,CAAE,QAAO,CAAC,CAC5B,EACD,CACD,GAAI,WAEH,EACI,CAAA,EAGZ,CAED,EAAK,YAAc"}

package/dist/components/Icon/Icon.js

@@ -0,0 +1,28 @@
+import { cn as e } from "../../utils/cn.js";
+import { iconColorVariants as t, iconVariants as n } from "./Icon.variants.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Icon/Icon.tsx
+var a = r.forwardRef(({ className: a, size: o, color: s, label: c, children: l, ...u }, d) => {
+	process.env.NODE_ENV !== "production" && (r.isValidElement(l) || console.error("[nuka-ui] Icon: children must be a single React element."));
+	let f = c !== void 0, p = r.isValidElement(l) ? r.cloneElement(l, {
+		"aria-hidden": "true",
+		width: "100%",
+		height: "100%"
+	}) : l;
+	return /* @__PURE__ */ i("span", {
+		ref: d,
+		...f ? {
+			role: "img",
+			"aria-label": c
+		} : { "aria-hidden": "true" },
+		className: e(n({ size: o }), t({ color: s }), a),
+		...u,
+		children: p
+	});
+});
+a.displayName = "Icon";
+//#endregion
+export { a as Icon };
+
+//# sourceMappingURL=Icon.js.map

package/dist/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  iconVariants,\n  iconColorVariants,\n  type IconVariantProps,\n} from \"@nuka/components/Icon/Icon.variants\";\n\nexport interface IconProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    IconVariantProps {\n  children: React.ReactElement;\n  label?: string;\n}\n\nconst Icon = React.forwardRef<HTMLSpanElement, IconProps>(\n  ({ className, size, color, label, children, ...props }, ref) => {\n    if (process.env.NODE_ENV !== \"production\") {\n      if (!React.isValidElement(children)) {\n        console.error(\n          \"[nuka-ui] Icon: children must be a single React element.\",\n        );\n      }\n    }\n\n    const isLabelled = label !== undefined;\n\n    const child = React.isValidElement(children)\n      ? React.cloneElement(\n          // Safe: children prop is typed as React.ReactElement in the interface,\n          // so the generic parameter narrowing for cloneElement is safe (ADR-011).\n          children as React.ReactElement<Record<string, unknown>>,\n          {\n            \"aria-hidden\": \"true\" as const,\n            width: \"100%\",\n            height: \"100%\",\n          },\n        )\n      : children;\n\n    return (\n      <span\n        ref={ref}\n        {...(isLabelled\n          ? { role: \"img\", \"aria-label\": label }\n          : { \"aria-hidden\": \"true\" as const })}\n        className={cn(\n          iconVariants({ size }),\n          iconColorVariants({ color }),\n          className,\n        )}\n        {...props}\n      >\n        {child}\n      </span>\n    );\n  },\n);\n\nIcon.displayName = \"Icon\";\n\nexport { Icon, iconVariants, iconColorVariants };\n"],"mappings":";;;;;AAgBA,IAAM,IAAO,EAAM,YAChB,EAAE,cAAW,SAAM,UAAO,UAAO,aAAU,GAAG,KAAS,MAAQ;AAC9D,CAAA,QAAA,IAAA,aAA6B,iBACtB,EAAM,eAAe,EAAS,IACjC,QAAQ,MACN,2DACD;CAIL,IAAM,IAAa,MAAU,KAAA,GAEvB,IAAQ,EAAM,eAAe,EAAS,GACxC,EAAM,aAGJ,GACA;EACE,eAAe;EACf,OAAO;EACP,QAAQ;EACT,CACF,GACD;AAEJ,QACE,kBAAC,QAAD;EACO;EACL,GAAK,IACD;GAAE,MAAM;GAAO,cAAc;GAAO,GACpC,EAAE,eAAe,QAAiB;EACtC,WAAW,EACT,EAAa,EAAE,SAAM,CAAC,EACtB,EAAkB,EAAE,UAAO,CAAC,EAC5B,EACD;EACD,GAAI;YAEH;EACI,CAAA;EAGZ;AAED,EAAK,cAAc"}

package/dist/components/Icon/Icon.variants.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`);var t=e.cva([`inline-flex`,`items-center`,`justify-center`,`shrink-0`],{variants:{size:{sm:`size-4`,md:`size-6`,lg:`size-8`,xl:`size-10`}},defaultVariants:{size:`md`}}),n=e.cva([],{variants:{color:{inherit:``,base:`text-(--nuka-text-base)`,muted:`text-(--nuka-text-muted)`,subtle:`text-(--nuka-text-subtle)`,inverse:`text-(--nuka-text-inverse)`,disabled:`text-(--nuka-text-disabled)`}},defaultVariants:{color:`inherit`}});exports.iconColorVariants=n,exports.iconVariants=t;
+//# sourceMappingURL=Icon.variants.cjs.map

package/dist/components/Icon/Icon.variants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.variants.cjs","names":[],"sources":["../../../src/components/Icon/Icon.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const iconVariants = cva(\n  [\"inline-flex\", \"items-center\", \"justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n        xl: \"size-10\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const iconColorVariants = cva([], {\n  variants: {\n    color: {\n      inherit: \"\",\n      base: \"text-(--nuka-text-base)\",\n      muted: \"text-(--nuka-text-muted)\",\n      subtle: \"text-(--nuka-text-subtle)\",\n      inverse: \"text-(--nuka-text-inverse)\",\n      disabled: \"text-(--nuka-text-disabled)\",\n    },\n  },\n  defaultVariants: { color: \"inherit\" },\n});\n\nexport type IconVariantProps = VariantProps<typeof iconVariants> &\n  VariantProps<typeof iconColorVariants>;\n"],"mappings":"8EAEA,IAAa,EAAe,EAAA,IAC1B,CAAC,cAAe,eAAgB,iBAAkB,WAAW,CAC7D,CACE,SAAU,CACR,KAAM,CACJ,GAAI,SACJ,GAAI,SACJ,GAAI,SACJ,GAAI,UACL,CACF,CACD,gBAAiB,CAAE,KAAM,KAAM,CAChC,CACF,CAEY,EAAoB,EAAA,IAAI,EAAE,CAAE,CACvC,SAAU,CACR,MAAO,CACL,QAAS,GACT,KAAM,0BACN,MAAO,2BACP,OAAQ,4BACR,QAAS,6BACT,SAAU,8BACX,CACF,CACD,gBAAiB,CAAE,MAAO,UAAW,CACtC,CAAC"}

package/dist/components/Icon/Icon.variants.js

@@ -0,0 +1,30 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Icon/Icon.variants.ts
+var t = e([
+	"inline-flex",
+	"items-center",
+	"justify-center",
+	"shrink-0"
+], {
+	variants: { size: {
+		sm: "size-4",
+		md: "size-6",
+		lg: "size-8",
+		xl: "size-10"
+	} },
+	defaultVariants: { size: "md" }
+}), n = e([], {
+	variants: { color: {
+		inherit: "",
+		base: "text-(--nuka-text-base)",
+		muted: "text-(--nuka-text-muted)",
+		subtle: "text-(--nuka-text-subtle)",
+		inverse: "text-(--nuka-text-inverse)",
+		disabled: "text-(--nuka-text-disabled)"
+	} },
+	defaultVariants: { color: "inherit" }
+});
+//#endregion
+export { n as iconColorVariants, t as iconVariants };
+
+//# sourceMappingURL=Icon.variants.js.map

package/dist/components/Icon/Icon.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.variants.js","names":[],"sources":["../../../src/components/Icon/Icon.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const iconVariants = cva(\n  [\"inline-flex\", \"items-center\", \"justify-center\", \"shrink-0\"],\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-6\",\n        lg: \"size-8\",\n        xl: \"size-10\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const iconColorVariants = cva([], {\n  variants: {\n    color: {\n      inherit: \"\",\n      base: \"text-(--nuka-text-base)\",\n      muted: \"text-(--nuka-text-muted)\",\n      subtle: \"text-(--nuka-text-subtle)\",\n      inverse: \"text-(--nuka-text-inverse)\",\n      disabled: \"text-(--nuka-text-disabled)\",\n    },\n  },\n  defaultVariants: { color: \"inherit\" },\n});\n\nexport type IconVariantProps = VariantProps<typeof iconVariants> &\n  VariantProps<typeof iconColorVariants>;\n"],"mappings":";;AAEA,IAAa,IAAe,EAC1B;CAAC;CAAe;CAAgB;CAAkB;CAAW,EAC7D;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,MAAM,MAAM;CAChC,CACF,EAEY,IAAoB,EAAI,EAAE,EAAE;CACvC,UAAU,EACR,OAAO;EACL,SAAS;EACT,MAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;EACX,EACF;CACD,iBAAiB,EAAE,OAAO,WAAW;CACtC,CAAC"}

package/dist/components/Input/Input.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-form-field-props.cjs`),r=require(`./Input.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,intent:i,size:o,id:s,...c},l)=>{let u=n.useFormFieldProps({id:s,"aria-invalid":c[`aria-invalid`],"aria-describedby":c[`aria-describedby`],"aria-required":c[`aria-required`]}),d=u.ariaInvalid??(i===`danger`?!0:void 0);return(0,a.jsx)(`input`,{ref:l,id:u.resolvedId,className:t.cn(r.inputVariants({intent:i,size:o}),e),...c,"aria-invalid":d,"aria-describedby":u.ariaDescribedBy,"aria-required":u.ariaRequired})});o.displayName=`Input`,exports.Input=o;
+//# sourceMappingURL=Input.cjs.map

package/dist/components/Input/Input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.cjs","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface InputProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    InputVariantProps {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, intent, size, id, ...props }, ref) => {\n    const field = useFormFieldProps({\n      id,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const ariaInvalid =\n      field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n    return (\n      <input\n        ref={ref}\n        id={field.resolvedId}\n        className={cn(inputVariants({ intent, size }), className)}\n        {...props}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n      />\n    );\n  },\n);\n\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants };\n"],"mappings":"oQAcA,IAAM,EAAQ,EAAM,YACjB,CAAE,YAAW,SAAQ,OAAM,KAAI,GAAG,GAAS,IAAQ,CAClD,IAAM,EAAQ,EAAA,kBAAkB,CAC9B,KACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEI,EACJ,EAAM,cAAgB,IAAW,SAAW,GAAO,IAAA,IAErD,OACE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,GAAI,EAAM,WACV,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CACzD,GAAI,EACJ,eAAc,EACd,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,CAAA,EAGP,CAED,EAAM,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,aAAa,EACb,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,UACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EACzD,iBAAiB;CAAG;AAExB,QAAA,MAAM,KAAK,qFAwBV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,aAAa,EACb,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,UACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EACzD,iBAAiB;CAAG;AAExB,QAAA,MAAM,KAAK,qFAwBV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Input/Input.js

@@ -0,0 +1,32 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useFormFieldProps as t } from "../../hooks/use-form-field-props.js";
+import { inputVariants as n } from "./Input.variants.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Input/Input.tsx
+var a = r.forwardRef(({ className: r, intent: a, size: o, id: s, ...c }, l) => {
+	let u = t({
+		id: s,
+		"aria-invalid": c["aria-invalid"],
+		"aria-describedby": c["aria-describedby"],
+		"aria-required": c["aria-required"]
+	}), d = u.ariaInvalid ?? (a === "danger" ? !0 : void 0);
+	return /* @__PURE__ */ i("input", {
+		ref: l,
+		id: u.resolvedId,
+		className: e(n({
+			intent: a,
+			size: o
+		}), r),
+		...c,
+		"aria-invalid": d,
+		"aria-describedby": u.ariaDescribedBy,
+		"aria-required": u.ariaRequired
+	});
+});
+a.displayName = "Input";
+//#endregion
+export { a as Input };
+
+//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  inputVariants,\n  type InputVariantProps,\n} from \"@nuka/components/Input/Input.variants\";\n\nexport interface InputProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\">,\n    InputVariantProps {}\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, intent, size, id, ...props }, ref) => {\n    const field = useFormFieldProps({\n      id,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const ariaInvalid =\n      field.ariaInvalid ?? (intent === \"danger\" ? true : undefined);\n\n    return (\n      <input\n        ref={ref}\n        id={field.resolvedId}\n        className={cn(inputVariants({ intent, size }), className)}\n        {...props}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n      />\n    );\n  },\n);\n\nInput.displayName = \"Input\";\n\nexport { Input, inputVariants };\n"],"mappings":";;;;;;;AAcA,IAAM,IAAQ,EAAM,YACjB,EAAE,cAAW,WAAQ,SAAM,OAAI,GAAG,KAAS,MAAQ;CAClD,IAAM,IAAQ,EAAkB;EAC9B;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,IACJ,EAAM,gBAAgB,MAAW,WAAW,KAAO,KAAA;AAErD,QACE,kBAAC,SAAD;EACO;EACL,IAAI,EAAM;EACV,WAAW,EAAG,EAAc;GAAE;GAAQ;GAAM,CAAC,EAAE,EAAU;EACzD,GAAI;EACJ,gBAAc;EACd,oBAAkB,EAAM;EACxB,iBAAe,EAAM;EACrB,CAAA;EAGP;AAED,EAAM,cAAc"}

package/dist/components/Input/Input.variants.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`),t=require(`../../utils/field-base.cjs`);var n=e.cva([...t.fieldBaseClasses,`read-only:bg-(--nuka-input-bg-readonly) read-only:cursor-default`],{variants:{intent:{default:`border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)`,danger:`border-(--nuka-danger-border)`,success:`border-(--nuka-success-border)`,warning:`border-(--nuka-warning-border)`},size:{sm:`px-(--space-3) py-(--space-2) text-xs`,md:`px-(--space-4) py-(--space-3) text-sm`,lg:`px-(--space-6) py-(--space-4) text-base`}},defaultVariants:{intent:`default`,size:`md`}});exports.inputVariants=n;
+//# sourceMappingURL=Input.variants.cjs.map

package/dist/components/Input/Input.variants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.variants.cjs","names":[],"sources":["../../../src/components/Input/Input.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\nimport { fieldBaseClasses } from \"@nuka/utils/field-base\";\n\nexport const inputVariants = cva(\n  [\n    ...fieldBaseClasses,\n    \"read-only:bg-(--nuka-input-bg-readonly) read-only:cursor-default\",\n  ],\n  {\n    variants: {\n      intent: {\n        default:\n          \"border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)\",\n        danger: \"border-(--nuka-danger-border)\",\n        success: \"border-(--nuka-success-border)\",\n        warning: \"border-(--nuka-warning-border)\",\n      },\n      size: {\n        sm: \"px-(--space-3) py-(--space-2) text-xs\",\n        md: \"px-(--space-4) py-(--space-3) text-sm\",\n        lg: \"px-(--space-6) py-(--space-4) text-base\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n"],"mappings":"sHAGA,IAAa,EAAgB,EAAA,IAC3B,CACE,GAAG,EAAA,iBACH,mEACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QACE,wEACF,OAAQ,gCACR,QAAS,iCACT,QAAS,iCACV,CACD,KAAM,CACJ,GAAI,wCACJ,GAAI,wCACJ,GAAI,0CACL,CACF,CACD,gBAAiB,CACf,OAAQ,UACR,KAAM,KACP,CACF,CACF"}

package/dist/components/Input/Input.variants.js

@@ -0,0 +1,26 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+import { fieldBaseClasses as t } from "../../utils/field-base.js";
+//#region src/components/Input/Input.variants.ts
+var n = e([...t, "read-only:bg-(--nuka-input-bg-readonly) read-only:cursor-default"], {
+	variants: {
+		intent: {
+			default: "border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)",
+			danger: "border-(--nuka-danger-border)",
+			success: "border-(--nuka-success-border)",
+			warning: "border-(--nuka-warning-border)"
+		},
+		size: {
+			sm: "px-(--space-3) py-(--space-2) text-xs",
+			md: "px-(--space-4) py-(--space-3) text-sm",
+			lg: "px-(--space-6) py-(--space-4) text-base"
+		}
+	},
+	defaultVariants: {
+		intent: "default",
+		size: "md"
+	}
+});
+//#endregion
+export { n as inputVariants };
+
+//# sourceMappingURL=Input.variants.js.map

package/dist/components/Input/Input.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.variants.js","names":[],"sources":["../../../src/components/Input/Input.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\nimport { fieldBaseClasses } from \"@nuka/utils/field-base\";\n\nexport const inputVariants = cva(\n  [\n    ...fieldBaseClasses,\n    \"read-only:bg-(--nuka-input-bg-readonly) read-only:cursor-default\",\n  ],\n  {\n    variants: {\n      intent: {\n        default:\n          \"border-(--nuka-input-border) hover:border-(--nuka-input-border-hover)\",\n        danger: \"border-(--nuka-danger-border)\",\n        success: \"border-(--nuka-success-border)\",\n        warning: \"border-(--nuka-warning-border)\",\n      },\n      size: {\n        sm: \"px-(--space-3) py-(--space-2) text-xs\",\n        md: \"px-(--space-4) py-(--space-3) text-sm\",\n        lg: \"px-(--space-6) py-(--space-4) text-base\",\n      },\n    },\n    defaultVariants: {\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n"],"mappings":";;;AAGA,IAAa,IAAgB,EAC3B,CACE,GAAG,GACH,mEACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SACE;GACF,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF"}

package/dist/components/Kbd/Kbd.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Kbd.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,family:r,size:a,...o},s)=>(0,i.jsx)(`kbd`,{ref:s,className:t.cn(n.kbdVariants({family:r,size:a}),e),...o}));a.displayName=`Kbd`,exports.Kbd=a;
+//# sourceMappingURL=Kbd.cjs.map

package/dist/components/Kbd/Kbd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.cjs","names":[],"sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  kbdVariants,\n  type KbdVariantProps,\n} from \"@nuka/components/Kbd/Kbd.variants\";\n\nexport interface KbdProps\n  extends React.HTMLAttributes<HTMLElement>, KbdVariantProps {}\n\nconst Kbd = React.forwardRef<HTMLElement, KbdProps>(\n  ({ className, family, size, ...props }, ref) => {\n    return (\n      <kbd\n        ref={ref}\n        className={cn(kbdVariants({ family, size }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nKbd.displayName = \"Kbd\";\n\nexport { Kbd, kbdVariants };\n"],"mappings":"mMAUA,IAAM,EAAM,EAAM,YACf,CAAE,YAAW,SAAQ,OAAM,GAAG,GAAS,KAEpC,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,YAAY,CAAE,SAAQ,OAAM,CAAC,CAAE,EAAU,CACvD,GAAI,EACJ,CAAA,CAGP,CAED,EAAI,YAAc"}

package/dist/components/Kbd/Kbd.js

@@ -0,0 +1,18 @@
+import { cn as e } from "../../utils/cn.js";
+import { kbdVariants as t } from "./Kbd.variants.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Kbd/Kbd.tsx
+var i = n.forwardRef(({ className: n, family: i, size: a, ...o }, s) => /* @__PURE__ */ r("kbd", {
+	ref: s,
+	className: e(t({
+		family: i,
+		size: a
+	}), n),
+	...o
+}));
+i.displayName = "Kbd";
+//#endregion
+export { i as Kbd };
+
+//# sourceMappingURL=Kbd.js.map

package/dist/components/Kbd/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","names":[],"sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  kbdVariants,\n  type KbdVariantProps,\n} from \"@nuka/components/Kbd/Kbd.variants\";\n\nexport interface KbdProps\n  extends React.HTMLAttributes<HTMLElement>, KbdVariantProps {}\n\nconst Kbd = React.forwardRef<HTMLElement, KbdProps>(\n  ({ className, family, size, ...props }, ref) => {\n    return (\n      <kbd\n        ref={ref}\n        className={cn(kbdVariants({ family, size }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nKbd.displayName = \"Kbd\";\n\nexport { Kbd, kbdVariants };\n"],"mappings":";;;;;AAUA,IAAM,IAAM,EAAM,YACf,EAAE,cAAW,WAAQ,SAAM,GAAG,KAAS,MAEpC,kBAAC,OAAD;CACO;CACL,WAAW,EAAG,EAAY;EAAE;EAAQ;EAAM,CAAC,EAAE,EAAU;CACvD,GAAI;CACJ,CAAA,CAGP;AAED,EAAI,cAAc"}

package/dist/components/Kbd/Kbd.variants.cjs

@@ -0,0 +1,2 @@
+var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`inline-flex items-center justify-center`,`font-mono`,`rounded-(--radius-sm)`,`border border-(--nuka-border-base)`,`bg-(--nuka-bg-subtle)`,`text-(--nuka-text-base)`],{variants:{family:{heading:`[font-family:var(--nuka-font-heading)]`,body:`[font-family:var(--nuka-font-body)]`,ui:`[font-family:var(--nuka-font-ui)]`,code:`[font-family:var(--nuka-font-code)]`},size:{sm:`min-h-5 px-(--space-1) text-[length:var(--font-size-xs)] leading-(--line-height-normal)`,md:`min-h-6 px-(--space-2) text-[length:var(--font-size-sm)] leading-(--line-height-normal)`,lg:`min-h-8 px-(--space-3) text-[length:var(--font-size-md)] leading-(--line-height-normal)`}},defaultVariants:{family:`code`,size:`md`}});exports.kbdVariants=e;
+//# sourceMappingURL=Kbd.variants.cjs.map

package/dist/components/Kbd/Kbd.variants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.variants.cjs","names":[],"sources":["../../../src/components/Kbd/Kbd.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const kbdVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"font-mono\",\n    \"rounded-(--radius-sm)\",\n    \"border border-(--nuka-border-base)\",\n    \"bg-(--nuka-bg-subtle)\",\n    \"text-(--nuka-text-base)\",\n  ],\n  {\n    variants: {\n      family: {\n        heading: \"[font-family:var(--nuka-font-heading)]\",\n        body: \"[font-family:var(--nuka-font-body)]\",\n        ui: \"[font-family:var(--nuka-font-ui)]\",\n        code: \"[font-family:var(--nuka-font-code)]\",\n      },\n      size: {\n        sm: \"min-h-5 px-(--space-1) text-[length:var(--font-size-xs)] leading-(--line-height-normal)\",\n        md: \"min-h-6 px-(--space-2) text-[length:var(--font-size-sm)] leading-(--line-height-normal)\",\n        lg: \"min-h-8 px-(--space-3) text-[length:var(--font-size-md)] leading-(--line-height-normal)\",\n      },\n    },\n    defaultVariants: {\n      family: \"code\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type KbdVariantProps = VariantProps<typeof kbdVariants>;\n"],"mappings":"AAEA,IAAa,wEAAc,IACzB,CACE,0CACA,YACA,wBACA,qCACA,wBACA,0BACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,yCACT,KAAM,sCACN,GAAI,oCACJ,KAAM,sCACP,CACD,KAAM,CACJ,GAAI,0FACJ,GAAI,0FACJ,GAAI,0FACL,CACF,CACD,gBAAiB,CACf,OAAQ,OACR,KAAM,KACP,CACF,CACF"}

package/dist/components/Kbd/Kbd.variants.d.ts

@@ -1,5 +1,6 @@
 import { VariantProps } from '../../utils/variants';
 export declare const kbdVariants: (props?: ({
+    family?: "body" | "code" | "heading" | "ui" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type KbdVariantProps = VariantProps<typeof kbdVariants>;

package/dist/components/Kbd/Kbd.variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Kbd/Kbd.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,WAAW;;8EAqBvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC"}
+{"version":3,"file":"Kbd.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Kbd/Kbd.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,WAAW;;;8EA4BvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC"}

package/dist/components/Kbd/Kbd.variants.js

@@ -0,0 +1,32 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Kbd/Kbd.variants.ts
+var t = e([
+	"inline-flex items-center justify-center",
+	"font-mono",
+	"rounded-(--radius-sm)",
+	"border border-(--nuka-border-base)",
+	"bg-(--nuka-bg-subtle)",
+	"text-(--nuka-text-base)"
+], {
+	variants: {
+		family: {
+			heading: "[font-family:var(--nuka-font-heading)]",
+			body: "[font-family:var(--nuka-font-body)]",
+			ui: "[font-family:var(--nuka-font-ui)]",
+			code: "[font-family:var(--nuka-font-code)]"
+		},
+		size: {
+			sm: "min-h-5 px-(--space-1) text-[length:var(--font-size-xs)] leading-(--line-height-normal)",
+			md: "min-h-6 px-(--space-2) text-[length:var(--font-size-sm)] leading-(--line-height-normal)",
+			lg: "min-h-8 px-(--space-3) text-[length:var(--font-size-md)] leading-(--line-height-normal)"
+		}
+	},
+	defaultVariants: {
+		family: "code",
+		size: "md"
+	}
+});
+//#endregion
+export { t as kbdVariants };
+
+//# sourceMappingURL=Kbd.variants.js.map

package/dist/components/Kbd/Kbd.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.variants.js","names":[],"sources":["../../../src/components/Kbd/Kbd.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const kbdVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"font-mono\",\n    \"rounded-(--radius-sm)\",\n    \"border border-(--nuka-border-base)\",\n    \"bg-(--nuka-bg-subtle)\",\n    \"text-(--nuka-text-base)\",\n  ],\n  {\n    variants: {\n      family: {\n        heading: \"[font-family:var(--nuka-font-heading)]\",\n        body: \"[font-family:var(--nuka-font-body)]\",\n        ui: \"[font-family:var(--nuka-font-ui)]\",\n        code: \"[font-family:var(--nuka-font-code)]\",\n      },\n      size: {\n        sm: \"min-h-5 px-(--space-1) text-[length:var(--font-size-xs)] leading-(--line-height-normal)\",\n        md: \"min-h-6 px-(--space-2) text-[length:var(--font-size-sm)] leading-(--line-height-normal)\",\n        lg: \"min-h-8 px-(--space-3) text-[length:var(--font-size-md)] leading-(--line-height-normal)\",\n      },\n    },\n    defaultVariants: {\n      family: \"code\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type KbdVariantProps = VariantProps<typeof kbdVariants>;\n"],"mappings":";;AAEA,IAAa,IAAc,EACzB;CACE;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU;EACR,QAAQ;GACN,SAAS;GACT,MAAM;GACN,IAAI;GACJ,MAAM;GACP;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACP;CACF,CACF"}

package/dist/components/Label/Label.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../FormField/FormField.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,children:r,required:a,id:o,htmlFor:s,...c},l)=>{let u=n.useFormField(),d=o??(u.labelId||void 0),f=s??(u.fieldId||void 0),p=a??u.required;return(0,i.jsxs)(`label`,{ref:l,id:d,htmlFor:f,className:t.cn(`text-sm font-medium leading-none text-(--nuka-text-base)`,e),...c,children:[r,p&&(0,i.jsx)(`span`,{"aria-hidden":`true`,className:`ml-(--space-1) text-(--nuka-danger-text)`,children:`*`})]})});a.displayName=`Label`,exports.Label=a;
+//# sourceMappingURL=Label.cjs.map

package/dist/components/Label/Label.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.cjs","names":[],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormField } from \"@nuka/components/FormField\";\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean;\n}\n\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, children, required, id, htmlFor, ...props }, ref) => {\n    const ctx = useFormField();\n\n    const resolvedId = id ?? (ctx.labelId || undefined);\n    const resolvedHtmlFor = htmlFor ?? (ctx.fieldId || undefined);\n    const resolvedRequired = required ?? ctx.required;\n\n    return (\n      <label\n        ref={ref}\n        id={resolvedId}\n        htmlFor={resolvedHtmlFor}\n        className={cn(\n          \"text-sm font-medium leading-none text-(--nuka-text-base)\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {resolvedRequired && (\n          <span\n            aria-hidden=\"true\"\n            className=\"ml-(--space-1) text-(--nuka-danger-text)\"\n          >\n            *\n          </span>\n        )}\n      </label>\n    );\n  },\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"mappings":"gOASA,IAAM,EAAQ,EAAM,YACjB,CAAE,YAAW,WAAU,WAAU,KAAI,UAAS,GAAG,GAAS,IAAQ,CACjE,IAAM,EAAM,EAAA,cAAc,CAEpB,EAAa,IAAO,EAAI,SAAW,IAAA,IACnC,EAAkB,IAAY,EAAI,SAAW,IAAA,IAC7C,EAAmB,GAAY,EAAI,SAEzC,OACE,EAAA,EAAA,MAAC,QAAD,CACO,MACL,GAAI,EACJ,QAAS,EACT,UAAW,EAAA,GACT,2DACA,EACD,CACD,GAAI,WARN,CAUG,EACA,IACC,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAU,oDACX,IAEM,CAAA,CAEH,IAGb,CAED,EAAM,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,qFA+BV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,KAAK,qFA+BV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Label/Label.js

@@ -0,0 +1,26 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useFormField as t } from "../FormField/FormField.context.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Label/Label.tsx
+var a = n.forwardRef(({ className: n, children: a, required: o, id: s, htmlFor: c, ...l }, u) => {
+	let d = t(), f = s ?? (d.labelId || void 0), p = c ?? (d.fieldId || void 0), m = o ?? d.required;
+	return /* @__PURE__ */ i("label", {
+		ref: u,
+		id: f,
+		htmlFor: p,
+		className: e("text-sm font-medium leading-none text-(--nuka-text-base)", n),
+		...l,
+		children: [a, m && /* @__PURE__ */ r("span", {
+			"aria-hidden": "true",
+			className: "ml-(--space-1) text-(--nuka-danger-text)",
+			children: "*"
+		})]
+	});
+});
+a.displayName = "Label";
+//#endregion
+export { a as Label };
+
+//# sourceMappingURL=Label.js.map

package/dist/components/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormField } from \"@nuka/components/FormField\";\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean;\n}\n\nconst Label = React.forwardRef<HTMLLabelElement, LabelProps>(\n  ({ className, children, required, id, htmlFor, ...props }, ref) => {\n    const ctx = useFormField();\n\n    const resolvedId = id ?? (ctx.labelId || undefined);\n    const resolvedHtmlFor = htmlFor ?? (ctx.fieldId || undefined);\n    const resolvedRequired = required ?? ctx.required;\n\n    return (\n      <label\n        ref={ref}\n        id={resolvedId}\n        htmlFor={resolvedHtmlFor}\n        className={cn(\n          \"text-sm font-medium leading-none text-(--nuka-text-base)\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {resolvedRequired && (\n          <span\n            aria-hidden=\"true\"\n            className=\"ml-(--space-1) text-(--nuka-danger-text)\"\n          >\n            *\n          </span>\n        )}\n      </label>\n    );\n  },\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"mappings":";;;;;;AASA,IAAM,IAAQ,EAAM,YACjB,EAAE,cAAW,aAAU,aAAU,OAAI,YAAS,GAAG,KAAS,MAAQ;CACjE,IAAM,IAAM,GAAc,EAEpB,IAAa,MAAO,EAAI,WAAW,KAAA,IACnC,IAAkB,MAAY,EAAI,WAAW,KAAA,IAC7C,IAAmB,KAAY,EAAI;AAEzC,QACE,kBAAC,SAAD;EACO;EACL,IAAI;EACJ,SAAS;EACT,WAAW,EACT,4DACA,EACD;EACD,GAAI;YARN,CAUG,GACA,KACC,kBAAC,QAAD;GACE,eAAY;GACZ,WAAU;aACX;GAEM,CAAA,CAEH;;EAGb;AAED,EAAM,cAAc"}

package/dist/components/Menu/MenuCheckboxItemBase.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./menuItemVariants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=()=>(0,a.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,a.jsx)(`path`,{d:`M20 6 9 17l-5-5`})}),s=i.forwardRef(({className:e,checked:i,onCheckedChange:s,disabled:c=!1,onClose:l,children:u,onClick:d,onKeyDown:f,...p},m)=>{let h=()=>{c||(s?.(!i),l?.())};return(0,a.jsxs)(`div`,{ref:m,role:`menuitemcheckbox`,"aria-checked":i,"aria-disabled":c||void 0,className:t.cn(r.menuCheckboxItemVariants(),c&&`opacity-50 pointer-events-none`,e),onClick:e=>{d?.(e),h()},onKeyDown:e=>{f?.(e),(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),h())},...p,children:[(0,a.jsx)(`span`,{className:`inline-flex size-4 items-center justify-center shrink-0`,children:i&&(0,a.jsx)(n.Icon,{size:`sm`,children:(0,a.jsx)(o,{})})}),u]})});s.displayName=`MenuCheckboxItemBase`,exports.MenuCheckboxItemBase=s;
+//# sourceMappingURL=MenuCheckboxItemBase.cjs.map

package/dist/components/Menu/MenuCheckboxItemBase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCheckboxItemBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuCheckboxItemBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuCheckboxItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\nexport interface MenuCheckboxItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  checked: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  onClose?: () => void;\n}\n\nconst CheckIcon = () => (\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=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\n\nconst MenuCheckboxItemBase = React.forwardRef<\n  HTMLDivElement,\n  MenuCheckboxItemBaseProps\n>(\n  (\n    {\n      className,\n      checked,\n      onCheckedChange,\n      disabled = false,\n      onClose,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleActivate = () => {\n      if (disabled) return;\n      onCheckedChange?.(!checked);\n      onClose?.();\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      onClick?.(e);\n      handleActivate();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e);\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        handleActivate();\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"menuitemcheckbox\"\n        aria-checked={checked}\n        aria-disabled={disabled || undefined}\n        className={cn(\n          menuCheckboxItemVariants(),\n          disabled && \"opacity-50 pointer-events-none\",\n          className,\n        )}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        <span className=\"inline-flex size-4 items-center justify-center shrink-0\">\n          {checked && (\n            <Icon size=\"sm\">\n              <CheckIcon />\n            </Icon>\n          )}\n        </span>\n        {children}\n      </div>\n    );\n  },\n);\n\nMenuCheckboxItemBase.displayName = \"MenuCheckboxItemBase\";\n\nexport { MenuCheckboxItemBase };\n"],"mappings":"qOAYA,IAAM,OACJ,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,kBAAoB,CAAA,CACxB,CAAA,CAGF,EAAuB,EAAM,YAK/B,CACE,YACA,UACA,kBACA,WAAW,GACX,UACA,WACA,UACA,YACA,GAAG,GAEL,IACG,CACH,IAAM,MAAuB,CACvB,IACJ,IAAkB,CAAC,EAAQ,CAC3B,KAAW,GAgBb,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,mBACL,eAAc,EACd,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,EAAA,0BAA0B,CAC1B,GAAY,iCACZ,EACD,CACD,QAxBiB,GAAwC,CAC3D,IAAU,EAAE,CACZ,GAAgB,EAuBd,UApBmB,GAA2C,CAChE,IAAY,EAAE,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,gBAAgB,CAClB,GAAgB,GAiBhB,GAAI,WAZN,EAcE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mEACb,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,EAAa,CAAA,CACR,CAAA,CAEJ,CAAA,CACN,EACG,IAGX,CAED,EAAqB,YAAc"}

package/dist/components/Menu/MenuCheckboxItemBase.js

@@ -0,0 +1,46 @@
+import { cn as e } from "../../utils/cn.js";
+import { Icon as t } from "../Icon/Icon.js";
+import { menuCheckboxItemVariants as n } from "./menuItemVariants.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Menu/MenuCheckboxItemBase.tsx
+var o = () => /* @__PURE__ */ i("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	children: /* @__PURE__ */ i("path", { d: "M20 6 9 17l-5-5" })
+}), s = r.forwardRef(({ className: r, checked: s, onCheckedChange: c, disabled: l = !1, onClose: u, children: d, onClick: f, onKeyDown: p, ...m }, h) => {
+	let g = () => {
+		l || (c?.(!s), u?.());
+	};
+	return /* @__PURE__ */ a("div", {
+		ref: h,
+		role: "menuitemcheckbox",
+		"aria-checked": s,
+		"aria-disabled": l || void 0,
+		className: e(n(), l && "opacity-50 pointer-events-none", r),
+		onClick: (e) => {
+			f?.(e), g();
+		},
+		onKeyDown: (e) => {
+			p?.(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), g());
+		},
+		...m,
+		children: [/* @__PURE__ */ i("span", {
+			className: "inline-flex size-4 items-center justify-center shrink-0",
+			children: s && /* @__PURE__ */ i(t, {
+				size: "sm",
+				children: /* @__PURE__ */ i(o, {})
+			})
+		}), d]
+	});
+});
+s.displayName = "MenuCheckboxItemBase";
+//#endregion
+export { s as MenuCheckboxItemBase };
+
+//# sourceMappingURL=MenuCheckboxItemBase.js.map

package/dist/components/Menu/MenuCheckboxItemBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCheckboxItemBase.js","names":[],"sources":["../../../src/components/Menu/MenuCheckboxItemBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuCheckboxItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\nexport interface MenuCheckboxItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  checked: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  onClose?: () => void;\n}\n\nconst CheckIcon = () => (\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=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\n\nconst MenuCheckboxItemBase = React.forwardRef<\n  HTMLDivElement,\n  MenuCheckboxItemBaseProps\n>(\n  (\n    {\n      className,\n      checked,\n      onCheckedChange,\n      disabled = false,\n      onClose,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleActivate = () => {\n      if (disabled) return;\n      onCheckedChange?.(!checked);\n      onClose?.();\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      onClick?.(e);\n      handleActivate();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e);\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        handleActivate();\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"menuitemcheckbox\"\n        aria-checked={checked}\n        aria-disabled={disabled || undefined}\n        className={cn(\n          menuCheckboxItemVariants(),\n          disabled && \"opacity-50 pointer-events-none\",\n          className,\n        )}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        <span className=\"inline-flex size-4 items-center justify-center shrink-0\">\n          {checked && (\n            <Icon size=\"sm\">\n              <CheckIcon />\n            </Icon>\n          )}\n        </span>\n        {children}\n      </div>\n    );\n  },\n);\n\nMenuCheckboxItemBase.displayName = \"MenuCheckboxItemBase\";\n\nexport { MenuCheckboxItemBase };\n"],"mappings":";;;;;;AAYA,IAAM,UACJ,kBAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WAEf,kBAAC,QAAD,EAAM,GAAE,mBAAoB,CAAA;CACxB,CAAA,EAGF,IAAuB,EAAM,YAK/B,EACE,cACA,YACA,oBACA,cAAW,IACX,YACA,aACA,YACA,cACA,GAAG,KAEL,MACG;CACH,IAAM,UAAuB;AACvB,QACJ,IAAkB,CAAC,EAAQ,EAC3B,KAAW;;AAgBb,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,gBAAc;EACd,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,GAA0B,EAC1B,KAAY,kCACZ,EACD;EACD,UAxBiB,MAAwC;AAE3D,GADA,IAAU,EAAE,EACZ,GAAgB;;EAuBd,YApBmB,MAA2C;AAEhE,GADA,IAAY,EAAE,GACV,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,GAAgB;;EAiBhB,GAAI;YAZN,CAcE,kBAAC,QAAD;GAAM,WAAU;aACb,KACC,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,GAAD,EAAa,CAAA;IACR,CAAA;GAEJ,CAAA,EACN,EACG;;EAGX;AAED,EAAqB,cAAc"}

package/dist/components/Menu/MenuContentBase.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./MenuItemBase.cjs`),r=require(`./MenuCheckboxItemBase.cjs`),i=require(`./MenuRadioItemBase.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=a.createContext(void 0);function c(){let e=a.useContext(s);if(e===void 0)throw Error(`Menu item must be used within a MenuContent component`);return e}function l(e,t,n,r){a.useEffect(()=>{if(e){r.current=0;let e=requestAnimationFrame(()=>{let e=n.current;for(let n=0;n<e.length;n++)if(e[n]){t(n);break}});return()=>cancelAnimationFrame(e)}n.current=[]},[e,t,n,r])}function u(e,t,n){return r=>{if(r.key===`ArrowLeft`&&e.onArrowLeft){r.preventDefault(),e.onArrowLeft();return}if(r.key===`ArrowRight`&&e.onArrowRight){r.preventDefault(),e.onArrowRight();return}t.onKeyDown(r),n?.(r)}}var d=a.forwardRef(({onKeyDown:e,...r},i)=>{let a=c(),s=a.indexRef.current++,l=a.getItemProps(s);return(0,o.jsx)(n.MenuItemBase,{ref:t.composeRefs(i,l.ref),tabIndex:l.tabIndex,onKeyDown:u(a,l,e),onClose:a.close,...r})});d.displayName=`MenuItemWithNav`;var f=a.forwardRef(({onKeyDown:e,...n},i)=>{let a=c(),s=a.indexRef.current++,l=a.getItemProps(s);return(0,o.jsx)(r.MenuCheckboxItemBase,{ref:t.composeRefs(i,l.ref),tabIndex:l.tabIndex,onKeyDown:u(a,l,e),onClose:a.close,...n})});f.displayName=`MenuCheckboxItemWithNav`;var p=a.forwardRef(({onKeyDown:e,...n},r)=>{let a=c(),s=a.indexRef.current++,l=a.getItemProps(s);return(0,o.jsx)(i.MenuRadioItemBase,{ref:t.composeRefs(r,l.ref),tabIndex:l.tabIndex,onKeyDown:u(a,l,e),onClose:a.close,...n})});p.displayName=`MenuRadioItemWithNav`,exports.MenuCheckboxItemWithNav=f,exports.MenuItemContext=s,exports.MenuItemWithNav=d,exports.MenuRadioItemWithNav=p,exports.useAutoFocusFirstItem=l;
+//# sourceMappingURL=MenuContentBase.cjs.map

package/dist/components/Menu/MenuContentBase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContentBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuContentBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { MenuItemBase } from \"@nuka/components/Menu/MenuItemBase\";\nimport type { MenuItemBaseProps } from \"@nuka/components/Menu/MenuItemBase\";\nimport { MenuCheckboxItemBase } from \"@nuka/components/Menu/MenuCheckboxItemBase\";\nimport type { MenuCheckboxItemBaseProps } from \"@nuka/components/Menu/MenuCheckboxItemBase\";\nimport { MenuRadioItemBase } from \"@nuka/components/Menu/MenuRadioItemBase\";\nimport type { MenuRadioItemBaseProps } from \"@nuka/components/Menu/MenuRadioItemBase\";\n\nexport interface MenuItemContextValue {\n  getItemProps: (index: number) => {\n    tabIndex: number;\n    ref: (el: HTMLElement | null) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n  };\n  indexRef: React.RefObject<number>;\n  close: () => void;\n  onArrowLeft?: (() => void) | undefined;\n  onArrowRight?: (() => void) | undefined;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContextValue | undefined>(\n  undefined,\n);\n\nfunction useMenuItemContext(): MenuItemContextValue {\n  const ctx = React.useContext(MenuItemContext);\n  if (ctx === undefined) {\n    throw new Error(\"Menu item must be used within a MenuContent component\");\n  }\n  return ctx;\n}\n\nexport function useAutoFocusFirstItem(\n  open: boolean,\n  focusItem: (index: number) => void,\n  itemsRef: React.RefObject<(HTMLElement | null)[]>,\n  itemIndexRef: React.RefObject<number>,\n): void {\n  React.useEffect(() => {\n    if (open) {\n      itemIndexRef.current = 0;\n      const frame = requestAnimationFrame(() => {\n        const items = itemsRef.current;\n        for (let i = 0; i < items.length; i++) {\n          if (items[i]) {\n            focusItem(i);\n            break;\n          }\n        }\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n    itemsRef.current = [];\n    return undefined;\n  }, [open, focusItem, itemsRef, itemIndexRef]);\n}\n\nfunction createMenuItemKeyHandler(\n  itemCtx: MenuItemContextValue,\n  navProps: ReturnType<MenuItemContextValue[\"getItemProps\"]>,\n  onKeyDown: ((e: React.KeyboardEvent<HTMLDivElement>) => void) | undefined,\n) {\n  return (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowLeft\" && itemCtx.onArrowLeft) {\n      e.preventDefault();\n      itemCtx.onArrowLeft();\n      return;\n    }\n    if (e.key === \"ArrowRight\" && itemCtx.onArrowRight) {\n      e.preventDefault();\n      itemCtx.onArrowRight();\n      return;\n    }\n    navProps.onKeyDown(e);\n    onKeyDown?.(e);\n  };\n}\n\nexport interface MenuItemWithNavProps extends Omit<\n  MenuItemBaseProps,\n  \"onClose\"\n> {}\n\nconst MenuItemWithNav = React.forwardRef<HTMLDivElement, MenuItemWithNavProps>(\n  ({ onKeyDown, ...props }, ref) => {\n    const itemCtx = useMenuItemContext();\n    const index = itemCtx.indexRef.current++;\n    const navProps = itemCtx.getItemProps(index);\n    const composedRef = composeRefs(ref, navProps.ref);\n\n    return (\n      <MenuItemBase\n        ref={composedRef}\n        tabIndex={navProps.tabIndex}\n        onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n        onClose={itemCtx.close}\n        {...props}\n      />\n    );\n  },\n);\n\nMenuItemWithNav.displayName = \"MenuItemWithNav\";\n\nexport interface MenuCheckboxItemWithNavProps extends Omit<\n  MenuCheckboxItemBaseProps,\n  \"onClose\"\n> {}\n\nconst MenuCheckboxItemWithNav = React.forwardRef<\n  HTMLDivElement,\n  MenuCheckboxItemWithNavProps\n>(({ onKeyDown, ...props }, ref) => {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuCheckboxItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n});\n\nMenuCheckboxItemWithNav.displayName = \"MenuCheckboxItemWithNav\";\n\nexport interface MenuRadioItemWithNavProps extends Omit<\n  MenuRadioItemBaseProps,\n  \"onClose\"\n> {}\n\nconst MenuRadioItemWithNav = React.forwardRef<\n  HTMLDivElement,\n  MenuRadioItemWithNavProps\n>(({ onKeyDown, ...props }, ref) => {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuRadioItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n});\n\nMenuRadioItemWithNav.displayName = \"MenuRadioItemWithNav\";\n\nexport {\n  MenuItemContext,\n  useMenuItemContext,\n  MenuItemWithNav,\n  MenuCheckboxItemWithNav,\n  MenuRadioItemWithNav,\n};\n"],"mappings":"kRAqBA,IAAM,EAAkB,EAAM,cAC5B,IAAA,GACD,CAED,SAAS,GAA2C,CAClD,IAAM,EAAM,EAAM,WAAW,EAAgB,CAC7C,GAAI,IAAQ,IAAA,GACV,MAAU,MAAM,wDAAwD,CAE1E,OAAO,EAGT,SAAgB,EACd,EACA,EACA,EACA,EACM,CACN,EAAM,cAAgB,CACpB,GAAI,EAAM,CACR,EAAa,QAAU,EACvB,IAAM,EAAQ,0BAA4B,CACxC,IAAM,EAAQ,EAAS,QACvB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,OAAQ,IAChC,GAAI,EAAM,GAAI,CACZ,EAAU,EAAE,CACZ,QAGJ,CACF,UAAa,qBAAqB,EAAM,CAE1C,EAAS,QAAU,EAAE,EAEpB,CAAC,EAAM,EAAW,EAAU,EAAa,CAAC,CAG/C,SAAS,EACP,EACA,EACA,EACA,CACA,MAAQ,IAA2C,CACjD,GAAI,EAAE,MAAQ,aAAe,EAAQ,YAAa,CAChD,EAAE,gBAAgB,CAClB,EAAQ,aAAa,CACrB,OAEF,GAAI,EAAE,MAAQ,cAAgB,EAAQ,aAAc,CAClD,EAAE,gBAAgB,CAClB,EAAQ,cAAc,CACtB,OAEF,EAAS,UAAU,EAAE,CACrB,IAAY,EAAE,EASlB,IAAM,EAAkB,EAAM,YAC3B,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,IAAM,EAAU,GAAoB,CAC9B,EAAQ,EAAQ,SAAS,UACzB,EAAW,EAAQ,aAAa,EAAM,CAG5C,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,IAJgB,EAAA,YAAY,EAAK,EAAS,IAAI,CAK9C,SAAU,EAAS,SACnB,UAAW,EAAyB,EAAS,EAAU,EAAU,CACjE,QAAS,EAAQ,MACjB,GAAI,EACJ,CAAA,EAGP,CAED,EAAgB,YAAc,kBAO9B,IAAM,EAA0B,EAAM,YAGnC,CAAE,YAAW,GAAG,GAAS,IAAQ,CAClC,IAAM,EAAU,GAAoB,CAC9B,EAAQ,EAAQ,SAAS,UACzB,EAAW,EAAQ,aAAa,EAAM,CAG5C,OACE,EAAA,EAAA,KAAC,EAAA,qBAAD,CACE,IAJgB,EAAA,YAAY,EAAK,EAAS,IAAI,CAK9C,SAAU,EAAS,SACnB,UAAW,EAAyB,EAAS,EAAU,EAAU,CACjE,QAAS,EAAQ,MACjB,GAAI,EACJ,CAAA,EAEJ,CAEF,EAAwB,YAAc,0BAOtC,IAAM,EAAuB,EAAM,YAGhC,CAAE,YAAW,GAAG,GAAS,IAAQ,CAClC,IAAM,EAAU,GAAoB,CAC9B,EAAQ,EAAQ,SAAS,UACzB,EAAW,EAAQ,aAAa,EAAM,CAG5C,OACE,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,IAJgB,EAAA,YAAY,EAAK,EAAS,IAAI,CAK9C,SAAU,EAAS,SACnB,UAAW,EAAyB,EAAS,EAAU,EAAU,CACjE,QAAS,EAAQ,MACjB,GAAI,EACJ,CAAA,EAEJ,CAEF,EAAqB,YAAc"}