@nayhoo/ui 0.11.1 → 0.13.0

package/dist/components/dropdown-menu.d.ts

@@ -2,12 +2,15 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 
+type DropdownMenuProps = DropdownMenuPrimitive.DropdownMenuProps;
 declare const DropdownMenu: react.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+type DropdownMenuTriggerProps = DropdownMenuPrimitive.DropdownMenuTriggerProps;
 declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 type DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps;
 declare const DropdownMenuContent: ({ ...props }: DropdownMenuContentProps) => react_jsx_runtime.JSX.Element;
 type DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps;
 declare const DropdownMenuItem: ({ ...props }: DropdownMenuItemProps) => react_jsx_runtime.JSX.Element;
+type DropdownMenuGroupProps = DropdownMenuPrimitive.DropdownMenuGroupProps;
 declare const DropdownMenuGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
 type DropdownMenuLabelProps = DropdownMenuPrimitive.DropdownMenuLabelProps;
 declare const DropdownMenuLabel: ({ ...props }: DropdownMenuLabelProps) => react_jsx_runtime.JSX.Element;
@@ -15,8 +18,9 @@ type DropdownMenuSeparatorProps = DropdownMenuPrimitive.DropdownMenuSeparatorPro
 declare const DropdownMenuSeparator: ({ ...props }: DropdownMenuSeparatorProps) => react_jsx_runtime.JSX.Element;
 type DropdownMenuCheckboxItemProps = DropdownMenuPrimitive.DropdownMenuCheckboxItemProps;
 declare const DropdownMenuCheckboxItem: ({ ...props }: DropdownMenuCheckboxItemProps) => react_jsx_runtime.JSX.Element;
+type DropdownMenuRadioGroupProps = DropdownMenuPrimitive.DropdownMenuRadioGroupProps;
 declare const DropdownMenuRadioGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
 type DropdownMenuRadioItemProps = DropdownMenuPrimitive.DropdownMenuRadioItemProps;
 declare const DropdownMenuRadioItem: ({ children, ...props }: DropdownMenuRadioItemProps) => react_jsx_runtime.JSX.Element;
 
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger };
+export { DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };

package/dist/components/dropdown-menu.js

@@ -61,13 +61,22 @@ var Box = ({ asChild, ...props }) => {
 };
 
 // src/theme/recipes/flex.css.ts
