@nuka-ui/core 1.0.3 → 1.1.1

package/dist/components/Select/SelectTrigger.js

@@ -0,0 +1,157 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { Icon as t } from "../Icon/Icon.js";
+import { useFormField as n } from "../FormField/FormField.context.js";
+import { useFormFieldProps as r } from "../../hooks/use-form-field-props.js";
+import { useSelect as i } from "./Select.context.js";
+import { selectTriggerVariants as a } from "./SelectTrigger.variants.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/Select/SelectTrigger.tsx
+var l = 300, u = o.forwardRef(({ className: u, placeholder: d, intent: f, size: p, disabled: m, ...h }, g) => {
+	let _ = i(), v = n(), y = r({
+		id: h.id,
+		"aria-invalid": h["aria-invalid"],
+		"aria-describedby": h["aria-describedby"],
+		"aria-required": h["aria-required"]
+	}), b = o.useRef(""), x = o.useRef(void 0), S = m ?? _.disabled, C = h["aria-labelledby"] ?? (v.labelId || void 0), w = _.value === void 0 ? void 0 : _.getOptionLabel(_.value), T = h["aria-label"] ?? (C === void 0 ? w ?? d ?? "Select" : void 0), E = o.useCallback(() => _.getOptions().filter((e) => !_.isOptionDisabled(e)), [_]), D = o.useCallback((e) => {
+		if (_.onHighlightChange(e), e !== void 0) {
+			let t = _.getOptionRef(e);
+			typeof t?.scrollIntoView == "function" && t.scrollIntoView({ block: "nearest" });
+		}
+	}, [_]), O = o.useCallback(() => {
+		_.highlightedValue !== void 0 && (_.onValueChange(_.highlightedValue), _.onOpenChange(!1));
+	}, [_]), k = o.useCallback((e) => {
+		let t = E();
+		if (t.length === 0) return;
+		let n = _.highlightedValue === void 0 ? -1 : t.indexOf(_.highlightedValue), r;
+		switch (e) {
+			case "next":
+				r = n < t.length - 1 ? n + 1 : 0;
+				break;
+			case "prev":
+				r = n > 0 ? n - 1 : t.length - 1;
+				break;
+			case "first":
+				r = 0;
+				break;
+			case "last":
+				r = t.length - 1;
+				break;
+		}
+		let i = t[r];
+		i !== void 0 && D(i);
+	}, [
+		_.highlightedValue,
+		E,
+		D
+	]), A = o.useCallback((e) => {
+		_.onOpenChange(!0);
+		let t = E();
+		if (t.length !== 0) {
+			if (e === "current" && _.value !== void 0) {
+				let e = t.indexOf(_.value);
+				if (e !== -1) {
+					D(t[e]);
+					return;
+				}
+			}
+			D(e === "last" ? t[t.length - 1] : t[0]);
+		}
+	}, [
+		_,
+		E,
+		D
+	]), j = o.useCallback((e) => {
+		x.current !== void 0 && clearTimeout(x.current), b.current += e.toLowerCase(), x.current = setTimeout(() => {
+			b.current = "";
+		}, l);
+		let t = E().find((e) => _.getOptionLabel(e)?.toLowerCase().startsWith(b.current));
+		t !== void 0 && (_.open || _.onOpenChange(!0), D(t));
+	}, [
+		_,
+		E,
+		D
+	]), M = (e) => {
+		if (h.onKeyDown?.(e), !e.defaultPrevented) switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), _.open ? k("next") : A("first");
+				break;
+			case "ArrowUp":
+				e.preventDefault(), _.open ? k("prev") : A("last");
+				break;
+			case "Home":
+				_.open && (e.preventDefault(), k("first"));
+				break;
+			case "End":
+				_.open && (e.preventDefault(), k("last"));
+				break;
+			case "Enter":
+				e.preventDefault(), _.open ? O() : A("current");
+				break;
+			case " ":
+				e.preventDefault(), _.open ? O() : A("current");
+				break;
+			case "Escape":
+				_.open && (e.preventDefault(), _.onOpenChange(!1));
+				break;
+			case "Tab":
+				_.open && _.onOpenChange(!1);
+				break;
+			default:
+				e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && j(e.key);
+				break;
+		}
+	}, N = (e) => {
+		if (h.onClick?.(e), !e.defaultPrevented && (_.onOpenChange(!_.open), !_.open)) {
+			let e = E();
+			_.value !== void 0 && e.includes(_.value) && D(_.value);
+		}
+	}, P = _.open && _.highlightedValue !== void 0 ? `${_.listboxId}-option-${_.highlightedValue}` : void 0;
+	return /* @__PURE__ */ c("button", {
+		...h,
+		ref: g,
+		type: "button",
+		id: y.resolvedId,
+		role: "combobox",
+		"aria-haspopup": "listbox",
+		"aria-expanded": _.open,
+		"aria-controls": _.listboxId,
+		"aria-activedescendant": P,
+		"aria-label": T,
+		"aria-labelledby": C,
+		"aria-invalid": y.ariaInvalid,
+		"aria-describedby": y.ariaDescribedBy,
+		"aria-required": y.ariaRequired,
+		disabled: S,
+		className: e(a({
+			intent: f,
+			size: p
+		}), u),
+		onClick: N,
+		onKeyDown: M,
+		children: [/* @__PURE__ */ s("span", {
+			className: e("truncate", w === void 0 && "text-(--nuka-text-muted)"),
+			children: w ?? d
+		}), /* @__PURE__ */ s(t, {
+			size: "sm",
+			color: "muted",
+			className: e("transition-transform duration-150", _.open && "rotate-180"),
+			children: /* @__PURE__ */ s("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: /* @__PURE__ */ s("path", { d: "m6 9 6 6 6-6" })
+			})
+		})]
+	});
+});
+u.displayName = "SelectTrigger";
+//#endregion
+export { u as SelectTrigger };
+
+//# sourceMappingURL=SelectTrigger.js.map

