@nuka-ui/core 1.0.3 → 1.1.1

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,103 @@
+"use client";
+import { composeRefs as e } from "../../utils/slot.js";
+import { useControllableState as t } from "../../hooks/use-controllable-state.js";
+import { AccordionContext as n } from "./Accordion.context.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/Accordion/Accordion.tsx
+var a = "button[data-accordion-trigger]";
+function o(e, t) {
+	let n = t.current?.querySelectorAll(a);
+	if (!n || n.length === 0) return;
+	let r = document.activeElement, i = Array.from(n), o = i.indexOf(r);
+	if (o === -1) return;
+	let s;
+	switch (e.key) {
+		case "ArrowDown":
+			s = (o + 1) % i.length;
+			break;
+		case "ArrowUp":
+			s = (o - 1 + i.length) % i.length;
+			break;
+		case "Home":
+			s = 0;
+			break;
+		case "End":
+			s = i.length - 1;
+			break;
+		default: return;
+	}
+	e.preventDefault(), i[s]?.focus();
+}
+var s = r.forwardRef((t, n) => {
+	let { type: a, headingLevel: o = "h3", className: s, children: u, onKeyDown: d, ...f } = t, p = r.useRef(null), m = e(n, p);
+	return i(a === "single" ? c : l, {
+		...f,
+		headingLevel: o,
+		className: s,
+		rootRef: p,
+		composedRef: m,
+		onKeyDown: d,
+		children: u
+	});
+});
+s.displayName = "Accordion";
+function c({ value: e, defaultValue: a, onValueChange: s, collapsible: c = !1, headingLevel: l, className: u, children: d, rootRef: f, composedRef: p, onKeyDown: m, ...h }) {
+	let [g, _] = t(e, a, s);
+	return /* @__PURE__ */ i(n, {
+		value: r.useMemo(() => ({
+			type: "single",
+			collapsible: c,
+			headingLevel: l,
+			isItemOpen: (e) => g === e,
+			toggleItem: (e) => {
+				g === e ? c && _(void 0) : _(e);
+			}
+		}), [
+			g,
+			_,
+			c,
+			l
+		]),
+		children: /* @__PURE__ */ i("div", {
+			ref: p,
+			className: u,
+			onKeyDown: (e) => {
+				o(e, f), m?.(e);
+			},
+			...h,
+			children: d
+		})
+	});
+}
+function l({ value: e, defaultValue: a, onValueChange: s, headingLevel: c, className: l, children: u, rootRef: d, composedRef: f, onKeyDown: p, ...m }) {
+	let [h, g] = t(e, a ?? [], s);
+	return /* @__PURE__ */ i(n, {
+		value: r.useMemo(() => ({
+			type: "multiple",
+			collapsible: !0,
+			headingLevel: c,
+			isItemOpen: (e) => h.includes(e),
+			toggleItem: (e) => {
+				h.includes(e) ? g(h.filter((t) => t !== e)) : g([...h, e]);
+			}
+		}), [
+			h,
+			g,
+			c
+		]),
+		children: /* @__PURE__ */ i("div", {
+			ref: f,
+			className: l,
+			onKeyDown: (e) => {
+				o(e, d), p?.(e);
+			},
+			...m,
+			children: u
+		})
+	});
+}
+//#endregion
+export { s as Accordion };
+
+//# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { AccordionContext } from \"@nuka/components/Accordion/Accordion.context\";\nimport type { HeadingLevel } from \"@nuka/components/Accordion/Accordion.context\";\n\ninterface AccordionSingleProps extends React.HTMLAttributes<HTMLDivElement> {\n  type: \"single\";\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  collapsible?: boolean;\n  headingLevel?: HeadingLevel;\n}\n\ninterface AccordionMultipleProps extends React.HTMLAttributes<HTMLDivElement> {\n  type: \"multiple\";\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n  collapsible?: never;\n  headingLevel?: HeadingLevel;\n}\n\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nconst TRIGGER_SELECTOR = \"button[data-accordion-trigger]\";\n\nfunction handleKeyboardNavigation(\n  e: React.KeyboardEvent<HTMLDivElement>,\n  rootRef: React.RefObject<HTMLDivElement | null>,\n) {\n  const triggers = rootRef.current?.querySelectorAll(TRIGGER_SELECTOR);\n  if (!triggers || triggers.length === 0) return;\n\n  const active = document.activeElement;\n  const items = Array.from(triggers) as HTMLButtonElement[];\n  const currentIndex = items.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  let nextIndex: number | undefined;\n\n  switch (e.key) {\n    case \"ArrowDown\":\n      nextIndex = (currentIndex + 1) % items.length;\n      break;\n    case \"ArrowUp\":\n      nextIndex = (currentIndex - 1 + items.length) % items.length;\n      break;\n    case \"Home\":\n      nextIndex = 0;\n      break;\n    case \"End\":\n      nextIndex = items.length - 1;\n      break;\n    default:\n      return;\n  }\n\n  e.preventDefault();\n  items[nextIndex]?.focus();\n}\n\nconst Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  (props, ref) => {\n    const {\n      type,\n      headingLevel = \"h3\",\n      className,\n      children,\n      onKeyDown,\n      ...rest\n    } = props;\n\n    const rootRef = React.useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n\n    if (type === \"single\") {\n      return (\n        <AccordionSingle\n          {...(rest as Omit<\n            AccordionSingleProps,\n            \"type\" | \"headingLevel\" | \"className\" | \"children\" | \"onKeyDown\"\n          >)}\n          headingLevel={headingLevel}\n          className={className}\n          rootRef={rootRef}\n          composedRef={composedRef}\n          onKeyDown={onKeyDown}\n        >\n          {children}\n        </AccordionSingle>\n      );\n    }\n\n    return (\n      <AccordionMultiple\n        {...(rest as Omit<\n          AccordionMultipleProps,\n          \"type\" | \"headingLevel\" | \"className\" | \"children\" | \"onKeyDown\"\n        >)}\n        headingLevel={headingLevel}\n        className={className}\n        rootRef={rootRef}\n        composedRef={composedRef}\n        onKeyDown={onKeyDown}\n      >\n        {children}\n      </AccordionMultiple>\n    );\n  },\n);\n\nAccordion.displayName = \"Accordion\";\n\ninterface AccordionInternalProps {\n  headingLevel: HeadingLevel;\n  className: string | undefined;\n  children: React.ReactNode | undefined;\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  composedRef: (node: HTMLDivElement | null) => void;\n  onKeyDown: React.KeyboardEventHandler<HTMLDivElement> | undefined;\n}\n\nfunction AccordionSingle({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  collapsible = false,\n  headingLevel,\n  className,\n  children,\n  rootRef,\n  composedRef,\n  onKeyDown,\n  ...divProps\n}: Omit<AccordionSingleProps, \"type\"> & AccordionInternalProps) {\n  const [value, setValue] = useControllableState<string | undefined>(\n    controlledValue,\n    defaultValue,\n    onValueChange as ((value: string | undefined) => void) | undefined,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      type: \"single\" as const,\n      collapsible,\n      headingLevel,\n      isItemOpen: (itemValue: string) => value === itemValue,\n      toggleItem: (itemValue: string) => {\n        if (value === itemValue) {\n          if (collapsible) {\n            setValue(undefined);\n          }\n        } else {\n          setValue(itemValue);\n        }\n      },\n    }),\n    [value, setValue, collapsible, headingLevel],\n  );\n\n  return (\n    <AccordionContext value={contextValue}>\n      <div\n        ref={composedRef}\n        className={className}\n        onKeyDown={(e) => {\n          handleKeyboardNavigation(e, rootRef);\n          onKeyDown?.(e);\n        }}\n        {...divProps}\n      >\n        {children}\n      </div>\n    </AccordionContext>\n  );\n}\n\nfunction AccordionMultiple({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  headingLevel,\n  className,\n  children,\n  rootRef,\n  composedRef,\n  onKeyDown,\n  ...divProps\n}: Omit<AccordionMultipleProps, \"type\" | \"collapsible\"> &\n  AccordionInternalProps) {\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? [],\n    onValueChange,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      type: \"multiple\" as const,\n      collapsible: true,\n      headingLevel,\n      isItemOpen: (itemValue: string) => value.includes(itemValue),\n      toggleItem: (itemValue: string) => {\n        if (value.includes(itemValue)) {\n          setValue(value.filter((v) => v !== itemValue));\n        } else {\n          setValue([...value, itemValue]);\n        }\n      },\n    }),\n    [value, setValue, headingLevel],\n  );\n\n  return (\n    <AccordionContext value={contextValue}>\n      <div\n        ref={composedRef}\n        className={className}\n        onKeyDown={(e) => {\n          handleKeyboardNavigation(e, rootRef);\n          onKeyDown?.(e);\n        }}\n        {...divProps}\n      >\n        {children}\n      </div>\n    </AccordionContext>\n  );\n}\n\nexport { Accordion };\n"],"mappings":";;;;;;;AA2BA,IAAM,IAAmB;AAEzB,SAAS,EACP,GACA,GACA;CACA,IAAM,IAAW,EAAQ,SAAS,iBAAiB,EAAiB;AACpE,KAAI,CAAC,KAAY,EAAS,WAAW,EAAG;CAExC,IAAM,IAAS,SAAS,eAClB,IAAQ,MAAM,KAAK,EAAS,EAC5B,IAAe,EAAM,QAAQ,EAA4B;AAC/D,KAAI,MAAiB,GAAI;CAEzB,IAAI;AAEJ,SAAQ,EAAE,KAAV;EACE,KAAK;AACH,QAAa,IAAe,KAAK,EAAM;AACvC;EACF,KAAK;AACH,QAAa,IAAe,IAAI,EAAM,UAAU,EAAM;AACtD;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY,EAAM,SAAS;AAC3B;EACF,QACE;;AAIJ,CADA,EAAE,gBAAgB,EAClB,EAAM,IAAY,OAAO;;AAG3B,IAAM,IAAY,EAAM,YACrB,GAAO,MAAQ;CACd,IAAM,EACJ,SACA,kBAAe,MACf,cACA,aACA,cACA,GAAG,MACD,GAEE,IAAU,EAAM,OAAuB,KAAK,EAC5C,IAAc,EAAY,GAAK,EAAQ;AAoB7C,QAhBI,EAFA,MAAS,WAER,IAiBF,GAjBC;EACE,GAAK;EAIS;EACH;EACF;EACI;EACF;EAEV;EACe,CAAA;EAoBzB;AAED,EAAU,cAAc;AAWxB,SAAS,EAAgB,EACvB,OAAO,GACP,iBACA,kBACA,iBAAc,IACd,iBACA,cACA,aACA,YACA,gBACA,cACA,GAAG,KAC2D;CAC9D,IAAM,CAAC,GAAO,KAAY,EACxB,GACA,GACA,EACD;AAqBD,QACE,kBAAC,GAAD;EAAkB,OApBC,EAAM,eAClB;GACL,MAAM;GACN;GACA;GACA,aAAa,MAAsB,MAAU;GAC7C,aAAa,MAAsB;AACjC,IAAI,MAAU,IACR,KACF,EAAS,KAAA,EAAU,GAGrB,EAAS,EAAU;;GAGxB,GACD;GAAC;GAAO;GAAU;GAAa;GAAa,CAC7C;YAIG,kBAAC,OAAD;GACE,KAAK;GACM;GACX,YAAY,MAAM;AAEhB,IADA,EAAyB,GAAG,EAAQ,EACpC,IAAY,EAAE;;GAEhB,GAAI;GAEH;GACG,CAAA;EACW,CAAA;;AAIvB,SAAS,EAAkB,EACzB,OAAO,GACP,iBACA,kBACA,iBACA,cACA,aACA,YACA,gBACA,cACA,GAAG,KAEqB;CACxB,IAAM,CAAC,GAAO,KAAY,EACxB,GACA,KAAgB,EAAE,EAClB,EACD;AAmBD,QACE,kBAAC,GAAD;EAAkB,OAlBC,EAAM,eAClB;GACL,MAAM;GACN,aAAa;GACb;GACA,aAAa,MAAsB,EAAM,SAAS,EAAU;GAC5D,aAAa,MAAsB;AACjC,IAAI,EAAM,SAAS,EAAU,GAC3B,EAAS,EAAM,QAAQ,MAAM,MAAM,EAAU,CAAC,GAE9C,EAAS,CAAC,GAAG,GAAO,EAAU,CAAC;;GAGpC,GACD;GAAC;GAAO;GAAU;GAAa,CAChC;YAIG,kBAAC,OAAD;GACE,KAAK;GACM;GACX,YAAY,MAAM;AAEhB,IADA,EAAyB,GAAG,EAAQ,EACpC,IAAY,EAAE;;GAEhB,GAAI;GAEH;GACG,CAAA;EACW,CAAA"}

