@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/Card/Card.js

@@ -1,67 +1,80 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Slot as t } from "../../utils/slot.js";
 import { Heading as n } from "../Heading/Heading.js";
 import { Text as r } from "../Text/Text.js";
 import { Stack as i } from "../Stack/Stack.js";
 import { cardVariants as a } from "./Card.variants.js";
-import * as o from "react";
-import { jsx as s } from "react/jsx-runtime";
+import "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/components/Card/Card.tsx
-var c = o.forwardRef(({ className: n, variant: r, asChild: i = !1, ...o }, c) => /* @__PURE__ */ s(i ? t : "div", {
-	ref: c,
-	className: e(a({ variant: r }), n),
-	...o
-}));
-c.displayName = "Card";
-var l = o.forwardRef(({ className: n, asChild: r = !1, ...a }, o) => r ? /* @__PURE__ */ s(t, {
-	ref: o,
-	className: e("p-(--space-6) pb-0", n),
-	...a
-}) : /* @__PURE__ */ s(i, {
-	ref: o,
-	className: e("p-(--space-6) pb-0", n),
-	direction: "column",
-	gap: "xs",
-	...a
-}));
-l.displayName = "CardHeader";
-var u = o.forwardRef(({ as: e = "h3", className: t, ...r }, i) => /* @__PURE__ */ s(n, {
-	ref: i,
-	as: e,
-	size: "xl",
-	className: t,
-	...r
-}));
-u.displayName = "CardTitle";
-var d = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ s(r, {
-	ref: n,
-	as: "p",
-	color: "muted",
-	size: "sm",
-	className: e,
-	...t
-}));
-d.displayName = "CardDescription";
-var f = o.forwardRef(({ className: n, asChild: r = !1, ...i }, a) => /* @__PURE__ */ s(r ? t : "div", {
-	ref: a,
-	className: e("p-(--space-6)", n),
-	...i
-}));
-f.displayName = "CardBody";
-var p = o.forwardRef(({ className: n, asChild: r = !1, ...a }, o) => r ? /* @__PURE__ */ s(t, {
-	ref: o,
-	className: e("p-(--space-6) pt-0", n),
-	...a
-}) : /* @__PURE__ */ s(i, {
-	ref: o,
-	className: e("p-(--space-6) pt-0", n),
-	direction: "row",
-	gap: "sm",
-	justify: "end",
-	...a
-}));
-p.displayName = "CardFooter";
+function s({ ref: n, className: r, variant: i, asChild: s = !1, ...c }) {
+	return /* @__PURE__ */ o(s ? t : "div", {
+		ref: n,
+		className: e(a({ variant: i }), r),
+		...c
+	});
+}
+s.displayName = "Card";
+function c({ ref: n, className: r, asChild: a = !1, ...s }) {
+	return a ? /* @__PURE__ */ o(t, {
+		ref: n,
+		className: e("p-(--space-6) pb-0", r),
+		...s
+	}) : /* @__PURE__ */ o(i, {
+		ref: n,
+		className: e("p-(--space-6) pb-0", r),
+		direction: "column",
+		gap: "xs",
+		...s
+	});
+}
+c.displayName = "CardHeader";
+function l({ ref: e, as: t = "h3", className: r, ...i }) {
+	return /* @__PURE__ */ o(n, {
+		ref: e,
+		as: t,
+		size: "xl",
+		className: r,
+		...i
+	});
+}
+l.displayName = "CardTitle";
+function u({ ref: e, className: t, ...n }) {
+	return /* @__PURE__ */ o(r, {
+		ref: e,
+		as: "p",
+		color: "muted",
+		size: "sm",
+		className: t,
+		...n
+	});
+}
+u.displayName = "CardDescription";
+function d({ ref: n, className: r, asChild: i = !1, ...a }) {
+	return /* @__PURE__ */ o(i ? t : "div", {
+		ref: n,
+		className: e("p-(--space-6)", r),
+		...a
+	});
+}
+d.displayName = "CardBody";
+function f({ ref: n, className: r, asChild: a = !1, ...s }) {
+	return a ? /* @__PURE__ */ o(t, {
+		ref: n,
+		className: e("p-(--space-6) pt-0", r),
+		...s
+	}) : /* @__PURE__ */ o(i, {
+		ref: n,
+		className: e("p-(--space-6) pt-0", r),
+		direction: "row",
+		gap: "sm",
+		justify: "end",
+		...s
+	});
+}
+f.displayName = "CardFooter";
 //#endregion