package/dist/components/Select/SelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.js","names":[],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useSelect } from \"@nuka/components/Select/Select.context\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport {\n  selectTriggerVariants,\n  type SelectTriggerVariantProps,\n} from \"@nuka/components/Select/SelectTrigger.variants\";\n\nexport interface SelectTriggerProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"children\">,\n    SelectTriggerVariantProps {\n  placeholder?: string;\n}\n\nconst TYPEAHEAD_TIMEOUT = 300;\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, SelectTriggerProps>(\n  (\n    { className, placeholder, intent, size, disabled: disabledProp, ...props },\n    ref,\n  ) => {\n    const ctx = useSelect();\n    const formCtx = useFormField();\n\n    const field = useFormFieldProps({\n      id: props.id,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const typeaheadBufferRef = React.useRef(\"\");\n    const typeaheadTimerRef = React.useRef<\n      ReturnType<typeof setTimeout> | undefined\n    >(undefined);\n\n    const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n    const ariaLabelledBy =\n      props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n    const displayLabel =\n      ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n    // Fallback aria-label when no aria-labelledby provides a name.\n    // role=\"combobox\" has nameFrom:author, so text content alone won't work.\n    const ariaLabel =\n      props[\"aria-label\"] ??\n      (ariaLabelledBy === undefined\n        ? (displayLabel ?? placeholder ?? \"Select\")\n        : undefined);\n\n    const getEnabledOptions = React.useCallback((): string[] => {\n      return ctx.getOptions().filter((v) => !ctx.isOptionDisabled(v));\n    }, [ctx]);\n\n    const highlightOption = React.useCallback(\n      (optionValue: string | undefined) => {\n        ctx.onHighlightChange(optionValue);\n        if (optionValue !== undefined) {\n          const optionEl = ctx.getOptionRef(optionValue);\n          if (typeof optionEl?.scrollIntoView === \"function\") {\n            optionEl.scrollIntoView({ block: \"nearest\" });\n          }\n        }\n      },\n      [ctx],\n    );\n\n    const selectHighlighted = React.useCallback(() => {\n      if (ctx.highlightedValue !== undefined) {\n        ctx.onValueChange(ctx.highlightedValue);\n        ctx.onOpenChange(false);\n      }\n    }, [ctx]);\n\n    const moveHighlight = React.useCallback(\n      (direction: \"next\" | \"prev\" | \"first\" | \"last\") => {\n        const options = getEnabledOptions();\n        if (options.length === 0) return;\n\n        const currentIndex =\n          ctx.highlightedValue !== undefined\n            ? options.indexOf(ctx.highlightedValue)\n            : -1;\n\n        let nextIndex: number;\n        switch (direction) {\n          case \"next\":\n            nextIndex =\n              currentIndex < options.length - 1 ? currentIndex + 1 : 0;\n            break;\n          case \"prev\":\n            nextIndex =\n              currentIndex > 0 ? currentIndex - 1 : options.length - 1;\n            break;\n          case \"first\":\n            nextIndex = 0;\n            break;\n          case \"last\":\n            nextIndex = options.length - 1;\n            break;\n        }\n\n        const nextValue = options[nextIndex];\n        if (nextValue !== undefined) {\n          highlightOption(nextValue);\n        }\n      },\n      [ctx.highlightedValue, getEnabledOptions, highlightOption],\n    );\n\n    const openAndHighlight = React.useCallback(\n      (direction: \"first\" | \"last\" | \"current\") => {\n        ctx.onOpenChange(true);\n        const options = getEnabledOptions();\n        if (options.length === 0) return;\n\n        if (direction === \"current\" && ctx.value !== undefined) {\n          const valueIndex = options.indexOf(ctx.value);\n          if (valueIndex !== -1) {\n            highlightOption(options[valueIndex]);\n            return;\n          }\n        }\n\n        if (direction === \"last\") {\n          highlightOption(options[options.length - 1]);\n        } else {\n          highlightOption(options[0]);\n        }\n      },\n      [ctx, getEnabledOptions, highlightOption],\n    );\n\n    const handleTypeahead = React.useCallback(\n      (char: string) => {\n        if (typeaheadTimerRef.current !== undefined) {\n          clearTimeout(typeaheadTimerRef.current);\n        }\n\n        typeaheadBufferRef.current += char.toLowerCase();\n\n        typeaheadTimerRef.current = setTimeout(() => {\n          typeaheadBufferRef.current = \"\";\n        }, TYPEAHEAD_TIMEOUT);\n\n        const options = getEnabledOptions();\n        const match = options.find((v) => {\n          const label = ctx.getOptionLabel(v);\n          return label?.toLowerCase().startsWith(typeaheadBufferRef.current);\n        });\n\n        if (match !== undefined) {\n          if (!ctx.open) {\n            ctx.onOpenChange(true);\n          }\n          highlightOption(match);\n        }\n      },\n      [ctx, getEnabledOptions, highlightOption],\n    );\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      props.onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"first\");\n          } else {\n            moveHighlight(\"next\");\n          }\n          break;\n\n        case \"ArrowUp\":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"last\");\n          } else {\n            moveHighlight(\"prev\");\n          }\n          break;\n\n        case \"Home\":\n          if (ctx.open) {\n            e.preventDefault();\n            moveHighlight(\"first\");\n          }\n          break;\n\n        case \"End\":\n          if (ctx.open) {\n            e.preventDefault();\n            moveHighlight(\"last\");\n          }\n          break;\n\n        case \"Enter\":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"current\");\n          } else {\n            selectHighlighted();\n          }\n          break;\n\n        case \" \":\n          e.preventDefault();\n          if (!ctx.open) {\n            openAndHighlight(\"current\");\n          } else {\n            selectHighlighted();\n          }\n          break;\n\n        case \"Escape\":\n          if (ctx.open) {\n            e.preventDefault();\n            ctx.onOpenChange(false);\n          }\n          break;\n\n        case \"Tab\":\n          if (ctx.open) {\n            ctx.onOpenChange(false);\n            // Do not preventDefault: allow Tab to move focus naturally\n          }\n          break;\n\n        default:\n          if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n            handleTypeahead(e.key);\n          }\n          break;\n      }\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      props.onClick?.(e);\n      if (e.defaultPrevented) return;\n      ctx.onOpenChange(!ctx.open);\n      if (!ctx.open) {\n        // Opening: highlight current value or first option\n        const options = getEnabledOptions();\n        if (ctx.value !== undefined && options.includes(ctx.value)) {\n          highlightOption(ctx.value);\n        }\n      }\n    };\n\n    // aria-activedescendant must be undefined (not empty string) when no highlight\n    const ariaActiveDescendant =\n      ctx.open && ctx.highlightedValue !== undefined\n        ? `${ctx.listboxId}-option-${ctx.highlightedValue}`\n        : undefined;\n\n    return (\n      <button\n        {...props}\n        ref={ref}\n        type=\"button\"\n        id={field.resolvedId}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={ctx.open}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={ariaActiveDescendant}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        disabled={resolvedDisabled}\n        className={cn(selectTriggerVariants({ intent, size }), className)}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n      >\n        <span\n          className={cn(\n            \"truncate\",\n            displayLabel === undefined && \"text-(--nuka-text-muted)\",\n          )}\n        >\n          {displayLabel ?? placeholder}\n        </span>\n        <Icon\n          size=\"sm\"\n          color=\"muted\"\n          className={cn(\n            \"transition-transform duration-150\",\n            ctx.open && \"rotate-180\",\n          )}\n        >\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=\"m6 9 6 6 6-6\" />\n          </svg>\n        </Icon>\n      </button>\n    );\n  },\n);\n\nSelectTrigger.displayName = \"SelectTrigger\";\n\nexport { SelectTrigger, selectTriggerVariants };\n"],"mappings":"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"}