package/dist/components/Accordion/AccordionContent.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Collapsible/CollapsibleContent.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({className:e,children:n,...i},a)=>(0,r.jsx)(t.CollapsibleContent,{ref:a,className:e,...i,children:(0,r.jsx)(`div`,{className:`pb-(--space-4)`,children:n})}));i.displayName=`AccordionContent`,exports.AccordionContent=i;
+//# sourceMappingURL=AccordionContent.cjs.map

package/dist/components/Accordion/AccordionContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.cjs","names":[],"sources":["../../../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { CollapsibleContent } from \"@nuka/components/Collapsible\";\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst AccordionContent = React.forwardRef<\n  HTMLDivElement,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => {\n  return (\n    <CollapsibleContent ref={ref} className={className} {...props}>\n      <div className=\"pb-(--space-4)\">{children}</div>\n    </CollapsibleContent>\n  );\n});\n\nAccordionContent.displayName = \"AccordionContent\";\n\nexport { AccordionContent };\n"],"mappings":"mMAMA,IAAM,EAAmB,EAAM,YAG5B,CAAE,YAAW,WAAU,GAAG,GAAS,KAElC,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAyB,MAAgB,YAAW,GAAI,YACtD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAkB,WAAe,CAAA,CAC7B,CAAA,CAEvB,CAEF,EAAiB,YAAc"}

