@nayhoo/ui 0.12.1 → 0.13.0

package/dist/components/text.js

@@ -28,9 +28,13 @@ module.exports = __toCommonJS(text_exports);
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var textRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ 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: [] });
 
-// 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.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_jsx_runtime = require("react/jsx-runtime");
 var defaultElement = "span";
 var Text = ({ asChild, ...props }) => {
-  const variants = pick(props, ...textRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...textRecipe.variants()
+  );
   const text = textRecipe(variants);
   const Comp = asChild ? import_react_slot.Slot : defaultElement;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...rest, className: mergeClasses(text, rest.className), children: rest.children });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/text.tsx","../../src/theme/recipes/text.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.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 = \"span\";\n\ntype TextProps = ComponentProps<typeof defaultElement, TextVariants>;\n\nexport const Text = ({ asChild, ...props }: TextProps) => {\n  const variants = pick(props, ...textRecipe.variants());\n  const text = textRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(text, props.className)}>\n      {props.children}\n    </Comp>\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:[]});","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,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;;;ACFv1B,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/text.tsx","../../src/theme/recipes/text.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/get-variants.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/get-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"span\";\n\nexport type TextProps = ComponentProps<typeof defaultElement, TextVariants>;\n\nexport const Text = ({ asChild, ...props }: TextProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...textRecipe.variants(),\n  );\n  const text = textRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(text, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n","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:[]});","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,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;;;ACFv1B,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/text.mjs

@@ -1,8 +1,9 @@
 import {
   Text
-} from "../chunk-C53FYO65.mjs";
+} from "../chunk-ELXCOK2T.mjs";
 import "../chunk-JZBPCPSP.mjs";
-import "../chunk-4N6P3Y54.mjs";
+import "../chunk-DQ4T4WV3.mjs";
+import "../chunk-BALC5CGU.mjs";
 import "../chunk-7EGQM3ZL.mjs";
 export {
   Text

package/dist/components/tooltip.d.mts

@@ -8,4 +8,4 @@ type TooltipPrimitiveProps = react__default.ComponentProps<typeof TooltipPrimiti
 type TooltipProps = TooltipPrimitiveProps & TooltipPrimitive.TooltipContentProps & TooltipContentVariants;
 declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, delayDuration, disableHoverableContent, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
 
-export { Tooltip };
+export { Tooltip, type TooltipProps };

package/dist/components/tooltip.d.ts

@@ -8,4 +8,4 @@ type TooltipPrimitiveProps = react__default.ComponentProps<typeof TooltipPrimiti
 type TooltipProps = TooltipPrimitiveProps & TooltipPrimitive.TooltipContentProps & TooltipContentVariants;
 declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, delayDuration, disableHoverableContent, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
 
-export { Tooltip };
+export { Tooltip, type TooltipProps };

package/dist/components/tooltip.js

@@ -55,6 +55,15 @@ var Box = ({ asChild, ...props }) => {
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var textRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ 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: [] });
 
+// 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 = {};
@@ -64,15 +73,25 @@ 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/components/text.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var defaultElement2 = "span";
 var Text = ({ asChild, ...props }) => {
-  const variants = pick(props, ...textRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...textRecipe.variants()
+  );
   const text = textRecipe(variants);
   const Comp = asChild ? import_react_slot2.Slot : defaultElement2;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Comp, { ...rest, className: mergeClasses(text, rest.className), children: rest.children });
 };
 
 // src/theme/recipes/tooltip.css.ts
@@ -102,7 +121,10 @@ function Tooltip({
     delayDuration,
     disableHoverableContent
   };
-  const variants = pick(props, ...tooltipContentRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...tooltipContentRecipe.variants()
+  );
   const tooltipContent = tooltipContentRecipe(variants);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipPrimitive.Provider, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(TooltipPrimitive.Root, { ...rootProps, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipPrimitive.Trigger, { asChild: true, children }),
@@ -112,15 +134,15 @@ function Tooltip({
         side: "top",
         align: "center",
         sideOffset: 5,
-        ...props,
-        className: mergeClasses(tooltipContent, props.className),
+        ...rest,
+        className: mergeClasses(tooltipContent, rest.className),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             Text,
             {
               size: "1",
               style: {
-                lineHeight: props.multiline ? "20px" : void 0
+                lineHeight: variants.multiline ? "20px" : void 0
               },
               children: content
             }