package/dist/components/Select/SelectTrigger.variants.cjs

@@ -0,0 +1,2 @@
+var e=require(`../../node_modules/class-variance-authority/dist/index.cjs`).cva([`w-full`,`inline-flex items-center justify-between`,`rounded-(--radius-md)`,`border`,`bg-(--nuka-input-bg)`,`text-(--nuka-text-base)`,`text-left`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`disabled:cursor-not-allowed disabled:opacity-50`,`transition-colors duration-150`],{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.selectTriggerVariants=e;
+//# sourceMappingURL=SelectTrigger.variants.cjs.map

package/dist/components/Select/SelectTrigger.variants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.variants.cjs","names":[],"sources":["../../../src/components/Select/SelectTrigger.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const selectTriggerVariants = cva(\n  [\n    \"w-full\",\n    \"inline-flex items-center justify-between\",\n    \"rounded-(--radius-md)\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-base)\",\n    \"text-left\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"transition-colors duration-150\",\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 SelectTriggerVariantProps = VariantProps<\n  typeof selectTriggerVariants\n>;\n"],"mappings":"AAEA,IAAa,wEAAwB,IACnC,CACE,SACA,2CACA,wBACA,SACA,uBACA,0BACA,YACA,qGACA,kDACA,iCACD,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/Select/SelectTrigger.variants.js

@@ -0,0 +1,36 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Select/SelectTrigger.variants.ts
+var t = e([
+	"w-full",
+	"inline-flex items-center justify-between",
+	"rounded-(--radius-md)",
+	"border",
+	"bg-(--nuka-input-bg)",
+	"text-(--nuka-text-base)",
+	"text-left",
+	"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)",
+	"disabled:cursor-not-allowed disabled:opacity-50",
+	"transition-colors duration-150"
+], {
+	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 { t as selectTriggerVariants };
+
+//# sourceMappingURL=SelectTrigger.variants.js.map

package/dist/components/Select/SelectTrigger.variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.variants.js","names":[],"sources":["../../../src/components/Select/SelectTrigger.variants.ts"],"sourcesContent":["import { cva, type VariantProps } from \"@nuka/utils/variants\";\n\nexport const selectTriggerVariants = cva(\n  [\n    \"w-full\",\n    \"inline-flex items-center justify-between\",\n    \"rounded-(--radius-md)\",\n    \"border\",\n    \"bg-(--nuka-input-bg)\",\n    \"text-(--nuka-text-base)\",\n    \"text-left\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"transition-colors duration-150\",\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 SelectTriggerVariantProps = VariantProps<\n  typeof selectTriggerVariants\n>;\n"],"mappings":";;AAEA,IAAa,IAAwB,EACnC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,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/Sheet/Sheet.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/dismiss-button.cjs`),i=require(`../../utils/portal.cjs`),a=require(`../../hooks/use-scroll-lock.cjs`),o=require(`../../hooks/use-escape-key.cjs`),s=require(`../../hooks/use-focus-trap.cjs`),c=require(`../../utils/modal-primitive.cjs`),l=require(`./Sheet.context.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);var{Root:f,Trigger:p,Title:m,Description:h,Close:g}=c.createModalPrimitive({displayNamePrefix:`Sheet`,closeLabel:`Close sheet`,Context:l.SheetContext,useContext:l.useSheetContext}),_={right:`inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l`,left:`inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r`,top:`inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b`,bottom:`inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t`},v=u.forwardRef(({side:e=`right`,className:f,children:p,...m},h)=>{let g=l.useSheetContext(),v=u.useRef(null),y=n.composeRefs(h,v);return s.useFocusTrap(v,g.open),a.useScrollLock(g.open),c.useModalTitleWarning(`Sheet`,g.titleId,g.open),o.useEscapeKey(()=>g.onOpenChange(!1),g.open),g.open?(0,d.jsxs)(i.Portal,{children:[(0,d.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`,`data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]`),"data-state":`open`,onClick:()=>g.onOpenChange(!1),"aria-hidden":`true`}),(0,d.jsxs)(`div`,{ref:y,role:`dialog`,"aria-modal":`true`,"aria-labelledby":g.titleId,"aria-describedby":g.hasDescription?g.descriptionId:void 0,tabIndex:-1,"data-state":`open`,"data-side":e,className:t.cn(`fixed z-(--nuka-z-modal)`,`bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md`,`p-(--space-6)`,`transition-transform duration-300 ease-in-out`,`motion-reduce:transition-none`,`focus-visible:outline-none`,_[e],f),...m,children:[(0,d.jsx)(r.DismissButton,{onClick:()=>g.onOpenChange(!1),label:`Close sheet`,className:`absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)`}),p]})]}):null});v.displayName=`SheetContent`,exports.Sheet=f,exports.SheetClose=g,exports.SheetContent=v,exports.SheetDescription=h,exports.SheetTitle=m,exports.SheetTrigger=p;
+//# sourceMappingURL=Sheet.cjs.map

package/dist/components/Sheet/Sheet.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.cjs","names":[],"sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n  useModalTitleWarning,\n} from \"@nuka/utils/modal-primitive\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  SheetContext,\n  useSheetContext,\n} from \"@nuka/components/Sheet/Sheet.context\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nconst {\n  Root: Sheet,\n  Trigger: SheetTrigger,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Sheet\",\n  closeLabel: \"Close sheet\",\n  Context: SheetContext,\n  useContext: useSheetContext,\n});\n\nexport type SheetProps = ModalRootProps;\nexport type SheetTriggerProps = ModalTriggerProps;\nexport type SheetTitleProps = ModalTitleProps;\nexport type SheetDescriptionProps = ModalDescriptionProps;\nexport type SheetCloseProps = ModalCloseProps;\n\nconst sideClasses: Record<SheetSide, string> = {\n  right:\n    \"inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l\",\n  left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r\",\n  top: \"inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b\",\n  bottom:\n    \"inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t\",\n};\n\nexport interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  side?: SheetSide;\n}\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ side = \"right\", className, children, ...props }, ref) => {\n    const ctx = useSheetContext();\n    const panelRef = React.useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, panelRef);\n\n    useFocusTrap(panelRef, ctx.open);\n    useScrollLock(ctx.open);\n    useModalTitleWarning(\"Sheet\", ctx.titleId, ctx.open);\n    useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n    if (!ctx.open) return null;\n\n    return (\n      <Portal>\n        <div\n          className={cn(\n            \"fixed inset-0 z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-overlay)\",\n            \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n          )}\n          data-state=\"open\"\n          onClick={() => ctx.onOpenChange(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          ref={composedRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ctx.titleId}\n          aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n          tabIndex={-1}\n          data-state=\"open\"\n          data-side={side}\n          className={cn(\n            \"fixed z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md\",\n            \"p-(--space-6)\",\n            \"transition-transform duration-300 ease-in-out\",\n            \"motion-reduce:transition-none\",\n            // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n            \"focus-visible:outline-none\",\n            sideClasses[side],\n            className,\n          )}\n          {...props}\n        >\n          <DismissButton\n            onClick={() => ctx.onOpenChange(false)}\n            label=\"Close sheet\"\n            className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n          />\n          {children}\n        </div>\n      </Portal>\n    );\n  },\n);\n\nSheetContent.displayName = \"SheetContent\";\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n  SheetClose,\n};\n"],"mappings":"qfA2BA,GAAM,CACJ,KAAM,EACN,QAAS,EACT,MAAO,EACP,YAAa,EACb,MAAO,GACL,EAAA,qBAAqB,CACvB,kBAAmB,QACnB,WAAY,cACZ,QAAS,EAAA,aACT,WAAY,EAAA,gBACb,CAAC,CAQI,EAAyC,CAC7C,MACE,oGACF,KAAM,oGACN,IAAK,oFACL,OACE,sFACH,CAMK,EAAe,EAAM,YACxB,CAAE,OAAO,QAAS,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC1D,IAAM,EAAM,EAAA,iBAAiB,CACvB,EAAW,EAAM,OAAuB,KAAK,CAC7C,EAAc,EAAA,YAAY,EAAK,EAAS,CAS9C,OAPA,EAAA,aAAa,EAAU,EAAI,KAAK,CAChC,EAAA,cAAc,EAAI,KAAK,CACvB,EAAA,qBAAqB,QAAS,EAAI,QAAS,EAAI,KAAK,CACpD,EAAA,iBAAmB,EAAI,aAAa,GAAM,CAAE,EAAI,KAAK,CAEhD,EAAI,MAGP,EAAA,EAAA,MAAC,EAAA,OAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,yBACA,uEACD,CACD,aAAW,OACX,YAAe,EAAI,aAAa,GAAM,CACtC,cAAY,OACZ,CAAA,EACF,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,SACL,aAAW,OACX,kBAAiB,EAAI,QACrB,mBAAkB,EAAI,eAAiB,EAAI,cAAgB,IAAA,GAC3D,SAAU,GACV,aAAW,OACX,YAAW,EACX,UAAW,EAAA,GACT,2BACA,4DACA,gBACA,gDACA,gCAEA,6BACA,EAAY,GACZ,EACD,CACD,GAAI,WApBN,EAsBE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAI,aAAa,GAAM,CACtC,MAAM,cACN,UAAU,sEACV,CAAA,CACD,EACG,GACC,CAAA,CAAA,CA3CW,MA8CzB,CAED,EAAa,YAAc"}

package/dist/components/Sheet/Sheet.context.cjs

@@ -0,0 +1,2 @@
+"use client";require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(0,e.createContext)(null);function n(){let n=(0,e.useContext)(t);if(n===null)throw Error(`Sheet compound components must be used within <Sheet>`);return n}exports.SheetContext=t,exports.useSheetContext=n;
+//# sourceMappingURL=Sheet.context.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.context.cjs","names":[],"sources":["../../../src/components/Sheet/Sheet.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface SheetContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n  hasDescription: boolean;\n  setHasDescription: (value: boolean) => void;\n}\n\nconst SheetContext = createContext<SheetContextValue | null>(null);\n\nfunction useSheetContext(): SheetContextValue {\n  const context = useContext(SheetContext);\n  if (context === null) {\n    throw new Error(\"Sheet compound components must be used within <Sheet>\");\n  }\n  return context;\n}\n\nexport { SheetContext, useSheetContext };\n"],"mappings":"oFAYA,IAAM,GAAA,EAAA,EAAA,eAAuD,KAAK,CAElE,SAAS,GAAqC,CAC5C,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAa,CACxC,GAAI,IAAY,KACd,MAAU,MAAM,wDAAwD,CAE1E,OAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sheet.context.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.context.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,QAAA,MAAM,YAAY,mDAAgD,CAAC;AAEnE,iBAAS,eAAe,IAAI,iBAAiB,CAM5C;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"Sheet.context.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.context.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,QAAA,MAAM,YAAY,mDAAgD,CAAC;AAEnE,iBAAS,eAAe,IAAI,iBAAiB,CAM5C;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Sheet/Sheet.context.js

@@ -0,0 +1,13 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+//#region src/components/Sheet/Sheet.context.tsx
+var n = e(null);
+function r() {
+	let e = t(n);
+	if (e === null) throw Error("Sheet compound components must be used within <Sheet>");
+	return e;
+}
+//#endregion
+export { n as SheetContext, r as useSheetContext };
+
+//# sourceMappingURL=Sheet.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.context.js","names":[],"sources":["../../../src/components/Sheet/Sheet.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface SheetContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n  hasDescription: boolean;\n  setHasDescription: (value: boolean) => void;\n}\n\nconst SheetContext = createContext<SheetContextValue | null>(null);\n\nfunction useSheetContext(): SheetContextValue {\n  const context = useContext(SheetContext);\n  if (context === null) {\n    throw new Error(\"Sheet compound components must be used within <Sheet>\");\n  }\n  return context;\n}\n\nexport { SheetContext, useSheetContext };\n"],"mappings":";;;AAYA,IAAM,IAAe,EAAwC,KAAK;AAElE,SAAS,IAAqC;CAC5C,IAAM,IAAU,EAAW,EAAa;AACxC,KAAI,MAAY,KACd,OAAU,MAAM,wDAAwD;AAE1E,QAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAMrC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,QAAA,MACQ,KAAK,4BACF,YAAY,+FACd,UAAU,uFACJ,gBAAgB,6FACtB,UAAU,2FAMjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AACxC,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAClD,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAC9C,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAW9C,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,QAAA,MAAM,YAAY,0FAyDjB,CAAC;AAIF,OAAO,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,UAAU,GACX,CAAC"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAMrC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,QAAA,MACQ,KAAK,4BACF,YAAY,+FACd,UAAU,uFACJ,gBAAgB,6FACtB,UAAU,2FAMjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AACxC,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAClD,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAC9C,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,CAAC;AAC1D,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;AAW9C,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,QAAA,MAAM,YAAY,0FAyDjB,CAAC;AAIF,OAAO,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,UAAU,GACX,CAAC"}

package/dist/components/Sheet/Sheet.js

@@ -0,0 +1,53 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { composeRefs as t } from "../../utils/slot.js";
+import { DismissButton as n } from "../../utils/dismiss-button.js";
+import { Portal as r } from "../../utils/portal.js";
+import { useScrollLock as i } from "../../hooks/use-scroll-lock.js";
+import { useEscapeKey as a } from "../../hooks/use-escape-key.js";
+import { useFocusTrap as o } from "../../hooks/use-focus-trap.js";
+import { createModalPrimitive as s, useModalTitleWarning as c } from "../../utils/modal-primitive.js";
+import { SheetContext as l, useSheetContext as u } from "./Sheet.context.js";
+import * as d from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/Sheet/Sheet.tsx
+var { Root: m, Trigger: h, Title: g, Description: _, Close: v } = s({
+	displayNamePrefix: "Sheet",
+	closeLabel: "Close sheet",
+	Context: l,
+	useContext: u
+}), y = {
+	right: "inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l",
+	left: "inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r",
+	top: "inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b",
+	bottom: "inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t"
+}, b = d.forwardRef(({ side: s = "right", className: l, children: m, ...h }, g) => {
+	let _ = u(), v = d.useRef(null), b = t(g, v);
+	return o(v, _.open), i(_.open), c("Sheet", _.titleId, _.open), a(() => _.onOpenChange(!1), _.open), _.open ? /* @__PURE__ */ p(r, { children: [/* @__PURE__ */ f("div", {
+		className: e("fixed inset-0 z-(--nuka-z-modal)", "bg-(--nuka-bg-overlay)", "data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]"),
+		"data-state": "open",
+		onClick: () => _.onOpenChange(!1),
+		"aria-hidden": "true"
+	}), /* @__PURE__ */ p("div", {
+		ref: b,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": _.titleId,
+		"aria-describedby": _.hasDescription ? _.descriptionId : void 0,
+		tabIndex: -1,
+		"data-state": "open",
+		"data-side": s,
+		className: e("fixed z-(--nuka-z-modal)", "bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md", "p-(--space-6)", "transition-transform duration-300 ease-in-out", "motion-reduce:transition-none", "focus-visible:outline-none", y[s], l),
+		...h,
+		children: [/* @__PURE__ */ f(n, {
+			onClick: () => _.onOpenChange(!1),
+			label: "Close sheet",
+			className: "absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)"
+		}), m]
+	})] }) : null;
+});
+b.displayName = "SheetContent";
+//#endregion
+export { m as Sheet, v as SheetClose, b as SheetContent, _ as SheetDescription, g as SheetTitle, h as SheetTrigger };
+
+//# sourceMappingURL=Sheet.js.map

package/dist/components/Sheet/Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.js","names":[],"sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n  createModalPrimitive,\n  useEscapeKey,\n  useModalTitleWarning,\n} from \"@nuka/utils/modal-primitive\";\nimport type {\n  ModalRootProps,\n  ModalTriggerProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n  SheetContext,\n  useSheetContext,\n} from \"@nuka/components/Sheet/Sheet.context\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nconst {\n  Root: Sheet,\n  Trigger: SheetTrigger,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n} = createModalPrimitive({\n  displayNamePrefix: \"Sheet\",\n  closeLabel: \"Close sheet\",\n  Context: SheetContext,\n  useContext: useSheetContext,\n});\n\nexport type SheetProps = ModalRootProps;\nexport type SheetTriggerProps = ModalTriggerProps;\nexport type SheetTitleProps = ModalTitleProps;\nexport type SheetDescriptionProps = ModalDescriptionProps;\nexport type SheetCloseProps = ModalCloseProps;\n\nconst sideClasses: Record<SheetSide, string> = {\n  right:\n    \"inset-y-0 right-0 h-full w-3/4 max-w-sm translate-x-full data-[state=open]:translate-x-0 border-l\",\n  left: \"inset-y-0 left-0 h-full w-3/4 max-w-sm -translate-x-full data-[state=open]:translate-x-0 border-r\",\n  top: \"inset-x-0 top-0 w-full -translate-y-full data-[state=open]:translate-y-0 border-b\",\n  bottom:\n    \"inset-x-0 bottom-0 w-full translate-y-full data-[state=open]:translate-y-0 border-t\",\n};\n\nexport interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  side?: SheetSide;\n}\n\nconst SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ side = \"right\", className, children, ...props }, ref) => {\n    const ctx = useSheetContext();\n    const panelRef = React.useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, panelRef);\n\n    useFocusTrap(panelRef, ctx.open);\n    useScrollLock(ctx.open);\n    useModalTitleWarning(\"Sheet\", ctx.titleId, ctx.open);\n    useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n    if (!ctx.open) return null;\n\n    return (\n      <Portal>\n        <div\n          className={cn(\n            \"fixed inset-0 z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-overlay)\",\n            \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n          )}\n          data-state=\"open\"\n          onClick={() => ctx.onOpenChange(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          ref={composedRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={ctx.titleId}\n          aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n          tabIndex={-1}\n          data-state=\"open\"\n          data-side={side}\n          className={cn(\n            \"fixed z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-base) border-(--nuka-border-base) shadow-md\",\n            \"p-(--space-6)\",\n            \"transition-transform duration-300 ease-in-out\",\n            \"motion-reduce:transition-none\",\n            // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n            \"focus-visible:outline-none\",\n            sideClasses[side],\n            className,\n          )}\n          {...props}\n        >\n          <DismissButton\n            onClick={() => ctx.onOpenChange(false)}\n            label=\"Close sheet\"\n            className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n          />\n          {children}\n        </div>\n      </Portal>\n    );\n  },\n);\n\nSheetContent.displayName = \"SheetContent\";\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n  SheetClose,\n};\n"],"mappings":";;;;;;;;;;;;;AA2BA,IAAM,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,aAAa,GACb,OAAO,MACL,EAAqB;CACvB,mBAAmB;CACnB,YAAY;CACZ,SAAS;CACT,YAAY;CACb,CAAC,EAQI,IAAyC;CAC7C,OACE;CACF,MAAM;CACN,KAAK;CACL,QACE;CACH,EAMK,IAAe,EAAM,YACxB,EAAE,UAAO,SAAS,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC1D,IAAM,IAAM,GAAiB,EACvB,IAAW,EAAM,OAAuB,KAAK,EAC7C,IAAc,EAAY,GAAK,EAAS;AAS9C,QAPA,EAAa,GAAU,EAAI,KAAK,EAChC,EAAc,EAAI,KAAK,EACvB,EAAqB,SAAS,EAAI,SAAS,EAAI,KAAK,EACpD,QAAmB,EAAI,aAAa,GAAM,EAAE,EAAI,KAAK,EAEhD,EAAI,OAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,WAAW,EACT,oCACA,0BACA,uEACD;EACD,cAAW;EACX,eAAe,EAAI,aAAa,GAAM;EACtC,eAAY;EACZ,CAAA,EACF,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,mBAAiB,EAAI;EACrB,oBAAkB,EAAI,iBAAiB,EAAI,gBAAgB,KAAA;EAC3D,UAAU;EACV,cAAW;EACX,aAAW;EACX,WAAW,EACT,4BACA,6DACA,iBACA,iDACA,iCAEA,8BACA,EAAY,IACZ,EACD;EACD,GAAI;YApBN,CAsBE,kBAAC,GAAD;GACE,eAAe,EAAI,aAAa,GAAM;GACtC,OAAM;GACN,WAAU;GACV,CAAA,EACD,EACG;IACC,EAAA,CAAA,GA3CW;EA8CzB;AAED,EAAa,cAAc"}

