@nayhoo/ui 0.12.1 → 0.13.0

package/dist/{chunk-5VVYRZDU.mjs → chunk-24DFRL5Q.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-66WXCRN4.mjs";
 import {
   Spinner
-} from "./chunk-HNOMBFLC.mjs";
+} from "./chunk-MIRMF5N3.mjs";
 import {
-  pick
-} from "./chunk-4N6P3Y54.mjs";
+  extractVariantsFromProps
+} from "./chunk-DQ4T4WV3.mjs";
 import {
   mergeClasses
 } from "./chunk-7EGQM3ZL.mjs";
@@ -16,17 +16,20 @@ import { Slot } from "@radix-ui/react-slot";
 import { jsx, jsxs } from "react/jsx-runtime";
 var defaultElement = "button";
 var Button = ({ asChild, ...props }) => {
-  const variants = pick(props, ...buttonRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...buttonRecipe.variants()
+  );
   const button = buttonRecipe(variants);
   const Comp = asChild ? Slot : defaultElement;
   return /* @__PURE__ */ jsxs(
     Comp,
     {
-      ...props,
-      className: mergeClasses(button, props.className),
-      disabled: props.disabled || Boolean(variants.loading),
+      ...rest,
+      className: mergeClasses(button, rest.className),
+      disabled: rest.disabled || Boolean(variants.loading),
       children: [
-        props.children,
+        rest.children,
         variants.loading && /* @__PURE__ */ jsx(Spinner, { style: { position: "absolute" } })
       ]
     }
@@ -36,4 +39,4 @@ var Button = ({ asChild, ...props }) => {
 export {
   Button
 };
-//# sourceMappingURL=chunk-5VVYRZDU.mjs.map
+//# sourceMappingURL=chunk-24DFRL5Q.mjs.map

package/dist/chunk-24DFRL5Q.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button.tsx"],"sourcesContent":["import { Spinner } from \"@/components/spinner\";\nimport { ButtonVariants, buttonRecipe } from \"@/theme/recipes/button.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/get-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"button\";\n\nexport type ButtonProps = ComponentProps<typeof defaultElement, ButtonVariants>;\n\nexport const Button = ({ asChild, ...props }: ButtonProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...buttonRecipe.variants(),\n  );\n  const button = buttonRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp\n      {...rest}\n      className={mergeClasses(button, rest.className)}\n      disabled={rest.disabled || Boolean(variants.loading)}\n    >\n      {rest.children}\n      {variants.loading && <Spinner style={{ position: \"absolute\" }} />}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAKA,SAAS,YAAY;AAejB,SAMuB,KANvB;AAbJ,IAAM,iBAAiB;AAIhB,IAAM,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,MAAmB;AAC5D,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,aAAa,SAAS;AAAA,EAC3B;AACA,QAAM,SAAS,aAAa,QAAQ;AACpC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,QAAQ,KAAK,SAAS;AAAA,MAC9C,UAAU,KAAK,YAAY,QAAQ,SAAS,OAAO;AAAA,MAElD;AAAA,aAAK;AAAA,QACL,SAAS,WAAW,oBAAC,WAAQ,OAAO,EAAE,UAAU,WAAW,GAAG;AAAA;AAAA;AAAA,EACjE;AAEJ;","names":[]}

package/dist/{chunk-OCXG5SMA.mjs → chunk-2WZQZIYN.mjs}

@@ -2,8 +2,8 @@ import {
   statusRecipe
 } from "./chunk-EXKRRQYL.mjs";
 import {
-  pick
-} from "./chunk-4N6P3Y54.mjs";
+  extractVariantsFromProps
+} from "./chunk-DQ4T4WV3.mjs";
 import {
   mergeClasses
 } from "./chunk-7EGQM3ZL.mjs";
@@ -13,13 +13,16 @@ import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 var defaultElement = "div";
 var Status = ({ asChild, ...props }) => {
-  const variants = pick(props, ...statusRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...statusRecipe.variants()
+  );
   const status = statusRecipe(variants);
   const Comp = asChild ? Slot : defaultElement;
-  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(status, props.className), children: props.children });
+  return /* @__PURE__ */ jsx(Comp, { ...rest, className: mergeClasses(status, rest.className), children: rest.children });
 };
 
 export {
   Status
 };
-//# sourceMappingURL=chunk-OCXG5SMA.mjs.map
+//# sourceMappingURL=chunk-2WZQZIYN.mjs.map

