@nayhoo/ui 0.12.1 → 0.13.0

package/dist/components/skeleton.mjs

@@ -2,8 +2,9 @@ import {
   skeletonRecipe
 } from "../chunk-KH7OG63I.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 Skeleton = ({ asChild, ...props }) => {
-  const variants = pick(props, ...skeletonRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...skeletonRecipe.variants()
+  );
   const skeleton = skeletonRecipe(variants);
   const Comp = asChild ? Slot : defaultElement;
-  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(skeleton, props.className), children: props.children });
+  return /* @__PURE__ */ jsx(Comp, { ...rest, className: mergeClasses(skeleton, rest.className), children: rest.children });
 };
 export {
   Skeleton

package/dist/components/skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/skeleton.tsx"],"sourcesContent":["import { SkeletonVariants, skeletonRecipe } from \"@/theme/recipes/skeleton.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 SkeletonProps = ComponentProps<typeof defaultElement, SkeletonVariants>;\n\nexport const Skeleton = ({ asChild, ...props }: SkeletonProps) => {\n  const variants = pick(props, ...skeletonRecipe.variants());\n  const skeleton = skeletonRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(skeleton, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAIA,SAAS,YAAY;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,MAAqB;AAChE,QAAM,WAAW,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC;AACzD,QAAM,WAAW,eAAe,QAAQ;AACxC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,UAAU,MAAM,SAAS,GAC/D,gBAAM,UACT;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/skeleton.tsx"],"sourcesContent":["import { SkeletonVariants, skeletonRecipe } from \"@/theme/recipes/skeleton.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 SkeletonProps = ComponentProps<\n  typeof defaultElement,\n  SkeletonVariants\n>;\n\nexport const Skeleton = ({ asChild, ...props }: SkeletonProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...skeletonRecipe.variants(),\n  );\n  const skeleton = skeletonRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(skeleton, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAIA,SAAS,YAAY;AAkBjB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,MAAqB;AAChE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,eAAe,SAAS;AAAA,EAC7B;AACA,QAAM,WAAW,eAAe,QAAQ;AACxC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,UAAU,KAAK,SAAS,GAC7D,eAAK,UACR;AAEJ;","names":[]}

package/dist/components/spinner.d.mts

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

package/dist/components/spinner.d.ts

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

package/dist/components/spinner.js

@@ -28,9 +28,13 @@ module.exports = __toCommonJS(spinner_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/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/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 });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/spinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/spinner.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["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/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"],"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;;;AHPA,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;","names":["_7a468"]}
+{"version":3,"sources":["../../src/components/spinner.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/get-variants.ts","../../src/utils/merge-classes.ts"],"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","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"],"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;;;ALEA,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;","names":["_7a468"]}

package/dist/components/spinner.mjs

@@ -1,8 +1,9 @@
 import {
   Spinner
-} from "../chunk-HNOMBFLC.mjs";
+} from "../chunk-MIRMF5N3.mjs";
 import "../chunk-47YGQSLM.mjs";