-export { c as Card, f as CardBody, d as CardDescription, p as CardFooter, l as CardHeader, u as CardTitle };
+export { s as Card, d as CardBody, u as CardDescription, f as CardFooter, c as CardHeader, l as CardTitle };
 
 //# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":[],"sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Heading } from \"@nuka/components/Heading\";\nimport type { HeadingElement } from \"@nuka/components/Heading\";\nimport { Text } from \"@nuka/components/Text\";\nimport { Stack } from \"@nuka/components/Stack\";\nimport {\n  cardVariants,\n  type CardVariantProps,\n} from \"@nuka/components/Card/Card.variants\";\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>, CardVariantProps {\n  asChild?: boolean;\n}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, variant, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(cardVariants({ variant }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nCard.displayName = \"Card\";\n\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean;\n}\n\nconst CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n  ({ className, asChild = false, ...props }, ref) => {\n    if (asChild) {\n      return (\n        <Slot\n          ref={ref}\n          className={cn(\"p-(--space-6) pb-0\", className)}\n          {...props}\n        />\n      );\n    }\n\n    return (\n      <Stack\n        ref={ref}\n        className={cn(\"p-(--space-6) pb-0\", className)}\n        direction=\"column\"\n        gap=\"xs\"\n        {...props}\n      />\n    );\n  },\n);\n\nCardHeader.displayName = \"CardHeader\";\n\nexport interface CardTitleProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  as?: HeadingElement;\n}\n\nconst CardTitle = React.forwardRef<HTMLElement, CardTitleProps>(\n  ({ as = \"h3\", className, ...props }, ref) => {\n    return (\n      <Heading ref={ref} as={as} size=\"xl\" className={className} {...props} />\n    );\n  },\n);\n\nCardTitle.displayName = \"CardTitle\";\n\nexport interface CardDescriptionProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {}\n\nconst CardDescription = React.forwardRef<HTMLElement, CardDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <Text\n        ref={ref}\n        as=\"p\"\n        color=\"muted\"\n        size=\"sm\"\n        className={className}\n        {...props}\n      />\n    );\n  },\n);\n\nCardDescription.displayName = \"CardDescription\";\n\nexport interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean;\n}\n\nconst CardBody = React.forwardRef<HTMLDivElement, CardBodyProps>(\n  ({ className, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp ref={ref} className={cn(\"p-(--space-6)\", className)} {...props} />\n    );\n  },\n);\n\nCardBody.displayName = \"CardBody\";\n\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean;\n}\n\nconst CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n  ({ className, asChild = false, ...props }, ref) => {\n    if (asChild) {\n      return (\n        <Slot\n          ref={ref}\n          className={cn(\"p-(--space-6) pt-0\", className)}\n          {...props}\n        />\n      );\n    }\n\n    return (\n      <Stack\n        ref={ref}\n        className={cn(\"p-(--space-6) pt-0\", className)}\n        direction=\"row\"\n        gap=\"sm\"\n        justify=\"end\"\n        {...props}\n      />\n    );\n  },\n);\n\nCardFooter.displayName = \"CardFooter\";\n\nexport {\n  Card,\n  cardVariants,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardBody,\n  CardFooter,\n};\n"],"mappings":";;;;;;;;;AAiBA,IAAM,IAAO,EAAM,YAChB,EAAE,cAAW,YAAS,aAAU,IAAO,GAAG,KAAS,MAIhD,kBAHW,IAAU,IAAO,OAG5B;CACO;CACL,WAAW,EAAG,EAAa,EAAE,YAAS,CAAC,EAAE,EAAU;CACnD,GAAI;CACJ,CAAA,CAGP;AAED,EAAK,cAAc;AAMnB,IAAM,IAAa,EAAM,YACtB,EAAE,cAAW,aAAU,IAAO,GAAG,KAAS,MACrC,IAEA,kBAAC,GAAD;CACO;CACL,WAAW,EAAG,sBAAsB,EAAU;CAC9C,GAAI;CACJ,CAAA,GAKJ,kBAAC,GAAD;CACO;CACL,WAAW,EAAG,sBAAsB,EAAU;CAC9C,WAAU;CACV,KAAI;CACJ,GAAI;CACJ,CAAA,CAGP;AAED,EAAW,cAAc;AASzB,IAAM,IAAY,EAAM,YACrB,EAAE,QAAK,MAAM,cAAW,GAAG,KAAS,MAEjC,kBAAC,GAAD;CAAc;CAAS;CAAI,MAAK;CAAgB;CAAW,GAAI;CAAS,CAAA,CAG7E;AAED,EAAU,cAAc;AAOxB,IAAM,IAAkB,EAAM,YAC3B,EAAE,cAAW,GAAG,KAAS,MAEtB,kBAAC,GAAD;CACO;CACL,IAAG;CACH,OAAM;CACN,MAAK;CACM;CACX,GAAI;CACJ,CAAA,CAGP;AAED,EAAgB,cAAc;AAM9B,IAAM,IAAW,EAAM,YACpB,EAAE,cAAW,aAAU,IAAO,GAAG,KAAS,MAIvC,kBAHW,IAAU,IAAO,OAG5B;CAAW;CAAK,WAAW,EAAG,iBAAiB,EAAU;CAAE,GAAI;CAAS,CAAA,CAG7E;AAED,EAAS,cAAc;AAMvB,IAAM,IAAa,EAAM,YACtB,EAAE,cAAW,aAAU,IAAO,GAAG,KAAS,MACrC,IAEA,kBAAC,GAAD;CACO;CACL,WAAW,EAAG,sBAAsB,EAAU;CAC9C,GAAI;CACJ,CAAA,GAKJ,kBAAC,GAAD;CACO;CACL,WAAW,EAAG,sBAAsB,EAAU;CAC9C,WAAU;CACV,KAAI;CACJ,SAAQ;CACR,GAAI;CACJ,CAAA,CAGP;AAED,EAAW,cAAc"}
+{"version":3,"file":"Card.js","names":[],"sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Heading } from \"@nuka/components/Heading\";\nimport type { HeadingElement } from \"@nuka/components/Heading\";\nimport { Text } from \"@nuka/components/Text\";\nimport { Stack } from \"@nuka/components/Stack\";\nimport {\n  cardVariants,\n  type CardVariantProps,\n} from \"@nuka/components/Card/Card.variants\";\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>, CardVariantProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction Card({\n  ref,\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: CardProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(cardVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nCard.displayName = \"Card\";\n\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction CardHeader({\n  ref,\n  className,\n  asChild = false,\n  ...props\n}: CardHeaderProps) {\n  if (asChild) {\n    return (\n      <Slot\n        ref={ref}\n        className={cn(\"p-(--space-6) pb-0\", className)}\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <Stack\n      ref={ref}\n      className={cn(\"p-(--space-6) pb-0\", className)}\n      direction=\"column\"\n      gap=\"xs\"\n      {...props}\n    />\n  );\n}\n\nCardHeader.displayName = \"CardHeader\";\n\nexport interface CardTitleProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  as?: HeadingElement;\n}\n\nfunction CardTitle({ ref, as = \"h3\", className, ...props }: CardTitleProps) {\n  return (\n    <Heading ref={ref} as={as} size=\"xl\" className={className} {...props} />\n  );\n}\n\nCardTitle.displayName = \"CardTitle\";\n\nexport interface CardDescriptionProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction CardDescription({ ref, className, ...props }: CardDescriptionProps) {\n  return (\n    <Text\n      ref={ref}\n      as=\"p\"\n      color=\"muted\"\n      size=\"sm\"\n      className={className}\n      {...props}\n    />\n  );\n}\n\nCardDescription.displayName = \"CardDescription\";\n\nexport interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction CardBody({\n  ref,\n  className,\n  asChild = false,\n  ...props\n}: CardBodyProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp ref={ref} className={cn(\"p-(--space-6)\", className)} {...props} />\n  );\n}\n\nCardBody.displayName = \"CardBody\";\n\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction CardFooter({\n  ref,\n  className,\n  asChild = false,\n  ...props\n}: CardFooterProps) {\n  if (asChild) {\n    return (\n      <Slot\n        ref={ref}\n        className={cn(\"p-(--space-6) pt-0\", className)}\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <Stack\n      ref={ref}\n      className={cn(\"p-(--space-6) pt-0\", className)}\n      direction=\"row\"\n      gap=\"sm\"\n      justify=\"end\"\n      {...props}\n    />\n  );\n}\n\nCardFooter.displayName = \"CardFooter\";\n\nexport {\n  Card,\n  cardVariants,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardBody,\n  CardFooter,\n};\n"],"mappings":";;;;;;;;;;AAoBA,SAAS,EAAK,EACZ,QACA,cACA,YACA,aAAU,IACV,GAAG,KACS;AAGZ,QACE,kBAHW,IAAU,IAAO,OAG5B;EACO;EACL,WAAW,EAAG,EAAa,EAAE,YAAS,CAAC,EAAE,EAAU;EACnD,GAAI;EACJ,CAAA;;AAIN,EAAK,cAAc;AAOnB,SAAS,EAAW,EAClB,QACA,cACA,aAAU,IACV,GAAG,KACe;AAWlB,QAVI,IAEA,kBAAC,GAAD;EACO;EACL,WAAW,EAAG,sBAAsB,EAAU;EAC9C,GAAI;EACJ,CAAA,GAKJ,kBAAC,GAAD;EACO;EACL,WAAW,EAAG,sBAAsB,EAAU;EAC9C,WAAU;EACV,KAAI;EACJ,GAAI;EACJ,CAAA;;AAIN,EAAW,cAAc;AAUzB,SAAS,EAAU,EAAE,QAAK,QAAK,MAAM,cAAW,GAAG,KAAyB;AAC1E,QACE,kBAAC,GAAD;EAAc;EAAS;EAAI,MAAK;EAAgB;EAAW,GAAI;EAAS,CAAA;;AAI5E,EAAU,cAAc;AASxB,SAAS,EAAgB,EAAE,QAAK,cAAW,GAAG,KAA+B;AAC3E,QACE,kBAAC,GAAD;EACO;EACL,IAAG;EACH,OAAM;EACN,MAAK;EACM;EACX,GAAI;EACJ,CAAA;;AAIN,EAAgB,cAAc;AAO9B,SAAS,EAAS,EAChB,QACA,cACA,aAAU,IACV,GAAG,KACa;AAGhB,QACE,kBAHW,IAAU,IAAO,OAG5B;EAAW;EAAK,WAAW,EAAG,iBAAiB,EAAU;EAAE,GAAI;EAAS,CAAA;;AAI5E,EAAS,cAAc;AAOvB,SAAS,EAAW,EAClB,QACA,cACA,aAAU,IACV,GAAG,KACe;AAWlB,QAVI,IAEA,kBAAC,GAAD;EACO;EACL,WAAW,EAAG,sBAAsB,EAAU;EAC9C,GAAI;EACJ,CAAA,GAKJ,kBAAC,GAAD;EACO;EACL,WAAW,EAAG,sBAAsB,EAAU;EAC9C,WAAU;EACV,KAAI;EACJ,SAAQ;EACR,GAAI;EACJ,CAAA;;AAIN,EAAW,cAAc"}

