@nayhoo/ui 0.11.1 → 0.13.0

package/dist/components/button.mjs

@@ -1,10 +1,11 @@
 import {
   Button
-} from "../chunk-V5HG6GHI.mjs";
-import "../chunk-2HP5I6IA.mjs";
-import "../chunk-HNOMBFLC.mjs";
+} from "../chunk-24DFRL5Q.mjs";
+import "../chunk-66WXCRN4.mjs";
+import "../chunk-MIRMF5N3.mjs";
 import "../chunk-47YGQSLM.mjs";
-import "../chunk-4N6P3Y54.mjs";
+import "../chunk-DQ4T4WV3.mjs";
+import "../chunk-BALC5CGU.mjs";
 import "../chunk-7EGQM3ZL.mjs";
 export {
   Button

package/dist/components/card.d.mts

@@ -5,4 +5,4 @@ declare const defaultElement = "div";
 type CardProps = ComponentProps<typeof defaultElement>;
 declare const Card: ({ asChild, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
 
-export { Card };
+export { Card, type CardProps };

package/dist/components/card.d.ts

@@ -5,4 +5,4 @@ declare const defaultElement = "div";
 type CardProps = ComponentProps<typeof defaultElement>;
 declare const Card: ({ asChild, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
 
-export { Card };
+export { Card, type CardProps };

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/card.tsx","../../src/theme/styles/card.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { card } from \"@/theme/styles/card.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\ntype CardProps = ComponentProps<typeof defaultElement>;\n\nexport const Card = ({ asChild, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(card, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBjb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZVRleHRDb250cmFzdF9fMTluYmU4ZDJmOSk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaik7CiAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4IHZhcigtLXNlbWFudGljQ29sb3JzLWxpbmVfXzE5bmJlOGQyZmUpOwp9';\nimport 'src/theme/styles/card.css.ts.vanilla.css?source=LmNhcmRfY2FyZF9fMWs0OTIyMCB7CiAgcGFkZGluZzogdmFyKC0tc3BhY2UtNV9fMTluYmU4ZDQpIHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KSB2YXIoLS1zcGFjZS02X18xOW5iZThkNSkgdmFyKC0tc3BhY2UtNV9fMTluYmU4ZDQpOwp9';\nexport var card = 'card_card__1k49220 panel_panel__gh9suz0';","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEO,IAAI,OAAO;;;ACFX,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFCA,wBAAqB;AAUjB;AARJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/card.tsx","../../src/theme/styles/card.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { card } from \"@/theme/styles/card.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 CardProps = ComponentProps<typeof defaultElement>;\n\nexport const Card = ({ asChild, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(card, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBjb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZVRleHRDb250cmFzdF9fMTluYmU4ZDJmOSk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaik7CiAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgMXB4IHZhcigtLXNlbWFudGljQ29sb3JzLWxpbmVfXzE5bmJlOGQyZmUpOwp9';\nimport 'src/theme/styles/card.css.ts.vanilla.css?source=LmNhcmRfY2FyZF9fMWs0OTIyMCB7CiAgcGFkZGluZzogdmFyKC0tc3BhY2UtNV9fMTluYmU4ZDQpIHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KSB2YXIoLS1zcGFjZS02X18xOW5iZThkNSkgdmFyKC0tc3BhY2UtNV9fMTluYmU4ZDQpOwp9';\nexport var card = 'card_card__1k49220 panel_panel__gh9suz0';","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEO,IAAI,OAAO;;;ACFX,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFCA,wBAAqB;AAUjB;AARJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":[]}

package/dist/components/card.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/card.tsx"],"sourcesContent":["import { card } from \"@/theme/styles/card.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\ntype CardProps = ComponentProps<typeof defaultElement>;\n\nexport const Card = ({ asChild, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(card, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;AAGA,SAAS,YAAY;AAUjB;AARJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/card.tsx"],"sourcesContent":["import { card } from \"@/theme/styles/card.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 CardProps = ComponentProps<typeof defaultElement>;\n\nexport const Card = ({ asChild, ...props }: CardProps) => {\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(card, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;AAGA,SAAS,YAAY;AAUjB;AARJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":[]}

package/dist/components/checkbox.d.mts

@@ -6,4 +6,4 @@ import '@vanilla-extract/recipes';
 type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;
 declare const Checkbox: ({ ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
-export { Checkbox };
+export { Checkbox, type CheckboxProps };

package/dist/components/checkbox.d.ts

@@ -6,4 +6,4 @@ import '@vanilla-extract/recipes';
 type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;
 declare const Checkbox: ({ ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
-export { Checkbox };
+export { Checkbox, type CheckboxProps };

package/dist/components/checkbox.js

@@ -41,9 +41,13 @@ var checkboxRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassN
 // src/theme/styles/checkbox.css.ts
 var checkboxIndicator = "checkbox_checkboxIndicator__z3c6170";
 
-// src/utils/merge-classes.ts
-function mergeClasses(...classes) {
-  return classes.filter((cls) => Boolean(cls)).join(" ");
+// src/utils/omit.ts
+function omit(obj, ...keys) {
+  const ret = { ...obj };
+  keys.forEach((key) => {
+    delete ret[key];
+  });
+  return ret;
 }
 
 // src/utils/pick.ts
@@ -55,17 +59,33 @@ function pick(obj, ...keys) {
   return ret;
 }
 
+// src/utils/get-variants.ts
+function extractVariantsFromProps(obj, ...keys) {
+  const variants = pick(obj, ...keys);
+  const rest = omit(obj, ...keys);
+  return [variants, rest];
+}
+
+// src/utils/merge-classes.ts
+function mergeClasses(...classes) {
+  return classes.filter((cls) => Boolean(cls)).join(" ");
+}
+
 // src/components/checkbox.tsx
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var import_react_icons = require("@radix-ui/react-icons");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Checkbox = ({ ...props }) => {
-  const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...checkboxRecipe.variants()
+  );
+  const checkbox = checkboxRecipe(variants);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     CheckboxPrimitive.Root,
     {
-      ...props,
-      className: mergeClasses(checkbox, props.className),
+      ...rest,
+      className: mergeClasses(checkbox, rest.className),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxPrimitive.CheckboxIndicator, { className: checkboxIndicator, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.CheckIcon, {}) })
     }
   );

package/dist/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/checkbox.tsx","../../src/theme/recipes/checkbox.css.ts","../../src/theme/styles/checkbox.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { CheckboxVariants, checkboxRecipe } from \"@/theme/recipes/checkbox.css\";\nimport { checkboxIndicator } from \"@/theme/styles/checkbox.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\ntype CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n  const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));\n\n  return (\n    <CheckboxPrimitive.Root\n      {...props}\n      className={mergeClasses(checkbox, props.className)}\n    >\n      <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n        <CheckIcon />\n      </CheckboxPrimitive.CheckboxIndicator>\n    </CheckboxPrimitive.Root>\n  );\n};\n","import 'src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WSz44bIQzG73kKjrtSWWVSVWrJsZee9wVGBjzghpgRMJs/q757Be1sRm2TZsUFzOfPP2yejEez0/HYz5tnNDRi37uTP/u0Fq8rISAEJSbOWLYrIXQ8ykxnYqeEjslikjoe682UMcmMAU1RgiPjtiWTY0kF91kJg1wwtfA4IiRggxeppTwGOClBHIhRDgGb7/cpFxpO0kQuyGVp03QeyfmiRFcje0iOWIl1PcSpVMWlxAjWNvJ2LQ+od1RkgVF6cj5UH2liiEmJ5DQ8rD+09fj2cA82HiphxiLWbXXjUbxAepAy4x64kPlaHbKspfu++8IaP9vNgM0lvmAaQvXwZC3ydvVj9fS/MShf09owNJidS3FiO4P+s3ZJwHmEhFy+1dwFx/B4X80hmim3mn+08Z5kpXGICX8hX/kxd/nAUOaXv98m0xn7bnbrms2BbPFvXaMzZvnx0h0HbUrzl7qt+k2RwNKUZ3E9kewWYn+74Q1yM0NurkF+Wjiaq5B/q25AbhZiqpA/AT6rIHMQBAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checkboxRecipe = _7a468({defaultClassName:'checkbox_checkboxRecipe__gyhzhr0',variantClassNames:{size:{'1':'checkbox_checkboxRecipe_size_1__gyhzhr1','2':'checkbox_checkboxRecipe_size_2__gyhzhr2'}},defaultVariants:{size:'1'},compoundVariants:[]});","import 'src/theme/styles/checkbox.css.ts.vanilla.css?source=LmNoZWNrYm94X2NoZWNrYm94SW5kaWNhdG9yX196M2M2MTcwIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGRpc3BsYXk6IGZsZXg7CiAgaGVpZ2h0OiAxMDAlOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHdpZHRoOiAxMDAlOwp9';\nexport var checkboxIndicator = 'checkbox_checkboxIndicator__z3c6170';","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,qBAAiB,uBAAAA,iBAAO,EAAC,kBAAiB,oCAAmC,mBAAkB,EAAC,MAAK,EAAC,KAAI,2CAA0C,KAAI,0CAAyC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACDvP,IAAI,oBAAoB;;;ACDxB,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,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;;;AJPA,wBAAmC;AACnC,yBAA0B;AAalB;AATD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,WAAW,eAAe,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC,CAAC;AAEzE,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD,sDAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,sDAAC,gCAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":["_7a468"]}
+{"version":3,"sources":["../../src/components/checkbox.tsx","../../src/theme/recipes/checkbox.css.ts","../../src/theme/styles/checkbox.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/get-variants.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { CheckboxVariants, checkboxRecipe } from \"@/theme/recipes/checkbox.css\";\nimport { checkboxIndicator } from \"@/theme/styles/checkbox.css\";\nimport { extractVariantsFromProps } from \"@/utils/get-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\nexport type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...checkboxRecipe.variants(),\n  );\n\n  const checkbox = checkboxRecipe(variants);\n\n  return (\n    <CheckboxPrimitive.Root\n      {...rest}\n      className={mergeClasses(checkbox, rest.className)}\n    >\n      <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n        <CheckIcon />\n      </CheckboxPrimitive.CheckboxIndicator>\n    </CheckboxPrimitive.Root>\n  );\n};\n","import 'src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WSz44bIQzG73kKjrtSWWVSVWrJsZee9wVGBjzghpgRMJs/q757Be1sRm2TZsUFzOfPP2yejEez0/HYz5tnNDRi37uTP/u0Fq8rISAEJSbOWLYrIXQ8ykxnYqeEjslikjoe682UMcmMAU1RgiPjtiWTY0kF91kJg1wwtfA4IiRggxeppTwGOClBHIhRDgGb7/cpFxpO0kQuyGVp03QeyfmiRFcje0iOWIl1PcSpVMWlxAjWNvJ2LQ+od1RkgVF6cj5UH2liiEmJ5DQ8rD+09fj2cA82HiphxiLWbXXjUbxAepAy4x64kPlaHbKspfu++8IaP9vNgM0lvmAaQvXwZC3ydvVj9fS/MShf09owNJidS3FiO4P+s3ZJwHmEhFy+1dwFx/B4X80hmim3mn+08Z5kpXGICX8hX/kxd/nAUOaXv98m0xn7bnbrms2BbPFvXaMzZvnx0h0HbUrzl7qt+k2RwNKUZ3E9kewWYn+74Q1yM0NurkF+Wjiaq5B/q25AbhZiqpA/AT6rIHMQBAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checkboxRecipe = _7a468({defaultClassName:'checkbox_checkboxRecipe__gyhzhr0',variantClassNames:{size:{'1':'checkbox_checkboxRecipe_size_1__gyhzhr1','2':'checkbox_checkboxRecipe_size_2__gyhzhr2'}},defaultVariants:{size:'1'},compoundVariants:[]});","import 'src/theme/styles/checkbox.css.ts.vanilla.css?source=LmNoZWNrYm94X2NoZWNrYm94SW5kaWNhdG9yX196M2M2MTcwIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGRpc3BsYXk6IGZsZXg7CiAgaGVpZ2h0OiAxMDAlOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHdpZHRoOiAxMDAlOwp9';\nexport var checkboxIndicator = 'checkbox_checkboxIndicator__z3c6170';","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","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","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,qBAAiB,uBAAAA,iBAAO,EAAC,kBAAiB,oCAAmC,mBAAkB,EAAC,MAAK,EAAC,KAAI,2CAA0C,KAAI,0CAAyC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACDvP,IAAI,oBAAoB;;;ACDxB,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;;;ACFO,SAAS,yBACd,QACG,MACuB;AAC1B,QAAM,WAAW,KAAK,KAAK,GAAG,IAAI;AAClC,QAAM,OAAO,KAAK,KAAK,GAAG,IAAI;AAE9B,SAAO,CAAC,UAAU,IAAI;AACxB;;;ACjBO,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ANEA,wBAAmC;AACnC,yBAA0B;AAkBlB;AAdD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,eAAe,SAAS;AAAA,EAC7B;AAEA,QAAM,WAAW,eAAe,QAAQ;AAExC,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,KAAK,SAAS;AAAA,MAEhD,sDAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,sDAAC,gCAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":["_7a468"]}

package/dist/components/checkbox.mjs

@@ -3,8 +3,9 @@ import {
   checkboxRecipe
 } from "../chunk-5ZOT2LOO.mjs";
 import {
-  pick
-} from "../chunk-4N6P3Y54.mjs";
+  extractVariantsFromProps
+} from "../chunk-DQ4T4WV3.mjs";
+import "../chunk-BALC5CGU.mjs";
 import {
   mergeClasses
 } from "../chunk-7EGQM3ZL.mjs";
@@ -14,12 +15,16 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { CheckIcon } from "@radix-ui/react-icons";
 import { jsx } from "react/jsx-runtime";
 var Checkbox = ({ ...props }) => {
-  const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...checkboxRecipe.variants()
+  );
+  const checkbox = checkboxRecipe(variants);
   return /* @__PURE__ */ jsx(
     CheckboxPrimitive.Root,
     {
-      ...props,
-      className: mergeClasses(checkbox, props.className),
+      ...rest,
+      className: mergeClasses(checkbox, rest.className),
       children: /* @__PURE__ */ jsx(CheckboxPrimitive.CheckboxIndicator, { className: checkboxIndicator, children: /* @__PURE__ */ jsx(CheckIcon, {}) })
     }
   );

package/dist/components/checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import { CheckboxVariants, checkboxRecipe } from \"@/theme/recipes/checkbox.css\";\nimport { checkboxIndicator } from \"@/theme/styles/checkbox.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\ntype CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n  const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));\n\n  return (\n    <CheckboxPrimitive.Root\n      {...props}\n      className={mergeClasses(checkbox, props.className)}\n    >\n      <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n        <CheckIcon />\n      </CheckboxPrimitive.CheckboxIndicator>\n    </CheckboxPrimitive.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAIA,YAAY,uBAAuB;AACnC,SAAS,iBAAiB;AAalB;AATD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,WAAW,eAAe,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC,CAAC;AAEzE,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD,8BAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,8BAAC,aAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import { CheckboxVariants, checkboxRecipe } from \"@/theme/recipes/checkbox.css\";\nimport { checkboxIndicator } from \"@/theme/styles/checkbox.css\";\nimport { extractVariantsFromProps } from \"@/utils/get-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\nexport type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...checkboxRecipe.variants(),\n  );\n\n  const checkbox = checkboxRecipe(variants);\n\n  return (\n    <CheckboxPrimitive.Root\n      {...rest}\n      className={mergeClasses(checkbox, rest.className)}\n    >\n      <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n        <CheckIcon />\n      </CheckboxPrimitive.CheckboxIndicator>\n    </CheckboxPrimitive.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAIA,YAAY,uBAAuB;AACnC,SAAS,iBAAiB;AAkBlB;AAdD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,eAAe,SAAS;AAAA,EAC7B;AAEA,QAAM,WAAW,eAAe,QAAQ;AAExC,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,KAAK,SAAS;AAAA,MAEhD,8BAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,8BAAC,aAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/container.d.mts

@@ -7,4 +7,4 @@ declare const defaultElement = "div";
 type ContainerProps = ComponentProps<typeof defaultElement, ContainerVariants>;
 declare const Container: ({ asChild, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
 
-export { Container };
+export { Container, type ContainerProps };

package/dist/components/container.d.ts

@@ -7,4 +7,4 @@ declare const defaultElement = "div";
 type ContainerProps = ComponentProps<typeof defaultElement, ContainerVariants>;
 declare const Container: ({ asChild, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
 
-export { Container };
+export { Container, type ContainerProps };

package/dist/components/container.js

@@ -28,9 +28,13 @@ module.exports = __toCommonJS(container_exports);
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var containerRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "container_containerRecipe__1mebzt0", variantClassNames: { size: { "1": "container_containerRecipe_size_1__1mebzt1", "2": "container_containerRecipe_size_2__1mebzt2", "3": "container_containerRecipe_size_3__1mebzt3", "4": "container_containerRecipe_size_4__1mebzt4" } }, defaultVariants: { size: "4" }, compoundVariants: [] });
 
-// src/utils/merge-classes.ts
-function mergeClasses(...classes) {
-  return classes.filter((cls) => Boolean(cls)).join(" ");
+// src/utils/omit.ts
+function omit(obj, ...keys) {
+  const ret = { ...obj };
+  keys.forEach((key) => {
+    delete ret[key];
+  });
+  return ret;
 }
 
 // src/utils/pick.ts
@@ -42,15 +46,30 @@ function pick(obj, ...keys) {
   return ret;
 }
 
+// src/utils/get-variants.ts
+function extractVariantsFromProps(obj, ...keys) {
+  const variants = pick(obj, ...keys);
+  const rest = omit(obj, ...keys);
+  return [variants, rest];
+}
+
+// src/utils/merge-classes.ts
+function mergeClasses(...classes) {
+  return classes.filter((cls) => Boolean(cls)).join(" ");
+}
+
 // src/components/container.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime = require("react/jsx-runtime");
 var defaultElement = "div";
 var Container = ({ asChild, ...props }) => {
-  const variants = pick(props, ...containerRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...containerRecipe.variants()
+  );
   const container = containerRecipe(variants);
   const Comp = asChild ? import_react_slot.Slot : defaultElement;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(container, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...rest, className: mergeClasses(container, rest.className), children: rest.children });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/container.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/container.tsx","../../src/theme/recipes/container.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n  ContainerVariants,\n  containerRecipe,\n} from \"@/theme/recipes/container.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype ContainerProps = ComponentProps<typeof defaultElement, ContainerVariants>;\n\nexport const Container = ({ asChild, ...props }: ContainerProps) => {\n  const variants = pick(props, ...containerRecipe.variants());\n  const container = containerRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(container, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/container.css.ts.vanilla.css?source=LmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfXzFtZWJ6dDAgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgZmxleC1zaHJpbms6IDA7CiAgbWFyZ2luLWxlZnQ6IGF1dG87CiAgbWFyZ2luLXJpZ2h0OiBhdXRvOwogIHBhZGRpbmctbGVmdDogdmFyKC0tc3BhY2UtNV9fMTluYmU4ZDQpOwogIHBhZGRpbmctcmlnaHQ6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY29udGFpbmVyX2NvbnRhaW5lclJlY2lwZV9zaXplXzFfXzFtZWJ6dDEgewogIG1heC13aWR0aDogNDMwcHg7Cn0KLmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfc2l6ZV8yX18xbWVienQyIHsKICBtYXgtd2lkdGg6IDcxNXB4Owp9Ci5jb250YWluZXJfY29udGFpbmVyUmVjaXBlX3NpemVfM19fMW1lYnp0MyB7CiAgbWF4LXdpZHRoOiAxMTQ1cHg7Cn0KLmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfc2l6ZV80X18xbWVienQ0IHsKICBtYXgtd2lkdGg6IG5vbmU7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var containerRecipe = _7a468({defaultClassName:'container_containerRecipe__1mebzt0',variantClassNames:{size:{'1':'container_containerRecipe_size_1__1mebzt1','2':'container_containerRecipe_size_2__1mebzt2','3':'container_containerRecipe_size_3__1mebzt3','4':'container_containerRecipe_size_4__1mebzt4'}},defaultVariants:{size:'4'},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,sBAAkB,uBAAAA,iBAAO,EAAC,kBAAiB,sCAAqC,mBAAkB,EAAC,MAAK,EAAC,KAAI,6CAA4C,KAAI,6CAA4C,KAAI,6CAA4C,KAAI,4CAA2C,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACF9V,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,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;;;AHJA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,MAAsB;AAClE,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAC1C,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,WAAW,MAAM,SAAS,GAChE,gBAAM,UACT;AAEJ;","names":["_7a468"]}
+{"version":3,"sources":["../../src/components/container.tsx","../../src/theme/recipes/container.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/get-variants.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import {\n  ContainerVariants,\n  containerRecipe,\n} from \"@/theme/recipes/container.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 ContainerProps = ComponentProps<\n  typeof defaultElement,\n  ContainerVariants\n>;\n\nexport const Container = ({ asChild, ...props }: ContainerProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...containerRecipe.variants(),\n  );\n  const container = containerRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(container, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/container.css.ts.vanilla.css?source=LmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfXzFtZWJ6dDAgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgZmxleC1zaHJpbms6IDA7CiAgbWFyZ2luLWxlZnQ6IGF1dG87CiAgbWFyZ2luLXJpZ2h0OiBhdXRvOwogIHBhZGRpbmctbGVmdDogdmFyKC0tc3BhY2UtNV9fMTluYmU4ZDQpOwogIHBhZGRpbmctcmlnaHQ6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY29udGFpbmVyX2NvbnRhaW5lclJlY2lwZV9zaXplXzFfXzFtZWJ6dDEgewogIG1heC13aWR0aDogNDMwcHg7Cn0KLmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfc2l6ZV8yX18xbWVienQyIHsKICBtYXgtd2lkdGg6IDcxNXB4Owp9Ci5jb250YWluZXJfY29udGFpbmVyUmVjaXBlX3NpemVfM19fMW1lYnp0MyB7CiAgbWF4LXdpZHRoOiAxMTQ1cHg7Cn0KLmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfc2l6ZV80X18xbWVienQ0IHsKICBtYXgtd2lkdGg6IG5vbmU7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var containerRecipe = _7a468({defaultClassName:'container_containerRecipe__1mebzt0',variantClassNames:{size:{'1':'container_containerRecipe_size_1__1mebzt1','2':'container_containerRecipe_size_2__1mebzt2','3':'container_containerRecipe_size_3__1mebzt3','4':'container_containerRecipe_size_4__1mebzt4'}},defaultVariants:{size:'4'},compoundVariants:[]});","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","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","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,sBAAkB,uBAAAA,iBAAO,EAAC,kBAAiB,sCAAqC,mBAAkB,EAAC,MAAK,EAAC,KAAI,6CAA4C,KAAI,6CAA4C,KAAI,6CAA4C,KAAI,4CAA2C,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACF9V,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;;;ACFO,SAAS,yBACd,QACG,MACuB;AAC1B,QAAM,WAAW,KAAK,KAAK,GAAG,IAAI;AAClC,QAAM,OAAO,KAAK,KAAK,GAAG,IAAI;AAE9B,SAAO,CAAC,UAAU,IAAI;AACxB;;;ACjBO,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ALKA,wBAAqB;AAkBjB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,MAAsB;AAClE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,gBAAgB,SAAS;AAAA,EAC9B;AACA,QAAM,YAAY,gBAAgB,QAAQ;AAC1C,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,MAAM,WAAW,aAAa,WAAW,KAAK,SAAS,GAC9D,eAAK,UACR;AAEJ;","names":["_7a468"]}

package/dist/components/container.mjs

@@ -2,8 +2,9 @@ import {
   containerRecipe
 } from "../chunk-PUW3KNR3.mjs";
 import {
-  pick
-} from "../chunk-4N6P3Y54.mjs";
+  extractVariantsFromProps
+} from "../chunk-DQ4T4WV3.mjs";
+import "../chunk-BALC5CGU.mjs";
 import {
   mergeClasses
 } from "../chunk-7EGQM3ZL.mjs";
@@ -13,10 +14,13 @@ import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 var defaultElement = "div";
 var Container = ({ asChild, ...props }) => {
-  const variants = pick(props, ...containerRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...containerRecipe.variants()
+  );
   const container = containerRecipe(variants);
   const Comp = asChild ? Slot : defaultElement;
-  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(container, props.className), children: props.children });
+  return /* @__PURE__ */ jsx(Comp, { ...rest, className: mergeClasses(container, rest.className), children: rest.children });
 };
 export {
   Container

package/dist/components/container.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/container.tsx"],"sourcesContent":["import {\n  ContainerVariants,\n  containerRecipe,\n} from \"@/theme/recipes/container.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype ContainerProps = ComponentProps<typeof defaultElement, ContainerVariants>;\n\nexport const Container = ({ asChild, ...props }: ContainerProps) => {\n  const variants = pick(props, ...containerRecipe.variants());\n  const container = containerRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(container, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAOA,SAAS,YAAY;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,MAAsB;AAClE,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAC1C,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,WAAW,MAAM,SAAS,GAChE,gBAAM,UACT;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/container.tsx"],"sourcesContent":["import {\n  ContainerVariants,\n  containerRecipe,\n} from \"@/theme/recipes/container.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 ContainerProps = ComponentProps<\n  typeof defaultElement,\n  ContainerVariants\n>;\n\nexport const Container = ({ asChild, ...props }: ContainerProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...containerRecipe.variants(),\n  );\n  const container = containerRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(container, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAOA,SAAS,YAAY;AAkBjB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,MAAsB;AAClE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,gBAAgB,SAAS;AAAA,EAC9B;AACA,QAAM,YAAY,gBAAgB,QAAQ;AAC1C,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,WAAW,KAAK,SAAS,GAC9D,eAAK,UACR;AAEJ;","names":[]}