@nayhoo/ui 0.12.1 → 0.14.0

package/dist/components/grid.mjs

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

package/dist/components/grid.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/grid.tsx"],"sourcesContent":["import { GridVariants, gridRecipe } from \"@/theme/recipes/grid.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 GridProps = ComponentProps<typeof defaultElement, GridVariants>;\n\nexport const Grid = ({ asChild, ...props }: GridProps) => {\n  const variants = pick(props, ...gridRecipe.variants());\n  const grid = gridRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(grid, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAIA,SAAS,YAAY;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,WAAW,KAAK,OAAO,GAAG,WAAW,SAAS,CAAC;AACrD,QAAM,OAAO,WAAW,QAAQ;AAChC,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/grid.tsx"],"sourcesContent":["import { GridVariants, gridRecipe } from \"@/theme/recipes/grid.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\nexport type GridProps = ComponentProps<typeof defaultElement, GridVariants>;\n\nexport const Grid = ({ asChild, ...props }: GridProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...gridRecipe.variants(),\n  );\n  const grid = gridRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(grid, 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/icon-button.d.mts

@@ -7,4 +7,4 @@ declare const defaultElement = "button";
 type IconButtonProps = ComponentProps<typeof defaultElement, IconButtonVariants>;
 declare const IconButton: ({ asChild, ...props }: IconButtonProps) => react_jsx_runtime.JSX.Element;
 
-export { IconButton };
+export { IconButton, type IconButtonProps };

package/dist/components/icon-button.d.ts

@@ -7,4 +7,4 @@ declare const defaultElement = "button";
 type IconButtonProps = ComponentProps<typeof defaultElement, IconButtonVariants>;
 declare const IconButton: ({ asChild, ...props }: IconButtonProps) => react_jsx_runtime.JSX.Element;
 
-export { IconButton };
+export { IconButton, type IconButtonProps };

package/dist/components/icon-button.js

@@ -28,9 +28,13 @@ module.exports = __toCommonJS(icon_button_exports);
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var spinnerRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "spinner_spinnerRecipe__15xzcy90", variantClassNames: { size: { "1": "spinner_spinnerRecipe_size_1__15xzcy91", "2": "spinner_spinnerRecipe_size_2__15xzcy92", "3": "spinner_spinnerRecipe_size_3__15xzcy93", "4": "spinner_spinnerRecipe_size_4__15xzcy94", "5": "spinner_spinnerRecipe_size_5__15xzcy95", "6": "spinner_spinnerRecipe_size_6__15xzcy96", "7": "spinner_spinnerRecipe_size_7__15xzcy97", "8": "spinner_spinnerRecipe_size_8__15xzcy98", "9": "spinner_spinnerRecipe_size_9__15xzcy99" } }, defaultVariants: { size: "3" }, 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/extract-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/spinner.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime = require("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 ? import_react_slot.Slot : defaultElement;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(spinner, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...rest, className: mergeClasses(spinner, rest.className), children: rest.children });
 };
 
 // src/theme/recipes/icon-button.css.ts
@@ -62,17 +81,20 @@ var import_react_slot2 = require("@radix-ui/react-slot");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var defaultElement2 = "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 ? import_react_slot2.Slot : defaultElement2;
   return /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsx)(Spinner, { style: { position: "absolute" } })
       ]
     }