package/dist/components/Accordion/AccordionContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEtF,QAAA,MAAM,gBAAgB,8FASpB,CAAC;AAIH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEtF,QAAA,MAAM,gBAAgB,8FASpB,CAAC;AAIH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Accordion/AccordionContent.js

@@ -0,0 +1,19 @@
+"use client";
+import { CollapsibleContent as e } from "../Collapsible/CollapsibleContent.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Accordion/AccordionContent.tsx
+var r = t.forwardRef(({ className: t, children: r, ...i }, a) => /* @__PURE__ */ n(e, {
+	ref: a,
+	className: t,
+	...i,
+	children: /* @__PURE__ */ n("div", {
+		className: "pb-(--space-4)",
+		children: r
+	})
+}));
+r.displayName = "AccordionContent";
+//#endregion
+export { r as AccordionContent };
+
+//# sourceMappingURL=AccordionContent.js.map

package/dist/components/Accordion/AccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.js","names":[],"sources":["../../../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { CollapsibleContent } from \"@nuka/components/Collapsible\";\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst AccordionContent = React.forwardRef<\n  HTMLDivElement,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => {\n  return (\n    <CollapsibleContent ref={ref} className={className} {...props}>\n      <div className=\"pb-(--space-4)\">{children}</div>\n    </CollapsibleContent>\n  );\n});\n\nAccordionContent.displayName = \"AccordionContent\";\n\nexport { AccordionContent };\n"],"mappings":";;;;;AAMA,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,aAAU,GAAG,KAAS,MAElC,kBAAC,GAAD;CAAyB;CAAgB;CAAW,GAAI;WACtD,kBAAC,OAAD;EAAK,WAAU;EAAkB;EAAe,CAAA;CAC7B,CAAA,CAEvB;AAEF,EAAiB,cAAc"}

package/dist/components/Accordion/AccordionItem.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Accordion.context.cjs`),r=require(`../Collapsible/Collapsible.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({value:e,disabled:o=!1,className:s,children:c,...l},u)=>{let{isItemOpen:d,toggleItem:f}=n.useAccordionContext(),p=d(e);return(0,a.jsx)(n.AccordionItemContext,{value:i.useMemo(()=>({value:e,disabled:o,open:p}),[e,o,p]),children:(0,a.jsx)(r.Collapsible,{ref:u,open:p,onOpenChange:()=>f(e),disabled:o,className:t.cn(`border-b border-(--nuka-border-base)`,s),...l,children:c})})});o.displayName=`AccordionItem`,exports.AccordionItem=o;
+//# sourceMappingURL=AccordionItem.cjs.map

package/dist/components/Accordion/AccordionItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.cjs","names":[],"sources":["../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Collapsible } from \"@nuka/components/Collapsible\";\nimport {\n  AccordionItemContext,\n  useAccordionContext,\n} from \"@nuka/components/Accordion/Accordion.context\";\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n  disabled?: boolean;\n}\n\nconst AccordionItem = React.forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ value, disabled = false, className, children, ...props }, ref) => {\n    const { isItemOpen, toggleItem } = useAccordionContext();\n    const open = isItemOpen(value);\n\n    const itemContextValue = React.useMemo(\n      () => ({ value, disabled, open }),\n      [value, disabled, open],\n    );\n\n    return (\n      <AccordionItemContext value={itemContextValue}>\n        <Collapsible\n          ref={ref}\n          open={open}\n          onOpenChange={() => toggleItem(value)}\n          disabled={disabled}\n          className={cn(\"border-b border-(--nuka-border-base)\", className)}\n          {...props}\n        >\n          {children}\n        </Collapsible>\n      </AccordionItemContext>\n    );\n  },\n);\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport { AccordionItem };\n"],"mappings":"iQAcA,IAAM,EAAgB,EAAM,YACzB,CAAE,QAAO,WAAW,GAAO,YAAW,WAAU,GAAG,GAAS,IAAQ,CACnE,GAAM,CAAE,aAAY,cAAe,EAAA,qBAAqB,CAClD,EAAO,EAAW,EAAM,CAO9B,OACE,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAsB,MANC,EAAM,aACtB,CAAE,QAAO,WAAU,OAAM,EAChC,CAAC,EAAO,EAAU,EAAK,CACxB,WAIG,EAAA,EAAA,KAAC,EAAA,YAAD,CACO,MACC,OACN,iBAAoB,EAAW,EAAM,CAC3B,WACV,UAAW,EAAA,GAAG,uCAAwC,EAAU,CAChE,GAAI,EAEH,WACW,CAAA,CACO,CAAA,EAG5B,CAED,EAAc,YAAc"}

package/dist/components/Accordion/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,2FAyBlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,2FAyBlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Accordion/AccordionItem.js

@@ -0,0 +1,35 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { AccordionItemContext as t, useAccordionContext as n } from "./Accordion.context.js";
+import { Collapsible as r } from "../Collapsible/Collapsible.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/Accordion/AccordionItem.tsx
+var o = i.forwardRef(({ value: o, disabled: s = !1, className: c, children: l, ...u }, d) => {
+	let { isItemOpen: f, toggleItem: p } = n(), m = f(o);
+	return /* @__PURE__ */ a(t, {
+		value: i.useMemo(() => ({
+			value: o,
+			disabled: s,
+			open: m
+		}), [
+			o,
+			s,
+			m
+		]),
+		children: /* @__PURE__ */ a(r, {
+			ref: d,
+			open: m,
+			onOpenChange: () => p(o),
+			disabled: s,
+			className: e("border-b border-(--nuka-border-base)", c),
+			...u,
+			children: l
+		})
+	});
+});
+o.displayName = "AccordionItem";
+//#endregion
+export { o as AccordionItem };
+
+//# sourceMappingURL=AccordionItem.js.map

package/dist/components/Accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","names":[],"sources":["../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Collapsible } from \"@nuka/components/Collapsible\";\nimport {\n  AccordionItemContext,\n  useAccordionContext,\n} from \"@nuka/components/Accordion/Accordion.context\";\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n  disabled?: boolean;\n}\n\nconst AccordionItem = React.forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ value, disabled = false, className, children, ...props }, ref) => {\n    const { isItemOpen, toggleItem } = useAccordionContext();\n    const open = isItemOpen(value);\n\n    const itemContextValue = React.useMemo(\n      () => ({ value, disabled, open }),\n      [value, disabled, open],\n    );\n\n    return (\n      <AccordionItemContext value={itemContextValue}>\n        <Collapsible\n          ref={ref}\n          open={open}\n          onOpenChange={() => toggleItem(value)}\n          disabled={disabled}\n          className={cn(\"border-b border-(--nuka-border-base)\", className)}\n          {...props}\n        >\n          {children}\n        </Collapsible>\n      </AccordionItemContext>\n    );\n  },\n);\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport { AccordionItem };\n"],"mappings":";;;;;;;AAcA,IAAM,IAAgB,EAAM,YACzB,EAAE,UAAO,cAAW,IAAO,cAAW,aAAU,GAAG,KAAS,MAAQ;CACnE,IAAM,EAAE,eAAY,kBAAe,GAAqB,EAClD,IAAO,EAAW,EAAM;AAO9B,QACE,kBAAC,GAAD;EAAsB,OANC,EAAM,eACtB;GAAE;GAAO;GAAU;GAAM,GAChC;GAAC;GAAO;GAAU;GAAK,CACxB;YAIG,kBAAC,GAAD;GACO;GACC;GACN,oBAAoB,EAAW,EAAM;GAC3B;GACV,WAAW,EAAG,wCAAwC,EAAU;GAChE,GAAI;GAEH;GACW,CAAA;EACO,CAAA;EAG5B;AAED,EAAc,cAAc"}