package/dist/components/Sidebar/Sidebar.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Sheet/Sheet.cjs`),r=require(`./Sidebar.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,children:i,...o},s)=>{let{expanded:c,isMobile:l,mobileOpen:u,setMobileOpen:d}=r.useSidebarContext();return l?(0,a.jsx)(n.Sheet,{open:u,onOpenChange:d,children:(0,a.jsxs)(n.SheetContent,{side:`left`,className:`w-72 p-0`,children:[(0,a.jsx)(n.SheetTitle,{className:`sr-only`,children:`Navigation`}),(0,a.jsx)(n.SheetDescription,{className:`sr-only`,children:`Main navigation menu`}),(0,a.jsx)(`div`,{className:`flex h-full flex-col`,...o,children:i})]})}):(0,a.jsx)(`aside`,{ref:s,"data-expanded":c?``:void 0,"data-collapsed":c?void 0:``,className:t.cn(`flex h-full flex-col`,`border-r border-(--nuka-border-base)`,`bg-(--nuka-bg-base)`,`transition-[width] duration-200 ease-in-out`,`motion-reduce:transition-none`,`overflow-hidden shrink-0`,c?`w-64`:`w-14`,e),...o,children:i})});o.displayName=`Sidebar`,exports.Sidebar=o;
+//# sourceMappingURL=Sidebar.cjs.map