package/dist/components/Checkbox/Checkbox.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`../../hooks/use-form-field-props.cjs`),i=require(`./Checkbox.variants.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=a.forwardRef(({className:e,intent:a,size:s,children:c,id:l,disabled:u,...d},f)=>{let{resolvedId:p,resolvedDisabled:m,ariaInvalid:h,ariaDescribedBy:g,ariaRequired:_}=r.useFormFieldProps({id:l,disabled:u,"aria-invalid":d[`aria-invalid`],"aria-describedby":d[`aria-describedby`],"aria-required":d[`aria-required`]});return(0,o.jsxs)(`label`,{className:t.cn(i.checkboxWrapperVariants({size:s}),m?`cursor-not-allowed`:void 0,e),children:[(0,o.jsx)(`input`,{ref:f,type:`checkbox`,id:p,disabled:m,className:`peer sr-only`,...d,"aria-invalid":h,"aria-describedby":g,"aria-required":_}),(0,o.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(i.checkboxIndicatorVariants({intent:a,size:s})),children:(0,o.jsx)(`svg`,{className:`hidden size-full p-0.5`,viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,o.jsx)(`path`,{d:`M3.5 8.5L6.5 11.5L12.5 4.5`})})}),c&&(0,o.jsx)(n.Text,{as:`span`,children:c})]})});s.displayName=`Checkbox`,exports.Checkbox=s;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`../../hooks/use-form-field-props.cjs`),i=require(`./Checkbox.variants.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);function s({ref:e,className:a,intent:s,size:c,children:l,id:u,disabled:d,...f}){let{resolvedId:p,resolvedDisabled:m,ariaInvalid:h,ariaDescribedBy:g,ariaRequired:_}=r.useFormFieldProps({id:u,disabled:d,"aria-invalid":f[`aria-invalid`],"aria-describedby":f[`aria-describedby`],"aria-required":f[`aria-required`]});return(0,o.jsxs)(`label`,{className:t.cn(i.checkboxWrapperVariants({size:c}),m?`cursor-not-allowed`:void 0,a),children:[(0,o.jsx)(`input`,{ref:e,type:`checkbox`,id:p,disabled:m,className:`peer sr-only`,...f,"aria-invalid":h,"aria-describedby":g,"aria-required":_}),(0,o.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(i.checkboxIndicatorVariants({intent:s,size:c})),children:(0,o.jsx)(`svg`,{className:`hidden size-full p-0.5`,viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,o.jsx)(`path`,{d:`M3.5 8.5L6.5 11.5L12.5 4.5`})})}),l&&(0,o.jsx)(n.Text,{as:`span`,children:l})]})}s.displayName=`Checkbox`,exports.Checkbox=s;
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/components/Checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  checkboxWrapperVariants,\n  checkboxIndicatorVariants,\n  type CheckboxVariantProps,\n} from \"@nuka/components/Checkbox/Checkbox.variants\";\n\nexport interface CheckboxProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"type\">,\n    CheckboxVariantProps {\n  children?: React.ReactNode;\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ className, intent, size, children, id, disabled, ...props }, ref) => {\n    const {\n      resolvedId,\n      resolvedDisabled,\n      ariaInvalid,\n      ariaDescribedBy,\n      ariaRequired,\n    } = useFormFieldProps({\n      id,\n      disabled,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    return (\n      <label\n        className={cn(\n          checkboxWrapperVariants({ size }),\n          resolvedDisabled ? \"cursor-not-allowed\" : undefined,\n          className,\n        )}\n      >\n        <input\n          ref={ref}\n          type=\"checkbox\"\n          id={resolvedId}\n          disabled={resolvedDisabled}\n          className=\"peer sr-only\"\n          {...props}\n          aria-invalid={ariaInvalid}\n          aria-describedby={ariaDescribedBy}\n          aria-required={ariaRequired}\n        />\n        <span\n          aria-hidden=\"true\"\n          className={cn(checkboxIndicatorVariants({ intent, size }))}\n        >\n          <svg\n            className=\"hidden size-full p-0.5\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <path d=\"M3.5 8.5L6.5 11.5L12.5 4.5\" />\n          </svg>\n        </span>\n        {children && <Text as=\"span\">{children}</Text>}\n      </label>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"mappings":"qSAkBA,IAAM,EAAW,EAAM,YACpB,CAAE,YAAW,SAAQ,OAAM,WAAU,KAAI,WAAU,GAAG,GAAS,IAAQ,CACtE,GAAM,CACJ,aACA,mBACA,cACA,kBACA,gBACE,EAAA,kBAAkB,CACpB,KACA,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEF,OACE,EAAA,EAAA,MAAC,QAAD,CACE,UAAW,EAAA,GACT,EAAA,wBAAwB,CAAE,OAAM,CAAC,CACjC,EAAmB,qBAAuB,IAAA,GAC1C,EACD,UALH,EAOE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,KAAK,WACL,GAAI,EACJ,SAAU,EACV,UAAU,eACV,GAAI,EACJ,eAAc,EACd,mBAAkB,EAClB,gBAAe,EACf,CAAA,EACF,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,0BAA0B,CAAE,SAAQ,OAAM,CAAC,CAAC,WAE1D,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,yBACV,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,6BAA+B,CAAA,CACnC,CAAA,CACD,CAAA,CACN,IAAY,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,OAAQ,WAAgB,CAAA,CACxC,IAGb,CAED,EAAS,YAAc"}
+{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  checkboxWrapperVariants,\n  checkboxIndicatorVariants,\n  type CheckboxVariantProps,\n} from \"@nuka/components/Checkbox/Checkbox.variants\";\n\nexport interface CheckboxProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"type\">,\n    CheckboxVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  children?: React.ReactNode;\n}\n\nfunction Checkbox({\n  ref,\n  className,\n  intent,\n  size,\n  children,\n  id,\n  disabled,\n  ...props\n}: CheckboxProps) {\n  const {\n    resolvedId,\n    resolvedDisabled,\n    ariaInvalid,\n    ariaDescribedBy,\n    ariaRequired,\n  } = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  return (\n    <label\n      className={cn(\n        checkboxWrapperVariants({ size }),\n        resolvedDisabled ? \"cursor-not-allowed\" : undefined,\n        className,\n      )}\n    >\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        id={resolvedId}\n        disabled={resolvedDisabled}\n        className=\"peer sr-only\"\n        {...props}\n        aria-invalid={ariaInvalid}\n        aria-describedby={ariaDescribedBy}\n        aria-required={ariaRequired}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(checkboxIndicatorVariants({ intent, size }))}\n      >\n        <svg\n          className=\"hidden size-full p-0.5\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2.5\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path d=\"M3.5 8.5L6.5 11.5L12.5 4.5\" />\n        </svg>\n      </span>\n      {children && <Text as=\"span\">{children}</Text>}\n    </label>\n  );\n}\n\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"mappings":"qSAmBA,SAAS,EAAS,CAChB,MACA,YACA,SACA,OACA,WACA,KACA,WACA,GAAG,GACa,CAChB,GAAM,CACJ,aACA,mBACA,cACA,kBACA,gBACE,EAAA,kBAAkB,CACpB,KACA,WACA,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEF,OACE,EAAA,EAAA,MAAC,QAAD,CACE,UAAW,EAAA,GACT,EAAA,wBAAwB,CAAE,OAAM,CAAC,CACjC,EAAmB,qBAAuB,IAAA,GAC1C,EACD,UALH,EAOE,EAAA,EAAA,KAAC,QAAD,CACO,MACL,KAAK,WACL,GAAI,EACJ,SAAU,EACV,UAAU,eACV,GAAI,EACJ,eAAc,EACd,mBAAkB,EAClB,gBAAe,EACf,CAAA,EACF,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,OACZ,UAAW,EAAA,GAAG,EAAA,0BAA0B,CAAE,SAAQ,OAAM,CAAC,CAAC,WAE1D,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,yBACV,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,MACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,6BAA+B,CAAA,CACnC,CAAA,CACD,CAAA,CACN,IAAY,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,OAAQ,WAAgB,CAAA,CACxC,GAIZ,EAAS,YAAc"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,8 +1,12 @@
 import { CheckboxVariantProps } from './Checkbox.variants';
 import * as React from "react";
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type">, CheckboxVariantProps {
+    ref?: React.Ref<HTMLInputElement> | undefined;
     children?: React.ReactNode;
 }
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+declare function Checkbox({ ref, className, intent, size, children, id, disabled, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Checkbox {
+    var displayName: string;
+}
 export { Checkbox };
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,6CAA6C,CAAC;AAErD,MAAM,WAAW,aACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAClE,oBAAoB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,QAAQ,wFAuDb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,6CAA6C,CAAC;AAErD,MAAM,WAAW,aACf,SACE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAClE,oBAAoB;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,QAAQ,CAAC,EAChB,GAAG,EACH,SAAS,EACT,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CAqDf;kBA9DQ,QAAQ;;;AAkEjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Checkbox/Checkbox.js

@@ -3,38 +3,38 @@ import { cn as e } from "../../utils/cn.js";
 import { Text as t } from "../Text/Text.js";
 import { useFormFieldProps as n } from "../../hooks/use-form-field-props.js";
 import { checkboxIndicatorVariants as r, checkboxWrapperVariants as i } from "./Checkbox.variants.js";
-import * as a from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/Checkbox/Checkbox.tsx
-var c = a.forwardRef(({ className: a, intent: c, size: l, children: u, id: d, disabled: f, ...p }, m) => {
+function s({ ref: s, className: c, intent: l, size: u, children: d, id: f, disabled: p, ...m }) {
 	let { resolvedId: h, resolvedDisabled: g, ariaInvalid: _, ariaDescribedBy: v, ariaRequired: y } = n({
-		id: d,
-		disabled: f,
-		"aria-invalid": p["aria-invalid"],
-		"aria-describedby": p["aria-describedby"],
-		"aria-required": p["aria-required"]
+		id: f,
+		disabled: p,
+		"aria-invalid": m["aria-invalid"],
+		"aria-describedby": m["aria-describedby"],
+		"aria-required": m["aria-required"]
 	});
-	return /* @__PURE__ */ s("label", {
-		className: e(i({ size: l }), g ? "cursor-not-allowed" : void 0, a),
+	return /* @__PURE__ */ o("label", {
+		className: e(i({ size: u }), g ? "cursor-not-allowed" : void 0, c),
 		children: [
-			/* @__PURE__ */ o("input", {
-				ref: m,
+			/* @__PURE__ */ a("input", {
+				ref: s,
 				type: "checkbox",
 				id: h,
 				disabled: g,
 				className: "peer sr-only",
-				...p,
+				...m,
 				"aria-invalid": _,
 				"aria-describedby": v,
 				"aria-required": y
 			}),
-			/* @__PURE__ */ o("span", {
+			/* @__PURE__ */ a("span", {
 				"aria-hidden": "true",
 				className: e(r({
-					intent: c,
-					size: l
+					intent: l,
+					size: u
 				})),
-				children: /* @__PURE__ */ o("svg", {
+				children: /* @__PURE__ */ a("svg", {
 					className: "hidden size-full p-0.5",
 					viewBox: "0 0 16 16",
 					fill: "none",
@@ -42,18 +42,18 @@ var c = a.forwardRef(({ className: a, intent: c, size: l, children: u, id: d, di
 					strokeWidth: "2.5",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: /* @__PURE__ */ o("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5" })
+					children: /* @__PURE__ */ a("path", { d: "M3.5 8.5L6.5 11.5L12.5 4.5" })
 				})
 			}),
-			u && /* @__PURE__ */ o(t, {
+			d && /* @__PURE__ */ a(t, {
 				as: "span",
-				children: u
+				children: d
 			})
 		]
 	});
-});
-c.displayName = "Checkbox";
+}
+s.displayName = "Checkbox";
 //#endregion
-export { c as Checkbox };
+export { s as Checkbox };
 
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  checkboxWrapperVariants,\n  checkboxIndicatorVariants,\n  type CheckboxVariantProps,\n} from \"@nuka/components/Checkbox/Checkbox.variants\";\n\nexport interface CheckboxProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"type\">,\n    CheckboxVariantProps {\n  children?: React.ReactNode;\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ className, intent, size, children, id, disabled, ...props }, ref) => {\n    const {\n      resolvedId,\n      resolvedDisabled,\n      ariaInvalid,\n      ariaDescribedBy,\n      ariaRequired,\n    } = useFormFieldProps({\n      id,\n      disabled,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    return (\n      <label\n        className={cn(\n          checkboxWrapperVariants({ size }),\n          resolvedDisabled ? \"cursor-not-allowed\" : undefined,\n          className,\n        )}\n      >\n        <input\n          ref={ref}\n          type=\"checkbox\"\n          id={resolvedId}\n          disabled={resolvedDisabled}\n          className=\"peer sr-only\"\n          {...props}\n          aria-invalid={ariaInvalid}\n          aria-describedby={ariaDescribedBy}\n          aria-required={ariaRequired}\n        />\n        <span\n          aria-hidden=\"true\"\n          className={cn(checkboxIndicatorVariants({ intent, size }))}\n        >\n          <svg\n            className=\"hidden size-full p-0.5\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <path d=\"M3.5 8.5L6.5 11.5L12.5 4.5\" />\n          </svg>\n        </span>\n        {children && <Text as=\"span\">{children}</Text>}\n      </label>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;AAkBA,IAAM,IAAW,EAAM,YACpB,EAAE,cAAW,WAAQ,SAAM,aAAU,OAAI,aAAU,GAAG,KAAS,MAAQ;CACtE,IAAM,EACJ,eACA,qBACA,gBACA,oBACA,oBACE,EAAkB;EACpB;EACA;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC;AAEF,QACE,kBAAC,SAAD;EACE,WAAW,EACT,EAAwB,EAAE,SAAM,CAAC,EACjC,IAAmB,uBAAuB,KAAA,GAC1C,EACD;YALH;GAOE,kBAAC,SAAD;IACO;IACL,MAAK;IACL,IAAI;IACJ,UAAU;IACV,WAAU;IACV,GAAI;IACJ,gBAAc;IACd,oBAAkB;IAClB,iBAAe;IACf,CAAA;GACF,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAA0B;KAAE;KAAQ;KAAM,CAAC,CAAC;cAE1D,kBAAC,OAAD;KACE,WAAU;KACV,SAAQ;KACR,MAAK;KACL,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;eAEf,kBAAC,QAAD,EAAM,GAAE,8BAA+B,CAAA;KACnC,CAAA;IACD,CAAA;GACN,KAAY,kBAAC,GAAD;IAAM,IAAG;IAAQ;IAAgB,CAAA;GACxC;;EAGb;AAED,EAAS,cAAc"}
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  checkboxWrapperVariants,\n  checkboxIndicatorVariants,\n  type CheckboxVariantProps,\n} from \"@nuka/components/Checkbox/Checkbox.variants\";\n\nexport interface CheckboxProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"type\">,\n    CheckboxVariantProps {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n  children?: React.ReactNode;\n}\n\nfunction Checkbox({\n  ref,\n  className,\n  intent,\n  size,\n  children,\n  id,\n  disabled,\n  ...props\n}: CheckboxProps) {\n  const {\n    resolvedId,\n    resolvedDisabled,\n    ariaInvalid,\n    ariaDescribedBy,\n    ariaRequired,\n  } = useFormFieldProps({\n    id,\n    disabled,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  return (\n    <label\n      className={cn(\n        checkboxWrapperVariants({ size }),\n        resolvedDisabled ? \"cursor-not-allowed\" : undefined,\n        className,\n      )}\n    >\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        id={resolvedId}\n        disabled={resolvedDisabled}\n        className=\"peer sr-only\"\n        {...props}\n        aria-invalid={ariaInvalid}\n        aria-describedby={ariaDescribedBy}\n        aria-required={ariaRequired}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cn(checkboxIndicatorVariants({ intent, size }))}\n      >\n        <svg\n          className=\"hidden size-full p-0.5\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2.5\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path d=\"M3.5 8.5L6.5 11.5L12.5 4.5\" />\n        </svg>\n      </span>\n      {children && <Text as=\"span\">{children}</Text>}\n    </label>\n  );\n}\n\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;AAmBA,SAAS,EAAS,EAChB,QACA,cACA,WACA,SACA,aACA,OACA,aACA,GAAG,KACa;CAChB,IAAM,EACJ,eACA,qBACA,gBACA,oBACA,oBACE,EAAkB;EACpB;EACA;EACA,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC;AAEF,QACE,kBAAC,SAAD;EACE,WAAW,EACT,EAAwB,EAAE,SAAM,CAAC,EACjC,IAAmB,uBAAuB,KAAA,GAC1C,EACD;YALH;GAOE,kBAAC,SAAD;IACO;IACL,MAAK;IACL,IAAI;IACJ,UAAU;IACV,WAAU;IACV,GAAI;IACJ,gBAAc;IACd,oBAAkB;IAClB,iBAAe;IACf,CAAA;GACF,kBAAC,QAAD;IACE,eAAY;IACZ,WAAW,EAAG,EAA0B;KAAE;KAAQ;KAAM,CAAC,CAAC;cAE1D,kBAAC,OAAD;KACE,WAAU;KACV,SAAQ;KACR,MAAK;KACL,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;eAEf,kBAAC,QAAD,EAAM,GAAE,8BAA+B,CAAA;KACnC,CAAA;IACD,CAAA;GACN,KAAY,kBAAC,GAAD;IAAM,IAAG;IAAQ;IAAgB,CAAA;GACxC;;;AAIZ,EAAS,cAAc"}

package/dist/components/Chip/Chip.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Chip.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,variant:r,intent:a,size:o,selected:s=!1,type:c=`button`,...l},u)=>(0,i.jsx)(`button`,{ref:u,type:c,"aria-pressed":s,className:t.cn(n.chipVariants({variant:r,intent:a,size:o,selected:s}),e),...l}));a.displayName=`Chip`,exports.Chip=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Chip.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,variant:a,intent:o,size:s,selected:c=!1,type:l=`button`,...u}){return(0,i.jsx)(`button`,{ref:e,type:l,"aria-pressed":c,className:t.cn(n.chipVariants({variant:a,intent:o,size:s,selected:c}),r),...u})}a.displayName=`Chip`,exports.Chip=a;
 //# sourceMappingURL=Chip.cjs.map

package/dist/components/Chip/Chip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.cjs","names":[],"sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  chipVariants,\n  type ChipVariantProps,\n} from \"@nuka/components/Chip/Chip.variants\";\n\nexport interface ChipProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">,\n    Omit<ChipVariantProps, \"selected\"> {\n  selected?: boolean;\n}\n\nconst Chip = React.forwardRef<HTMLButtonElement, ChipProps>(\n  (\n    {\n      className,\n      variant,\n      intent,\n      size,\n      selected = false,\n      type = \"button\",\n      ...props\n    },\n    ref,\n  ) => (\n    <button\n      ref={ref}\n      type={type}\n      aria-pressed={selected}\n      className={cn(\n        chipVariants({ variant, intent, size, selected }),\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nChip.displayName = \"Chip\";\n\nexport { Chip, chipVariants };\n"],"mappings":"oMAcA,IAAM,EAAO,EAAM,YAEf,CACE,YACA,UACA,SACA,OACA,WAAW,GACX,OAAO,SACP,GAAG,GAEL,KAEA,EAAA,EAAA,KAAC,SAAD,CACO,MACC,OACN,eAAc,EACd,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,UAAS,SAAQ,OAAM,WAAU,CAAC,CACjD,EACD,CACD,GAAI,EACJ,CAAA,CAEL,CAED,EAAK,YAAc"}
+{"version":3,"file":"Chip.cjs","names":[],"sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  chipVariants,\n  type ChipVariantProps,\n} from \"@nuka/components/Chip/Chip.variants\";\n\nexport interface ChipProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">,\n    Omit<ChipVariantProps, \"selected\"> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  selected?: boolean;\n}\n\nfunction Chip({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  selected = false,\n  type = \"button\",\n  ...props\n}: ChipProps) {\n  return (\n    <button\n      ref={ref}\n      type={type}\n      aria-pressed={selected}\n      className={cn(\n        chipVariants({ variant, intent, size, selected }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nChip.displayName = \"Chip\";\n\nexport { Chip, chipVariants };\n"],"mappings":"iNAiBA,SAAS,EAAK,CACZ,MACA,YACA,UACA,SACA,OACA,WAAW,GACX,OAAO,SACP,GAAG,GACS,CACZ,OACE,EAAA,EAAA,KAAC,SAAD,CACO,MACC,OACN,eAAc,EACd,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,UAAS,SAAQ,OAAM,WAAU,CAAC,CACjD,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc"}

package/dist/components/Chip/Chip.d.ts

@@ -1,8 +1,12 @@
 import { chipVariants, ChipVariantProps } from './Chip.variants';
 import * as React from "react";
 export interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color">, Omit<ChipVariantProps, "selected"> {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
     selected?: boolean;
 }
-declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
+declare function Chip({ ref, className, variant, intent, size, selected, type, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Chip {
+    var displayName: string;
+}
 export { Chip, chipVariants };
 //# sourceMappingURL=Chip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,SACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAC5D,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,qFAwBT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,SACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAC5D,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IACpC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,OAAO,EACP,MAAM,EACN,IAAI,EACJ,QAAgB,EAChB,IAAe,EACf,GAAG,KAAK,EACT,EAAE,SAAS,2CAaX;kBAtBQ,IAAI;;;AA0Bb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Chip/Chip.js

@@ -1,22 +1,25 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { chipVariants as t } from "./Chip.variants.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Chip/Chip.tsx
-var i = n.forwardRef(({ className: n, variant: i, intent: a, size: o, selected: s = !1, type: c = "button", ...l }, u) => /* @__PURE__ */ r("button", {
-	ref: u,
-	type: c,
-	"aria-pressed": s,
-	className: e(t({
-		variant: i,
-		intent: a,
-		size: o,
-		selected: s
-	}), n),
-	...l
-}));
-i.displayName = "Chip";
+function r({ ref: r, className: i, variant: a, intent: o, size: s, selected: c = !1, type: l = "button", ...u }) {
+	return /* @__PURE__ */ n("button", {
+		ref: r,
+		type: l,
+		"aria-pressed": c,
+		className: e(t({
+			variant: a,
+			intent: o,
+			size: s,
+			selected: c
+		}), i),
+		...u
+	});
+}
+r.displayName = "Chip";
 //#endregion
-export { i as Chip };
+export { r as Chip };
 
 //# sourceMappingURL=Chip.js.map

package/dist/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  chipVariants,\n  type ChipVariantProps,\n} from \"@nuka/components/Chip/Chip.variants\";\n\nexport interface ChipProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">,\n    Omit<ChipVariantProps, \"selected\"> {\n  selected?: boolean;\n}\n\nconst Chip = React.forwardRef<HTMLButtonElement, ChipProps>(\n  (\n    {\n      className,\n      variant,\n      intent,\n      size,\n      selected = false,\n      type = \"button\",\n      ...props\n    },\n    ref,\n  ) => (\n    <button\n      ref={ref}\n      type={type}\n      aria-pressed={selected}\n      className={cn(\n        chipVariants({ variant, intent, size, selected }),\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\n\nChip.displayName = \"Chip\";\n\nexport { Chip, chipVariants };\n"],"mappings":";;;;;AAcA,IAAM,IAAO,EAAM,YAEf,EACE,cACA,YACA,WACA,SACA,cAAW,IACX,UAAO,UACP,GAAG,KAEL,MAEA,kBAAC,UAAD;CACO;CACC;CACN,gBAAc;CACd,WAAW,EACT,EAAa;EAAE;EAAS;EAAQ;EAAM;EAAU,CAAC,EACjD,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AAED,EAAK,cAAc"}
+{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  chipVariants,\n  type ChipVariantProps,\n} from \"@nuka/components/Chip/Chip.variants\";\n\nexport interface ChipProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"color\">,\n    Omit<ChipVariantProps, \"selected\"> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  selected?: boolean;\n}\n\nfunction Chip({\n  ref,\n  className,\n  variant,\n  intent,\n  size,\n  selected = false,\n  type = \"button\",\n  ...props\n}: ChipProps) {\n  return (\n    <button\n      ref={ref}\n      type={type}\n      aria-pressed={selected}\n      className={cn(\n        chipVariants({ variant, intent, size, selected }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nChip.displayName = \"Chip\";\n\nexport { Chip, chipVariants };\n"],"mappings":";;;;;;AAiBA,SAAS,EAAK,EACZ,QACA,cACA,YACA,WACA,SACA,cAAW,IACX,UAAO,UACP,GAAG,KACS;AACZ,QACE,kBAAC,UAAD;EACO;EACC;EACN,gBAAc;EACd,WAAW,EACT,EAAa;GAAE;GAAS;GAAQ;GAAM;GAAU,CAAC,EACjD,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAK,cAAc"}