package/dist/components/Accordion/AccordionTrigger.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Accordion.context.cjs`),r=require(`../Collapsible/CollapsibleTrigger.cjs`),i=require(`../Icon/Icon.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=a.forwardRef(({className:e,children:a,...s},c)=>{let{headingLevel:l}=n.useAccordionContext(),{open:u}=n.useAccordionItemContext();return(0,o.jsx)(l,{className:`flex`,children:(0,o.jsxs)(r.CollapsibleTrigger,{ref:c,"data-accordion-trigger":``,className:t.cn(`flex flex-1 items-center justify-between`,`py-(--space-4)`,`text-[length:var(--font-size-sm)]`,`font-[number:var(--font-weight-medium)]`,`text-(--nuka-text-base)`,`transition-colors duration-150`,`hover:underline`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`disabled:pointer-events-none disabled:opacity-50`,e),...s,children:[a,(0,o.jsx)(i.Icon,{size:`sm`,className:t.cn(`transition-transform duration-200`,u&&`rotate-180`),children:(0,o.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,o.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})]})})});s.displayName=`AccordionTrigger`,exports.AccordionTrigger=s;
+//# sourceMappingURL=AccordionTrigger.cjs.map

package/dist/components/Accordion/AccordionTrigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTrigger.cjs","names":[],"sources":["../../../src/components/Accordion/AccordionTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { CollapsibleTrigger } from \"@nuka/components/Collapsible\";\nimport {\n  useAccordionContext,\n  useAccordionItemContext,\n} from \"@nuka/components/Accordion/Accordion.context\";\n\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nconst AccordionTrigger = React.forwardRef<\n  HTMLButtonElement,\n  AccordionTriggerProps\n>(({ className, children, ...props }, ref) => {\n  const { headingLevel } = useAccordionContext();\n  const { open } = useAccordionItemContext();\n  const HeadingTag = headingLevel;\n\n  return (\n    <HeadingTag className=\"flex\">\n      <CollapsibleTrigger\n        ref={ref}\n        data-accordion-trigger=\"\"\n        className={cn(\n          \"flex flex-1 items-center justify-between\",\n          \"py-(--space-4)\",\n          \"text-[length:var(--font-size-sm)]\",\n          \"font-[number:var(--font-weight-medium)]\",\n          \"text-(--nuka-text-base)\",\n          \"transition-colors duration-150\",\n          \"hover:underline\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          \"disabled:pointer-events-none disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <Icon\n          size=\"sm\"\n          className={cn(\n            \"transition-transform duration-200\",\n            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      </CollapsibleTrigger>\n    </HeadingTag>\n  );\n});\n\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\nexport { AccordionTrigger };\n"],"mappings":"sSAYA,IAAM,EAAmB,EAAM,YAG5B,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC5C,GAAM,CAAE,gBAAiB,EAAA,qBAAqB,CACxC,CAAE,QAAS,EAAA,yBAAyB,CAG1C,OACE,EAAA,EAAA,KAHiB,EAGjB,CAAY,UAAU,iBACpB,EAAA,EAAA,MAAC,EAAA,mBAAD,CACO,MACL,yBAAuB,GACvB,UAAW,EAAA,GACT,2CACA,iBACA,oCACA,0CACA,0BACA,iCACA,kBACA,yDACA,8CACA,mDACA,EACD,CACD,GAAI,WAhBN,CAkBG,GACD,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,KAAK,KACL,UAAW,EAAA,GACT,oCACA,GAAQ,aACT,WAED,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACrB,CAAA,CACD,CAAA,CACY,GACV,CAAA,EAEf,CAEF,EAAiB,YAAc"}

package/dist/components/Accordion/AccordionTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAE/F,QAAA,MAAM,gBAAgB,iGAmDpB,CAAC;AAIH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"AccordionTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAE/F,QAAA,MAAM,gBAAgB,iGAmDpB,CAAC;AAIH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Accordion/AccordionTrigger.js

@@ -0,0 +1,39 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAccordionContext as t, useAccordionItemContext as n } from "./Accordion.context.js";
+import { CollapsibleTrigger as r } from "../Collapsible/CollapsibleTrigger.js";
+import { Icon as i } from "../Icon/Icon.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/Accordion/AccordionTrigger.tsx
+var c = a.forwardRef(({ className: a, children: c, ...l }, u) => {
+	let { headingLevel: d } = t(), { open: f } = n();
+	return /* @__PURE__ */ o(d, {
+		className: "flex",
+		children: /* @__PURE__ */ s(r, {
+			ref: u,
+			"data-accordion-trigger": "",
+			className: e("flex flex-1 items-center justify-between", "py-(--space-4)", "text-[length:var(--font-size-sm)]", "font-[number:var(--font-weight-medium)]", "text-(--nuka-text-base)", "transition-colors duration-150", "hover:underline", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", "disabled:pointer-events-none disabled:opacity-50", a),
+			...l,
+			children: [c, /* @__PURE__ */ o(i, {
+				size: "sm",
+				className: e("transition-transform duration-200", f && "rotate-180"),
+				children: /* @__PURE__ */ o("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ o("path", { d: "m6 9 6 6 6-6" })
+				})
+			})]
+		})
+	});
+});
+c.displayName = "AccordionTrigger";
+//#endregion
+export { c as AccordionTrigger };
+
+//# sourceMappingURL=AccordionTrigger.js.map