package/dist/chunk-2WZQZIYN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/status.tsx"],"sourcesContent":["import { StatusVariants, statusRecipe } from \"@/theme/recipes/status.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/get-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type StatusProps = ComponentProps<typeof defaultElement, StatusVariants>;\n\nexport const Status = ({ asChild, ...props }: StatusProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...statusRecipe.variants(),\n  );\n  const status = statusRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(status, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAIA,SAAS,YAAY;AAejB;AAbJ,IAAM,iBAAiB;AAIhB,IAAM,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,MAAmB;AAC5D,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,aAAa,SAAS;AAAA,EAC3B;AACA,QAAM,SAAS,aAAa,QAAQ;AACpC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,QAAQ,KAAK,SAAS,GAC3D,eAAK,UACR;AAEJ;","names":[]}

package/dist/chunk-BALC5CGU.mjs

@@ -0,0 +1,23 @@
+// src/utils/omit.ts
+function omit(obj, ...keys) {
+  const ret = { ...obj };
+  keys.forEach((key) => {
+    delete ret[key];
+  });
+  return ret;
+}
+
+// src/utils/pick.ts
+function pick(obj, ...keys) {
+  const ret = {};
+  keys.forEach((key) => {
+    ret[key] = obj[key];
+  });
+  return ret;
+}
+
+export {
+  omit,
+  pick
+};
+//# sourceMappingURL=chunk-BALC5CGU.mjs.map

package/dist/chunk-BALC5CGU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/omit.ts","../src/utils/pick.ts"],"sourcesContent":["export function omit<T, K extends keyof T>(obj: T, ...keys: K[]): Omit<T, K> {\n  const ret = { ...obj };\n  keys.forEach((key) => {\n    delete ret[key];\n  });\n\n  return ret;\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const ret: any = {};\n  keys.forEach((key) => {\n    ret[key] = obj[key];\n  });\n\n  return ret;\n}\n"],"mappings":";AAAO,SAAS,KAA2B,QAAW,MAAuB;AAC3E,QAAM,MAAM,EAAE,GAAG,IAAI;AACrB,OAAK,QAAQ,CAAC,QAAQ;AACpB,WAAO,IAAI,GAAG;AAAA,EAChB,CAAC;AAED,SAAO;AACT;;;ACJO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;","names":[]}

package/dist/chunk-DQ4T4WV3.mjs

@@ -0,0 +1,16 @@
+import {
+  omit,
+  pick
+} from "./chunk-BALC5CGU.mjs";
+
+// src/utils/get-variants.ts
+function extractVariantsFromProps(obj, ...keys) {
+  const variants = pick(obj, ...keys);
+  const rest = omit(obj, ...keys);
+  return [variants, rest];
+}
+
+export {
+  extractVariantsFromProps
+};
+//# sourceMappingURL=chunk-DQ4T4WV3.mjs.map

package/dist/chunk-DQ4T4WV3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/get-variants.ts"],"sourcesContent":["import { omit } from \"./omit\";\nimport { pick } from \"./pick\";\n\n/**\n * TODO\n * @param obj\n * @param keys\n * @returns [variants, props]\n */\nexport function extractVariantsFromProps<T, K extends keyof T>(\n  obj: T,\n  ...keys: K[]\n): [Pick<T, K>, Omit<T, K>] {\n  const variants = pick(obj, ...keys);\n  const rest = omit(obj, ...keys);\n\n  return [variants, rest];\n}\n"],"mappings":";;;;;;AASO,SAAS,yBACd,QACG,MACuB;AAC1B,QAAM,WAAW,KAAK,KAAK,GAAG,IAAI;AAClC,QAAM,OAAO,KAAK,KAAK,GAAG,IAAI;AAE9B,SAAO,CAAC,UAAU,IAAI;AACxB;","names":[]}

package/dist/{chunk-C53FYO65.mjs → chunk-ELXCOK2T.mjs}

@@ -2,8 +2,8 @@ import {
   textRecipe
 } from "./chunk-JZBPCPSP.mjs";
 import {
-  pick
-} from "./chunk-4N6P3Y54.mjs";
+  extractVariantsFromProps
+} from "./chunk-DQ4T4WV3.mjs";
 import {
   mergeClasses
 } from "./chunk-7EGQM3ZL.mjs";
@@ -13,13 +13,16 @@ import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 var defaultElement = "span";
 var Text = ({ asChild, ...props }) => {
-  const variants = pick(props, ...textRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...textRecipe.variants()
+  );
   const text = textRecipe(variants);
   const Comp = asChild ? Slot : defaultElement;
-  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ jsx(Comp, { ...rest, className: mergeClasses(text, rest.className), children: rest.children });
 };
 
 export {
   Text
 };
-//# sourceMappingURL=chunk-C53FYO65.mjs.map
+//# sourceMappingURL=chunk-ELXCOK2T.mjs.map