package/dist/components/Sidebar/Sidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.cjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n} from \"@nuka/components/Sheet\";\n\nexport interface SidebarProps extends React.HTMLAttributes<HTMLElement> {}\n\nconst Sidebar = React.forwardRef<HTMLElement, SidebarProps>(\n  ({ className, children, ...props }, ref) => {\n    const { expanded, isMobile, mobileOpen, setMobileOpen } =\n      useSidebarContext();\n\n    if (isMobile) {\n      return (\n        <Sheet open={mobileOpen} onOpenChange={setMobileOpen}>\n          {/* w-72 (288px): layout-specific width, no matching design token */}\n          <SheetContent side=\"left\" className=\"w-72 p-0\">\n            <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n            <SheetDescription className=\"sr-only\">\n              Main navigation menu\n            </SheetDescription>\n            <div className=\"flex h-full flex-col\" {...props}>\n              {children}\n            </div>\n          </SheetContent>\n        </Sheet>\n      );\n    }\n\n    return (\n      <aside\n        ref={ref}\n        data-expanded={expanded ? \"\" : undefined}\n        data-collapsed={!expanded ? \"\" : undefined}\n        className={cn(\n          \"flex h-full flex-col\",\n          \"border-r border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base)\",\n          \"transition-[width] duration-200 ease-in-out\",\n          \"motion-reduce:transition-none\",\n          \"overflow-hidden shrink-0\",\n          // w-64 (256px) expanded, w-14 (56px) collapsed: layout-specific widths, no matching design tokens\n          expanded ? \"w-64\" : \"w-14\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </aside>\n    );\n  },\n);\n\nSidebar.displayName = \"Sidebar\";\n\nexport { Sidebar };\n"],"mappings":"mPAaA,IAAM,EAAU,EAAM,YACnB,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC1C,GAAM,CAAE,WAAU,WAAU,aAAY,iBACtC,EAAA,mBAAmB,CAmBrB,OAjBI,GAEA,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,KAAM,EAAY,aAAc,YAErC,EAAA,EAAA,MAAC,EAAA,aAAD,CAAc,KAAK,OAAO,UAAU,oBAApC,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,UAAU,mBAAU,aAAuB,CAAA,EACvD,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,UAAU,mBAAU,uBAEnB,CAAA,EACnB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,uBAAuB,GAAI,EACvC,WACG,CAAA,CACO,GACT,CAAA,EAKV,EAAA,EAAA,KAAC,QAAD,CACO,MACL,gBAAe,EAAW,GAAK,IAAA,GAC/B,iBAAiB,EAAgB,IAAA,GAAL,GAC5B,UAAW,EAAA,GACT,uBACA,uCACA,sBACA,8CACA,gCACA,2BAEA,EAAW,OAAS,OACpB,EACD,CACD,GAAI,EAEH,WACK,CAAA,EAGb,CAED,EAAQ,YAAc"}