package/dist/components/Accordion/AccordionTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTrigger.js","names":[],"sources":["../../../src/components/Accordion/AccordionTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { CollapsibleTrigger } from \"@nuka/components/Collapsible\";\nimport {\n  useAccordionContext,\n  useAccordionItemContext,\n} from \"@nuka/components/Accordion/Accordion.context\";\n\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nconst AccordionTrigger = React.forwardRef<\n  HTMLButtonElement,\n  AccordionTriggerProps\n>(({ className, children, ...props }, ref) => {\n  const { headingLevel } = useAccordionContext();\n  const { open } = useAccordionItemContext();\n  const HeadingTag = headingLevel;\n\n  return (\n    <HeadingTag className=\"flex\">\n      <CollapsibleTrigger\n        ref={ref}\n        data-accordion-trigger=\"\"\n        className={cn(\n          \"flex flex-1 items-center justify-between\",\n          \"py-(--space-4)\",\n          \"text-[length:var(--font-size-sm)]\",\n          \"font-[number:var(--font-weight-medium)]\",\n          \"text-(--nuka-text-base)\",\n          \"transition-colors duration-150\",\n          \"hover:underline\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          \"disabled:pointer-events-none disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <Icon\n          size=\"sm\"\n          className={cn(\n            \"transition-transform duration-200\",\n            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      </CollapsibleTrigger>\n    </HeadingTag>\n  );\n});\n\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\nexport { AccordionTrigger };\n"],"mappings":";;;;;;;;AAYA,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC5C,IAAM,EAAE,oBAAiB,GAAqB,EACxC,EAAE,YAAS,GAAyB;AAG1C,QACE,kBAHiB,GAGjB;EAAY,WAAU;YACpB,kBAAC,GAAD;GACO;GACL,0BAAuB;GACvB,WAAW,EACT,4CACA,kBACA,qCACA,2CACA,2BACA,kCACA,mBACA,0DACA,+CACA,oDACA,EACD;GACD,GAAI;aAhBN,CAkBG,GACD,kBAAC,GAAD;IACE,MAAK;IACL,WAAW,EACT,qCACA,KAAQ,aACT;cAED,kBAAC,OAAD;KACE,OAAM;KACN,SAAQ;KACR,MAAK;KACL,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;eAEf,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;KACrB,CAAA;IACD,CAAA,CACY;;EACV,CAAA;EAEf;AAEF,EAAiB,cAAc"}

package/dist/components/Alert/Alert.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/dismiss-button.cjs`),r=require(`./Alert.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({className:e,variant:i,intent:o,size:s,onDismiss:c,icon:l,children:u,...d},f)=>(0,a.jsxs)(`div`,{ref:f,role:`alert`,className:t.cn(r.alertVariants({variant:i,intent:o,size:s}),e),...d,children:[l&&(0,a.jsx)(`span`,{className:`shrink-0`,children:l}),(0,a.jsx)(`div`,{className:`flex-1 min-w-0`,children:u}),c!=null&&(0,a.jsx)(n.DismissButton,{onClick:c,className:`ml-auto self-start shrink-0`})]}));o.displayName=`Alert`,exports.Alert=o;
+//# sourceMappingURL=Alert.cjs.map

package/dist/components/Alert/Alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.cjs","names":[],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  alertVariants,\n  type AlertVariantProps,\n} from \"@nuka/components/Alert/Alert.variants\";\n\nexport interface AlertProps\n  extends React.HTMLAttributes<HTMLDivElement>, AlertVariantProps {\n  onDismiss?: () => void;\n  icon?: React.ReactNode;\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  (\n    { className, variant, intent, size, onDismiss, icon, children, ...props },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cn(alertVariants({ variant, intent, size }), className)}\n        {...props}\n      >\n        {icon && <span className=\"shrink-0\">{icon}</span>}\n        <div className=\"flex-1 min-w-0\">{children}</div>\n        {onDismiss != null && (\n          <DismissButton\n            onClick={onDismiss}\n            className=\"ml-auto self-start shrink-0\"\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nAlert.displayName = \"Alert\";\n\nexport { Alert, alertVariants };\n"],"mappings":"iPAcA,IAAM,EAAQ,EAAM,YAEhB,CAAE,YAAW,UAAS,SAAQ,OAAM,YAAW,OAAM,WAAU,GAAG,GAClE,KAGE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,QACL,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,UAAS,SAAQ,OAAM,CAAC,CAAE,EAAU,CAClE,GAAI,WAJN,CAMG,IAAQ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,EAAY,CAAA,EACjD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAkB,WAAe,CAAA,CAC/C,GAAa,OACZ,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,EACT,UAAU,8BACV,CAAA,CAEA,GAGX,CAED,EAAM,YAAc"}

package/dist/components/Alert/Alert.js

@@ -0,0 +1,35 @@
+import { cn as e } from "../../utils/cn.js";
+import { DismissButton as t } from "../../utils/dismiss-button.js";
+import { alertVariants as n } from "./Alert.variants.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Alert/Alert.tsx
+var o = r.forwardRef(({ className: r, variant: o, intent: s, size: c, onDismiss: l, icon: u, children: d, ...f }, p) => /* @__PURE__ */ a("div", {
+	ref: p,
+	role: "alert",
+	className: e(n({
+		variant: o,
+		intent: s,
+		size: c
+	}), r),
+	...f,
+	children: [
+		u && /* @__PURE__ */ i("span", {
+			className: "shrink-0",
+			children: u
+		}),
+		/* @__PURE__ */ i("div", {
+			className: "flex-1 min-w-0",
+			children: d
+		}),
+		l != null && /* @__PURE__ */ i(t, {
+			onClick: l,
+			className: "ml-auto self-start shrink-0"
+		})
+	]
+}));
+o.displayName = "Alert";
+//#endregion
+export { o as Alert };
+
+//# sourceMappingURL=Alert.js.map

package/dist/components/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","names":[],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  alertVariants,\n  type AlertVariantProps,\n} from \"@nuka/components/Alert/Alert.variants\";\n\nexport interface AlertProps\n  extends React.HTMLAttributes<HTMLDivElement>, AlertVariantProps {\n  onDismiss?: () => void;\n  icon?: React.ReactNode;\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  (\n    { className, variant, intent, size, onDismiss, icon, children, ...props },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cn(alertVariants({ variant, intent, size }), className)}\n        {...props}\n      >\n        {icon && <span className=\"shrink-0\">{icon}</span>}\n        <div className=\"flex-1 min-w-0\">{children}</div>\n        {onDismiss != null && (\n          <DismissButton\n            onClick={onDismiss}\n            className=\"ml-auto self-start shrink-0\"\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nAlert.displayName = \"Alert\";\n\nexport { Alert, alertVariants };\n"],"mappings":";;;;;;AAcA,IAAM,IAAQ,EAAM,YAEhB,EAAE,cAAW,YAAS,WAAQ,SAAM,cAAW,SAAM,aAAU,GAAG,KAClE,MAGE,kBAAC,OAAD;CACO;CACL,MAAK;CACL,WAAW,EAAG,EAAc;EAAE;EAAS;EAAQ;EAAM,CAAC,EAAE,EAAU;CAClE,GAAI;WAJN;EAMG,KAAQ,kBAAC,QAAD;GAAM,WAAU;aAAY;GAAY,CAAA;EACjD,kBAAC,OAAD;GAAK,WAAU;GAAkB;GAAe,CAAA;EAC/C,KAAa,QACZ,kBAAC,GAAD;GACE,SAAS;GACT,WAAU;GACV,CAAA;EAEA;GAGX;AAED,EAAM,cAAc"}