package/dist/components/Code/Code.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Code.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,family:r,variant:a,intent:o,size:s,...c},l)=>(0,i.jsx)(`code`,{ref:l,className:t.cn(n.codeVariants({family:r,variant:a,intent:o,size:s}),e),...c}));a.displayName=`Code`,exports.Code=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Code.variants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,family:a,variant:o,intent:s,size:c,...l}){return(0,i.jsx)(`code`,{ref:e,className:t.cn(n.codeVariants({family:a,variant:o,intent:s,size:c}),r),...l})}a.displayName=`Code`,exports.Code=a;
 //# sourceMappingURL=Code.cjs.map

package/dist/components/Code/Code.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Code.cjs","names":[],"sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  codeVariants,\n  type CodeVariantProps,\n} from \"@nuka/components/Code/Code.variants\";\n\nexport interface CodeProps\n  extends React.HTMLAttributes<HTMLElement>, CodeVariantProps {}\n\nconst Code = React.forwardRef<HTMLElement, CodeProps>(\n  ({ className, family, variant, intent, size, ...props }, ref) => {\n    return (\n      <code\n        ref={ref}\n        className={cn(\n          codeVariants({ family, variant, intent, size }),\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nCode.displayName = \"Code\";\n\nexport { Code, codeVariants };\n"],"mappings":"oMAUA,IAAM,EAAO,EAAM,YAChB,CAAE,YAAW,SAAQ,UAAS,SAAQ,OAAM,GAAG,GAAS,KAErD,EAAA,EAAA,KAAC,OAAD,CACO,MACL,UAAW,EAAA,GACT,EAAA,aAAa,CAAE,SAAQ,UAAS,SAAQ,OAAM,CAAC,CAC/C,EACD,CACD,GAAI,EACJ,CAAA,CAGP,CAED,EAAK,YAAc"}
+{"version":3,"file":"Code.cjs","names":[],"sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  codeVariants,\n  type CodeVariantProps,\n} from \"@nuka/components/Code/Code.variants\";\n\nexport interface CodeProps\n  extends React.HTMLAttributes<HTMLElement>, CodeVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Code({\n  ref,\n  className,\n  family,\n  variant,\n  intent,\n  size,\n  ...props\n}: CodeProps) {\n  return (\n    <code\n      ref={ref}\n      className={cn(codeVariants({ family, variant, intent, size }), className)}\n      {...props}\n    />\n  );\n}\n\nCode.displayName = \"Code\";\n\nexport { Code, codeVariants };\n"],"mappings":"iNAcA,SAAS,EAAK,CACZ,MACA,YACA,SACA,UACA,SACA,OACA,GAAG,GACS,CACZ,OACE,EAAA,EAAA,KAAC,OAAD,CACO,MACL,UAAW,EAAA,GAAG,EAAA,aAAa,CAAE,SAAQ,UAAS,SAAQ,OAAM,CAAC,CAAE,EAAU,CACzE,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc"}