package/dist/components/Sidebar/Sidebar.context.cjs

@@ -0,0 +1,2 @@
+"use client";require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(0,e.createContext)(null);function n(){let n=(0,e.useContext)(t);if(n===null)throw Error(`Sidebar compound components must be used within <SidebarProvider>`);return n}exports.SidebarContext=t,exports.useSidebarContext=n;
+//# sourceMappingURL=Sidebar.context.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.context.cjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface SidebarContextValue {\n  expanded: boolean;\n  setExpanded: (expanded: boolean) => void;\n  isMobile: boolean;\n  mobileOpen: boolean;\n  setMobileOpen: (open: boolean) => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\nfunction useSidebarContext(): SidebarContextValue {\n  const context = useContext(SidebarContext);\n  if (context === null) {\n    throw new Error(\n      \"Sidebar compound components must be used within <SidebarProvider>\",\n    );\n  }\n  return context;\n}\n\nexport { SidebarContext, useSidebarContext };\n"],"mappings":"oFAWA,IAAM,GAAA,EAAA,EAAA,eAA2D,KAAK,CAEtE,SAAS,GAAyC,CAChD,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAe,CAC1C,GAAI,IAAY,KACd,MAAU,MACR,oEACD,CAEH,OAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.context.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.context.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,cAAc,qDAAkD,CAAC;AAEvE,iBAAS,iBAAiB,IAAI,mBAAmB,CAQhD;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"Sidebar.context.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.context.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,cAAc,qDAAkD,CAAC;AAEvE,iBAAS,iBAAiB,IAAI,mBAAmB,CAQhD;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Sidebar/Sidebar.context.js