package/dist/components/Alert/Alert.variants.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`),t=require(`../../utils/variants.cjs`);var n=e.cva([`flex items-start gap-(--space-3)`,`rounded-(--radius-md)`,`border`],{variants:{variant:{primary:[`border-transparent`],secondary:[],outline:[`bg-transparent`],ghost:[`bg-transparent`,`border-transparent`]},intent:{default:``,danger:``,success:``,warning:``},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`}},compoundVariants:t.intentCompoundVariants({secondaryDefault:[`bg-(--nuka-accent-bg-subtle)`,`text-(--nuka-accent-text)`,`border-(--nuka-accent-border)`]}),defaultVariants:{variant:`secondary`,intent:`default`,size:`md`}});exports.alertVariants=n;
+//# sourceMappingURL=Alert.variants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.variants.cjs","names":[],"sources":["../../../src/components/Alert/Alert.variants.ts"],"sourcesContent":["import {\n  cva,\n  intentCompoundVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const alertVariants = cva(\n  [\"flex items-start gap-(--space-3)\", \"rounded-(--radius-md)\", \"border\"],\n  {\n    variants: {\n      variant: {\n        primary: [\"border-transparent\"],\n        secondary: [],\n        outline: [\"bg-transparent\"],\n        ghost: [\"bg-transparent\", \"border-transparent\"],\n      },\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\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\n    compoundVariants: intentCompoundVariants({\n      secondaryDefault: [\n        \"bg-(--nuka-accent-bg-subtle)\",\n        \"text-(--nuka-accent-text)\",\n        \"border-(--nuka-accent-border)\",\n      ],\n    }),\n\n    defaultVariants: {\n      variant: \"secondary\",\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type AlertVariantProps = VariantProps<typeof alertVariants>;\n"],"mappings":"oHAMA,IAAa,EAAgB,EAAA,IAC3B,CAAC,mCAAoC,wBAAyB,SAAS,CACvE,CACE,SAAU,CACR,QAAS,CACP,QAAS,CAAC,qBAAqB,CAC/B,UAAW,EAAE,CACb,QAAS,CAAC,iBAAiB,CAC3B,MAAO,CAAC,iBAAkB,qBAAqB,CAChD,CACD,OAAQ,CACN,QAAS,GACT,OAAQ,GACR,QAAS,GACT,QAAS,GACV,CACD,KAAM,CACJ,GAAI,wCACJ,GAAI,wCACJ,GAAI,0CACL,CACF,CAED,iBAAkB,EAAA,uBAAuB,CACvC,iBAAkB,CAChB,+BACA,4BACA,gCACD,CACF,CAAC,CAEF,gBAAiB,CACf,QAAS,YACT,OAAQ,UACR,KAAM,KACP,CACF,CACF"}

package/dist/components/Alert/Alert.variants.js

@@ -0,0 +1,42 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+import { intentCompoundVariants as t } from "../../utils/variants.js";
+//#region src/components/Alert/Alert.variants.ts
+var n = e([
+	"flex items-start gap-(--space-3)",
+	"rounded-(--radius-md)",
+	"border"
+], {
+	variants: {
+		variant: {
+			primary: ["border-transparent"],
+			secondary: [],
+			outline: ["bg-transparent"],
+			ghost: ["bg-transparent", "border-transparent"]
+		},
+		intent: {
+			default: "",
+			danger: "",
+			success: "",
+			warning: ""
+		},
+		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"
+		}
+	},
+	compoundVariants: t({ secondaryDefault: [
+		"bg-(--nuka-accent-bg-subtle)",
+		"text-(--nuka-accent-text)",
+		"border-(--nuka-accent-border)"
+	] }),
+	defaultVariants: {
+		variant: "secondary",
+		intent: "default",
+		size: "md"
+	}
+});
+//#endregion
+export { n as alertVariants };
+
+//# sourceMappingURL=Alert.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.variants.js","names":[],"sources":["../../../src/components/Alert/Alert.variants.ts"],"sourcesContent":["import {\n  cva,\n  intentCompoundVariants,\n  type VariantProps,\n} from \"@nuka/utils/variants\";\n\nexport const alertVariants = cva(\n  [\"flex items-start gap-(--space-3)\", \"rounded-(--radius-md)\", \"border\"],\n  {\n    variants: {\n      variant: {\n        primary: [\"border-transparent\"],\n        secondary: [],\n        outline: [\"bg-transparent\"],\n        ghost: [\"bg-transparent\", \"border-transparent\"],\n      },\n      intent: {\n        default: \"\",\n        danger: \"\",\n        success: \"\",\n        warning: \"\",\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\n    compoundVariants: intentCompoundVariants({\n      secondaryDefault: [\n        \"bg-(--nuka-accent-bg-subtle)\",\n        \"text-(--nuka-accent-text)\",\n        \"border-(--nuka-accent-border)\",\n      ],\n    }),\n\n    defaultVariants: {\n      variant: \"secondary\",\n      intent: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport type AlertVariantProps = VariantProps<typeof alertVariants>;\n"],"mappings":";;;AAMA,IAAa,IAAgB,EAC3B;CAAC;CAAoC;CAAyB;CAAS,EACvE;CACE,UAAU;EACR,SAAS;GACP,SAAS,CAAC,qBAAqB;GAC/B,WAAW,EAAE;GACb,SAAS,CAAC,iBAAiB;GAC3B,OAAO,CAAC,kBAAkB,qBAAqB;GAChD;EACD,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CAED,kBAAkB,EAAuB,EACvC,kBAAkB;EAChB;EACA;EACA;EACD,EACF,CAAC;CAEF,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,MAAM;EACP;CACF,CACF"}

package/dist/components/AppShell/AppShell.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`div`,{ref:i,className:t.cn(`flex h-svh flex-col`,e),...n}));i.displayName=`AppShell`,exports.AppShell=i;
+//# sourceMappingURL=AppShell.cjs.map

package/dist/components/AppShell/AppShell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.cjs","names":[],"sources":["../../../src/components/AppShell/AppShell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst AppShell = React.forwardRef<HTMLDivElement, AppShellProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex h-svh flex-col\", className)}\n      {...props}\n    />\n  ),\n);\n\nAppShell.displayName = \"AppShell\";\n\nexport { AppShell };\n"],"mappings":"mKAKA,IAAM,EAAW,EAAM,YACpB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,sBAAuB,EAAU,CAC/C,GAAI,EACJ,CAAA,CAEL,CAED,EAAS,YAAc"}

package/dist/components/AppShell/AppShell.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/AppShell/AppShell.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("flex h-svh flex-col", t),
+	...r
+}));
+r.displayName = "AppShell";
+//#endregion
+export { r as AppShell };
+
+//# sourceMappingURL=AppShell.js.map

package/dist/components/AppShell/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.js","names":[],"sources":["../../../src/components/AppShell/AppShell.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst AppShell = React.forwardRef<HTMLDivElement, AppShellProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex h-svh flex-col\", className)}\n      {...props}\n    />\n  ),\n);\n\nAppShell.displayName = \"AppShell\";\n\nexport { AppShell };\n"],"mappings":";;;;AAKA,IAAM,IAAW,EAAM,YACpB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,WAAW,EAAG,uBAAuB,EAAU;CAC/C,GAAI;CACJ,CAAA,CAEL;AAED,EAAS,cAAc"}