-import "../chunk-4N6P3Y54.mjs";
+import "../chunk-DQ4T4WV3.mjs";
+import "../chunk-BALC5CGU.mjs";
 import "../chunk-7EGQM3ZL.mjs";
 export {
   Spinner

package/dist/components/status.d.mts

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

package/dist/components/status.d.ts

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

package/dist/components/status.js

@@ -28,9 +28,13 @@ module.exports = __toCommonJS(status_exports);
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var statusRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "status_statusRecipe__1ezhizq0", variantClassNames: { size: { "1": "status_statusRecipe_size_1__1ezhizq1", "2": "status_statusRecipe_size_2__1ezhizq2" }, variant: { gray: "status_statusRecipe_variant_gray__1ezhizq3", blue: "status_statusRecipe_variant_blue__1ezhizq4", green: "status_statusRecipe_variant_green__1ezhizq5", yellow: "status_statusRecipe_variant_yellow__1ezhizq6", red: "status_statusRecipe_variant_red__1ezhizq7" } }, defaultVariants: { size: "2", variant: "gray" }, 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/status.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime = require("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 ? import_react_slot.Slot : defaultElement;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(status, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...rest, className: mergeClasses(status, rest.className), children: rest.children });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/status.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/status.tsx","../../src/theme/recipes/status.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { StatusVariants, statusRecipe } from \"@/theme/recipes/status.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 StatusProps = ComponentProps<typeof defaultElement, StatusVariants>;\n\nexport const Status = ({ asChild, ...props }: StatusProps) => {\n  const variants = pick(props, ...statusRecipe.variants());\n  const status = statusRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(status, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/status.css.ts.vanilla.css?source=LnN0YXR1c19zdGF0dXNSZWNpcGVfXzFlemhpenEwIHsKICBib3JkZXItcmFkaXVzOiA1MCU7CiAgZmxleC1zaHJpbms6IDA7Cn0KLnN0YXR1c19zdGF0dXNSZWNpcGVfc2l6ZV8xX18xZXpoaXpxMSB7CiAgd2lkdGg6IDVweDsKICBoZWlnaHQ6IDVweDsKfQouc3RhdHVzX3N0YXR1c1JlY2lwZV9zaXplXzJfXzFlemhpenEyIHsKICB3aWR0aDogOXB4OwogIGhlaWdodDogOXB4Owp9Ci5zdGF0dXNfc3RhdHVzUmVjaXBlX3ZhcmlhbnRfZ3JheV9fMWV6aGl6cTMgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9ycy1zbGF0ZS1zbGF0ZTdfXzE5bmJlOGQxeW8pOwp9Ci5zdGF0dXNfc3RhdHVzUmVjaXBlX3ZhcmlhbnRfYmx1ZV9fMWV6aGl6cTQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9ycy1ibHVlLWJsdWU5X18xOW5iZThkNDIpOwp9Ci5zdGF0dXNfc3RhdHVzUmVjaXBlX3ZhcmlhbnRfZ3JlZW5fXzFlemhpenE1IHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvcnMtZ3JlZW4tZ3JlZW45X18xOW5iZThkcGUpOwp9Ci5zdGF0dXNfc3RhdHVzUmVjaXBlX3ZhcmlhbnRfeWVsbG93X18xZXpoaXpxNiB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3JzLXllbGxvdy15ZWxsb3c5X18xOW5iZThkMmEyKTsKfQouc3RhdHVzX3N0YXR1c1JlY2lwZV92YXJpYW50X3JlZF9fMWV6aGl6cTcgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9ycy1yZWQtcmVkOV9fMTluYmU4ZDFsZSk7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var statusRecipe = _7a468({defaultClassName:'status_statusRecipe__1ezhizq0',variantClassNames:{size:{'1':'status_statusRecipe_size_1__1ezhizq1','2':'status_statusRecipe_size_2__1ezhizq2'},variant:{gray:'status_statusRecipe_variant_gray__1ezhizq3',blue:'status_statusRecipe_variant_blue__1ezhizq4',green:'status_statusRecipe_variant_green__1ezhizq5',yellow:'status_statusRecipe_variant_yellow__1ezhizq6',red:'status_statusRecipe_variant_red__1ezhizq7'}},defaultVariants:{size:'2',variant:'gray'},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,mBAAe,uBAAAA,iBAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,EAAC,MAAK,EAAC,KAAI,wCAAuC,KAAI,uCAAsC,GAAE,SAAQ,EAAC,MAAK,8CAA6C,MAAK,8CAA6C,OAAM,+CAA8C,QAAO,gDAA+C,KAAI,4CAA2C,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFngB,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,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,MAAmB;AAC5D,QAAM,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AACvD,QAAM,SAAS,aAAa,QAAQ;AACpC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,QAAQ,MAAM,SAAS,GAC7D,gBAAM,UACT;AAEJ;","names":["_7a468"]}
+{"version":3,"sources":["../../src/components/status.tsx","../../src/theme/recipes/status.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/get-variants.ts","../../src/utils/merge-classes.ts"],"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","import 'src/theme/recipes/status.css.ts.vanilla.css?source=LnN0YXR1c19zdGF0dXNSZWNpcGVfXzFlemhpenEwIHsKICBib3JkZXItcmFkaXVzOiA1MCU7CiAgZmxleC1zaHJpbms6IDA7Cn0KLnN0YXR1c19zdGF0dXNSZWNpcGVfc2l6ZV8xX18xZXpoaXpxMSB7CiAgd2lkdGg6IDVweDsKICBoZWlnaHQ6IDVweDsKfQouc3RhdHVzX3N0YXR1c1JlY2lwZV9zaXplXzJfXzFlemhpenEyIHsKICB3aWR0aDogOXB4OwogIGhlaWdodDogOXB4Owp9Ci5zdGF0dXNfc3RhdHVzUmVjaXBlX3ZhcmlhbnRfZ3JheV9fMWV6aGl6cTMgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9ycy1zbGF0ZS1zbGF0ZTdfXzE5bmJlOGQxeW8pOwp9Ci5zdGF0dXNfc3RhdHVzUmVjaXBlX3ZhcmlhbnRfYmx1ZV9fMWV6aGl6cTQgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9ycy1ibHVlLWJsdWU5X18xOW5iZThkNDIpOwp9Ci5zdGF0dXNfc3RhdHVzUmVjaXBlX3ZhcmlhbnRfZ3JlZW5fXzFlemhpenE1IHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvcnMtZ3JlZW4tZ3JlZW45X18xOW5iZThkcGUpOwp9Ci5zdGF0dXNfc3RhdHVzUmVjaXBlX3ZhcmlhbnRfeWVsbG93X18xZXpoaXpxNiB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3JzLXllbGxvdy15ZWxsb3c5X18xOW5iZThkMmEyKTsKfQouc3RhdHVzX3N0YXR1c1JlY2lwZV92YXJpYW50X3JlZF9fMWV6aGl6cTcgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9ycy1yZWQtcmVkOV9fMTluYmU4ZDFsZSk7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var statusRecipe = _7a468({defaultClassName:'status_statusRecipe__1ezhizq0',variantClassNames:{size:{'1':'status_statusRecipe_size_1__1ezhizq1','2':'status_statusRecipe_size_2__1ezhizq2'},variant:{gray:'status_statusRecipe_variant_gray__1ezhizq3',blue:'status_statusRecipe_variant_blue__1ezhizq4',green:'status_statusRecipe_variant_green__1ezhizq5',yellow:'status_statusRecipe_variant_yellow__1ezhizq6',red:'status_statusRecipe_variant_red__1ezhizq7'}},defaultVariants:{size:'2',variant:'gray'},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,mBAAe,uBAAAA,iBAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,EAAC,MAAK,EAAC,KAAI,wCAAuC,KAAI,uCAAsC,GAAE,SAAQ,EAAC,MAAK,8CAA6C,MAAK,8CAA6C,OAAM,+CAA8C,QAAO,gDAA+C,KAAI,4CAA2C,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFngB,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,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,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,MAAM,WAAW,aAAa,QAAQ,KAAK,SAAS,GAC3D,eAAK,UACR;AAEJ;","names":["_7a468"]}

package/dist/components/status.mjs

@@ -1,8 +1,9 @@
 import {
   Status
-} from "../chunk-OCXG5SMA.mjs";
+} from "../chunk-2WZQZIYN.mjs";
 import "../chunk-EXKRRQYL.mjs";