package/dist/components/Code/Code.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,gBAAgB;CAAG;AAEhE,QAAA,MAAM,IAAI,+EAaT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,gBAAgB;IAC3D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAM,EACN,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,SAAS,2CAQX;kBAhBQ,IAAI;;;AAoBb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Code/Code.js

@@ -1,20 +1,23 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { codeVariants as t } from "./Code.variants.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Code/Code.tsx
-var i = n.forwardRef(({ className: n, family: i, variant: a, intent: o, size: s, ...c }, l) => /* @__PURE__ */ r("code", {
-	ref: l,
-	className: e(t({
-		family: i,
-		variant: a,
-		intent: o,
-		size: s
-	}), n),
-	...c
-}));
-i.displayName = "Code";
+function r({ ref: r, className: i, family: a, variant: o, intent: s, size: c, ...l }) {
+	return /* @__PURE__ */ n("code", {
+		ref: r,
+		className: e(t({
+			family: a,
+			variant: o,
+			intent: s,
+			size: c
+		}), i),
+		...l
+	});
+}
+r.displayName = "Code";
 //#endregion
-export { i as Code };
+export { r as Code };
 
 //# sourceMappingURL=Code.js.map

package/dist/components/Code/Code.js.map

@@ -1 +1 @@
-{"version":3,"file":"Code.js","names":[],"sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  codeVariants,\n  type CodeVariantProps,\n} from \"@nuka/components/Code/Code.variants\";\n\nexport interface CodeProps\n  extends React.HTMLAttributes<HTMLElement>, CodeVariantProps {}\n\nconst Code = React.forwardRef<HTMLElement, CodeProps>(\n  ({ className, family, variant, intent, size, ...props }, ref) => {\n    return (\n      <code\n        ref={ref}\n        className={cn(\n          codeVariants({ family, variant, intent, size }),\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\n\nCode.displayName = \"Code\";\n\nexport { Code, codeVariants };\n"],"mappings":";;;;;AAUA,IAAM,IAAO,EAAM,YAChB,EAAE,cAAW,WAAQ,YAAS,WAAQ,SAAM,GAAG,KAAS,MAErD,kBAAC,QAAD;CACO;CACL,WAAW,EACT,EAAa;EAAE;EAAQ;EAAS;EAAQ;EAAM,CAAC,EAC/C,EACD;CACD,GAAI;CACJ,CAAA,CAGP;AAED,EAAK,cAAc"}
+{"version":3,"file":"Code.js","names":[],"sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  codeVariants,\n  type CodeVariantProps,\n} from \"@nuka/components/Code/Code.variants\";\n\nexport interface CodeProps\n  extends React.HTMLAttributes<HTMLElement>, CodeVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Code({\n  ref,\n  className,\n  family,\n  variant,\n  intent,\n  size,\n  ...props\n}: CodeProps) {\n  return (\n    <code\n      ref={ref}\n      className={cn(codeVariants({ family, variant, intent, size }), className)}\n      {...props}\n    />\n  );\n}\n\nCode.displayName = \"Code\";\n\nexport { Code, codeVariants };\n"],"mappings":";;;;;;AAcA,SAAS,EAAK,EACZ,QACA,cACA,WACA,YACA,WACA,SACA,GAAG,KACS;AACZ,QACE,kBAAC,QAAD;EACO;EACL,WAAW,EAAG,EAAa;GAAE;GAAQ;GAAS;GAAQ;GAAM,CAAC,EAAE,EAAU;EACzE,GAAI;EACJ,CAAA;;AAIN,EAAK,cAAc"}