@@ -0,0 +1,13 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+//#region src/components/Sidebar/Sidebar.context.tsx
+var n = e(null);
+function r() {
+	let e = t(n);
+	if (e === null) throw Error("Sidebar compound components must be used within <SidebarProvider>");
+	return e;
+}
+//#endregion
+export { n as SidebarContext, r as useSidebarContext };
+
+//# sourceMappingURL=Sidebar.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.context.js","names":[],"sources":["../../../src/components/Sidebar/Sidebar.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface SidebarContextValue {\n  expanded: boolean;\n  setExpanded: (expanded: boolean) => void;\n  isMobile: boolean;\n  mobileOpen: boolean;\n  setMobileOpen: (open: boolean) => void;\n}\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\nfunction useSidebarContext(): SidebarContextValue {\n  const context = useContext(SidebarContext);\n  if (context === null) {\n    throw new Error(\n      \"Sidebar compound components must be used within <SidebarProvider>\",\n    );\n  }\n  return context;\n}\n\nexport { SidebarContext, useSidebarContext };\n"],"mappings":";;;AAWA,IAAM,IAAiB,EAA0C,KAAK;AAEtE,SAAS,IAAyC;CAChD,IAAM,IAAU,EAAW,EAAe;AAC1C,KAAI,MAAY,KACd,OAAU,MACR,oEACD;AAEH,QAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;CAAG;AAE1E,QAAA,MAAM,OAAO,kFA4CZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;CAAG;AAE1E,QAAA,MAAM,OAAO,kFA4CZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Sidebar/Sidebar.js

@@ -0,0 +1,45 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { Sheet as t, SheetContent as n, SheetDescription as r, SheetTitle as i } from "../Sheet/Sheet.js";
+import { useSidebarContext as a } from "./Sidebar.context.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/Sidebar/Sidebar.tsx
+var l = o.forwardRef(({ className: o, children: l, ...u }, d) => {
+	let { expanded: f, isMobile: p, mobileOpen: m, setMobileOpen: h } = a();
+	return p ? /* @__PURE__ */ s(t, {
+		open: m,
+		onOpenChange: h,
+		children: /* @__PURE__ */ c(n, {
+			side: "left",
+			className: "w-72 p-0",
+			children: [
+				/* @__PURE__ */ s(i, {
+					className: "sr-only",
+					children: "Navigation"
+				}),
+				/* @__PURE__ */ s(r, {
+					className: "sr-only",
+					children: "Main navigation menu"
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "flex h-full flex-col",
+					...u,
+					children: l
+				})
+			]
+		})
+	}) : /* @__PURE__ */ s("aside", {
+		ref: d,
+		"data-expanded": f ? "" : void 0,
+		"data-collapsed": f ? void 0 : "",
+		className: e("flex h-full flex-col", "border-r border-(--nuka-border-base)", "bg-(--nuka-bg-base)", "transition-[width] duration-200 ease-in-out", "motion-reduce:transition-none", "overflow-hidden shrink-0", f ? "w-64" : "w-14", o),
+		...u,
+		children: l
+	});
+});
+l.displayName = "Sidebar";
+//#endregion
+export { l as Sidebar };
+
+//# sourceMappingURL=Sidebar.js.map

package/dist/components/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useSidebarContext } from \"@nuka/components/Sidebar/Sidebar.context\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetTitle,\n  SheetDescription,\n} from \"@nuka/components/Sheet\";\n\nexport interface SidebarProps extends React.HTMLAttributes<HTMLElement> {}\n\nconst Sidebar = React.forwardRef<HTMLElement, SidebarProps>(\n  ({ className, children, ...props }, ref) => {\n    const { expanded, isMobile, mobileOpen, setMobileOpen } =\n      useSidebarContext();\n\n    if (isMobile) {\n      return (\n        <Sheet open={mobileOpen} onOpenChange={setMobileOpen}>\n          {/* w-72 (288px): layout-specific width, no matching design token */}\n          <SheetContent side=\"left\" className=\"w-72 p-0\">\n            <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n            <SheetDescription className=\"sr-only\">\n              Main navigation menu\n            </SheetDescription>\n            <div className=\"flex h-full flex-col\" {...props}>\n              {children}\n            </div>\n          </SheetContent>\n        </Sheet>\n      );\n    }\n\n    return (\n      <aside\n        ref={ref}\n        data-expanded={expanded ? \"\" : undefined}\n        data-collapsed={!expanded ? \"\" : undefined}\n        className={cn(\n          \"flex h-full flex-col\",\n          \"border-r border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base)\",\n          \"transition-[width] duration-200 ease-in-out\",\n          \"motion-reduce:transition-none\",\n          \"overflow-hidden shrink-0\",\n          // w-64 (256px) expanded, w-14 (56px) collapsed: layout-specific widths, no matching design tokens\n          expanded ? \"w-64\" : \"w-14\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </aside>\n    );\n  },\n);\n\nSidebar.displayName = \"Sidebar\";\n\nexport { Sidebar };\n"],"mappings":";;;;;;;AAaA,IAAM,IAAU,EAAM,YACnB,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC1C,IAAM,EAAE,aAAU,aAAU,eAAY,qBACtC,GAAmB;AAmBrB,QAjBI,IAEA,kBAAC,GAAD;EAAO,MAAM;EAAY,cAAc;YAErC,kBAAC,GAAD;GAAc,MAAK;GAAO,WAAU;aAApC;IACE,kBAAC,GAAD;KAAY,WAAU;eAAU;KAAuB,CAAA;IACvD,kBAAC,GAAD;KAAkB,WAAU;eAAU;KAEnB,CAAA;IACnB,kBAAC,OAAD;KAAK,WAAU;KAAuB,GAAI;KACvC;KACG,CAAA;IACO;;EACT,CAAA,GAKV,kBAAC,SAAD;EACO;EACL,iBAAe,IAAW,KAAK,KAAA;EAC/B,kBAAiB,IAAgB,KAAA,IAAL;EAC5B,WAAW,EACT,wBACA,wCACA,uBACA,+CACA,iCACA,4BAEA,IAAW,SAAS,QACpB,EACD;EACD,GAAI;EAEH;EACK,CAAA;EAGb;AAED,EAAQ,cAAc"}