-import "../chunk-4N6P3Y54.mjs";
+import "../chunk-DQ4T4WV3.mjs";
+import "../chunk-BALC5CGU.mjs";
 import "../chunk-7EGQM3ZL.mjs";
 export {
   Status

package/dist/components/switch.d.mts

@@ -8,4 +8,4 @@ declare const SwitchThumb: ({ ...props }: SwitchThumbProps) => react_jsx_runtime
 type SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;
 declare const Switch: ({ ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
 
-export { Switch, SwitchThumb };
+export { Switch, type SwitchProps, SwitchThumb, type SwitchThumbProps };

package/dist/components/switch.d.ts

@@ -8,4 +8,4 @@ declare const SwitchThumb: ({ ...props }: SwitchThumbProps) => react_jsx_runtime
 type SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;
 declare const Switch: ({ ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
 
-export { Switch, SwitchThumb };
+export { Switch, type SwitchProps, SwitchThumb, type SwitchThumbProps };

package/dist/components/switch.js

@@ -40,9 +40,13 @@ var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn")
 var switchRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "switch_switchRecipe__1dl6sj10", variantClassNames: { size: { "1": "switch_switchRecipe_size_1__1dl6sj11", "2": "switch_switchRecipe_size_2__1dl6sj12" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
 var switchThumbRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "switch_switchThumbRecipe__1dl6sj13", variantClassNames: { size: { "1": "switch_switchThumbRecipe_size_1__1dl6sj14", "2": "switch_switchThumbRecipe_size_2__1dl6sj15" } }, defaultVariants: { size: "1" }, 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
@@ -54,28 +58,46 @@ 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/switch.tsx
 var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var SwitchThumb = ({ ...props }) => {
-  const variants = pick(props, ...switchThumbRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...switchThumbRecipe.variants()
+  );
   const switchThumb = switchThumbRecipe(variants);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     SwitchPrimitive.Thumb,
     {
-      ...props,
-      className: mergeClasses(switchThumb, props.className)
+      ...rest,
+      className: mergeClasses(switchThumb, rest.className)
     }
   );
 };
 var Switch = ({ ...props }) => {
-  const variants = pick(props, ...switchRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...switchRecipe.variants()
+  );
   const _switch = switchRecipe(variants);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     SwitchPrimitive.Root,
     {
-      ...props,
-      className: mergeClasses(_switch, props.className),
+      ...rest,
+      className: mergeClasses(_switch, rest.className),
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchThumb, { size: variants.size })
     }
   );

package/dist/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/switch.tsx","../../src/theme/recipes/switch.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n  switchRecipe,\n  switchThumbRecipe,\n  SwitchThumbVariants,\n  SwitchVariants,\n} from \"@/theme/recipes/switch.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\ntype SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;\n\nexport const SwitchThumb = ({ ...props }: SwitchThumbProps) => {\n  const variants = pick(props, ...switchThumbRecipe.variants());\n  const switchThumb = switchThumbRecipe(variants);\n\n  return (\n    <SwitchPrimitive.Thumb\n      {...props}\n      className={mergeClasses(switchThumb, props.className)}\n    />\n  );\n};\n\ntype SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;\n\nexport const Switch = ({ ...props }: SwitchProps) => {\n  const variants = pick(props, ...switchRecipe.variants());\n  const _switch = switchRecipe(variants); // 'switch' is not allowed as a variable declaration name.ts(1389)\n\n  return (\n    <SwitchPrimitive.Root\n      {...props}\n      className={mergeClasses(_switch, props.className)}\n    >\n      <SwitchThumb size={variants.size} />\n    </SwitchPrimitive.Root>\n  );\n};\n","import 'src/theme/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51T0W6bMBR9z1dYfUqluQLarClVn/YH0x4mTRO6tm+wG4M925Sk0/59wjSEopAuEwhj+9577jk+vvGtClwW/fAVubJYFKnQn/1zmpDfC0JA65w0tcfwuCCEAd+WzjS1oNxo43LyAm5J+4mnXkPA/rsqivShZrgW6b66jrnGCXTUgVCNPyR2M0U3jdZDfFaaGG+NV0GZOicONQT1gt0qbZFtVaABLJWqlFqVMhyacSWDZfKJvL3Xj4s/i5uzHPON4Y2PTJnZUS9BmDYnSXwyu5vltx7xs/8A9ENAAOoDBHy64hL5FsXVzx54RlSPFdRB8S89uHWqArc/jA9Hwfiv+Qa8esUiHfpII2KrRJADjHpFT1cj/XnUX2In7fuou1EU+wA0G0CzOdD7UTmcBZ22NgX9JpuKTfS+PWFeobzVsM8J04ZvT9u5lSrg/7g1OKgPfo3/G+MqkiZJ5Yftbultt7PQ92VmdzG5VVpTLqEucZT9/hIA80Y3fXMaNyEnSSxsbN4Z9bwsExfczR3I7YgXzB7INOoS5DP34LRGaRJF+hDjaLfVmF2WdNocefTzS6pd3vG67/gvekyJa14FAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var switchRecipe = _7a468({defaultClassName:'switch_switchRecipe__1dl6sj10',variantClassNames:{size:{'1':'switch_switchRecipe_size_1__1dl6sj11','2':'switch_switchRecipe_size_2__1dl6sj12'}},defaultVariants:{size:'1'},compoundVariants:[]});\nexport var switchThumbRecipe = _7a468({defaultClassName:'switch_switchThumbRecipe__1dl6sj13',variantClassNames:{size:{'1':'switch_switchThumbRecipe_size_1__1dl6sj14','2':'switch_switchThumbRecipe_size_2__1dl6sj15'}},defaultVariants:{size:'1'},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;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,mBAAe,uBAAAA,iBAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,EAAC,MAAK,EAAC,KAAI,wCAAuC,KAAI,uCAAsC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5O,IAAI,wBAAoB,uBAAAA,iBAAO,EAAC,kBAAiB,sCAAqC,mBAAkB,EAAC,MAAK,EAAC,KAAI,6CAA4C,KAAI,4CAA2C,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACHhQ,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;;;AHHA,sBAAiC;AAS7B;AALG,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA;AAAA,EACtD;AAEJ;AAIO,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AACnD,QAAM,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AACvD,QAAM,UAAU,aAAa,QAAQ;AAErC,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,SAAS,MAAM,SAAS;AAAA,MAEhD,sDAAC,eAAY,MAAM,SAAS,MAAM;AAAA;AAAA,EACpC;AAEJ;","names":["_7a468"]}
+{"version":3,"sources":["../../src/components/switch.tsx","../../src/theme/recipes/switch.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/get-variants.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import {\n  switchRecipe,\n  switchThumbRecipe,\n  SwitchThumbVariants,\n  SwitchVariants,\n} from \"@/theme/recipes/switch.css\";\nimport { extractVariantsFromProps } from \"@/utils/get-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\nexport type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps &\n  SwitchThumbVariants;\n\nexport const SwitchThumb = ({ ...props }: SwitchThumbProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...switchThumbRecipe.variants(),\n  );\n  const switchThumb = switchThumbRecipe(variants);\n\n  return (\n    <SwitchPrimitive.Thumb\n      {...rest}\n      className={mergeClasses(switchThumb, rest.className)}\n    />\n  );\n};\n\nexport type SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;\n\nexport const Switch = ({ ...props }: SwitchProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...switchRecipe.variants(),\n  );\n  const _switch = switchRecipe(variants); // 'switch' is not allowed as a variable declaration name.ts(1389)\n\n  return (\n    <SwitchPrimitive.Root\n      {...rest}\n      className={mergeClasses(_switch, rest.className)}\n    >\n      <SwitchThumb size={variants.size} />\n    </SwitchPrimitive.Root>\n  );\n};\n","import 'src/theme/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51T0W6bMBR9z1dYfUqluQLarClVn/YH0x4mTRO6tm+wG4M925Sk0/59wjSEopAuEwhj+9577jk+vvGtClwW/fAVubJYFKnQn/1zmpDfC0JA65w0tcfwuCCEAd+WzjS1oNxo43LyAm5J+4mnXkPA/rsqivShZrgW6b66jrnGCXTUgVCNPyR2M0U3jdZDfFaaGG+NV0GZOicONQT1gt0qbZFtVaABLJWqlFqVMhyacSWDZfKJvL3Xj4s/i5uzHPON4Y2PTJnZUS9BmDYnSXwyu5vltx7xs/8A9ENAAOoDBHy64hL5FsXVzx54RlSPFdRB8S89uHWqArc/jA9Hwfiv+Qa8esUiHfpII2KrRJADjHpFT1cj/XnUX2In7fuou1EU+wA0G0CzOdD7UTmcBZ22NgX9JpuKTfS+PWFeobzVsM8J04ZvT9u5lSrg/7g1OKgPfo3/G+MqkiZJ5Yftbultt7PQ92VmdzG5VVpTLqEucZT9/hIA80Y3fXMaNyEnSSxsbN4Z9bwsExfczR3I7YgXzB7INOoS5DP34LRGaRJF+hDjaLfVmF2WdNocefTzS6pd3vG67/gvekyJa14FAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var switchRecipe = _7a468({defaultClassName:'switch_switchRecipe__1dl6sj10',variantClassNames:{size:{'1':'switch_switchRecipe_size_1__1dl6sj11','2':'switch_switchRecipe_size_2__1dl6sj12'}},defaultVariants:{size:'1'},compoundVariants:[]});\nexport var switchThumbRecipe = _7a468({defaultClassName:'switch_switchThumbRecipe__1dl6sj13',variantClassNames:{size:{'1':'switch_switchThumbRecipe_size_1__1dl6sj14','2':'switch_switchThumbRecipe_size_2__1dl6sj15'}},defaultVariants:{size:'1'},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;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,mBAAe,uBAAAA,iBAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,EAAC,MAAK,EAAC,KAAI,wCAAuC,KAAI,uCAAsC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5O,IAAI,wBAAoB,uBAAAA,iBAAO,EAAC,kBAAiB,sCAAqC,mBAAkB,EAAC,MAAK,EAAC,KAAI,6CAA4C,KAAI,4CAA2C,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACHhQ,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;;;ALMA,sBAAiC;AAa7B;AARG,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,kBAAkB,SAAS;AAAA,EAChC;AACA,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,KAAK,SAAS;AAAA;AAAA,EACrD;AAEJ;AAIO,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AACnD,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,aAAa,SAAS;AAAA,EAC3B;AACA,QAAM,UAAU,aAAa,QAAQ;AAErC,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,SAAS,KAAK,SAAS;AAAA,MAE/C,sDAAC,eAAY,MAAM,SAAS,MAAM;AAAA;AAAA,EACpC;AAEJ;","names":["_7a468"]}

package/dist/components/switch.mjs

@@ -3,8 +3,9 @@ import {
   switchThumbRecipe
 } from "../chunk-C4NLMHMQ.mjs";
 import {
-  pick
-} from "../chunk-4N6P3Y54.mjs";
+  extractVariantsFromProps
+} from "../chunk-DQ4T4WV3.mjs";
+import "../chunk-BALC5CGU.mjs";
 import {
   mergeClasses
 } from "../chunk-7EGQM3ZL.mjs";
@@ -13,24 +14,30 @@ import {
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 import { jsx } from "react/jsx-runtime";
 var SwitchThumb = ({ ...props }) => {
-  const variants = pick(props, ...switchThumbRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...switchThumbRecipe.variants()
+  );
   const switchThumb = switchThumbRecipe(variants);
   return /* @__PURE__ */ jsx(
     SwitchPrimitive.Thumb,
     {
-      ...props,
-      className: mergeClasses(switchThumb, props.className)
+      ...rest,
+      className: mergeClasses(switchThumb, rest.className)
     }
   );
 };
 var Switch = ({ ...props }) => {
-  const variants = pick(props, ...switchRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...switchRecipe.variants()
+  );
   const _switch = switchRecipe(variants);
   return /* @__PURE__ */ jsx(
     SwitchPrimitive.Root,
     {
-      ...props,
-      className: mergeClasses(_switch, props.className),
+      ...rest,
+      className: mergeClasses(_switch, rest.className),
       children: /* @__PURE__ */ jsx(SwitchThumb, { size: variants.size })
     }
   );

package/dist/components/switch.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/switch.tsx"],"sourcesContent":["import {\n  switchRecipe,\n  switchThumbRecipe,\n  SwitchThumbVariants,\n  SwitchVariants,\n} from \"@/theme/recipes/switch.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\ntype SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;\n\nexport const SwitchThumb = ({ ...props }: SwitchThumbProps) => {\n  const variants = pick(props, ...switchThumbRecipe.variants());\n  const switchThumb = switchThumbRecipe(variants);\n\n  return (\n    <SwitchPrimitive.Thumb\n      {...props}\n      className={mergeClasses(switchThumb, props.className)}\n    />\n  );\n};\n\ntype SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;\n\nexport const Switch = ({ ...props }: SwitchProps) => {\n  const variants = pick(props, ...switchRecipe.variants());\n  const _switch = switchRecipe(variants); // 'switch' is not allowed as a variable declaration name.ts(1389)\n\n  return (\n    <SwitchPrimitive.Root\n      {...props}\n      className={mergeClasses(_switch, props.className)}\n    >\n      <SwitchThumb size={variants.size} />\n    </SwitchPrimitive.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAQA,YAAY,qBAAqB;AAS7B;AALG,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA;AAAA,EACtD;AAEJ;AAIO,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AACnD,QAAM,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AACvD,QAAM,UAAU,aAAa,QAAQ;AAErC,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,SAAS,MAAM,SAAS;AAAA,MAEhD,8BAAC,eAAY,MAAM,SAAS,MAAM;AAAA;AAAA,EACpC;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/switch.tsx"],"sourcesContent":["import {\n  switchRecipe,\n  switchThumbRecipe,\n  SwitchThumbVariants,\n  SwitchVariants,\n} from \"@/theme/recipes/switch.css\";\nimport { extractVariantsFromProps } from \"@/utils/get-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\nexport type SwitchThumbProps = SwitchPrimitive.SwitchThumbProps &\n  SwitchThumbVariants;\n\nexport const SwitchThumb = ({ ...props }: SwitchThumbProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...switchThumbRecipe.variants(),\n  );\n  const switchThumb = switchThumbRecipe(variants);\n\n  return (\n    <SwitchPrimitive.Thumb\n      {...rest}\n      className={mergeClasses(switchThumb, rest.className)}\n    />\n  );\n};\n\nexport type SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;\n\nexport const Switch = ({ ...props }: SwitchProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...switchRecipe.variants(),\n  );\n  const _switch = switchRecipe(variants); // 'switch' is not allowed as a variable declaration name.ts(1389)\n\n  return (\n    <SwitchPrimitive.Root\n      {...rest}\n      className={mergeClasses(_switch, rest.className)}\n    >\n      <SwitchThumb size={variants.size} />\n    </SwitchPrimitive.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAQA,YAAY,qBAAqB;AAa7B;AARG,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,kBAAkB,SAAS;AAAA,EAChC;AACA,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,KAAK,SAAS;AAAA;AAAA,EACrD;AAEJ;AAIO,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AACnD,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,aAAa,SAAS;AAAA,EAC3B;AACA,QAAM,UAAU,aAAa,QAAQ;AAErC,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,SAAS,KAAK,SAAS;AAAA,MAE/C,8BAAC,eAAY,MAAM,SAAS,MAAM;AAAA;AAAA,EACpC;AAEJ;","names":[]}

package/dist/components/text-field.d.mts

@@ -7,4 +7,4 @@ declare const defaultElement = "input";
 type TextFieldProps = ComponentProps<typeof defaultElement, TextFieldVariants>;
 declare const TextField: ({ asChild, ...props }: TextFieldProps) => react_jsx_runtime.JSX.Element;
 
-export { TextField };
+export { TextField, type TextFieldProps };

package/dist/components/text-field.d.ts

@@ -7,4 +7,4 @@ declare const defaultElement = "input";
 type TextFieldProps = ComponentProps<typeof defaultElement, TextFieldVariants>;
 declare const TextField: ({ asChild, ...props }: TextFieldProps) => react_jsx_runtime.JSX.Element;
 
-export { TextField };
+export { TextField, type TextFieldProps };

package/dist/components/text-field.js

@@ -28,9 +28,13 @@ module.exports = __toCommonJS(text_field_exports);
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var textFieldRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "text-field_textFieldRecipe__i0hdwa0", variantClassNames: { size: { "1": "text-field_textFieldRecipe_size_1__i0hdwa1", "2": "text-field_textFieldRecipe_size_2__i0hdwa2", "3": "text-field_textFieldRecipe_size_3__i0hdwa3" }, error: { true: "text-field_textFieldRecipe_error_true__i0hdwa4" }, cursor: { "default": "text-field_textFieldRecipe_cursor_default__i0hdwa5", text: "text-field_textFieldRecipe_cursor_text__i0hdwa6" }, variant: { outline: "text-field_textFieldRecipe_variant_outline__i0hdwa7", ghost: "text-field_textFieldRecipe_variant_ghost__i0hdwa8" } }, defaultVariants: { size: "2", variant: "outline" }, 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/text-field.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime = require("react/jsx-runtime");
 var defaultElement = "input";
 var TextField = ({ asChild, ...props }) => {
-  const variants = pick(props, ...textFieldRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...textFieldRecipe.variants()
+  );
   const textField = textFieldRecipe(variants);
   const Comp = asChild ? import_react_slot.Slot : defaultElement;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(textField, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...rest, className: mergeClasses(textField, rest.className), children: rest.children });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/text-field.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/text-field.tsx","../../src/theme/recipes/text-field.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n  TextFieldVariants,\n  textFieldRecipe,\n} from \"@/theme/recipes/text-field.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 = \"input\";\n\ntype TextFieldProps = ComponentProps<typeof defaultElement, TextFieldVariants>;\n\nexport const TextField = ({ asChild, ...props }: TextFieldProps) => {\n  const variants = pick(props, ...textFieldRecipe.variants());\n  const textField = textFieldRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(textField, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/MbLowPPCVVKBtmm1kbE9anLV80rnbSOyg97RGr455w7ybt7rmIRj1sGWkCLp5XbgqQYRvOhqy5FMCfUktSLfwKEyMmOcR1HGlDbE0jkpJ697Au/S8y7HsrTsLYqN6b9qnZNDUlnTg7Noct0rr83BCuh55XQkrV0Ay7G0Dl1P0uysXA01msC78ryrV83Vh9Y5PV7WNz1UPJil516Hs9RRr8ayNHQ9Sa2zsjRU5ziv69CxUVXbeT/8l7YfvGHrUioD9oh2PKT6nRxTzKDixod1Vbf/5n3dDP4jVO8V7QHtzIlo1uyhrk8GaU6hcXM28EA356heA7XtCEez7oPIC6nbtdw+C6E59vwBDpIHZFwMAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textFieldRecipe = _7a468({defaultClassName:'text-field_textFieldRecipe__i0hdwa0',variantClassNames:{size:{'1':'text-field_textFieldRecipe_size_1__i0hdwa1','2':'text-field_textFieldRecipe_size_2__i0hdwa2','3':'text-field_textFieldRecipe_size_3__i0hdwa3'},error:{true:'text-field_textFieldRecipe_error_true__i0hdwa4'},cursor:{'default':'text-field_textFieldRecipe_cursor_default__i0hdwa5',text:'text-field_textFieldRecipe_cursor_text__i0hdwa6'},variant:{outline:'text-field_textFieldRecipe_variant_outline__i0hdwa7',ghost:'text-field_textFieldRecipe_variant_ghost__i0hdwa8'}},defaultVariants:{size:'2',variant:'outline'},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,uCAAsC,mBAAkB,EAAC,MAAK,EAAC,KAAI,8CAA6C,KAAI,8CAA6C,KAAI,6CAA4C,GAAE,OAAM,EAAC,MAAK,iDAAgD,GAAE,QAAO,EAAC,WAAU,sDAAqD,MAAK,kDAAiD,GAAE,SAAQ,EAAC,SAAQ,uDAAsD,OAAM,oDAAmD,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFnoB,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/text-field.tsx","../../src/theme/recipes/text-field.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/get-variants.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import {\n  TextFieldVariants,\n  textFieldRecipe,\n} from \"@/theme/recipes/text-field.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 = \"input\";\n\nexport type TextFieldProps = ComponentProps<\n  typeof defaultElement,\n  TextFieldVariants\n>;\n\nexport const TextField = ({ asChild, ...props }: TextFieldProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...textFieldRecipe.variants(),\n  );\n  const textField = textFieldRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(textField, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/MbLowPPCVVKBtmm1kbE9anLV80rnbSOyg97RGr455w7ybt7rmIRj1sGWkCLp5XbgqQYRvOhqy5FMCfUktSLfwKEyMmOcR1HGlDbE0jkpJ697Au/S8y7HsrTsLYqN6b9qnZNDUlnTg7Noct0rr83BCuh55XQkrV0Ay7G0Dl1P0uysXA01msC78ryrV83Vh9Y5PV7WNz1UPJil516Hs9RRr8ayNHQ9Sa2zsjRU5ziv69CxUVXbeT/8l7YfvGHrUioD9oh2PKT6nRxTzKDixod1Vbf/5n3dDP4jVO8V7QHtzIlo1uyhrk8GaU6hcXM28EA356heA7XtCEez7oPIC6nbtdw+C6E59vwBDpIHZFwMAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textFieldRecipe = _7a468({defaultClassName:'text-field_textFieldRecipe__i0hdwa0',variantClassNames:{size:{'1':'text-field_textFieldRecipe_size_1__i0hdwa1','2':'text-field_textFieldRecipe_size_2__i0hdwa2','3':'text-field_textFieldRecipe_size_3__i0hdwa3'},error:{true:'text-field_textFieldRecipe_error_true__i0hdwa4'},cursor:{'default':'text-field_textFieldRecipe_cursor_default__i0hdwa5',text:'text-field_textFieldRecipe_cursor_text__i0hdwa6'},variant:{outline:'text-field_textFieldRecipe_variant_outline__i0hdwa7',ghost:'text-field_textFieldRecipe_variant_ghost__i0hdwa8'}},defaultVariants:{size:'2',variant:'outline'},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,uCAAsC,mBAAkB,EAAC,MAAK,EAAC,KAAI,8CAA6C,KAAI,8CAA6C,KAAI,6CAA4C,GAAE,OAAM,EAAC,MAAK,iDAAgD,GAAE,QAAO,EAAC,WAAU,sDAAqD,MAAK,kDAAiD,GAAE,SAAQ,EAAC,SAAQ,uDAAsD,OAAM,oDAAmD,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFnoB,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/text-field.mjs

@@ -2,8 +2,9 @@ import {
   textFieldRecipe
 } from "../chunk-DXKT5AFF.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 = "input";
 var TextField = ({ asChild, ...props }) => {
-  const variants = pick(props, ...textFieldRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...textFieldRecipe.variants()
+  );
   const textField = textFieldRecipe(variants);
   const Comp = asChild ? Slot : defaultElement;
-  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(textField, props.className), children: props.children });
+  return /* @__PURE__ */ jsx(Comp, { ...rest, className: mergeClasses(textField, rest.className), children: rest.children });
 };
 export {
   TextField

package/dist/components/text-field.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/text-field.tsx"],"sourcesContent":["import {\n  TextFieldVariants,\n  textFieldRecipe,\n} from \"@/theme/recipes/text-field.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 = \"input\";\n\ntype TextFieldProps = ComponentProps<typeof defaultElement, TextFieldVariants>;\n\nexport const TextField = ({ asChild, ...props }: TextFieldProps) => {\n  const variants = pick(props, ...textFieldRecipe.variants());\n  const textField = textFieldRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(textField, 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/text-field.tsx"],"sourcesContent":["import {\n  TextFieldVariants,\n  textFieldRecipe,\n} from \"@/theme/recipes/text-field.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 = \"input\";\n\nexport type TextFieldProps = ComponentProps<\n  typeof defaultElement,\n  TextFieldVariants\n>;\n\nexport const TextField = ({ asChild, ...props }: TextFieldProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...textFieldRecipe.variants(),\n  );\n  const textField = textFieldRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(textField, 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":[]}

package/dist/components/text.d.mts

@@ -7,4 +7,4 @@ declare const defaultElement = "span";
 type TextProps = ComponentProps<typeof defaultElement, TextVariants>;
 declare const Text: ({ asChild, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
 
-export { Text };
+export { Text, type TextProps };

package/dist/components/text.d.ts

@@ -7,4 +7,4 @@ declare const defaultElement = "span";
 type TextProps = ComponentProps<typeof defaultElement, TextVariants>;
 declare const Text: ({ asChild, ...props }: TextProps) => react_jsx_runtime.JSX.Element;
 
-export { Text };
+export { Text, type TextProps };