package/dist/components/Collapsible/Collapsible.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../hooks/use-controllable-state.cjs`),n=require(`./Collapsible.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({open:e,defaultOpen:a,onOpenChange:o,disabled:s=!1,className:c,...l},u)=>{let[d,f]=t.useControllableState(e,a??!1,o),p=r.useId(),m=r.useId();return(0,i.jsx)(n.CollapsibleContext,{value:r.useMemo(()=>({open:d,onOpenChange:f,contentId:p,triggerId:m,disabled:s}),[d,f,p,m,s]),children:(0,i.jsx)(`div`,{ref:u,"data-state":d?`open`:`closed`,className:c,...l})})});a.displayName=`Collapsible`,exports.Collapsible=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../hooks/use-controllable-state.cjs`),n=require(`./Collapsible.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,open:a,defaultOpen:o,onOpenChange:s,disabled:c=!1,className:l,...u}){let[d,f]=t.useControllableState(a,o??!1,s),p=r.useId(),m=r.useId();return(0,i.jsx)(n.CollapsibleContext,{value:r.useMemo(()=>({open:d,onOpenChange:f,contentId:p,triggerId:m,disabled:c}),[d,f,p,m,c]),children:(0,i.jsx)(`div`,{ref:e,"data-state":d?`open`:`closed`,className:l,...u})})}a.displayName=`Collapsible`,exports.Collapsible=a;
 //# sourceMappingURL=Collapsible.cjs.map