package/dist/components/Sidebar/SidebarContent.cjs

@@ -0,0 +1,2 @@
+"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=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`div`,{ref:i,className:t.cn(`flex-1 overflow-y-auto px-(--space-2) py-(--space-2)`,e),...n}));i.displayName=`SidebarContent`,exports.SidebarContent=i;
+//# sourceMappingURL=SidebarContent.cjs.map

package/dist/components/Sidebar/SidebarContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarContent.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, SidebarContentProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex-1 overflow-y-auto px-(--space-2) py-(--space-2)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nSidebarContent.displayName = \"SidebarContent\";\n\nexport { SidebarContent };\n"],"mappings":"gLAMA,IAAM,EAAiB,EAAM,YAC1B,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,uDACA,EACD,CACD,GAAI,EACJ,CAAA,CAEL,CAED,EAAe,YAAc"}

package/dist/components/Sidebar/SidebarContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarContent.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpF,QAAA,MAAM,cAAc,4FAWnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"SidebarContent.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpF,QAAA,MAAM,cAAc,4FAWnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarContent.js

@@ -0,0 +1,15 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Sidebar/SidebarContent.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("flex-1 overflow-y-auto px-(--space-2) py-(--space-2)", t),
+	...r
+}));
+r.displayName = "SidebarContent";
+//#endregion
+export { r as SidebarContent };
+
+//# sourceMappingURL=SidebarContent.js.map

package/dist/components/Sidebar/SidebarContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarContent.js","names":[],"sources":["../../../src/components/Sidebar/SidebarContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarContent = React.forwardRef<HTMLDivElement, SidebarContentProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex-1 overflow-y-auto px-(--space-2) py-(--space-2)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nSidebarContent.displayName = \"SidebarContent\";\n\nexport { SidebarContent };\n"],"mappings":";;;;;AAMA,IAAM,IAAiB,EAAM,YAC1B,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,WAAW,EACT,wDACA,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AAED,EAAe,cAAc"}

package/dist/components/Sidebar/SidebarFooter.cjs

@@ -0,0 +1,2 @@
+"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=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`div`,{ref:i,className:t.cn(`flex items-center gap-(--space-2) px-(--space-3) py-(--space-3)`,`border-t border-(--nuka-border-base)`,e),...n}));i.displayName=`SidebarFooter`,exports.SidebarFooter=i;
+//# sourceMappingURL=SidebarFooter.cjs.map

package/dist/components/Sidebar/SidebarFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarFooter.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarFooter.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3) py-(--space-3)\",\n        \"border-t border-(--nuka-border-base)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nSidebarFooter.displayName = \"SidebarFooter\";\n\nexport { SidebarFooter };\n"],"mappings":"gLAMA,IAAM,EAAgB,EAAM,YACzB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,kEACA,uCACA,EACD,CACD,GAAI,EACJ,CAAA,CAEL,CAED,EAAc,YAAc"}

package/dist/components/Sidebar/SidebarFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEnF,QAAA,MAAM,aAAa,2FAYlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"SidebarFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEnF,QAAA,MAAM,aAAa,2FAYlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarFooter.js

@@ -0,0 +1,15 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Sidebar/SidebarFooter.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("flex items-center gap-(--space-2) px-(--space-3) py-(--space-3)", "border-t border-(--nuka-border-base)", t),
+	...r
+}));
+r.displayName = "SidebarFooter";
+//#endregion
+export { r as SidebarFooter };
+
+//# sourceMappingURL=SidebarFooter.js.map

package/dist/components/Sidebar/SidebarFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarFooter.js","names":[],"sources":["../../../src/components/Sidebar/SidebarFooter.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarFooter = React.forwardRef<HTMLDivElement, SidebarFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3) py-(--space-3)\",\n        \"border-t border-(--nuka-border-base)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nSidebarFooter.displayName = \"SidebarFooter\";\n\nexport { SidebarFooter };\n"],"mappings":";;;;;AAMA,IAAM,IAAgB,EAAM,YACzB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,WAAW,EACT,mEACA,wCACA,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AAED,EAAc,cAAc"}

package/dist/components/Sidebar/SidebarGroup.cjs

@@ -0,0 +1,2 @@
+"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=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`div`,{ref:i,className:t.cn(`py-(--space-2)`,e),...n}));i.displayName=`SidebarGroup`,exports.SidebarGroup=i;
+//# sourceMappingURL=SidebarGroup.cjs.map

package/dist/components/Sidebar/SidebarGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarGroup.cjs","names":[],"sources":["../../../src/components/Sidebar/SidebarGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarGroupProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"py-(--space-2)\", className)} {...props} />\n  ),\n);\n\nSidebarGroup.displayName = \"SidebarGroup\";\n\nexport { SidebarGroup };\n"],"mappings":"gLAMA,IAAM,EAAe,EAAM,YACxB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,GAAG,iBAAkB,EAAU,CAAE,GAAI,EAAS,CAAA,CAE3E,CAED,EAAa,YAAc"}

package/dist/components/Sidebar/SidebarGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElF,QAAA,MAAM,YAAY,0FAIjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"SidebarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElF,QAAA,MAAM,YAAY,0FAIjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarGroup.js

@@ -0,0 +1,15 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Sidebar/SidebarGroup.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("py-(--space-2)", t),
+	...r
+}));
+r.displayName = "SidebarGroup";
+//#endregion
+export { r as SidebarGroup };
+
+//# sourceMappingURL=SidebarGroup.js.map

package/dist/components/Sidebar/SidebarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarGroup.js","names":[],"sources":["../../../src/components/Sidebar/SidebarGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface SidebarGroupProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SidebarGroup = React.forwardRef<HTMLDivElement, SidebarGroupProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"py-(--space-2)\", className)} {...props} />\n  ),\n);\n\nSidebarGroup.displayName = \"SidebarGroup\";\n\nexport { SidebarGroup };\n"],"mappings":";;;;;AAMA,IAAM,IAAe,EAAM,YACxB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CAAU;CAAK,WAAW,EAAG,kBAAkB,EAAU;CAAE,GAAI;CAAS,CAAA,CAE3E;AAED,EAAa,cAAc"}