package/dist/components/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/icon-button.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts","../../src/components/spinner.tsx","../../src/theme/recipes/icon-button.css.ts"],"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 { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"button\";\n\ntype IconButtonProps = ComponentProps<\n  typeof defaultElement,\n  IconButtonVariants\n>;\n\nexport const IconButton = ({ asChild, ...props }: IconButtonProps) => {\n  const variants = pick(props, ...iconButtonRecipe.variants());\n  const iconButton = iconButtonRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp\n      {...props}\n      className={mergeClasses(iconButton, props.className)}\n      disabled={props.disabled || Boolean(variants.loading)}\n    >\n      {props.children}\n      {variants.loading && <Spinner style={{ position: \"absolute\" }} />}\n    </Comp>\n  );\n};\n","import 'src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAA33P327CIBTH8fs+BZfbRY30jxa93BvsBQgtWE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VwPMinPaXm7Dla3JV0GI0HASHozekSV7tJwzOlasXZNV58gEWglLQB9Ag1f7gpDeWKnsjtD5QpyZQJIPYV/KcjCTsa50k/Dq57fhnDLdq07S6/T6d1taIeHsds/D5R+U1py1DAfVqOMDb+YYHM7WKu3fFnFf3IvV/491cFOchjfTx5uPCsaj/7WXxJU0cruH+wnSH/NRnq0CW6FsFS0yjE2jPFsHtkbZOloUGJtGebYJbIOyTbTYY2wa5dk2sC3KttHigLFplGc3gd2g7CZalBibRnl2G9gtym6jRYWxaZRnu8B2KNtFiweMTaM8ywLLUJZFiyPGptH9G0PpMC4bBQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var spinnerRecipe = _7a468({defaultClassName:'spinner_spinnerRecipe__15xzcy90',variantClassNames:{size:{'1':'spinner_spinnerRecipe_size_1__15xzcy91','2':'spinner_spinnerRecipe_size_2__15xzcy92','3':'spinner_spinnerRecipe_size_3__15xzcy93','4':'spinner_spinnerRecipe_size_4__15xzcy94','5':'spinner_spinnerRecipe_size_5__15xzcy95','6':'spinner_spinnerRecipe_size_6__15xzcy96','7':'spinner_spinnerRecipe_size_7__15xzcy97','8':'spinner_spinnerRecipe_size_8__15xzcy98','9':'spinner_spinnerRecipe_size_9__15xzcy99'}},defaultVariants:{size:'3'},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","import { SpinnerVariants, spinnerRecipe } from \"@/theme/recipes/spinner.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 SpinnerProps = ComponentProps<typeof defaultElement, SpinnerVariants>;\n\nexport const Spinner = ({ asChild, ...props }: SpinnerProps) => {\n  const variants = pick(props, ...spinnerRecipe.variants());\n  const spinner = spinnerRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(spinner, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8WVzW7bMAyA730K77YeVMRJf1L31PWy817AkCXaZqpIhkQnaYa9+yDZTtS0Xryi2BAgtiiK/Pgj+gqF0axoiYzO/fu38PoDBDaQ55v7xX7pZsnPiyThCivNkGDtskSAJrAPXtw0wC3XArJEGw1eVhgrwbItSqqzZNaJdszhHnWVDduF2fkdia5R/CVLUCvUwEoFQe6fzNUW9XNvozSaWMnXqIJ2DRbpIHe4hyxJr5tweNU6wvKFCaMJNMXAwUkNWNWUJamXmJa88MjfcCkDaXBLsCMmQRjLCY0+qrUOLHOgQNBRyLZQPCMx4g2rsaqVd8SEUcZmCVmuXcMt6AAeltgZ5Uol6Wy2dn6jVxet9apPfvVw8evialK1soyXBDYUbSzt020VUBoLn2OsNpueS7TW+Qgbg11dJtuQ6HihQHZEXDxX1rRaDhnecPuVdQvHnOIE3f88z9N7XcBSpi+ry0NH1lyarW8mB5TMwi9tdu9Yeewfd0c7+9llVKsxx8vIcdMd6GPXhhhXymxBhqbrUsFgA5rc0FDn8qIM962ak20PSUq7FL9pueQLrhtjifvuO2fY36c8HUzO+wYIRbdcYuuGkP0KWXoIc17VIczhinVa3pxjN5GWCFr9jPiT0iTS+UC6OEc6j8zjKOltpCXHSE+VJpEuBtLrzyG9i7RgjPRUaRLp9UB6c450EZlfjZIuI61yjPRU6RzphlvkmvKqNo4G4NuR6fBq/n7McjTExqaPgzXXhOKpGwaR0+/+7DHA8uMBZlwQbuCDHI/hcARS/QVI/7kcUO6m5HrKuD3B7XwcCKd07Rjhf6vZG5B/X7Xg4dXnYXnuNpetUtEtNN7Lb9uZ25EpCgAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconButtonRecipe = _7a468({defaultClassName:'icon-button_iconButtonRecipe__v93z8s0',variantClassNames:{loading:{true:'icon-button_iconButtonRecipe_loading_true__v93z8s1'},size:{'1':'icon-button_iconButtonRecipe_size_1__v93z8s2','2':'icon-button_iconButtonRecipe_size_2__v93z8s3','3':'icon-button_iconButtonRecipe_size_3__v93z8s4','4':'icon-button_iconButtonRecipe_size_4__v93z8s5'},variant:{ghost:'icon-button_iconButtonRecipe_variant_ghost__v93z8s6',outline:'icon-button_iconButtonRecipe_variant_outline__v93z8s7'},round:{true:'icon-button_iconButtonRecipe_round_true__v93z8s8'}},defaultVariants:{size:'1',variant:'ghost'},compoundVariants:[]});"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,6BAA0C;AACnC,IAAI,oBAAgB,uBAAAA,iBAAO,EAAC,kBAAiB,mCAAkC,mBAAkB,EAAC,MAAK,EAAC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,yCAAwC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACH9iB,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;;;ACPA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,MAAoB;AAC9D,QAAM,WAAW,KAAK,OAAO,GAAG,cAAc,SAAS,CAAC;AACxD,QAAM,UAAU,cAAc,QAAQ;AACtC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,SAAS,MAAM,SAAS,GAC9D,gBAAM,UACT;AAEJ;;;ACnBA,IAAAC,0BAA0C;AACnC,IAAI,uBAAmB,wBAAAC,iBAAO,EAAC,kBAAiB,yCAAwC,mBAAkB,EAAC,SAAQ,EAAC,MAAK,qDAAoD,GAAE,MAAK,EAAC,KAAI,gDAA+C,KAAI,gDAA+C,KAAI,gDAA+C,KAAI,+CAA8C,GAAE,SAAQ,EAAC,OAAM,uDAAsD,SAAQ,wDAAuD,GAAE,OAAM,EAAC,MAAK,mDAAkD,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,QAAO,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ALM/oB,IAAAC,qBAAqB;AAejB,IAAAC,sBAAA;AAbJ,IAAMC,kBAAiB;AAOhB,IAAM,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,MAAuB;AACpE,QAAM,WAAW,KAAK,OAAO,GAAG,iBAAiB,SAAS,CAAC;AAC3D,QAAM,aAAa,iBAAiB,QAAQ;AAC5C,QAAM,OAAO,UAAU,0BAAOA;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,YAAY,MAAM,SAAS;AAAA,MACnD,UAAU,MAAM,YAAY,QAAQ,SAAS,OAAO;AAAA,MAEnD;AAAA,cAAM;AAAA,QACN,SAAS,WAAW,6CAAC,WAAQ,OAAO,EAAE,UAAU,WAAW,GAAG;AAAA;AAAA;AAAA,EACjE;AAEJ;","names":["_7a468","import_createRuntimeFn","_7a468","import_react_slot","import_jsx_runtime","defaultElement"]}
+{"version":3,"sources":["../../src/components/icon-button.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/extract-variants.ts","../../src/utils/merge-classes.ts","../../src/components/spinner.tsx","../../src/theme/recipes/icon-button.css.ts"],"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/extract-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","import 'src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAA33P327CIBTH8fs+BZfbRY30jxa93BvsBQgtWE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VwPMinPaXm7Dla3JV0GI0HASHozekSV7tJwzOlasXZNV58gEWglLQB9Ag1f7gpDeWKnsjtD5QpyZQJIPYV/KcjCTsa50k/Dq57fhnDLdq07S6/T6d1taIeHsds/D5R+U1py1DAfVqOMDb+YYHM7WKu3fFnFf3IvV/491cFOchjfTx5uPCsaj/7WXxJU0cruH+wnSH/NRnq0CW6FsFS0yjE2jPFsHtkbZOloUGJtGebYJbIOyTbTYY2wa5dk2sC3KttHigLFplGc3gd2g7CZalBibRnl2G9gtym6jRYWxaZRnu8B2KNtFiweMTaM8ywLLUJZFiyPGptH9G0PpMC4bBQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var spinnerRecipe = _7a468({defaultClassName:'spinner_spinnerRecipe__15xzcy90',variantClassNames:{size:{'1':'spinner_spinnerRecipe_size_1__15xzcy91','2':'spinner_spinnerRecipe_size_2__15xzcy92','3':'spinner_spinnerRecipe_size_3__15xzcy93','4':'spinner_spinnerRecipe_size_4__15xzcy94','5':'spinner_spinnerRecipe_size_5__15xzcy95','6':'spinner_spinnerRecipe_size_6__15xzcy96','7':'spinner_spinnerRecipe_size_7__15xzcy97','8':'spinner_spinnerRecipe_size_8__15xzcy98','9':'spinner_spinnerRecipe_size_9__15xzcy99'}},defaultVariants:{size:'3'},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","import { SpinnerVariants, spinnerRecipe } from \"@/theme/recipes/spinner.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-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","import 'src/theme/recipes/icon-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8WVzW7bMAyA730K77YeVMRJf1L31PWy817AkCXaZqpIhkQnaYa9+yDZTtS0Xryi2BAgtiiK/Pgj+gqF0axoiYzO/fu38PoDBDaQ55v7xX7pZsnPiyThCivNkGDtskSAJrAPXtw0wC3XArJEGw1eVhgrwbItSqqzZNaJdszhHnWVDduF2fkdia5R/CVLUCvUwEoFQe6fzNUW9XNvozSaWMnXqIJ2DRbpIHe4hyxJr5tweNU6wvKFCaMJNMXAwUkNWNWUJamXmJa88MjfcCkDaXBLsCMmQRjLCY0+qrUOLHOgQNBRyLZQPCMx4g2rsaqVd8SEUcZmCVmuXcMt6AAeltgZ5Uol6Wy2dn6jVxet9apPfvVw8evialK1soyXBDYUbSzt020VUBoLn2OsNpueS7TW+Qgbg11dJtuQ6HihQHZEXDxX1rRaDhnecPuVdQvHnOIE3f88z9N7XcBSpi+ry0NH1lyarW8mB5TMwi9tdu9Yeewfd0c7+9llVKsxx8vIcdMd6GPXhhhXymxBhqbrUsFgA5rc0FDn8qIM962ak20PSUq7FL9pueQLrhtjifvuO2fY36c8HUzO+wYIRbdcYuuGkP0KWXoIc17VIczhinVa3pxjN5GWCFr9jPiT0iTS+UC6OEc6j8zjKOltpCXHSE+VJpEuBtLrzyG9i7RgjPRUaRLp9UB6c450EZlfjZIuI61yjPRU6RzphlvkmvKqNo4G4NuR6fBq/n7McjTExqaPgzXXhOKpGwaR0+/+7DHA8uMBZlwQbuCDHI/hcARS/QVI/7kcUO6m5HrKuD3B7XwcCKd07Rjhf6vZG5B/X7Xg4dXnYXnuNpetUtEtNN7Lb9uZ25EpCgAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconButtonRecipe = _7a468({defaultClassName:'icon-button_iconButtonRecipe__v93z8s0',variantClassNames:{loading:{true:'icon-button_iconButtonRecipe_loading_true__v93z8s1'},size:{'1':'icon-button_iconButtonRecipe_size_1__v93z8s2','2':'icon-button_iconButtonRecipe_size_2__v93z8s3','3':'icon-button_iconButtonRecipe_size_3__v93z8s4','4':'icon-button_iconButtonRecipe_size_4__v93z8s5'},variant:{ghost:'icon-button_iconButtonRecipe_variant_ghost__v93z8s6',outline:'icon-button_iconButtonRecipe_variant_outline__v93z8s7'},round:{true:'icon-button_iconButtonRecipe_round_true__v93z8s8'}},defaultVariants:{size:'1',variant:'ghost'},compoundVariants:[]});"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,6BAA0C;AACnC,IAAI,oBAAgB,uBAAAA,iBAAO,EAAC,kBAAiB,mCAAkC,mBAAkB,EAAC,MAAK,EAAC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,yCAAwC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACH9iB,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;;;ACEA,wBAAqB;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,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,MAAM,WAAW,aAAa,SAAS,KAAK,SAAS,GAC5D,eAAK,UACR;AAEJ;;;ACzBA,IAAAC,0BAA0C;AACnC,IAAI,uBAAmB,wBAAAC,iBAAO,EAAC,kBAAiB,yCAAwC,mBAAkB,EAAC,SAAQ,EAAC,MAAK,qDAAoD,GAAE,MAAK,EAAC,KAAI,gDAA+C,KAAI,gDAA+C,KAAI,gDAA+C,KAAI,+CAA8C,GAAE,SAAQ,EAAC,OAAM,uDAAsD,SAAQ,wDAAuD,GAAE,OAAM,EAAC,MAAK,mDAAkD,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,QAAO,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;APM/oB,IAAAC,qBAAqB;AAkBjB,IAAAC,sBAAA;AAhBJ,IAAMC,kBAAiB;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,0BAAOA;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,6CAAC,WAAQ,OAAO,EAAE,UAAU,WAAW,GAAG;AAAA;AAAA;AAAA,EACjE;AAEJ;","names":["_7a468","import_createRuntimeFn","_7a468","import_react_slot","import_jsx_runtime","defaultElement"]}

package/dist/components/icon-button.mjs

@@ -1,10 +1,10 @@
 import {
   IconButton
-} from "../chunk-OKNO3BFR.mjs";
+} from "../chunk-OZ2DHFQP.mjs";
 import "../chunk-HNVVD3WS.mjs";
-import "../chunk-HNOMBFLC.mjs";
+import "../chunk-67WEB6LY.mjs";
 import "../chunk-47YGQSLM.mjs";
-import "../chunk-4N6P3Y54.mjs";
+import "../chunk-UPZYS6TE.mjs";
 import "../chunk-7EGQM3ZL.mjs";
 export {
   IconButton

package/dist/components/label.d.mts

@@ -9,4 +9,4 @@ type LabelProps = LabelPrimitive.LabelProps & Omit<TextVariants, "size"> & {
 };
 declare const Label: ({ color, size, weight, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
 
-export { Label };
+export { Label, type LabelProps };

package/dist/components/label.d.ts

@@ -9,4 +9,4 @@ type LabelProps = LabelPrimitive.LabelProps & Omit<TextVariants, "size"> & {
 };
 declare const Label: ({ color, size, weight, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
 
-export { Label };
+export { Label, type LabelProps };

package/dist/components/label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/label.tsx","../../src/theme/recipes/text.css.ts","../../src/theme/styles/label.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { label } from \"@/theme/styles/label.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\ntype LabelSizeVariants = \"1\" | \"2\";\n\ntype LabelProps = LabelPrimitive.LabelProps &\n  Omit<TextVariants, \"size\"> & {\n    size?: LabelSizeVariants;\n  };\n\nconst textSize: Record<LabelSizeVariants, TextVariants[\"size\"]> = {\n  1: \"3\",\n  2: \"4\",\n};\n\nexport const Label = ({ color, size = \"1\", weight, ...props }: LabelProps) => {\n  const text = textRecipe({ color, size: textSize[size], weight });\n\n  return (\n    <LabelPrimitive.Root\n      {...props}\n      className={mergeClasses(text, label, props.className)}\n    >\n      {props.children}\n    </LabelPrimitive.Root>\n  );\n};\n","import 'src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5XUzXKCMBAH8DtPkWM9xBHED/TYN6iHHpkQFsw0BJugFTt9905QFqajib2AJNnff5Zgpg2cm9Re3oCLA6Rp2K5MfDrPyHdAiBQK6B5EuW82JNwGhFRMl0JtyMw+FLVq6Ndt+sT0C6V26L0bMVRDeZRMp2mYqAzWeVSoCZadmBZMNVQdK9CCb0jDMrvaDhi7KhfmIFm7IZms+QfWFawSsh3HGdo1MaSIyTb4CaZ/W+O1rHV60KJiusVGw67Rbq5HDVRMNYK/2kFDbxX9PRmS+KcryQCvVT7OirxZWDP8GuXl4MoDrWuNWXNvVrf+eh1lQOTs6Zg1cvhKYm+IFXZ9Ub9B/H6EERdIQ8QXHd5tup0Zb/lOXMDQEMnEAUYILn1ghCBzgHMEVz5wjmDmAGME1z4wRtD1DhcIJj5wgWDuAJcIMh+4RPDBx9qBKwQzH7hCsHCAawS5D1wjWDrABMHcBw7/nv198HpEpsN5eIVhgP97iD4OqSAXxwozimcysKaPqJ0RWS1zDCifCbhV9PzB8r9d18CZewYAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textRecipe = _7a468({defaultClassName:'text_textRecipe__1y7s4vx0',variantClassNames:{color:{primary:'text_textRecipe_color_primary__1y7s4vx1',secondary:'text_textRecipe_color_secondary__1y7s4vx2',error:'text_textRecipe_color_error__1y7s4vx3',subtle:'text_textRecipe_color_subtle__1y7s4vx4'},size:{'1':'text_textRecipe_size_1__1y7s4vx5','2':'text_textRecipe_size_2__1y7s4vx6','3':'text_textRecipe_size_3__1y7s4vx7','4':'text_textRecipe_size_4__1y7s4vx8','5':'text_textRecipe_size_5__1y7s4vx9','6':'text_textRecipe_size_6__1y7s4vxa','7':'text_textRecipe_size_7__1y7s4vxb','8':'text_textRecipe_size_8__1y7s4vxc','9':'text_textRecipe_size_9__1y7s4vxd'},weight:{regular:'text_textRecipe_weight_regular__1y7s4vxe',medium:'text_textRecipe_weight_medium__1y7s4vxf',bold:'text_textRecipe_weight_bold__1y7s4vxg'}},defaultVariants:{size:'3'},compoundVariants:[]});","import 'src/theme/styles/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsX19yMW5rZ3EwIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBjdXJzb3I6IGRlZmF1bHQ7Cn0=';\nexport var label = 'label_label__r1nkgq0';","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,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,6BAA4B,mBAAkB,EAAC,OAAM,EAAC,SAAQ,2CAA0C,WAAU,6CAA4C,OAAM,yCAAwC,QAAO,yCAAwC,GAAE,MAAK,EAAC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,mCAAkC,GAAE,QAAO,EAAC,SAAQ,4CAA2C,QAAO,2CAA0C,MAAK,wCAAuC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACDv1B,IAAI,QAAQ;;;ACDZ,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AHCA,qBAAgC;AAkB5B;AATJ,IAAM,WAA4D;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,KAAK,QAAQ,GAAG,MAAM,MAAkB;AAC5E,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAE/D,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":["_7a468"]}
+{"version":3,"sources":["../../src/components/label.tsx","../../src/theme/recipes/text.css.ts","../../src/theme/styles/label.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { label } from \"@/theme/styles/label.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\ntype LabelSizeVariants = \"1\" | \"2\";\n\nexport type LabelProps = LabelPrimitive.LabelProps &\n  Omit<TextVariants, \"size\"> & {\n    size?: LabelSizeVariants;\n  };\n\nconst textSize: Record<LabelSizeVariants, TextVariants[\"size\"]> = {\n  1: \"3\",\n  2: \"4\",\n};\n\nexport const Label = ({ color, size = \"1\", weight, ...props }: LabelProps) => {\n  const text = textRecipe({ color, size: textSize[size], weight });\n\n  return (\n    <LabelPrimitive.Root\n      {...props}\n      className={mergeClasses(text, label, props.className)}\n    >\n      {props.children}\n    </LabelPrimitive.Root>\n  );\n};\n","import 'src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5XUzXKCMBAH8DtPkWM9xBHED/TYN6iHHpkQFsw0BJugFTt9905QFqajib2AJNnff5Zgpg2cm9Re3oCLA6Rp2K5MfDrPyHdAiBQK6B5EuW82JNwGhFRMl0JtyMw+FLVq6Ndt+sT0C6V26L0bMVRDeZRMp2mYqAzWeVSoCZadmBZMNVQdK9CCb0jDMrvaDhi7KhfmIFm7IZms+QfWFawSsh3HGdo1MaSIyTb4CaZ/W+O1rHV60KJiusVGw67Rbq5HDVRMNYK/2kFDbxX9PRmS+KcryQCvVT7OirxZWDP8GuXl4MoDrWuNWXNvVrf+eh1lQOTs6Zg1cvhKYm+IFXZ9Ub9B/H6EERdIQ8QXHd5tup0Zb/lOXMDQEMnEAUYILn1ghCBzgHMEVz5wjmDmAGME1z4wRtD1DhcIJj5wgWDuAJcIMh+4RPDBx9qBKwQzH7hCsHCAawS5D1wjWDrABMHcBw7/nv198HpEpsN5eIVhgP97iD4OqSAXxwozimcysKaPqJ0RWS1zDCifCbhV9PzB8r9d18CZewYAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textRecipe = _7a468({defaultClassName:'text_textRecipe__1y7s4vx0',variantClassNames:{color:{primary:'text_textRecipe_color_primary__1y7s4vx1',secondary:'text_textRecipe_color_secondary__1y7s4vx2',error:'text_textRecipe_color_error__1y7s4vx3',subtle:'text_textRecipe_color_subtle__1y7s4vx4'},size:{'1':'text_textRecipe_size_1__1y7s4vx5','2':'text_textRecipe_size_2__1y7s4vx6','3':'text_textRecipe_size_3__1y7s4vx7','4':'text_textRecipe_size_4__1y7s4vx8','5':'text_textRecipe_size_5__1y7s4vx9','6':'text_textRecipe_size_6__1y7s4vxa','7':'text_textRecipe_size_7__1y7s4vxb','8':'text_textRecipe_size_8__1y7s4vxc','9':'text_textRecipe_size_9__1y7s4vxd'},weight:{regular:'text_textRecipe_weight_regular__1y7s4vxe',medium:'text_textRecipe_weight_medium__1y7s4vxf',bold:'text_textRecipe_weight_bold__1y7s4vxg'}},defaultVariants:{size:'3'},compoundVariants:[]});","import 'src/theme/styles/label.css.ts.vanilla.css?source=LmxhYmVsX2xhYmVsX19yMW5rZ3EwIHsKICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsKICBjdXJzb3I6IGRlZmF1bHQ7Cn0=';\nexport var label = 'label_label__r1nkgq0';","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,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,6BAA4B,mBAAkB,EAAC,OAAM,EAAC,SAAQ,2CAA0C,WAAU,6CAA4C,OAAM,yCAAwC,QAAO,yCAAwC,GAAE,MAAK,EAAC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,mCAAkC,GAAE,QAAO,EAAC,SAAQ,4CAA2C,QAAO,2CAA0C,MAAK,wCAAuC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACDv1B,IAAI,QAAQ;;;ACDZ,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AHCA,qBAAgC;AAkB5B;AATJ,IAAM,WAA4D;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,KAAK,QAAQ,GAAG,MAAM,MAAkB;AAC5E,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAE/D,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":["_7a468"]}

package/dist/components/label.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/label.tsx"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { label } from \"@/theme/styles/label.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\ntype LabelSizeVariants = \"1\" | \"2\";\n\ntype LabelProps = LabelPrimitive.LabelProps &\n  Omit<TextVariants, \"size\"> & {\n    size?: LabelSizeVariants;\n  };\n\nconst textSize: Record<LabelSizeVariants, TextVariants[\"size\"]> = {\n  1: \"3\",\n  2: \"4\",\n};\n\nexport const Label = ({ color, size = \"1\", weight, ...props }: LabelProps) => {\n  const text = textRecipe({ color, size: textSize[size], weight });\n\n  return (\n    <LabelPrimitive.Root\n      {...props}\n      className={mergeClasses(text, label, props.className)}\n    >\n      {props.children}\n    </LabelPrimitive.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAGA,YAAY,oBAAoB;AAkB5B;AATJ,IAAM,WAA4D;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,KAAK,QAAQ,GAAG,MAAM,MAAkB;AAC5E,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAE/D,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/label.tsx"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { label } from \"@/theme/styles/label.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\ntype LabelSizeVariants = \"1\" | \"2\";\n\nexport type LabelProps = LabelPrimitive.LabelProps &\n  Omit<TextVariants, \"size\"> & {\n    size?: LabelSizeVariants;\n  };\n\nconst textSize: Record<LabelSizeVariants, TextVariants[\"size\"]> = {\n  1: \"3\",\n  2: \"4\",\n};\n\nexport const Label = ({ color, size = \"1\", weight, ...props }: LabelProps) => {\n  const text = textRecipe({ color, size: textSize[size], weight });\n\n  return (\n    <LabelPrimitive.Root\n      {...props}\n      className={mergeClasses(text, label, props.className)}\n    >\n      {props.children}\n    </LabelPrimitive.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAGA,YAAY,oBAAoB;AAkB5B;AATJ,IAAM,WAA4D;AAAA,EAChE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,KAAK,QAAQ,GAAG,MAAM,MAAkB;AAC5E,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAE/D,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,MAAM,OAAO,MAAM,SAAS;AAAA,MAEnD,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}

package/dist/components/link.d.mts

@@ -7,4 +7,4 @@ declare const defaultElement = "a";
 type LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;
 declare const Link: ({ asChild, ...props }: LinkProps) => react_jsx_runtime.JSX.Element;
 
-export { Link };
+export { Link, type LinkProps };

package/dist/components/link.d.ts

@@ -7,4 +7,4 @@ declare const defaultElement = "a";
 type LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;
 declare const Link: ({ asChild, ...props }: LinkProps) => react_jsx_runtime.JSX.Element;
 
-export { Link };
+export { Link, type LinkProps };

package/dist/components/link.js

@@ -28,9 +28,13 @@ module.exports = __toCommonJS(link_exports);
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var linkRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "link_linkRecipe__q6sfqz0", variantClassNames: { color: { primary: "link_linkRecipe_color_primary__q6sfqz1", secondary: "link_linkRecipe_color_secondary__q6sfqz2", error: "link_linkRecipe_color_error__q6sfqz3", subtle: "link_linkRecipe_color_subtle__q6sfqz4" } }, defaultVariants: {}, 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/extract-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/link.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime = require("react/jsx-runtime");
 var defaultElement = "a";
 var Link = ({ asChild, ...props }) => {
-  const variants = pick(props, ...linkRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...linkRecipe.variants()
+  );
   const link = linkRecipe(variants);
   const Comp = asChild ? import_react_slot.Slot : defaultElement;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(link, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...rest, className: mergeClasses(link, rest.className), children: rest.children });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/link.tsx","../../src/theme/recipes/link.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { LinkVariants, linkRecipe } from \"@/theme/recipes/link.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 = \"a\";\n\ntype LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;\n\nexport const Link = ({ asChild, ...props }: LinkProps) => {\n  const variants = pick(props, ...linkRecipe.variants());\n  const link = linkRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(link, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/link.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52STW6DMBCF9zmFl4lUR4RUVUOXvUF7AGTMgEdxbGKb/LTK3Ss7QKkKpKmQjPWYefP54aVEtU398gYcK0jT/ZMt9h8R+ZwRwiSWiqKDnU0IB+XAvMwIKVmVkAMzc0ptxTjQVZquNiqD5zxa+IJCwolaYVBtExJ5RddOooKEKK3ACw5OjubAtWEOtaIDX2uVg/E61UVhwSVkXZ2GermW2iQElQCDzlfQI2RbdNSxigoshcRSuLbOlBmbRw/hCbhhhgBf88Plty+vjfVSpfEaxmW2HEswKTSvbcixOX13jvh6jla27iwhIVZLzPv6EXMnuuqpxKYwhD6ACRjDDl3MgzYhg7QyuGPm3Jqugl0TT3MRYMeUQ/7qRUubhva96S5IzPeLiX/4H7NRagtcq7zHHd/k7lq+d71xOdzN/gfDUX4wRpuWfX2TPZRf194IiO9mnjAaz7rOnOxu3eNNWM/z3vS0Ewp+N+qozeUL5NB1ldoEAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var linkRecipe = _7a468({defaultClassName:'link_linkRecipe__q6sfqz0',variantClassNames:{color:{primary:'link_linkRecipe_color_primary__q6sfqz1',secondary:'link_linkRecipe_color_secondary__q6sfqz2',error:'link_linkRecipe_color_error__q6sfqz3',subtle:'link_linkRecipe_color_subtle__q6sfqz4'}},defaultVariants:{},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,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,4BAA2B,mBAAkB,EAAC,OAAM,EAAC,SAAQ,0CAAyC,WAAU,4CAA2C,OAAM,wCAAuC,QAAO,wCAAuC,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACF1U,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;;;AHPA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,WAAW,KAAK,OAAO,GAAG,WAAW,SAAS,CAAC;AACrD,QAAM,OAAO,WAAW,QAAQ;AAChC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":["_7a468"]}
+{"version":3,"sources":["../../src/components/link.tsx","../../src/theme/recipes/link.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/extract-variants.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { LinkVariants, linkRecipe } from \"@/theme/recipes/link.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"a\";\n\nexport type LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;\n\nexport const Link = ({ asChild, ...props }: LinkProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...linkRecipe.variants(),\n  );\n  const link = linkRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(link, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/link.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52STW6DMBCF9zmFl4lUR4RUVUOXvUF7AGTMgEdxbGKb/LTK3Ss7QKkKpKmQjPWYefP54aVEtU398gYcK0jT/ZMt9h8R+ZwRwiSWiqKDnU0IB+XAvMwIKVmVkAMzc0ptxTjQVZquNiqD5zxa+IJCwolaYVBtExJ5RddOooKEKK3ACw5OjubAtWEOtaIDX2uVg/E61UVhwSVkXZ2GermW2iQElQCDzlfQI2RbdNSxigoshcRSuLbOlBmbRw/hCbhhhgBf88Plty+vjfVSpfEaxmW2HEswKTSvbcixOX13jvh6jla27iwhIVZLzPv6EXMnuuqpxKYwhD6ACRjDDl3MgzYhg7QyuGPm3Jqugl0TT3MRYMeUQ/7qRUubhva96S5IzPeLiX/4H7NRagtcq7zHHd/k7lq+d71xOdzN/gfDUX4wRpuWfX2TPZRf194IiO9mnjAaz7rOnOxu3eNNWM/z3vS0Ewp+N+qozeUL5NB1ldoEAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var linkRecipe = _7a468({defaultClassName:'link_linkRecipe__q6sfqz0',variantClassNames:{color:{primary:'link_linkRecipe_color_primary__q6sfqz1',secondary:'link_linkRecipe_color_secondary__q6sfqz2',error:'link_linkRecipe_color_error__q6sfqz3',subtle:'link_linkRecipe_color_subtle__q6sfqz4'}},defaultVariants:{},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,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,4BAA2B,mBAAkB,EAAC,OAAM,EAAC,SAAQ,0CAAyC,WAAU,4CAA2C,OAAM,wCAAuC,QAAO,wCAAuC,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACF1U,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;;;ALEA,wBAAqB;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,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,MAAM,WAAW,aAAa,MAAM,KAAK,SAAS,GACzD,eAAK,UACR;AAEJ;","names":["_7a468"]}

package/dist/components/link.mjs

@@ -2,8 +2,8 @@ import {
   linkRecipe
 } from "../chunk-JGZLOTH3.mjs";
 import {
-  pick
-} from "../chunk-4N6P3Y54.mjs";
+  extractVariantsFromProps
+} from "../chunk-UPZYS6TE.mjs";
 import {
   mergeClasses
 } from "../chunk-7EGQM3ZL.mjs";
@@ -13,10 +13,13 @@ import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
 var defaultElement = "a";
 var Link = ({ asChild, ...props }) => {
-  const variants = pick(props, ...linkRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...linkRecipe.variants()
+  );
   const link = linkRecipe(variants);
   const Comp = asChild ? Slot : defaultElement;
-  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(link, props.className), children: props.children });
+  return /* @__PURE__ */ jsx(Comp, { ...rest, className: mergeClasses(link, rest.className), children: rest.children });
 };
 export {
   Link

package/dist/components/link.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/link.tsx"],"sourcesContent":["import { LinkVariants, linkRecipe } from \"@/theme/recipes/link.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 = \"a\";\n\ntype LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;\n\nexport const Link = ({ asChild, ...props }: LinkProps) => {\n  const variants = pick(props, ...linkRecipe.variants());\n  const link = linkRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(link, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAIA,SAAS,YAAY;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,WAAW,KAAK,OAAO,GAAG,WAAW,SAAS,CAAC;AACrD,QAAM,OAAO,WAAW,QAAQ;AAChC,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/link.tsx"],"sourcesContent":["import { LinkVariants, linkRecipe } from \"@/theme/recipes/link.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"a\";\n\nexport type LinkProps = ComponentProps<typeof defaultElement, LinkVariants>;\n\nexport const Link = ({ asChild, ...props }: LinkProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...linkRecipe.variants(),\n  );\n  const link = linkRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(link, 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/menu.d.mts

@@ -18,7 +18,9 @@ type MenuCheckboxItemProps = MenuPrimitive.MenuCheckboxItemProps;
 declare const MenuCheckboxItem: ({ ...props }: MenuCheckboxItemProps) => react_jsx_runtime.JSX.Element;
 type MenuLabelProps = MenuPrimitive.MenuLabelProps;
 declare const MenuLabel: ({ ...props }: MenuLabelProps) => react_jsx_runtime.JSX.Element;
+type MenuRadioGroupProps = MenuPrimitive.MenuRadioGroupProps;
 declare const MenuRadioGroup: react.ForwardRefExoticComponent<MenuPrimitive.MenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+type MenuGroupProps = MenuPrimitive.MenuGroupProps;
 declare const MenuGroup: react.ForwardRefExoticComponent<MenuPrimitive.MenuGroupProps & react.RefAttributes<HTMLDivElement>>;
 
-export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator };
+export { Menu, MenuCheckboxItem, type MenuCheckboxItemProps, MenuContent, type MenuContentProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuLabel, type MenuLabelProps, type MenuProps, MenuRadioGroup, type MenuRadioGroupProps, MenuRadioItem, type MenuRadioItemProps, MenuSeparator, type MenuSeparatorProps };

package/dist/components/menu.d.ts

@@ -18,7 +18,9 @@ type MenuCheckboxItemProps = MenuPrimitive.MenuCheckboxItemProps;
 declare const MenuCheckboxItem: ({ ...props }: MenuCheckboxItemProps) => react_jsx_runtime.JSX.Element;
 type MenuLabelProps = MenuPrimitive.MenuLabelProps;
 declare const MenuLabel: ({ ...props }: MenuLabelProps) => react_jsx_runtime.JSX.Element;
+type MenuRadioGroupProps = MenuPrimitive.MenuRadioGroupProps;
 declare const MenuRadioGroup: react.ForwardRefExoticComponent<MenuPrimitive.MenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+type MenuGroupProps = MenuPrimitive.MenuGroupProps;
 declare const MenuGroup: react.ForwardRefExoticComponent<MenuPrimitive.MenuGroupProps & react.RefAttributes<HTMLDivElement>>;
 
-export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator };
+export { Menu, MenuCheckboxItem, type MenuCheckboxItemProps, MenuContent, type MenuContentProps, MenuGroup, type MenuGroupProps, MenuItem, type MenuItemProps, MenuLabel, type MenuLabelProps, type MenuProps, MenuRadioGroup, type MenuRadioGroupProps, MenuRadioItem, type MenuRadioItemProps, MenuSeparator, type MenuSeparatorProps };

package/dist/components/menu.js

@@ -67,6 +67,15 @@ var flexRecipe = (0, import_createRuntimeFn.createRuntimeFn)(function() {
   return x;
 }());
 
+// 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 = {};
@@ -76,15 +85,25 @@ function pick(obj, ...keys) {
   return ret;
 }
 
+// src/utils/extract-variants.ts
+function extractVariantsFromProps(obj, ...keys) {
+  const variants = pick(obj, ...keys);
+  const rest = omit(obj, ...keys);
+  return [variants, rest];
+}
+
 // src/components/flex.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var defaultElement2 = "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 ? import_react_slot2.Slot : defaultElement2;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { ...props, className: mergeClasses(flex, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { ...rest, className: mergeClasses(flex, rest.className), children: rest.children });
 };
 
 // src/theme/styles/menu.css.ts