package/dist/components/Collapsible/Collapsible.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.cjs","names":[],"sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { CollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n}\n\nconst Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(\n  (\n    {\n      open: controlledOpen,\n      defaultOpen,\n      onOpenChange,\n      disabled = false,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = useControllableState(\n      controlledOpen,\n      defaultOpen ?? false,\n      onOpenChange,\n    );\n    const contentId = React.useId();\n    const triggerId = React.useId();\n\n    const contextValue = React.useMemo(\n      () => ({ open, onOpenChange: setOpen, contentId, triggerId, disabled }),\n      [open, setOpen, contentId, triggerId, disabled],\n    );\n\n    return (\n      <CollapsibleContext value={contextValue}>\n        <div\n          ref={ref}\n          data-state={open ? \"open\" : \"closed\"}\n          className={className}\n          {...props}\n        />\n      </CollapsibleContext>\n    );\n  },\n);\n\nCollapsible.displayName = \"Collapsible\";\n\nexport { Collapsible };\n"],"mappings":"2OAYA,IAAM,EAAc,EAAM,YAEtB,CACE,KAAM,EACN,cACA,eACA,WAAW,GACX,YACA,GAAG,GAEL,IACG,CACH,GAAM,CAAC,EAAM,GAAW,EAAA,qBACtB,EACA,GAAe,GACf,EACD,CACK,EAAY,EAAM,OAAO,CACzB,EAAY,EAAM,OAAO,CAO/B,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAND,EAAM,aAClB,CAAE,OAAM,aAAc,EAAS,YAAW,YAAW,WAAU,EACtE,CAAC,EAAM,EAAS,EAAW,EAAW,EAAS,CAChD,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,aAAY,EAAO,OAAS,SACjB,YACX,GAAI,EACJ,CAAA,CACiB,CAAA,EAG1B,CAED,EAAY,YAAc"}
+{"version":3,"file":"Collapsible.cjs","names":[],"sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { CollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n}\n\nfunction Collapsible({\n  ref,\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  disabled = false,\n  className,\n  ...props\n}: CollapsibleProps) {\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen ?? false,\n    onOpenChange,\n  );\n  const contentId = React.useId();\n  const triggerId = React.useId();\n\n  const contextValue = React.useMemo(\n    () => ({ open, onOpenChange: setOpen, contentId, triggerId, disabled }),\n    [open, setOpen, contentId, triggerId, disabled],\n  );\n\n  return (\n    <CollapsibleContext value={contextValue}>\n      <div\n        ref={ref}\n        data-state={open ? \"open\" : \"closed\"}\n        className={className}\n        {...props}\n      />\n    </CollapsibleContext>\n  );\n}\n\nCollapsible.displayName = \"Collapsible\";\n\nexport { Collapsible };\n"],"mappings":"2OAaA,SAAS,EAAY,CACnB,MACA,KAAM,EACN,cACA,eACA,WAAW,GACX,YACA,GAAG,GACgB,CACnB,GAAM,CAAC,EAAM,GAAW,EAAA,qBACtB,EACA,GAAe,GACf,EACD,CACK,EAAY,EAAM,OAAO,CACzB,EAAY,EAAM,OAAO,CAO/B,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAND,EAAM,aAClB,CAAE,OAAM,aAAc,EAAS,YAAW,YAAW,WAAU,EACtE,CAAC,EAAM,EAAS,EAAW,EAAW,EAAS,CAChD,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,aAAY,EAAO,OAAS,SACjB,YACX,GAAI,EACJ,CAAA,CACiB,CAAA,CAIzB,EAAY,YAAc"}

package/dist/components/Collapsible/Collapsible.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,yFAoChB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,IAAI,EAAE,cAAc,EACpB,WAAW,EACX,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAwBlB;kBAhCQ,WAAW;;;AAoCpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Collapsible/Collapsible.js

@@ -4,30 +4,30 @@ import { CollapsibleContext as t } from "./Collapsible.context.js";
 import * as n from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Collapsible/Collapsible.tsx
-var i = n.forwardRef(({ open: i, defaultOpen: a, onOpenChange: o, disabled: s = !1, className: c, ...l }, u) => {
-	let [d, f] = e(i, a ?? !1, o), p = n.useId(), m = n.useId();
+function i({ ref: i, open: a, defaultOpen: o, onOpenChange: s, disabled: c = !1, className: l, ...u }) {
+	let [d, f] = e(a, o ?? !1, s), p = n.useId(), m = n.useId();
 	return /* @__PURE__ */ r(t, {
 		value: n.useMemo(() => ({
 			open: d,
 			onOpenChange: f,
 			contentId: p,
 			triggerId: m,
-			disabled: s
+			disabled: c
 		}), [
 			d,
 			f,
 			p,
 			m,
-			s
+			c
 		]),
 		children: /* @__PURE__ */ r("div", {
-			ref: u,
+			ref: i,
 			"data-state": d ? "open" : "closed",
-			className: c,
-			...l
+			className: l,
+			...u
 		})
 	});
-});
+}
 i.displayName = "Collapsible";
 //#endregion
 export { i as Collapsible };