package/dist/components/AppShell/AppShellBody.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({className:e,...n},i)=>(0,r.jsx)(`div`,{ref:i,className:t.cn(`flex flex-1 h-full overflow-hidden`,e),...n}));i.displayName=`AppShellBody`,exports.AppShellBody=i;
+//# sourceMappingURL=AppShellBody.cjs.map

package/dist/components/AppShell/AppShellBody.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellBody.cjs","names":[],"sources":["../../../src/components/AppShell/AppShellBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface AppShellBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst AppShellBody = React.forwardRef<HTMLDivElement, AppShellBodyProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-1 h-full overflow-hidden\", className)}\n      {...props}\n    />\n  ),\n);\n\nAppShellBody.displayName = \"AppShellBody\";\n\nexport { AppShellBody };\n"],"mappings":"mKAKA,IAAM,EAAe,EAAM,YACxB,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,qCAAsC,EAAU,CAC9D,GAAI,EACJ,CAAA,CAEL,CAED,EAAa,YAAc"}

package/dist/components/AppShell/AppShellBody.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/AppShell/AppShellBody.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("flex flex-1 h-full overflow-hidden", t),
+	...r
+}));
+r.displayName = "AppShellBody";
+//#endregion
+export { r as AppShellBody };
+
+//# sourceMappingURL=AppShellBody.js.map

package/dist/components/AppShell/AppShellBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellBody.js","names":[],"sources":["../../../src/components/AppShell/AppShellBody.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface AppShellBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst AppShellBody = React.forwardRef<HTMLDivElement, AppShellBodyProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-1 h-full overflow-hidden\", className)}\n      {...props}\n    />\n  ),\n);\n\nAppShellBody.displayName = \"AppShellBody\";\n\nexport { AppShellBody };\n"],"mappings":";;;;AAKA,IAAM,IAAe,EAAM,YACxB,EAAE,cAAW,GAAG,KAAS,MACxB,kBAAC,OAAD;CACO;CACL,WAAW,EAAG,sCAAsC,EAAU;CAC9D,GAAI;CACJ,CAAA,CAEL;AAED,EAAa,cAAc"}

package/dist/components/AppShell/AppShellHeader.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({border:e=!0,className:n,...i},a)=>(0,r.jsx)(`header`,{ref:a,className:t.cn(`sticky top-0 z-(--nuka-z-header)`,`flex items-center gap-(--space-3)`,`px-(--space-4) py-(--space-3)`,`bg-(--nuka-bg-base)`,e&&`border-b border-(--nuka-border-base)`,n),...i}));i.displayName=`AppShellHeader`,exports.AppShellHeader=i;
+//# sourceMappingURL=AppShellHeader.cjs.map

