@nuka-ui/core 1.1.2 → 1.1.3

package/README.md

@@ -2,6 +2,8 @@
 
 A production-grade React component library built on Tailwind v4. Composable, accessible, and designed from the ground up with the kind of API and architectural rigor that scales to more components, more developers, more products, and more edge cases.
 
+Maintained by [@ku5ic](https://github.com/ku5ic). [Sponsor this project](https://github.com/sponsors/ku5ic) or see the [full list of sponsors](./SPONSORS.md).
+
 [![npm](https://img.shields.io/npm/v/@nuka-ui/core)](https://www.npmjs.com/package/@nuka-ui/core)
 [![license](https://img.shields.io/npm/l/@nuka-ui/core)](./LICENSE)
 [![storybook](https://img.shields.io/badge/storybook-live-ff4785)](https://ku5ic.github.io/nuka-ui)
@@ -462,17 +464,15 @@ import {
 </Nav>;
 ```
 
-### RSC compatibility
-
-Components without interactive state ship without a `"use client"` directive and work in React Server Components (Next.js App Router, etc.) without modification:
+### React Server Components (Next.js App Router)
 
-**Server-safe:** Alert\*, AppShell, AspectRatio, Badge, Banner\*, Breadcrumb, Button, Card, Chip\*, Code, Container, Divider, EmptyState, Eyebrow, Grid, Heading, Icon, Kbd, Nav, Pagination, ScrollArea, Section, Skeleton, SkipLink, Spinner, SplitLayout, Stack, Tag\*, Text, Textarea, Timeline, VisuallyHidden
+Every nuka-ui component ships with `"use client";` at the top of its compiled output. No component opts out; there is no partial-coverage subset that renders on the server without the directive.
 
-\*These components contain no hooks or effects and render correctly on the server. However, they accept interactive props (`selected`, `onDismiss`) that require a client boundary at the call site to function. Components like Button that accept only native HTML event handlers (`onClick`) do not need special handling because event handler forwarding on server-rendered elements is standard React behavior.
+Import any component from a Server Component page or layout; the bundler creates the client boundary automatically, so no additional configuration is required.
 
-**Client-required (`"use client"`):** Accordion, Avatar, Checkbox, Collapsible, Combobox, CommandMenu, ContextMenu, DataTable, DatePicker, Dialog, DropdownMenu, FileInput, FormField, Input, Label, Menubar, NavigationMenu, NumberInput, Popover, Progress, RadioGroup, Select, Sheet, Sidebar, Slider, Stepper, Switch, Table, Tabs, Toast/Toaster, Tooltip
+This does not affect SEO. Client Components are server-rendered to HTML in the initial response. Crawlers receive rendered markup identical to what a fully-server-rendered page would produce. The `"use client";` directive controls which code ships for hydration, not where the initial render runs.
 
-Client-required components include the `"use client"` directive in their compiled output. In Next.js App Router, import them from any server or client component without additional configuration.
+The tradeoff is bundle size. Every component's code ships to the client. For an interactive UI component library this is the correct tradeoff: nearly every component accepts refs, uses `Slot` for `asChild`, or calls a React hook internally, so a narrower no-directive subset would be too small to rely on and too fragile to maintain.
 
 ---
 
@@ -489,7 +489,7 @@ Short version:
 - **`data-theme` attribute**: enables nested themes and avoids class pollution
 - **No third-party UI primitives**: `Slot`, `composeRefs`, focus trap, scroll lock, and all ARIA patterns are first-party
 - **No component-level tokens by default**: added only when semantic tokens are genuinely insufficient
-- **`"use client"` in compiled output**: interactive components include the directive; server-safe components omit it
+- **`"use client"` in compiled output**: every component includes the directive so consumers can import from any Server Component boundary without configuration
 
 ---
 

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`);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;
+"use client";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  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"}
+{"version":3,"file":"Alert.cjs","names":[],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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":"8PAiBA,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.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,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"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAEA,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,3 +1,4 @@
+"use client";
 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";

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  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"}
+{"version":3,"file":"Alert.js","names":[],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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":";;;;;;;AAiBA,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`);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;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);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  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"}
+{"version":3,"file":"AppShell.cjs","names":[],"sources":["../../../src/components/AppShell/AppShell.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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":"gLASA,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.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;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"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAEA,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,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";

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  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"}
+{"version":3,"file":"AppShell.js","names":[],"sources":["../../../src/components/AppShell/AppShell.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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":";;;;;AASA,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`);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;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);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  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"}
+{"version":3,"file":"AppShellBody.cjs","names":[],"sources":["../../../src/components/AppShell/AppShellBody.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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":"gLASA,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.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;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"}
+{"version":3,"file":"AppShellBody.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellBody.tsx"],"names":[],"mappings":"AAEA,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,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";

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  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"}
+{"version":3,"file":"AppShellBody.js","names":[],"sources":["../../../src/components/AppShell/AppShellBody.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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":";;;;;AASA,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`);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;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);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  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"}
+{"version":3,"file":"AppShellHeader.cjs","names":[],"sources":["../../../src/components/AppShell/AppShellHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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":"gLAUA,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.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,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"}
+{"version":3,"file":"AppShellHeader.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellHeader.tsx"],"names":[],"mappings":"AAEA,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,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";

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  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"}
+{"version":3,"file":"AppShellHeader.js","names":[],"sources":["../../../src/components/AppShell/AppShellHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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":";;;;;AAUA,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`);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;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);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  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"}
+{"version":3,"file":"AppShellMain.cjs","names":[],"sources":["../../../src/components/AppShell/AppShellMain.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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":"gLAUA,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.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,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"}
+{"version":3,"file":"AppShellMain.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShellMain.tsx"],"names":[],"mappings":"AAEA,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,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";

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  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"}
+{"version":3,"file":"AppShellMain.js","names":[],"sources":["../../../src/components/AppShell/AppShellMain.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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":";;;;;AAUA,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`);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;
+"use client";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  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"}
+{"version":3,"file":"AspectRatio.cjs","names":[],"sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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":"0PAmBA,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.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,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"}
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAEA,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,3 +1,4 @@
+"use client";
 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";

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  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"}
+{"version":3,"file":"AspectRatio.js","names":[],"sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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":";;;;;;;AAmBA,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"}

package/dist/components/Badge/Badge.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./Badge.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,asChild:l=!1,...u}){return(0,a.jsx)(l?n.Slot:`span`,{ref:e,className:t.cn(r.badgeVariants({variant:o,intent:s,size:c}),i),...u})}o.displayName=`Badge`,exports.Badge=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./Badge.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,asChild:l=!1,...u}){return(0,a.jsx)(l?n.Slot:`span`,{ref:e,className:t.cn(r.badgeVariants({variant:o,intent:s,size:c}),i),...u})}o.displayName=`Badge`,exports.Badge=o;
 //# sourceMappingURL=Badge.cjs.map

package/dist/components/Badge/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  badgeVariants,\n  type BadgeVariantProps,\n} from \"@nuka/components/Badge/Badge.variants\";\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>, BadgeVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction Badge({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(badgeVariants({ variant, intent, size }), className)}\n      {...props}\n    />\n  );\n}\n\nBadge.displayName = \"Badge\";\n\nexport { Badge, badgeVariants };\n"],"mappings":"uOAcA,SAAS,EAAM,CACb,MACA,YACA,UACA,SACA,OACA,UAAU,GACV,GAAG,GACU,CAGb,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,OAG5B,CACO,MACL,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,UAAS,SAAQ,OAAM,CAAC,CAAE,EAAU,CAClE,GAAI,EACJ,CAAA,CAIN,EAAM,YAAc"}
+{"version":3,"file":"Badge.cjs","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  badgeVariants,\n  type BadgeVariantProps,\n} from \"@nuka/components/Badge/Badge.variants\";\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>, BadgeVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction Badge({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(badgeVariants({ variant, intent, size }), className)}\n      {...props}\n    />\n  );\n}\n\nBadge.displayName = \"Badge\";\n\nexport { Badge, badgeVariants };\n"],"mappings":"oPAgBA,SAAS,EAAM,CACb,MACA,YACA,UACA,SACA,OACA,UAAU,GACV,GAAG,GACU,CAGb,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,OAG5B,CACO,MACL,UAAW,EAAA,GAAG,EAAA,cAAc,CAAE,UAAS,SAAQ,OAAM,CAAC,CAAE,EAAU,CAClE,GAAI,EACJ,CAAA,CAIN,EAAM,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.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,eAAe,CAAC,EAAE,iBAAiB;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,OAAO,EACP,MAAM,EACN,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,UAAU,2CAUZ;kBAlBQ,KAAK;;;AAsBd,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,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,eAAe,CAAC,EAAE,iBAAiB;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,KAAK,CAAC,EACb,GAAG,EACH,SAAS,EACT,OAAO,EACP,MAAM,EACN,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,UAAU,2CAUZ;kBAlBQ,KAAK;;;AAsBd,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Badge/Badge.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Slot as t } from "../../utils/slot.js";
 import { badgeVariants as n } from "./Badge.variants.js";

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  badgeVariants,\n  type BadgeVariantProps,\n} from \"@nuka/components/Badge/Badge.variants\";\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>, BadgeVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction Badge({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(badgeVariants({ variant, intent, size }), className)}\n      {...props}\n    />\n  );\n}\n\nBadge.displayName = \"Badge\";\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAcA,SAAS,EAAM,EACb,QACA,cACA,YACA,WACA,SACA,aAAU,IACV,GAAG,KACU;AAGb,QACE,kBAHW,IAAU,IAAO,QAG5B;EACO;EACL,WAAW,EAAG,EAAc;GAAE;GAAS;GAAQ;GAAM,CAAC,EAAE,EAAU;EAClE,GAAI;EACJ,CAAA;;AAIN,EAAM,cAAc"}
+{"version":3,"file":"Badge.js","names":[],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  badgeVariants,\n  type BadgeVariantProps,\n} from \"@nuka/components/Badge/Badge.variants\";\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLSpanElement>, BadgeVariantProps {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction Badge({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  asChild = false,\n  ...props\n}: BadgeProps) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(badgeVariants({ variant, intent, size }), className)}\n      {...props}\n    />\n  );\n}\n\nBadge.displayName = \"Badge\";\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAgBA,SAAS,EAAM,EACb,QACA,cACA,YACA,WACA,SACA,aAAU,IACV,GAAG,KACU;AAGb,QACE,kBAHW,IAAU,IAAO,QAG5B;EACO;EACL,WAAW,EAAG,EAAc;GAAE;GAAS;GAAQ;GAAM,CAAC,EAAE,EAAU;EAClE,GAAI;EACJ,CAAA;;AAIN,EAAM,cAAc"}

package/dist/components/Banner/Banner.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(`./Banner.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,intent:o,"aria-label":s,onDismiss:c,action:l,children:u,...d}){return(0,a.jsxs)(`div`,{ref:e,role:`region`,"aria-label":s,className:t.cn(r.bannerVariants({intent:o}),i),...d,children:[(0,a.jsx)(`div`,{className:`flex-1 min-w-0`,children:u}),l&&(0,a.jsx)(`div`,{className:`shrink-0`,children:l}),c!=null&&(0,a.jsx)(n.DismissButton,{onClick:c,className:`shrink-0 self-start ml-auto`})]})}o.displayName=`Banner`,exports.Banner=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/dismiss-button.cjs`),r=require(`./Banner.variants.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,intent:o,"aria-label":s,onDismiss:c,action:l,children:u,...d}){return(0,a.jsxs)(`div`,{ref:e,role:`region`,"aria-label":s,className:t.cn(r.bannerVariants({intent:o}),i),...d,children:[(0,a.jsx)(`div`,{className:`flex-1 min-w-0`,children:u}),l&&(0,a.jsx)(`div`,{className:`shrink-0`,children:l}),c!=null&&(0,a.jsx)(n.DismissButton,{onClick:c,className:`shrink-0 self-start ml-auto`})]})}o.displayName=`Banner`,exports.Banner=o;
 //# sourceMappingURL=Banner.cjs.map

package/dist/components/Banner/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  bannerVariants,\n  type BannerVariantProps,\n} from \"@nuka/components/Banner/Banner.variants\";\n\nexport interface BannerProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"aria-label\">,\n    BannerVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  \"aria-label\": string;\n  onDismiss?: () => void;\n  action?: React.ReactNode;\n}\n\nfunction Banner({\n  ref,\n  className,\n  intent,\n  \"aria-label\": ariaLabel,\n  onDismiss,\n  action,\n  children,\n  ...props\n}: BannerProps) {\n  return (\n    <div\n      ref={ref}\n      role=\"region\"\n      aria-label={ariaLabel}\n      className={cn(bannerVariants({ intent }), className)}\n      {...props}\n    >\n      <div className=\"flex-1 min-w-0\">{children}</div>\n      {action && <div className=\"shrink-0\">{action}</div>}\n      {onDismiss != null && (\n        <DismissButton\n          onClick={onDismiss}\n          className=\"shrink-0 self-start ml-auto\"\n        />\n      )}\n    </div>\n  );\n}\n\nBanner.displayName = \"Banner\";\n\nexport { Banner, bannerVariants };\n"],"mappings":"kPAkBA,SAAS,EAAO,CACd,MACA,YACA,SACA,aAAc,EACd,YACA,SACA,WACA,GAAG,GACW,CACd,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,SACL,aAAY,EACZ,UAAW,EAAA,GAAG,EAAA,eAAe,CAAE,SAAQ,CAAC,CAAE,EAAU,CACpD,GAAI,WALN,EAOE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAkB,WAAe,CAAA,CAC/C,IAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oBAAY,EAAa,CAAA,CAClD,GAAa,OACZ,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,EACT,UAAU,8BACV,CAAA,CAEA,GAIV,EAAO,YAAc"}
+{"version":3,"file":"Banner.cjs","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  bannerVariants,\n  type BannerVariantProps,\n} from \"@nuka/components/Banner/Banner.variants\";\n\nexport interface BannerProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"aria-label\">,\n    BannerVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  \"aria-label\": string;\n  onDismiss?: () => void;\n  action?: React.ReactNode;\n}\n\nfunction Banner({\n  ref,\n  className,\n  intent,\n  \"aria-label\": ariaLabel,\n  onDismiss,\n  action,\n  children,\n  ...props\n}: BannerProps) {\n  return (\n    <div\n      ref={ref}\n      role=\"region\"\n      aria-label={ariaLabel}\n      className={cn(bannerVariants({ intent }), className)}\n      {...props}\n    >\n      <div className=\"flex-1 min-w-0\">{children}</div>\n      {action && <div className=\"shrink-0\">{action}</div>}\n      {onDismiss != null && (\n        <DismissButton\n          onClick={onDismiss}\n          className=\"shrink-0 self-start ml-auto\"\n        />\n      )}\n    </div>\n  );\n}\n\nBanner.displayName = \"Banner\";\n\nexport { Banner, bannerVariants };\n"],"mappings":"+PAoBA,SAAS,EAAO,CACd,MACA,YACA,SACA,aAAc,EACd,YACA,SACA,WACA,GAAG,GACW,CACd,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,SACL,aAAY,EACZ,UAAW,EAAA,GAAG,EAAA,eAAe,CAAE,SAAQ,CAAC,CAAE,EAAU,CACpD,GAAI,WALN,EAOE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAkB,WAAe,CAAA,CAC/C,IAAU,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oBAAY,EAAa,CAAA,CAClD,GAAa,OACZ,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,EACT,UAAU,8BACV,CAAA,CAEA,GAIV,EAAO,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,cAAc,EACd,KAAK,kBAAkB,EACxB,MAAM,yCAAyC,CAAC;AAEjD,MAAM,WAAW,WACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,EACxD,kBAAkB;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,iBAAS,MAAM,CAAC,EACd,GAAG,EACH,SAAS,EACT,MAAM,EACN,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAmBb;kBA5BQ,MAAM;;;AAgCf,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,cAAc,EACd,KAAK,kBAAkB,EACxB,MAAM,yCAAyC,CAAC;AAEjD,MAAM,WAAW,WACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,EACxD,kBAAkB;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,iBAAS,MAAM,CAAC,EACd,GAAG,EACH,SAAS,EACT,MAAM,EACN,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAmBb;kBA5BQ,MAAM;;;AAgCf,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Banner/Banner.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { DismissButton as t } from "../../utils/dismiss-button.js";
 import { bannerVariants as n } from "./Banner.variants.js";

package/dist/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  bannerVariants,\n  type BannerVariantProps,\n} from \"@nuka/components/Banner/Banner.variants\";\n\nexport interface BannerProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"aria-label\">,\n    BannerVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  \"aria-label\": string;\n  onDismiss?: () => void;\n  action?: React.ReactNode;\n}\n\nfunction Banner({\n  ref,\n  className,\n  intent,\n  \"aria-label\": ariaLabel,\n  onDismiss,\n  action,\n  children,\n  ...props\n}: BannerProps) {\n  return (\n    <div\n      ref={ref}\n      role=\"region\"\n      aria-label={ariaLabel}\n      className={cn(bannerVariants({ intent }), className)}\n      {...props}\n    >\n      <div className=\"flex-1 min-w-0\">{children}</div>\n      {action && <div className=\"shrink-0\">{action}</div>}\n      {onDismiss != null && (\n        <DismissButton\n          onClick={onDismiss}\n          className=\"shrink-0 self-start ml-auto\"\n        />\n      )}\n    </div>\n  );\n}\n\nBanner.displayName = \"Banner\";\n\nexport { Banner, bannerVariants };\n"],"mappings":";;;;;;AAkBA,SAAS,EAAO,EACd,QACA,cACA,WACA,cAAc,GACd,cACA,WACA,aACA,GAAG,KACW;AACd,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY;EACZ,WAAW,EAAG,EAAe,EAAE,WAAQ,CAAC,EAAE,EAAU;EACpD,GAAI;YALN;GAOE,kBAAC,OAAD;IAAK,WAAU;IAAkB;IAAe,CAAA;GAC/C,KAAU,kBAAC,OAAD;IAAK,WAAU;cAAY;IAAa,CAAA;GAClD,KAAa,QACZ,kBAAC,GAAD;IACE,SAAS;IACT,WAAU;IACV,CAAA;GAEA;;;AAIV,EAAO,cAAc"}
+{"version":3,"file":"Banner.js","names":[],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport {\n  bannerVariants,\n  type BannerVariantProps,\n} from \"@nuka/components/Banner/Banner.variants\";\n\nexport interface BannerProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"aria-label\">,\n    BannerVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  \"aria-label\": string;\n  onDismiss?: () => void;\n  action?: React.ReactNode;\n}\n\nfunction Banner({\n  ref,\n  className,\n  intent,\n  \"aria-label\": ariaLabel,\n  onDismiss,\n  action,\n  children,\n  ...props\n}: BannerProps) {\n  return (\n    <div\n      ref={ref}\n      role=\"region\"\n      aria-label={ariaLabel}\n      className={cn(bannerVariants({ intent }), className)}\n      {...props}\n    >\n      <div className=\"flex-1 min-w-0\">{children}</div>\n      {action && <div className=\"shrink-0\">{action}</div>}\n      {onDismiss != null && (\n        <DismissButton\n          onClick={onDismiss}\n          className=\"shrink-0 self-start ml-auto\"\n        />\n      )}\n    </div>\n  );\n}\n\nBanner.displayName = \"Banner\";\n\nexport { Banner, bannerVariants };\n"],"mappings":";;;;;;;AAoBA,SAAS,EAAO,EACd,QACA,cACA,WACA,cAAc,GACd,cACA,WACA,aACA,GAAG,KACW;AACd,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,cAAY;EACZ,WAAW,EAAG,EAAe,EAAE,WAAQ,CAAC,EAAE,EAAU;EACpD,GAAI;YALN;GAOE,kBAAC,OAAD;IAAK,WAAU;IAAkB;IAAe,CAAA;GAC/C,KAAU,kBAAC,OAAD;IAAK,WAAU;cAAY;IAAa,CAAA;GAClD,KAAa,QACZ,kBAAC,GAAD;IACE,SAAS;IACT,WAAU;IACV,CAAA;GAEA;;;AAIV,EAAO,cAAc"}

package/dist/components/Breadcrumb/Breadcrumb.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);function r({ref:e,"aria-label":t=`Breadcrumb`,...r}){return(0,n.jsx)(`nav`,{ref:e,"aria-label":t,...r})}r.displayName=`Breadcrumb`,exports.Breadcrumb=r;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);function r({ref:e,"aria-label":t=`Breadcrumb`,...r}){return(0,n.jsx)(`nav`,{ref:e,"aria-label":t,...r})}r.displayName=`Breadcrumb`,exports.Breadcrumb=r;
 //# sourceMappingURL=Breadcrumb.cjs.map

package/dist/components/Breadcrumb/Breadcrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","names":[],"sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Breadcrumb({\n  ref,\n  \"aria-label\": ariaLabel = \"Breadcrumb\",\n  ...props\n}: BreadcrumbProps) {\n  return <nav ref={ref} aria-label={ariaLabel} {...props} />;\n}\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nexport { Breadcrumb };\n"],"mappings":"mIAOA,SAAS,EAAW,CAClB,MACA,aAAc,EAAY,aAC1B,GAAG,GACe,CAClB,OAAO,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,aAAY,EAAW,GAAI,EAAS,CAAA,CAG5D,EAAW,YAAc"}
+{"version":3,"file":"Breadcrumb.cjs","names":[],"sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Breadcrumb({\n  ref,\n  \"aria-label\": ariaLabel = \"Breadcrumb\",\n  ...props\n}: BreadcrumbProps) {\n  return <nav ref={ref} aria-label={ariaLabel} {...props} />;\n}\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nexport { Breadcrumb };\n"],"mappings":"gJASA,SAAS,EAAW,CAClB,MACA,aAAc,EAAY,aAC1B,GAAG,GACe,CAClB,OAAO,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,aAAY,EAAW,GAAI,EAAS,CAAA,CAG5D,EAAW,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,YAAY,EAAE,SAAwB,EACtC,GAAG,KAAK,EACT,EAAE,eAAe,2CAEjB;kBANQ,UAAU;;;AAUnB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,YAAY,EAAE,SAAwB,EACtC,GAAG,KAAK,EACT,EAAE,eAAe,2CAEjB;kBANQ,UAAU;;;AAUnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,3 +1,4 @@
+"use client";
 import "react";
 import { jsx as e } from "react/jsx-runtime";
 //#region src/components/Breadcrumb/Breadcrumb.tsx

package/dist/components/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","names":[],"sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Breadcrumb({\n  ref,\n  \"aria-label\": ariaLabel = \"Breadcrumb\",\n  ...props\n}: BreadcrumbProps) {\n  return <nav ref={ref} aria-label={ariaLabel} {...props} />;\n}\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nexport { Breadcrumb };\n"],"mappings":";;;AAOA,SAAS,EAAW,EAClB,QACA,cAAc,IAAY,cAC1B,GAAG,KACe;AAClB,QAAO,kBAAC,OAAD;EAAU;EAAK,cAAY;EAAW,GAAI;EAAS,CAAA;;AAG5D,EAAW,cAAc"}
+{"version":3,"file":"Breadcrumb.js","names":[],"sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Breadcrumb({\n  ref,\n  \"aria-label\": ariaLabel = \"Breadcrumb\",\n  ...props\n}: BreadcrumbProps) {\n  return <nav ref={ref} aria-label={ariaLabel} {...props} />;\n}\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nexport { Breadcrumb };\n"],"mappings":";;;;AASA,SAAS,EAAW,EAClB,QACA,cAAc,IAAY,cAC1B,GAAG,KACe;AAClB,QAAO,kBAAC,OAAD;EAAU;EAAK,cAAY;EAAW,GAAI;EAAS,CAAA;;AAG5D,EAAW,cAAc"}

package/dist/components/Breadcrumb/BreadcrumbEllipsis.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`);function i({ref:e,className:n,...i}){return(0,r.jsxs)(`span`,{ref:e,role:`presentation`,className:t.cn(`flex items-center justify-center size-6`,n),...i,children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,children:`...`}),(0,r.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}i.displayName=`BreadcrumbEllipsis`,exports.BreadcrumbEllipsis=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsxs)(`span`,{ref:e,role:`presentation`,className:t.cn(`flex items-center justify-center size-6`,n),...i,children:[(0,r.jsx)(`span`,{"aria-hidden":`true`,children:`...`}),(0,r.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}i.displayName=`BreadcrumbEllipsis`,exports.BreadcrumbEllipsis=i;
 //# sourceMappingURL=BreadcrumbEllipsis.cjs.map

package/dist/components/Breadcrumb/BreadcrumbEllipsis.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbEllipsis.cjs","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbEllipsis.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction BreadcrumbEllipsis({\n  ref,\n  className,\n  ...props\n}: BreadcrumbEllipsisProps) {\n  return (\n    <span\n      ref={ref}\n      role=\"presentation\"\n      className={cn(\"flex items-center justify-center size-6\", className)}\n      {...props}\n    >\n      <span aria-hidden=\"true\">...</span>\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\";\n\nexport { BreadcrumbEllipsis };\n"],"mappings":"mKAOA,SAAS,EAAmB,CAC1B,MACA,YACA,GAAG,GACuB,CAC1B,OACE,EAAA,EAAA,MAAC,OAAD,CACO,MACL,KAAK,eACL,UAAW,EAAA,GAAG,0CAA2C,EAAU,CACnE,GAAI,WAJN,EAME,EAAA,EAAA,KAAC,OAAD,CAAM,cAAY,gBAAO,MAAU,CAAA,EACnC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,aAAiB,CAAA,CACtC,GAIX,EAAmB,YAAc"}
+{"version":3,"file":"BreadcrumbEllipsis.cjs","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbEllipsis.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction BreadcrumbEllipsis({\n  ref,\n  className,\n  ...props\n}: BreadcrumbEllipsisProps) {\n  return (\n    <span\n      ref={ref}\n      role=\"presentation\"\n      className={cn(\"flex items-center justify-center size-6\", className)}\n      {...props}\n    >\n      <span aria-hidden=\"true\">...</span>\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\";\n\nexport { BreadcrumbEllipsis };\n"],"mappings":"gLASA,SAAS,EAAmB,CAC1B,MACA,YACA,GAAG,GACuB,CAC1B,OACE,EAAA,EAAA,MAAC,OAAD,CACO,MACL,KAAK,eACL,UAAW,EAAA,GAAG,0CAA2C,EAAU,CACnE,GAAI,WAJN,EAME,EAAA,EAAA,KAAC,OAAD,CAAM,cAAY,gBAAO,MAAU,CAAA,EACnC,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,aAAiB,CAAA,CACtC,GAIX,EAAmB,YAAc"}

package/dist/components/Breadcrumb/BreadcrumbEllipsis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbEllipsis.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbEllipsis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;CAC9C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAYzB;kBAhBQ,kBAAkB;;;AAoB3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"BreadcrumbEllipsis.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbEllipsis.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;CAC9C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAYzB;kBAhBQ,kBAAkB;;;AAoB3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/Breadcrumb/BreadcrumbEllipsis.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";

package/dist/components/Breadcrumb/BreadcrumbEllipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbEllipsis.js","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbEllipsis.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction BreadcrumbEllipsis({\n  ref,\n  className,\n  ...props\n}: BreadcrumbEllipsisProps) {\n  return (\n    <span\n      ref={ref}\n      role=\"presentation\"\n      className={cn(\"flex items-center justify-center size-6\", className)}\n      {...props}\n    >\n      <span aria-hidden=\"true\">...</span>\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\";\n\nexport { BreadcrumbEllipsis };\n"],"mappings":";;;;AAOA,SAAS,EAAmB,EAC1B,QACA,cACA,GAAG,KACuB;AAC1B,QACE,kBAAC,QAAD;EACO;EACL,MAAK;EACL,WAAW,EAAG,2CAA2C,EAAU;EACnE,GAAI;YAJN,CAME,kBAAC,QAAD;GAAM,eAAY;aAAO;GAAU,CAAA,EACnC,kBAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC;;;AAIX,EAAmB,cAAc"}
+{"version":3,"file":"BreadcrumbEllipsis.js","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbEllipsis.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbEllipsisProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction BreadcrumbEllipsis({\n  ref,\n  className,\n  ...props\n}: BreadcrumbEllipsisProps) {\n  return (\n    <span\n      ref={ref}\n      role=\"presentation\"\n      className={cn(\"flex items-center justify-center size-6\", className)}\n      {...props}\n    >\n      <span aria-hidden=\"true\">...</span>\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\";\n\nexport { BreadcrumbEllipsis };\n"],"mappings":";;;;;AASA,SAAS,EAAmB,EAC1B,QACA,cACA,GAAG,KACuB;AAC1B,QACE,kBAAC,QAAD;EACO;EACL,MAAK;EACL,WAAW,EAAG,2CAA2C,EAAU;EACnE,GAAI;YAJN,CAME,kBAAC,QAAD;GAAM,eAAY;aAAO;GAAU,CAAA,EACnC,kBAAC,QAAD;GAAM,WAAU;aAAU;GAAiB,CAAA,CACtC;;;AAIX,EAAmB,cAAc"}

package/dist/components/Breadcrumb/BreadcrumbItem.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`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`li`,{ref:e,className:t.cn(`inline-flex items-center gap-(--space-1.5)`,n),...i})}i.displayName=`BreadcrumbItem`,exports.BreadcrumbItem=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`li`,{ref:e,className:t.cn(`inline-flex items-center gap-(--space-1.5)`,n),...i})}i.displayName=`BreadcrumbItem`,exports.BreadcrumbItem=i;
 //# sourceMappingURL=BreadcrumbItem.cjs.map

package/dist/components/Breadcrumb/BreadcrumbItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.cjs","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction BreadcrumbItem({ ref, className, ...props }: BreadcrumbItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\"inline-flex items-center gap-(--space-1.5)\", className)}\n      {...props}\n    />\n  );\n}\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\nexport { BreadcrumbItem };\n"],"mappings":"mKAOA,SAAS,EAAe,CAAE,MAAK,YAAW,GAAG,GAA8B,CACzE,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,6CAA8C,EAAU,CACtE,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc"}
+{"version":3,"file":"BreadcrumbItem.cjs","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction BreadcrumbItem({ ref, className, ...props }: BreadcrumbItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\"inline-flex items-center gap-(--space-1.5)\", className)}\n      {...props}\n    />\n  );\n}\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\nexport { BreadcrumbItem };\n"],"mappings":"gLASA,SAAS,EAAe,CAAE,MAAK,YAAW,GAAG,GAA8B,CACzE,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,6CAA8C,EAAU,CACtE,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc"}

package/dist/components/Breadcrumb/BreadcrumbItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC5C;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAQxE;kBARQ,cAAc;;;AAYvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"BreadcrumbItem.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC5C;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAQxE;kBARQ,cAAc;;;AAYvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Breadcrumb/BreadcrumbItem.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";

package/dist/components/Breadcrumb/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction BreadcrumbItem({ ref, className, ...props }: BreadcrumbItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\"inline-flex items-center gap-(--space-1.5)\", className)}\n      {...props}\n    />\n  );\n}\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\nexport { BreadcrumbItem };\n"],"mappings":";;;;AAOA,SAAS,EAAe,EAAE,QAAK,cAAW,GAAG,KAA8B;AACzE,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EAAG,8CAA8C,EAAU;EACtE,GAAI;EACJ,CAAA;;AAIN,EAAe,cAAc"}
+{"version":3,"file":"BreadcrumbItem.js","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n}\n\nfunction BreadcrumbItem({ ref, className, ...props }: BreadcrumbItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\"inline-flex items-center gap-(--space-1.5)\", className)}\n      {...props}\n    />\n  );\n}\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\nexport { BreadcrumbItem };\n"],"mappings":";;;;;AASA,SAAS,EAAe,EAAE,QAAK,cAAW,GAAG,KAA8B;AACzE,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EAAG,8CAA8C,EAAU;EACtE,GAAI;EACJ,CAAA;;AAIN,EAAe,cAAc"}

package/dist/components/Breadcrumb/BreadcrumbLink.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,className:a,...o}){return(0,i.jsx)(r?n.Slot:`a`,{ref:e,className:t.cn(`text-(--nuka-text-muted)`,`hover:text-(--nuka-text-base)`,`transition-colors duration-150`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`rounded-(--radius-sm)`,a),...o})}a.displayName=`BreadcrumbLink`,exports.BreadcrumbLink=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,className:a,...o}){return(0,i.jsx)(r?n.Slot:`a`,{ref:e,className:t.cn(`text-(--nuka-text-muted)`,`hover:text-(--nuka-text-base)`,`transition-colors duration-150`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`rounded-(--radius-sm)`,a),...o})}a.displayName=`BreadcrumbLink`,exports.BreadcrumbLink=a;
 //# sourceMappingURL=BreadcrumbLink.cjs.map

package/dist/components/Breadcrumb/BreadcrumbLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.cjs","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction BreadcrumbLink({\n  ref,\n  asChild = false,\n  className,\n  ...props\n}: BreadcrumbLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base)\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"rounded-(--radius-sm)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\nexport { BreadcrumbLink };\n"],"mappings":"qMASA,SAAS,EAAe,CACtB,MACA,UAAU,GACV,YACA,GAAG,GACmB,CAGtB,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,IAG5B,CACO,MACL,UAAW,EAAA,GACT,2BACA,gCACA,iCACA,yDACA,8CACA,wBACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc"}
+{"version":3,"file":"BreadcrumbLink.cjs","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction BreadcrumbLink({\n  ref,\n  asChild = false,\n  className,\n  ...props\n}: BreadcrumbLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base)\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"rounded-(--radius-sm)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\nexport { BreadcrumbLink };\n"],"mappings":"kNAWA,SAAS,EAAe,CACtB,MACA,UAAU,GACV,YACA,GAAG,GACmB,CAGtB,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,IAG5B,CACO,MACL,UAAW,EAAA,GACT,2BACA,gCACA,iCACA,yDACA,8CACA,wBACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc"}

package/dist/components/Breadcrumb/BreadcrumbLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAkBrB;kBAvBQ,cAAc;;;AA2BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"BreadcrumbLink.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAkBrB;kBAvBQ,cAAc;;;AA2BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Breadcrumb/BreadcrumbLink.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Slot as t } from "../../utils/slot.js";
 import "react";

package/dist/components/Breadcrumb/BreadcrumbLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.js","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction BreadcrumbLink({\n  ref,\n  asChild = false,\n  className,\n  ...props\n}: BreadcrumbLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base)\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"rounded-(--radius-sm)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\nexport { BreadcrumbLink };\n"],"mappings":";;;;;AASA,SAAS,EAAe,EACtB,QACA,aAAU,IACV,cACA,GAAG,KACmB;AAGtB,QACE,kBAHW,IAAU,IAAO,KAG5B;EACO;EACL,WAAW,EACT,4BACA,iCACA,kCACA,0DACA,+CACA,yBACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAe,cAAc"}
+{"version":3,"file":"BreadcrumbLink.js","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction BreadcrumbLink({\n  ref,\n  asChild = false,\n  className,\n  ...props\n}: BreadcrumbLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"text-(--nuka-text-muted)\",\n        \"hover:text-(--nuka-text-base)\",\n        \"transition-colors duration-150\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"rounded-(--radius-sm)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\nexport { BreadcrumbLink };\n"],"mappings":";;;;;;AAWA,SAAS,EAAe,EACtB,QACA,aAAU,IACV,cACA,GAAG,KACmB;AAGtB,QACE,kBAHW,IAAU,IAAO,KAG5B;EACO;EACL,WAAW,EACT,4BACA,iCACA,kCACA,0DACA,+CACA,yBACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAe,cAAc"}

package/dist/components/Breadcrumb/BreadcrumbList.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`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`ol`,{ref:e,role:`list`,className:t.cn(`flex items-center gap-(--space-1.5)`,`flex-wrap`,`list-none`,`text-sm text-(--nuka-text-muted)`,n),...i})}i.displayName=`BreadcrumbList`,exports.BreadcrumbList=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`ol`,{ref:e,role:`list`,className:t.cn(`flex items-center gap-(--space-1.5)`,`flex-wrap`,`list-none`,`text-sm text-(--nuka-text-muted)`,n),...i})}i.displayName=`BreadcrumbList`,exports.BreadcrumbList=i;
 //# sourceMappingURL=BreadcrumbList.cjs.map

package/dist/components/Breadcrumb/BreadcrumbList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbList.cjs","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbList.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbListProps extends React.OlHTMLAttributes<HTMLOListElement> {\n  ref?: React.Ref<HTMLOListElement> | undefined;\n}\n\nfunction BreadcrumbList({ ref, className, ...props }: BreadcrumbListProps) {\n  return (\n    <ol\n      ref={ref}\n      role=\"list\"\n      className={cn(\n        \"flex items-center gap-(--space-1.5)\",\n        \"flex-wrap\",\n        \"list-none\",\n        \"text-sm text-(--nuka-text-muted)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\nexport { BreadcrumbList };\n"],"mappings":"mKAOA,SAAS,EAAe,CAAE,MAAK,YAAW,GAAG,GAA8B,CACzE,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,KAAK,OACL,UAAW,EAAA,GACT,sCACA,YACA,YACA,mCACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc"}
+{"version":3,"file":"BreadcrumbList.cjs","names":[],"sources":["../../../src/components/Breadcrumb/BreadcrumbList.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface BreadcrumbListProps extends React.OlHTMLAttributes<HTMLOListElement> {\n  ref?: React.Ref<HTMLOListElement> | undefined;\n}\n\nfunction BreadcrumbList({ ref, className, ...props }: BreadcrumbListProps) {\n  return (\n    <ol\n      ref={ref}\n      role=\"list\"\n      className={cn(\n        \"flex items-center gap-(--space-1.5)\",\n        \"flex-wrap\",\n        \"list-none\",\n        \"text-sm text-(--nuka-text-muted)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\nexport { BreadcrumbList };\n"],"mappings":"gLASA,SAAS,EAAe,CAAE,MAAK,YAAW,GAAG,GAA8B,CACzE,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,KAAK,OACL,UAAW,EAAA,GACT,sCACA,YACA,YACA,mCACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAe,YAAc"}

package/dist/components/Breadcrumb/BreadcrumbList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbList.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAexE;kBAfQ,cAAc;;;AAmBvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"BreadcrumbList.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAexE;kBAfQ,cAAc;;;AAmBvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Breadcrumb/BreadcrumbList.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";