package/dist/chunk-ELXCOK2T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/text.tsx"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/get-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"span\";\n\nexport type TextProps = ComponentProps<typeof defaultElement, TextVariants>;\n\nexport const Text = ({ asChild, ...props }: TextProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...textRecipe.variants(),\n  );\n  const text = textRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(text, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAIA,SAAS,YAAY;AAejB;AAbJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,WAAW,SAAS;AAAA,EACzB;AACA,QAAM,OAAO,WAAW,QAAQ;AAChC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,MAAM,KAAK,SAAS,GACzD,eAAK,UACR;AAEJ;","names":[]}

package/dist/chunk-GED6IT3S.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-GED6IT3S.mjs.map

package/dist/{chunk-OKNO3BFR.mjs → chunk-L2MODHAE.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-HNVVD3WS.mjs";
 import {
   Spinner
-} from "./chunk-HNOMBFLC.mjs";
+} from "./chunk-MIRMF5N3.mjs";
 import {
-  pick
-} from "./chunk-4N6P3Y54.mjs";
+  extractVariantsFromProps
+} from "./chunk-DQ4T4WV3.mjs";
 import {
   mergeClasses
 } from "./chunk-7EGQM3ZL.mjs";
@@ -16,17 +16,20 @@ import { Slot } from "@radix-ui/react-slot";
 import { jsx, jsxs } from "react/jsx-runtime";
 var defaultElement = "button";
 var IconButton = ({ asChild, ...props }) => {
-  const variants = pick(props, ...iconButtonRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...iconButtonRecipe.variants()
+  );
   const iconButton = iconButtonRecipe(variants);
   const Comp = asChild ? Slot : defaultElement;
   return /* @__PURE__ */ jsxs(
     Comp,
     {
-      ...props,
-      className: mergeClasses(iconButton, props.className),
-      disabled: props.disabled || Boolean(variants.loading),
+      ...rest,
+      className: mergeClasses(iconButton, rest.className),
+      disabled: rest.disabled || Boolean(variants.loading),
       children: [
-        props.children,
+        rest.children,
         variants.loading && /* @__PURE__ */ jsx(Spinner, { style: { position: "absolute" } })
       ]
     }
@@ -36,4 +39,4 @@ var IconButton = ({ asChild, ...props }) => {
 export {
   IconButton
 };
-//# sourceMappingURL=chunk-OKNO3BFR.mjs.map
+//# sourceMappingURL=chunk-L2MODHAE.mjs.map

package/dist/chunk-L2MODHAE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/icon-button.tsx"],"sourcesContent":["import { Spinner } from \"@/components/spinner\";\nimport {\n  IconButtonVariants,\n  iconButtonRecipe,\n} from \"@/theme/recipes/icon-button.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/get-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"button\";\n\nexport type IconButtonProps = ComponentProps<\n  typeof defaultElement,\n  IconButtonVariants\n>;\n\nexport const IconButton = ({ asChild, ...props }: IconButtonProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...iconButtonRecipe.variants(),\n  );\n  const iconButton = iconButtonRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp\n      {...rest}\n      className={mergeClasses(iconButton, rest.className)}\n      disabled={rest.disabled || Boolean(variants.loading)}\n    >\n      {rest.children}\n      {variants.loading && <Spinner style={{ position: \"absolute\" }} />}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAQA,SAAS,YAAY;AAkBjB,SAMuB,KANvB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,MAAuB;AACpE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,iBAAiB,SAAS;AAAA,EAC/B;AACA,QAAM,aAAa,iBAAiB,QAAQ;AAC5C,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,YAAY,KAAK,SAAS;AAAA,MAClD,UAAU,KAAK,YAAY,QAAQ,SAAS,OAAO;AAAA,MAElD;AAAA,aAAK;AAAA,QACL,SAAS,WAAW,oBAAC,WAAQ,OAAO,EAAE,UAAU,WAAW,GAAG;AAAA;AAAA;AAAA,EACjE;AAEJ;","names":[]}

package/dist/{chunk-WPNBONR3.mjs → chunk-LSB5JVS2.mjs}

@@ -17,4 +17,4 @@ var Box = ({ asChild, ...props }) => {
 export {
   Box
 };
-//# sourceMappingURL=chunk-WPNBONR3.mjs.map
+//# sourceMappingURL=chunk-LSB5JVS2.mjs.map

package/dist/chunk-LSB5JVS2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/box.tsx"],"sourcesContent":["import { box } from \"@/theme/styles/box.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type BoxProps = ComponentProps<typeof defaultElement>;\n\nexport const Box = ({ asChild, ...props }: BoxProps) => {\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(box, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;AAGA,SAAS,YAAY;AAUjB;AARJ,IAAM,iBAAiB;AAIhB,IAAM,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,MAAgB;AACtD,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,KAAK,MAAM,SAAS,GAC1D,gBAAM,UACT;AAEJ;","names":[]}

package/dist/{chunk-HNOMBFLC.mjs → chunk-MIRMF5N3.mjs}

@@ -2,8 +2,8 @@ import {
   spinnerRecipe
 } from "./chunk-47YGQSLM.mjs";
 import {
-  pick
-} from "./chunk-4N6P3Y54.mjs";
+  extractVariantsFromProps
+} from "./chunk-DQ4T4WV3.mjs";
 import {
   mergeClasses
 } from "./chunk-7EGQM3ZL.mjs";
@@ -13,13 +13,16 @@ import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 var defaultElement = "div";
 var Spinner = ({ asChild, ...props }) => {
-  const variants = pick(props, ...spinnerRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...spinnerRecipe.variants()
+  );
   const spinner = spinnerRecipe(variants);
   const Comp = asChild ? Slot : defaultElement;
-  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(spinner, props.className), children: props.children });
+  return /* @__PURE__ */ jsx(Comp, { ...rest, className: mergeClasses(spinner, rest.className), children: rest.children });
 };
 
 export {
   Spinner
 };
