@nuka-ui/core 1.1.1 → 1.1.2

package/dist/components/Accordion/AccordionTrigger.js

@@ -3,22 +3,22 @@ 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";
+import "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/Accordion/AccordionTrigger.tsx
-var c = a.forwardRef(({ className: a, children: c, ...l }, u) => {
+function s({ ref: s, className: c, children: l, ...u }) {
 	let { headingLevel: d } = t(), { open: f } = n();
-	return /* @__PURE__ */ o(d, {
+	return /* @__PURE__ */ a(d, {
 		className: "flex",
-		children: /* @__PURE__ */ s(r, {
-			ref: u,
+		children: /* @__PURE__ */ o(r, {
+			ref: s,
 			"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, {
+			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", c),
+			...u,
+			children: [l, /* @__PURE__ */ a(i, {
 				size: "sm",
 				className: e("transition-transform duration-200", f && "rotate-180"),
-				children: /* @__PURE__ */ o("svg", {
+				children: /* @__PURE__ */ a("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -26,14 +26,14 @@ var c = a.forwardRef(({ className: a, children: c, ...l }, u) => {
 					strokeWidth: "2",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: /* @__PURE__ */ o("path", { d: "m6 9 6 6 6-6" })
+					children: /* @__PURE__ */ a("path", { d: "m6 9 6 6 6-6" })
 				})
 			})]
 		})
 	});
-});
-c.displayName = "AccordionTrigger";
+}
+s.displayName = "AccordionTrigger";
 //#endregion
-export { c as AccordionTrigger };
+export { s as AccordionTrigger };
 
 //# sourceMappingURL=AccordionTrigger.js.map

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLButtonElement> | undefined;\n}\n\nfunction AccordionTrigger({\n  ref,\n  className,\n  children,\n  ...props\n}: AccordionTriggerProps) {\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":";;;;;;;;AAcA,SAAS,EAAiB,EACxB,QACA,cACA,aACA,GAAG,KACqB;CACxB,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;;AAIjB,EAAiB,cAAc"}

package/dist/components/Alert/Alert.cjs

@@ -1,2 +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;
+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`);function o({ref:e,className:i,variant:o,intent:s,size:c,onDismiss:l,icon:u,children:d,...f}){return(0,a.jsxs)(`div`,{ref:e,role:`alert`,className:t.cn(r.alertVariants({variant:o,intent:s,size:c}),i),...f,children:[u&&(0,a.jsx)(`span`,{className:`shrink-0`,children:u}),(0,a.jsx)(`div`,{className:`flex-1 min-w-0`,children:d}),l!=null&&(0,a.jsx)(n.DismissButton,{onClick:l,className:`ml-auto self-start shrink-0`})]})}o.displayName=`Alert`,exports.Alert=o;
 //# sourceMappingURL=Alert.cjs.map

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n  onDismiss?: () => void;\n  icon?: React.ReactNode;\n}\n\nfunction Alert({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  onDismiss,\n  icon,\n  children,\n  ...props\n}: AlertProps) {\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\nAlert.displayName = \"Alert\";\n\nexport { Alert, alertVariants };\n"],"mappings":"iPAeA,SAAS,EAAM,CACb,MACA,YACA,UACA,SACA,OACA,YACA,OACA,WACA,GAAG,GACU,CACb,OACE,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,GAIV,EAAM,YAAc"}

package/dist/components/Alert/Alert.d.ts

@@ -1,9 +1,13 @@
 import { alertVariants, AlertVariantProps } from './Alert.variants';
 import * as React from "react";
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, AlertVariantProps {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     onDismiss?: () => void;
     icon?: React.ReactNode;
 }
-declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+declare function Alert({ ref, className, variant, intent, size, onDismiss, icon, children, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Alert {
+    var displayName: string;
+}
 export { Alert, alertVariants };
 //# sourceMappingURL=Alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,aAAa,EACb,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,iBAAiB;IAC/D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,KAAK,mFAuBV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,aAAa,EACb,KAAK,iBAAiB,EACvB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,iBAAiB;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,OAAO,EACP,MAAM,EACN,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CAkBZ;kBA5BQ,KAAK;;;AAgCd,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Alert/Alert.js

@@ -1,35 +1,37 @@
 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";
+import "react";
+import { jsx as r, jsxs as i } 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";
+function a({ ref: a, className: o, variant: s, intent: c, size: l, onDismiss: u, icon: d, children: f, ...p }) {
+	return /* @__PURE__ */ i("div", {
+		ref: a,
+		role: "alert",
+		className: e(n({
+			variant: s,
+			intent: c,
+			size: l
+		}), o),
+		...p,
+		children: [
+			d && /* @__PURE__ */ r("span", {
+				className: "shrink-0",
+				children: d
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "flex-1 min-w-0",
+				children: f
+			}),
+			u != null && /* @__PURE__ */ r(t, {
+				onClick: u,
+				className: "ml-auto self-start shrink-0"
+			})
+		]
+	});
+}
+a.displayName = "Alert";
 //#endregion
-export { o as Alert };
+export { a as Alert };
 
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n  onDismiss?: () => void;\n  icon?: React.ReactNode;\n}\n\nfunction Alert({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  onDismiss,\n  icon,\n  children,\n  ...props\n}: AlertProps) {\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\nAlert.displayName = \"Alert\";\n\nexport { Alert, alertVariants };\n"],"mappings":";;;;;;AAeA,SAAS,EAAM,EACb,QACA,cACA,YACA,WACA,SACA,cACA,SACA,aACA,GAAG,KACU;AACb,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,WAAW,EAAG,EAAc;GAAE;GAAS;GAAQ;GAAM,CAAC,EAAE,EAAU;EAClE,GAAI;YAJN;GAMG,KAAQ,kBAAC,QAAD;IAAM,WAAU;cAAY;IAAY,CAAA;GACjD,kBAAC,OAAD;IAAK,WAAU;IAAkB;IAAe,CAAA;GAC/C,KAAa,QACZ,kBAAC,GAAD;IACE,SAAS;IACT,WAAU;IACV,CAAA;GAEA;;;AAIV,EAAM,cAAc"}

package/dist/components/AppShell/AppShell.cjs

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

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction AppShell({ ref, className, ...props }: AppShellProps) {\n  return (\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":"mKAOA,SAAS,EAAS,CAAE,MAAK,YAAW,GAAG,GAAwB,CAC7D,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,sBAAuB,EAAU,CAC/C,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc"}

package/dist/components/AppShell/AppShell.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function AppShell({ ref, className, ...props }: AppShellProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AppShell {
+    var displayName: string;
 }
-declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
 export { AppShell };
 //# sourceMappingURL=AppShell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE9E,QAAA,MAAM,QAAQ,sFAQb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAQ5D;kBARQ,QAAQ;;;AAYjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/AppShell/AppShell.js

@@ -1,14 +1,16 @@
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } 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";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		className: e("flex h-svh flex-col", r),
+		...i
+	});
+}
+n.displayName = "AppShell";
 //#endregion
-export { r as AppShell };
+export { n as AppShell };
 
 //# sourceMappingURL=AppShell.js.map

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction AppShell({ ref, className, ...props }: AppShellProps) {\n  return (\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":";;;;AAOA,SAAS,EAAS,EAAE,QAAK,cAAW,GAAG,KAAwB;AAC7D,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EAAG,uBAAuB,EAAU;EAC/C,GAAI;EACJ,CAAA;;AAIN,EAAS,cAAc"}

package/dist/components/AppShell/AppShellBody.cjs

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

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction AppShellBody({ ref, className, ...props }: AppShellBodyProps) {\n  return (\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":"mKAOA,SAAS,EAAa,CAAE,MAAK,YAAW,GAAG,GAA4B,CACrE,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,UAAW,EAAA,GAAG,qCAAsC,EAAU,CAC9D,GAAI,EACJ,CAAA,CAIN,EAAa,YAAc"}

package/dist/components/AppShell/AppShellBody.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface AppShellBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function AppShellBody({ ref, className, ...props }: AppShellBodyProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AppShellBody {
+    var displayName: string;
 }
-declare const AppShellBody: React.ForwardRefExoticComponent<AppShellBodyProps & React.RefAttributes<HTMLDivElement>>;
 export { AppShellBody };
 //# sourceMappingURL=AppShellBody.d.ts.map

package/dist/components/AppShell/AppShellBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShellBody.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellBody.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,0FAQjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"AppShellBody.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAQpE;kBARQ,YAAY;;;AAYrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/AppShell/AppShellBody.js

@@ -1,14 +1,16 @@
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } 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";
+function n({ ref: n, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		className: e("flex flex-1 h-full overflow-hidden", r),
+		...i
+	});
+}
+n.displayName = "AppShellBody";
 //#endregion
-export { r as AppShellBody };
+export { n as AppShellBody };
 
 //# sourceMappingURL=AppShellBody.js.map

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction AppShellBody({ ref, className, ...props }: AppShellBodyProps) {\n  return (\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":";;;;AAOA,SAAS,EAAa,EAAE,QAAK,cAAW,GAAG,KAA4B;AACrE,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EAAG,sCAAsC,EAAU;EAC9D,GAAI;EACJ,CAAA;;AAIN,EAAa,cAAc"}

package/dist/components/AppShell/AppShellHeader.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=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;
+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`);function i({ref:e,border:n=!0,className:i,...a}){return(0,r.jsx)(`header`,{ref:e,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)`,n&&`border-b border-(--nuka-border-base)`,i),...a})}i.displayName=`AppShellHeader`,exports.AppShellHeader=i;
 //# sourceMappingURL=AppShellHeader.cjs.map

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLElement> | undefined;\n  border?: boolean;\n}\n\nfunction AppShellHeader({\n  ref,\n  border = true,\n  className,\n  ...props\n}: AppShellHeaderProps) {\n  return (\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":"mKAQA,SAAS,EAAe,CACtB,MACA,SAAS,GACT,YACA,GAAG,GACmB,CACtB,OACE,EAAA,EAAA,KAAC,SAAD,CACO,MACL,UAAW,EAAA,GACT,mCACA,oCACA,gCACA,sBACA,GAAU,uCACV,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc"}

package/dist/components/AppShell/AppShellHeader.d.ts

@@ -1,7 +1,11 @@
 import * as React from "react";
 export interface AppShellHeaderProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement> | undefined;
     border?: boolean;
 }
-declare const AppShellHeader: React.ForwardRefExoticComponent<AppShellHeaderProps & React.RefAttributes<HTMLElement>>;
+declare function AppShellHeader({ ref, border, className, ...props }: AppShellHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AppShellHeader {
+    var displayName: string;
+}
 export { AppShellHeader };
 //# sourceMappingURL=AppShellHeader.d.ts.map

package/dist/components/AppShell/AppShellHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShellHeader.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,cAAc,yFAenB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"AppShellHeader.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,MAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAerB;kBApBQ,cAAc;;;AAwBvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/AppShell/AppShellHeader.js

@@ -1,14 +1,16 @@
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } 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";
+function n({ ref: n, border: r = !0, className: i, ...a }) {
+	return /* @__PURE__ */ t("header", {
+		ref: n,
+		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)", r && "border-b border-(--nuka-border-base)", i),
+		...a
+	});
+}
+n.displayName = "AppShellHeader";
 //#endregion
-export { r as AppShellHeader };
+export { n as AppShellHeader };
 
 //# sourceMappingURL=AppShellHeader.js.map

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLElement> | undefined;\n  border?: boolean;\n}\n\nfunction AppShellHeader({\n  ref,\n  border = true,\n  className,\n  ...props\n}: AppShellHeaderProps) {\n  return (\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":";;;;AAQA,SAAS,EAAe,EACtB,QACA,YAAS,IACT,cACA,GAAG,KACmB;AACtB,QACE,kBAAC,UAAD;EACO;EACL,WAAW,EACT,oCACA,qCACA,iCACA,uBACA,KAAU,wCACV,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAe,cAAc"}

package/dist/components/AppShell/AppShellMain.cjs

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

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLElement> | undefined;\n  padded?: boolean;\n}\n\nfunction AppShellMain({\n  ref,\n  padded = true,\n  className,\n  ...props\n}: AppShellMainProps) {\n  return (\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":"mKAQA,SAAS,EAAa,CACpB,MACA,SAAS,GACT,YACA,GAAG,GACiB,CACpB,OACE,EAAA,EAAA,KAAC,OAAD,CACO,MACL,UAAW,EAAA,GACT,yBACA,GAAU,iCACV,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAa,YAAc"}

package/dist/components/AppShell/AppShellMain.d.ts

@@ -1,7 +1,11 @@
 import * as React from "react";
 export interface AppShellMainProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement> | undefined;
     padded?: boolean;
 }
-declare const AppShellMain: React.ForwardRefExoticComponent<AppShellMainProps & React.RefAttributes<HTMLElement>>;
+declare function AppShellMain({ ref, padded, className, ...props }: AppShellMainProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AppShellMain {
+    var displayName: string;
+}
 export { AppShellMain };
 //# sourceMappingURL=AppShellMain.d.ts.map

package/dist/components/AppShell/AppShellMain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShellMain.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,YAAY,uFAYjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"AppShellMain.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,EACH,MAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAYnB;kBAjBQ,YAAY;;;AAqBrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/AppShell/AppShellMain.js

@@ -1,14 +1,16 @@
 import { cn as e } from "../../utils/cn.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } 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";
+function n({ ref: n, padded: r = !0, className: i, ...a }) {
+	return /* @__PURE__ */ t("main", {
+		ref: n,
+		className: e("flex-1 overflow-y-auto", r && "p-(--space-6) lg:p-(--space-8)", i),
+		...a
+	});
+}
+n.displayName = "AppShellMain";
 //#endregion
-export { r as AppShellMain };
+export { n as AppShellMain };
 
 //# sourceMappingURL=AppShellMain.js.map

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLElement> | undefined;\n  padded?: boolean;\n}\n\nfunction AppShellMain({\n  ref,\n  padded = true,\n  className,\n  ...props\n}: AppShellMainProps) {\n  return (\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":";;;;AAQA,SAAS,EAAa,EACpB,QACA,YAAS,IACT,cACA,GAAG,KACiB;AACpB,QACE,kBAAC,QAAD;EACO;EACL,WAAW,EACT,0BACA,KAAU,kCACV,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAa,cAAc"}

package/dist/components/AspectRatio/AspectRatio.cjs

@@ -1,2 +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;
+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`);function o({ref:e,ratio:i=`1/1`,asChild:o=!1,className:s,children:c,...l}){return(0,a.jsx)(o?n.Slot:`div`,{ref:e,className:t.cn(`w-full overflow-hidden`,...r.resolveResponsiveClasses(i,r.aspectRatioClasses),s),...l,children:c})}o.displayName=`AspectRatio`,exports.AspectRatio=o;
 //# sourceMappingURL=AspectRatio.cjs.map

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n  ratio?: Responsive<AspectRatioValue>;\n  asChild?: boolean;\n}\n\nfunction AspectRatio({\n  ref,\n  ratio = \"1/1\",\n  asChild = false,\n  className,\n  children,\n  ...props\n}: AspectRatioProps) {\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\nAspectRatio.displayName = \"AspectRatio\";\n\nexport { AspectRatio };\n"],"mappings":"6OAiBA,SAAS,EAAY,CACnB,MACA,QAAQ,MACR,UAAU,GACV,YACA,WACA,GAAG,GACgB,CAGnB,OACE,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,CAIX,EAAY,YAAc"}

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

@@ -2,9 +2,13 @@ import { Responsive, AspectRatioValue } from '../../utils/responsive';
 import * as React from "react";
 export type { AspectRatioValue };
 export interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     ratio?: Responsive<AspectRatioValue>;
     asChild?: boolean;
 }
-declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
+declare function AspectRatio({ ref, ratio, asChild, className, children, ...props }: AspectRatioProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AspectRatio {
+    var displayName: string;
+}
 export { AspectRatio };
 //# sourceMappingURL=AspectRatio.d.ts.map

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;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"}
+{"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,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,KAAa,EACb,OAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAgBlB;kBAvBQ,WAAW;;;AA2BpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/AspectRatio/AspectRatio.js

@@ -1,17 +1,19 @@
 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";
+import "react";
+import { jsx as i } 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";
+function a({ ref: a, ratio: o = "1/1", asChild: s = !1, className: c, children: l, ...u }) {
+	return /* @__PURE__ */ i(s ? t : "div", {
+		ref: a,
+		className: e("w-full overflow-hidden", ...r(o, n), c),
+		...u,
+		children: l
+	});
+}
+a.displayName = "AspectRatio";
 //#endregion
-export { o as AspectRatio };
+export { a as AspectRatio };
 
 //# sourceMappingURL=AspectRatio.js.map

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

@@ -1 +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"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n  ratio?: Responsive<AspectRatioValue>;\n  asChild?: boolean;\n}\n\nfunction AspectRatio({\n  ref,\n  ratio = \"1/1\",\n  asChild = false,\n  className,\n  children,\n  ...props\n}: AspectRatioProps) {\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\nAspectRatio.displayName = \"AspectRatio\";\n\nexport { AspectRatio };\n"],"mappings":";;;;;;AAiBA,SAAS,EAAY,EACnB,QACA,WAAQ,OACR,aAAU,IACV,cACA,aACA,GAAG,KACgB;AAGnB,QACE,kBAHW,IAAU,IAAO,OAG5B;EACO;EACL,WAAW,EACT,0BACA,GAAG,EAAyB,GAAO,EAAmB,EACtD,EACD;EACD,GAAI;EAEH;EACI,CAAA;;AAIX,EAAY,cAAc"}