package/dist/components/AppShell/AppShellHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellHeader.cjs","names":[],"sources":["../../../src/components/AppShell/AppShellHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface AppShellHeaderProps extends React.HTMLAttributes<HTMLElement> {\n  border?: boolean;\n}\n\nconst AppShellHeader = React.forwardRef<HTMLElement, AppShellHeaderProps>(\n  ({ border = true, className, ...props }, ref) => (\n    <header\n      ref={ref}\n      className={cn(\n        \"sticky top-0 z-(--nuka-z-header)\",\n        \"flex items-center gap-(--space-3)\",\n        \"px-(--space-4) py-(--space-3)\",\n        \"bg-(--nuka-bg-base)\",\n        border && \"border-b border-(--nuka-border-base)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nAppShellHeader.displayName = \"AppShellHeader\";\n\nexport { AppShellHeader };\n"],"mappings":"mKAOA,IAAM,EAAiB,EAAM,YAC1B,CAAE,SAAS,GAAM,YAAW,GAAG,GAAS,KACvC,EAAA,EAAA,KAAC,SAAD,CACO,MACL,UAAW,EAAA,GACT,mCACA,oCACA,gCACA,sBACA,GAAU,uCACV,EACD,CACD,GAAI,EACJ,CAAA,CAEL,CAED,EAAe,YAAc"}

package/dist/components/AppShell/AppShellHeader.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/AppShell/AppShellHeader.tsx
+var r = t.forwardRef(({ border: t = !0, className: r, ...i }, a) => /* @__PURE__ */ n("header", {
+	ref: a,
+	className: e("sticky top-0 z-(--nuka-z-header)", "flex items-center gap-(--space-3)", "px-(--space-4) py-(--space-3)", "bg-(--nuka-bg-base)", t && "border-b border-(--nuka-border-base)", r),
+	...i
+}));
+r.displayName = "AppShellHeader";
+//#endregion
+export { r as AppShellHeader };
+
+//# sourceMappingURL=AppShellHeader.js.map

package/dist/components/AppShell/AppShellHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellHeader.js","names":[],"sources":["../../../src/components/AppShell/AppShellHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface AppShellHeaderProps extends React.HTMLAttributes<HTMLElement> {\n  border?: boolean;\n}\n\nconst AppShellHeader = React.forwardRef<HTMLElement, AppShellHeaderProps>(\n  ({ border = true, className, ...props }, ref) => (\n    <header\n      ref={ref}\n      className={cn(\n        \"sticky top-0 z-(--nuka-z-header)\",\n        \"flex items-center gap-(--space-3)\",\n        \"px-(--space-4) py-(--space-3)\",\n        \"bg-(--nuka-bg-base)\",\n        border && \"border-b border-(--nuka-border-base)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nAppShellHeader.displayName = \"AppShellHeader\";\n\nexport { AppShellHeader };\n"],"mappings":";;;;AAOA,IAAM,IAAiB,EAAM,YAC1B,EAAE,YAAS,IAAM,cAAW,GAAG,KAAS,MACvC,kBAAC,UAAD;CACO;CACL,WAAW,EACT,oCACA,qCACA,iCACA,uBACA,KAAU,wCACV,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AAED,EAAe,cAAc"}

package/dist/components/AppShell/AppShellMain.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({padded:e=!0,className:n,...i},a)=>(0,r.jsx)(`main`,{ref:a,className:t.cn(`flex-1 overflow-y-auto`,e&&`p-(--space-6) lg:p-(--space-8)`,n),...i}));i.displayName=`AppShellMain`,exports.AppShellMain=i;
+//# sourceMappingURL=AppShellMain.cjs.map

package/dist/components/AppShell/AppShellMain.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellMain.cjs","names":[],"sources":["../../../src/components/AppShell/AppShellMain.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface AppShellMainProps extends React.HTMLAttributes<HTMLElement> {\n  padded?: boolean;\n}\n\nconst AppShellMain = React.forwardRef<HTMLElement, AppShellMainProps>(\n  ({ padded = true, className, ...props }, ref) => (\n    <main\n      ref={ref}\n      className={cn(\n        \"flex-1 overflow-y-auto\",\n        padded && \"p-(--space-6) lg:p-(--space-8)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nAppShellMain.displayName = \"AppShellMain\";\n\nexport { AppShellMain };\n"],"mappings":"mKAOA,IAAM,EAAe,EAAM,YACxB,CAAE,SAAS,GAAM,YAAW,GAAG,GAAS,KACvC,EAAA,EAAA,KAAC,OAAD,CACO,MACL,UAAW,EAAA,GACT,yBACA,GAAU,iCACV,EACD,CACD,GAAI,EACJ,CAAA,CAEL,CAED,EAAa,YAAc"}

package/dist/components/AppShell/AppShellMain.js

@@ -0,0 +1,14 @@
+import { cn as e } from "../../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/AppShell/AppShellMain.tsx
+var r = t.forwardRef(({ padded: t = !0, className: r, ...i }, a) => /* @__PURE__ */ n("main", {
+	ref: a,
+	className: e("flex-1 overflow-y-auto", t && "p-(--space-6) lg:p-(--space-8)", r),
+	...i
+}));
+r.displayName = "AppShellMain";
+//#endregion
+export { r as AppShellMain };
+
+//# sourceMappingURL=AppShellMain.js.map

package/dist/components/AppShell/AppShellMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellMain.js","names":[],"sources":["../../../src/components/AppShell/AppShellMain.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface AppShellMainProps extends React.HTMLAttributes<HTMLElement> {\n  padded?: boolean;\n}\n\nconst AppShellMain = React.forwardRef<HTMLElement, AppShellMainProps>(\n  ({ padded = true, className, ...props }, ref) => (\n    <main\n      ref={ref}\n      className={cn(\n        \"flex-1 overflow-y-auto\",\n        padded && \"p-(--space-6) lg:p-(--space-8)\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nAppShellMain.displayName = \"AppShellMain\";\n\nexport { AppShellMain };\n"],"mappings":";;;;AAOA,IAAM,IAAe,EAAM,YACxB,EAAE,YAAS,IAAM,cAAW,GAAG,KAAS,MACvC,kBAAC,QAAD;CACO;CACL,WAAW,EACT,0BACA,KAAU,kCACV,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AAED,EAAa,cAAc"}

package/dist/components/AspectRatio/AspectRatio.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/responsive.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({ratio:e=`1/1`,asChild:i=!1,className:o,children:s,...c},l)=>(0,a.jsx)(i?n.Slot:`div`,{ref:l,className:t.cn(`w-full overflow-hidden`,...r.resolveResponsiveClasses(e,r.aspectRatioClasses),o),...c,children:s}));o.displayName=`AspectRatio`,exports.AspectRatio=o;
+//# sourceMappingURL=AspectRatio.cjs.map

package/dist/components/AspectRatio/AspectRatio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.cjs","names":[],"sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  aspectRatioClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, AspectRatioValue } from \"@nuka/utils/responsive\";\n\nexport type { AspectRatioValue };\n\nexport interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {\n  ratio?: Responsive<AspectRatioValue>;\n  asChild?: boolean;\n}\n\nconst AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(\n  ({ ratio = \"1/1\", asChild = false, className, children, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          \"w-full overflow-hidden\",\n          ...resolveResponsiveClasses(ratio, aspectRatioClasses),\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Comp>\n    );\n  },\n);\n\nAspectRatio.displayName = \"AspectRatio\";\n\nexport { AspectRatio };\n"],"mappings":"6OAgBA,IAAM,EAAc,EAAM,YACvB,CAAE,QAAQ,MAAO,UAAU,GAAO,YAAW,WAAU,GAAG,GAAS,KAIhE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,MAG5B,CACO,MACL,UAAW,EAAA,GACT,yBACA,GAAG,EAAA,yBAAyB,EAAO,EAAA,mBAAmB,CACtD,EACD,CACD,GAAI,EAEH,WACI,CAAA,CAGZ,CAED,EAAY,YAAc"}

package/dist/components/AspectRatio/AspectRatio.d.ts

@@ -1,8 +1,8 @@
-import { AspectRatioValue } from './AspectRatio.utils';
+import { Responsive, AspectRatioValue } from '../../utils/responsive';
 import * as React from "react";
 export type { AspectRatioValue };
 export interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {
-    ratio?: AspectRatioValue;
+    ratio?: Responsive<AspectRatioValue>;
     asChild?: boolean;
 }
 declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAEvF,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,WAAW,yFAkBhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE3E,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,WAAW,yFAkBhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/AspectRatio/AspectRatio.js

@@ -0,0 +1,17 @@
+import { cn as e } from "../../utils/cn.js";
+import { Slot as t } from "../../utils/slot.js";
+import { aspectRatioClasses as n, resolveResponsiveClasses as r } from "../../utils/responsive.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/AspectRatio/AspectRatio.tsx
+var o = i.forwardRef(({ ratio: i = "1/1", asChild: o = !1, className: s, children: c, ...l }, u) => /* @__PURE__ */ a(o ? t : "div", {
+	ref: u,
+	className: e("w-full overflow-hidden", ...r(i, n), s),
+	...l,
+	children: c
+}));
+o.displayName = "AspectRatio";
+//#endregion
+export { o as AspectRatio };
+
+//# sourceMappingURL=AspectRatio.js.map

package/dist/components/AspectRatio/AspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.js","names":[],"sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  resolveResponsiveClasses,\n  aspectRatioClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, AspectRatioValue } from \"@nuka/utils/responsive\";\n\nexport type { AspectRatioValue };\n\nexport interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {\n  ratio?: Responsive<AspectRatioValue>;\n  asChild?: boolean;\n}\n\nconst AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(\n  ({ ratio = \"1/1\", asChild = false, className, children, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\n          \"w-full overflow-hidden\",\n          ...resolveResponsiveClasses(ratio, aspectRatioClasses),\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Comp>\n    );\n  },\n);\n\nAspectRatio.displayName = \"AspectRatio\";\n\nexport { AspectRatio };\n"],"mappings":";;;;;;AAgBA,IAAM,IAAc,EAAM,YACvB,EAAE,WAAQ,OAAO,aAAU,IAAO,cAAW,aAAU,GAAG,KAAS,MAIhE,kBAHW,IAAU,IAAO,OAG5B;CACO;CACL,WAAW,EACT,0BACA,GAAG,EAAyB,GAAO,EAAmB,EACtD,EACD;CACD,GAAI;CAEH;CACI,CAAA,CAGZ;AAED,EAAY,cAAc"}

package/dist/components/AspectRatio/AspectRatio.utils.d.ts

@@ -1,3 +1,2 @@
-export type AspectRatioValue = "1/1" | "16/9" | "9/16" | "4/3" | "3/4" | "21/9" | number;
-export declare function resolveRatio(ratio: AspectRatioValue): number;
+export type { AspectRatioValue } from '../../utils/responsive';
 //# sourceMappingURL=AspectRatio.utils.d.ts.map

package/dist/components/AspectRatio/AspectRatio.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.utils.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/AspectRatio.utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GACxB,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,CAAC;AAWX,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB,GAAG,MAAM,CAG5D"}
+{"version":3,"file":"AspectRatio.utils.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/AspectRatio.utils.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}