-var import_createRuntimeFn = require("homemade-recipes/dist/createRuntimeFn");
+var import_createRuntimeFn = require("homemade-recipes/createRuntimeFn");
 var flexRecipe = (0, import_createRuntimeFn.createRuntimeFn)(function() {
-  var x = { defaultClassName: "flex__183by2k0", variantClassNames: { align: { start: "flex_align_start__183by2k1", center: "flex_align_center__183by2k2", end: "flex_align_end__183by2k3", stretch: "flex_align_stretch__183by2k4", baseline: "flex_align_baseline__183by2k5" }, direction: { row: "flex_direction_row__183by2k6", column: "flex_direction_column__183by2k7", rowReverse: "flex_direction_rowReverse__183by2k8", columnReverse: "flex_direction_columnReverse__183by2k9" }, gap: { "1": "flex_gap_1__183by2ka", "2": "flex_gap_2__183by2kb", "3": "flex_gap_3__183by2kc", "4": "flex_gap_4__183by2kd", "5": "flex_gap_5__183by2ke", "6": "flex_gap_6__183by2kf", "7": "flex_gap_7__183by2kg", "8": "flex_gap_8__183by2kh", "9": "flex_gap_9__183by2ki" }, justify: { start: "flex_justify_start__183by2kj", center: "flex_justify_center__183by2kk", end: "flex_justify_end__183by2kl", between: "flex_justify_between__183by2km" }, wrap: { noWrap: "flex_wrap_noWrap__183by2kn", wrap: "flex_wrap_wrap__183by2ko", wrapReverse: "flex_wrap_wrapReverse__183by2kp" } }, defaultVariants: { align: "stretch", direction: "row", justify: "start", wrap: "noWrap" }, compoundVariants: [], responsiveVariants: { initial: void 0, xs: { align: { start: "flex_align_start_xs__183by2kq", center: "flex_align_center_xs__183by2kr", end: "flex_align_end_xs__183by2ks", stretch: "flex_align_stretch_xs__183by2kt", baseline: "flex_align_baseline_xs__183by2ku" }, direction: { row: "flex_direction_row_xs__183by2kv", column: "flex_direction_column_xs__183by2kw", rowReverse: "flex_direction_rowReverse_xs__183by2kx", columnReverse: "flex_direction_columnReverse_xs__183by2ky" }, gap: { "1": "flex_gap_1_xs__183by2kz", "2": "flex_gap_2_xs__183by2k10", "3": "flex_gap_3_xs__183by2k11", "4": "flex_gap_4_xs__183by2k12", "5": "flex_gap_5_xs__183by2k13", "6": "flex_gap_6_xs__183by2k14", "7": "flex_gap_7_xs__183by2k15", "8": "flex_gap_8_xs__183by2k16", "9": "flex_gap_9_xs__183by2k17" }, justify: { start: "flex_justify_start_xs__183by2k18", center: "flex_justify_center_xs__183by2k19", end: "flex_justify_end_xs__183by2k1a", between: "flex_justify_between_xs__183by2k1b" }, wrap: { noWrap: "flex_wrap_noWrap_xs__183by2k1c", wrap: "flex_wrap_wrap_xs__183by2k1d", wrapReverse: "flex_wrap_wrapReverse_xs__183by2k1e" } }, sm: { align: { start: "flex_align_start_sm__183by2k1f", center: "flex_align_center_sm__183by2k1g", end: "flex_align_end_sm__183by2k1h", stretch: "flex_align_stretch_sm__183by2k1i", baseline: "flex_align_baseline_sm__183by2k1j" }, direction: { row: "flex_direction_row_sm__183by2k1k", column: "flex_direction_column_sm__183by2k1l", rowReverse: "flex_direction_rowReverse_sm__183by2k1m", columnReverse: "flex_direction_columnReverse_sm__183by2k1n" }, gap: { "1": "flex_gap_1_sm__183by2k1o", "2": "flex_gap_2_sm__183by2k1p", "3": "flex_gap_3_sm__183by2k1q", "4": "flex_gap_4_sm__183by2k1r", "5": "flex_gap_5_sm__183by2k1s", "6": "flex_gap_6_sm__183by2k1t", "7": "flex_gap_7_sm__183by2k1u", "8": "flex_gap_8_sm__183by2k1v", "9": "flex_gap_9_sm__183by2k1w" }, justify: { start: "flex_justify_start_sm__183by2k1x", center: "flex_justify_center_sm__183by2k1y", end: "flex_justify_end_sm__183by2k1z", between: "flex_justify_between_sm__183by2k20" }, wrap: { noWrap: "flex_wrap_noWrap_sm__183by2k21", wrap: "flex_wrap_wrap_sm__183by2k22", wrapReverse: "flex_wrap_wrapReverse_sm__183by2k23" } }, md: { align: { start: "flex_align_start_md__183by2k24", center: "flex_align_center_md__183by2k25", end: "flex_align_end_md__183by2k26", stretch: "flex_align_stretch_md__183by2k27", baseline: "flex_align_baseline_md__183by2k28" }, direction: { row: "flex_direction_row_md__183by2k29", column: "flex_direction_column_md__183by2k2a", rowReverse: "flex_direction_rowReverse_md__183by2k2b", columnReverse: "flex_direction_columnReverse_md__183by2k2c" }, gap: { "1": "flex_gap_1_md__183by2k2d", "2": "flex_gap_2_md__183by2k2e", "3": "flex_gap_3_md__183by2k2f", "4": "flex_gap_4_md__183by2k2g", "5": "flex_gap_5_md__183by2k2h", "6": "flex_gap_6_md__183by2k2i", "7": "flex_gap_7_md__183by2k2j", "8": "flex_gap_8_md__183by2k2k", "9": "flex_gap_9_md__183by2k2l" }, justify: { start: "flex_justify_start_md__183by2k2m", center: "flex_justify_center_md__183by2k2n", end: "flex_justify_end_md__183by2k2o", between: "flex_justify_between_md__183by2k2p" }, wrap: { noWrap: "flex_wrap_noWrap_md__183by2k2q", wrap: "flex_wrap_wrap_md__183by2k2r", wrapReverse: "flex_wrap_wrapReverse_md__183by2k2s" } }, lg: { align: { start: "flex_align_start_lg__183by2k2t", center: "flex_align_center_lg__183by2k2u", end: "flex_align_end_lg__183by2k2v", stretch: "flex_align_stretch_lg__183by2k2w", baseline: "flex_align_baseline_lg__183by2k2x" }, direction: { row: "flex_direction_row_lg__183by2k2y", column: "flex_direction_column_lg__183by2k2z", rowReverse: "flex_direction_rowReverse_lg__183by2k30", columnReverse: "flex_direction_columnReverse_lg__183by2k31" }, gap: { "1": "flex_gap_1_lg__183by2k32", "2": "flex_gap_2_lg__183by2k33", "3": "flex_gap_3_lg__183by2k34", "4": "flex_gap_4_lg__183by2k35", "5": "flex_gap_5_lg__183by2k36", "6": "flex_gap_6_lg__183by2k37", "7": "flex_gap_7_lg__183by2k38", "8": "flex_gap_8_lg__183by2k39", "9": "flex_gap_9_lg__183by2k3a" }, justify: { start: "flex_justify_start_lg__183by2k3b", center: "flex_justify_center_lg__183by2k3c", end: "flex_justify_end_lg__183by2k3d", between: "flex_justify_between_lg__183by2k3e" }, wrap: { noWrap: "flex_wrap_noWrap_lg__183by2k3f", wrap: "flex_wrap_wrap_lg__183by2k3g", wrapReverse: "flex_wrap_wrapReverse_lg__183by2k3h" } }, xl: { align: { start: "flex_align_start_xl__183by2k3i", center: "flex_align_center_xl__183by2k3j", end: "flex_align_end_xl__183by2k3k", stretch: "flex_align_stretch_xl__183by2k3l", baseline: "flex_align_baseline_xl__183by2k3m" }, direction: { row: "flex_direction_row_xl__183by2k3n", column: "flex_direction_column_xl__183by2k3o", rowReverse: "flex_direction_rowReverse_xl__183by2k3p", columnReverse: "flex_direction_columnReverse_xl__183by2k3q" }, gap: { "1": "flex_gap_1_xl__183by2k3r", "2": "flex_gap_2_xl__183by2k3s", "3": "flex_gap_3_xl__183by2k3t", "4": "flex_gap_4_xl__183by2k3u", "5": "flex_gap_5_xl__183by2k3v", "6": "flex_gap_6_xl__183by2k3w", "7": "flex_gap_7_xl__183by2k3x", "8": "flex_gap_8_xl__183by2k3y", "9": "flex_gap_9_xl__183by2k3z" }, justify: { start: "flex_justify_start_xl__183by2k40", center: "flex_justify_center_xl__183by2k41", end: "flex_justify_end_xl__183by2k42", between: "flex_justify_between_xl__183by2k43" }, wrap: { noWrap: "flex_wrap_noWrap_xl__183by2k44", wrap: "flex_wrap_wrap_xl__183by2k45", wrapReverse: "flex_wrap_wrapReverse_xl__183by2k46" } } }, conditionNames: ["xs", "sm", "md", "lg", "xl"] };
-  x.responsiveVariants.initial = x.variantClassNames;
+  var x = { defaultClassName: "flex__183by2k0", variantClassNames: { align: { start: "flex_align_start__183by2k1", center: "flex_align_center__183by2k2", end: "flex_align_end__183by2k3", stretch: "flex_align_stretch__183by2k4", baseline: "flex_align_baseline__183by2k5" }, direction: { row: "flex_direction_row__183by2k6", column: "flex_direction_column__183by2k7", rowReverse: "flex_direction_rowReverse__183by2k8", columnReverse: "flex_direction_columnReverse__183by2k9" }, gap: { "1": "flex_gap_1__183by2ka", "2": "flex_gap_2__183by2kb", "3": "flex_gap_3__183by2kc", "4": "flex_gap_4__183by2kd", "5": "flex_gap_5__183by2ke", "6": "flex_gap_6__183by2kf", "7": "flex_gap_7__183by2kg", "8": "flex_gap_8__183by2kh", "9": "flex_gap_9__183by2ki" }, justify: { start: "flex_justify_start__183by2kj", center: "flex_justify_center__183by2kk", end: "flex_justify_end__183by2kl", between: "flex_justify_between__183by2km" }, wrap: { noWrap: "flex_wrap_noWrap__183by2kn", wrap: "flex_wrap_wrap__183by2ko", wrapReverse: "flex_wrap_wrapReverse__183by2kp" } }, defaultVariants: { align: "stretch", direction: "row", justify: "start", wrap: "noWrap" }, compoundVariants: [], responsiveVariantClassNames: { initial: void 0, xs: { align: { start: "flex_align_xs_start__183by2kq", center: "flex_align_xs_center__183by2kr", end: "flex_align_xs_end__183by2ks", stretch: "flex_align_xs_stretch__183by2kt", baseline: "flex_align_xs_baseline__183by2ku" }, direction: { row: "flex_direction_xs_row__183by2kv", column: "flex_direction_xs_column__183by2kw", rowReverse: "flex_direction_xs_rowReverse__183by2kx", columnReverse: "flex_direction_xs_columnReverse__183by2ky" }, gap: { "1": "flex_gap_xs_1__183by2kz", "2": "flex_gap_xs_2__183by2k10", "3": "flex_gap_xs_3__183by2k11", "4": "flex_gap_xs_4__183by2k12", "5": "flex_gap_xs_5__183by2k13", "6": "flex_gap_xs_6__183by2k14", "7": "flex_gap_xs_7__183by2k15", "8": "flex_gap_xs_8__183by2k16", "9": "flex_gap_xs_9__183by2k17" }, justify: { start: "flex_justify_xs_start__183by2k18", center: "flex_justify_xs_center__183by2k19", end: "flex_justify_xs_end__183by2k1a", between: "flex_justify_xs_between__183by2k1b" }, wrap: { noWrap: "flex_wrap_xs_noWrap__183by2k1c", wrap: "flex_wrap_xs_wrap__183by2k1d", wrapReverse: "flex_wrap_xs_wrapReverse__183by2k1e" } }, sm: { align: { start: "flex_align_sm_start__183by2k1f", center: "flex_align_sm_center__183by2k1g", end: "flex_align_sm_end__183by2k1h", stretch: "flex_align_sm_stretch__183by2k1i", baseline: "flex_align_sm_baseline__183by2k1j" }, direction: { row: "flex_direction_sm_row__183by2k1k", column: "flex_direction_sm_column__183by2k1l", rowReverse: "flex_direction_sm_rowReverse__183by2k1m", columnReverse: "flex_direction_sm_columnReverse__183by2k1n" }, gap: { "1": "flex_gap_sm_1__183by2k1o", "2": "flex_gap_sm_2__183by2k1p", "3": "flex_gap_sm_3__183by2k1q", "4": "flex_gap_sm_4__183by2k1r", "5": "flex_gap_sm_5__183by2k1s", "6": "flex_gap_sm_6__183by2k1t", "7": "flex_gap_sm_7__183by2k1u", "8": "flex_gap_sm_8__183by2k1v", "9": "flex_gap_sm_9__183by2k1w" }, justify: { start: "flex_justify_sm_start__183by2k1x", center: "flex_justify_sm_center__183by2k1y", end: "flex_justify_sm_end__183by2k1z", between: "flex_justify_sm_between__183by2k20" }, wrap: { noWrap: "flex_wrap_sm_noWrap__183by2k21", wrap: "flex_wrap_sm_wrap__183by2k22", wrapReverse: "flex_wrap_sm_wrapReverse__183by2k23" } }, md: { align: { start: "flex_align_md_start__183by2k24", center: "flex_align_md_center__183by2k25", end: "flex_align_md_end__183by2k26", stretch: "flex_align_md_stretch__183by2k27", baseline: "flex_align_md_baseline__183by2k28" }, direction: { row: "flex_direction_md_row__183by2k29", column: "flex_direction_md_column__183by2k2a", rowReverse: "flex_direction_md_rowReverse__183by2k2b", columnReverse: "flex_direction_md_columnReverse__183by2k2c" }, gap: { "1": "flex_gap_md_1__183by2k2d", "2": "flex_gap_md_2__183by2k2e", "3": "flex_gap_md_3__183by2k2f", "4": "flex_gap_md_4__183by2k2g", "5": "flex_gap_md_5__183by2k2h", "6": "flex_gap_md_6__183by2k2i", "7": "flex_gap_md_7__183by2k2j", "8": "flex_gap_md_8__183by2k2k", "9": "flex_gap_md_9__183by2k2l" }, justify: { start: "flex_justify_md_start__183by2k2m", center: "flex_justify_md_center__183by2k2n", end: "flex_justify_md_end__183by2k2o", between: "flex_justify_md_between__183by2k2p" }, wrap: { noWrap: "flex_wrap_md_noWrap__183by2k2q", wrap: "flex_wrap_md_wrap__183by2k2r", wrapReverse: "flex_wrap_md_wrapReverse__183by2k2s" } }, lg: { align: { start: "flex_align_lg_start__183by2k2t", center: "flex_align_lg_center__183by2k2u", end: "flex_align_lg_end__183by2k2v", stretch: "flex_align_lg_stretch__183by2k2w", baseline: "flex_align_lg_baseline__183by2k2x" }, direction: { row: "flex_direction_lg_row__183by2k2y", column: "flex_direction_lg_column__183by2k2z", rowReverse: "flex_direction_lg_rowReverse__183by2k30", columnReverse: "flex_direction_lg_columnReverse__183by2k31" }, gap: { "1": "flex_gap_lg_1__183by2k32", "2": "flex_gap_lg_2__183by2k33", "3": "flex_gap_lg_3__183by2k34", "4": "flex_gap_lg_4__183by2k35", "5": "flex_gap_lg_5__183by2k36", "6": "flex_gap_lg_6__183by2k37", "7": "flex_gap_lg_7__183by2k38", "8": "flex_gap_lg_8__183by2k39", "9": "flex_gap_lg_9__183by2k3a" }, justify: { start: "flex_justify_lg_start__183by2k3b", center: "flex_justify_lg_center__183by2k3c", end: "flex_justify_lg_end__183by2k3d", between: "flex_justify_lg_between__183by2k3e" }, wrap: { noWrap: "flex_wrap_lg_noWrap__183by2k3f", wrap: "flex_wrap_lg_wrap__183by2k3g", wrapReverse: "flex_wrap_lg_wrapReverse__183by2k3h" } }, xl: { align: { start: "flex_align_xl_start__183by2k3i", center: "flex_align_xl_center__183by2k3j", end: "flex_align_xl_end__183by2k3k", stretch: "flex_align_xl_stretch__183by2k3l", baseline: "flex_align_xl_baseline__183by2k3m" }, direction: { row: "flex_direction_xl_row__183by2k3n", column: "flex_direction_xl_column__183by2k3o", rowReverse: "flex_direction_xl_rowReverse__183by2k3p", columnReverse: "flex_direction_xl_columnReverse__183by2k3q" }, gap: { "1": "flex_gap_xl_1__183by2k3r", "2": "flex_gap_xl_2__183by2k3s", "3": "flex_gap_xl_3__183by2k3t", "4": "flex_gap_xl_4__183by2k3u", "5": "flex_gap_xl_5__183by2k3v", "6": "flex_gap_xl_6__183by2k3w", "7": "flex_gap_xl_7__183by2k3x", "8": "flex_gap_xl_8__183by2k3y", "9": "flex_gap_xl_9__183by2k3z" }, justify: { start: "flex_justify_xl_start__183by2k40", center: "flex_justify_xl_center__183by2k41", end: "flex_justify_xl_end__183by2k42", between: "flex_justify_xl_between__183by2k43" }, wrap: { noWrap: "flex_wrap_xl_noWrap__183by2k44", wrap: "flex_wrap_xl_wrap__183by2k45", wrapReverse: "flex_wrap_xl_wrapReverse__183by2k46" } } }, conditionNames: ["xs", "sm", "md", "lg", "xl"], conditions: { xs: "520px", sm: "768px", md: "1024px", lg: "1280px", xl: "1640px" }, identifier: "homemade-recipe__lb053z0", cssCache: [] };
+  x.responsiveVariantClassNames.initial = x.variantClassNames;
   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 = {};
@@ -77,15 +86,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/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