-//# sourceMappingURL=chunk-HNOMBFLC.mjs.map
+//# sourceMappingURL=chunk-MIRMF5N3.mjs.map

package/dist/chunk-MIRMF5N3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/spinner.tsx"],"sourcesContent":["import { SpinnerVariants, spinnerRecipe } from \"@/theme/recipes/spinner.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/get-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type SpinnerProps = ComponentProps<\n  typeof defaultElement,\n  SpinnerVariants\n>;\n\nexport const Spinner = ({ asChild, ...props }: SpinnerProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...spinnerRecipe.variants(),\n  );\n  const spinner = spinnerRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(spinner, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAIA,SAAS,YAAY;AAkBjB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,MAAoB;AAC9D,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,cAAc,SAAS;AAAA,EAC5B;AACA,QAAM,UAAU,cAAc,QAAQ;AACtC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,SAAS,KAAK,SAAS,GAC5D,eAAK,UACR;AAEJ;","names":[]}

package/dist/{chunk-YJWLCDJE.mjs → chunk-XWF2DDXB.mjs}

@@ -2,8 +2,8 @@ import {
   flexRecipe
 } from "./chunk-S6KKPOPH.mjs";
 import {
-  pick
-} from "./chunk-4N6P3Y54.mjs";
+  extractVariantsFromProps
+} from "./chunk-DQ4T4WV3.mjs";
 import {
   mergeClasses
 } from "./chunk-7EGQM3ZL.mjs";
@@ -13,13 +13,16 @@ import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 var defaultElement = "div";
 var Flex = ({ asChild, ...props }) => {
-  const variants = pick(props, ...flexRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...flexRecipe.variants()
+  );
   const flex = flexRecipe(variants);
   const Comp = asChild ? Slot : defaultElement;
-  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(flex, props.className), children: props.children });
+  return /* @__PURE__ */ jsx(Comp, { ...rest, className: mergeClasses(flex, rest.className), children: rest.children });
 };
 
 export {
   Flex
 };
-//# sourceMappingURL=chunk-YJWLCDJE.mjs.map
+//# sourceMappingURL=chunk-XWF2DDXB.mjs.map

package/dist/chunk-XWF2DDXB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/flex.tsx"],"sourcesContent":["import { FlexVariants, flexRecipe } from \"@/theme/recipes/flex.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/get-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type FlexProps = ComponentProps<typeof defaultElement, FlexVariants>;\n\nexport const Flex = ({ asChild, ...props }: FlexProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...flexRecipe.variants(),\n  );\n  const flex = flexRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(flex, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAIA,SAAS,YAAY;AAejB;AAbJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,WAAW,SAAS;AAAA,EACzB;AACA,QAAM,OAAO,WAAW,QAAQ;AAChC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,MAAM,KAAK,SAAS,GACzD,eAAK,UACR;AAEJ;","names":[]}

package/dist/components/avatar.d.mts

@@ -13,4 +13,4 @@ type AvatarProps = AvatarPrimitive.AvatarProps & AvatarVariants & {
 };
 declare const Avatar: ({ alt, fallback, src, status, style, ...props }: AvatarProps) => react_jsx_runtime.JSX.Element;
 
-export { Avatar };
+export { Avatar, type AvatarProps };

package/dist/components/avatar.d.ts

@@ -13,4 +13,4 @@ type AvatarProps = AvatarPrimitive.AvatarProps & AvatarVariants & {
 };
 declare const Avatar: ({ alt, fallback, src, status, style, ...props }: AvatarProps) => react_jsx_runtime.JSX.Element;
 
-export { Avatar };
+export { Avatar, type AvatarProps };