@nayhoo/ui 0.6.1 → 0.8.0

package/dist/components/container.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/container.tsx","../../src/theme/recipes/container.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n  ContainerVariants,\n  containerRecipe,\n} from \"@/theme/recipes/container.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype ContainerProps = ComponentProps<typeof defaultElement, ContainerVariants>;\n\nexport const Container = ({ asChild, ...props }: ContainerProps) => {\n  const variants = pick(props, ...containerRecipe.variants());\n  const container = containerRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(container, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/container.css.ts.vanilla.css?source=LmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfXzFtZWJ6dDAgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgZmxleC1zaHJpbms6IDA7CiAgbWFyZ2luLWxlZnQ6IGF1dG87CiAgbWFyZ2luLXJpZ2h0OiBhdXRvOwogIHBhZGRpbmctbGVmdDogdmFyKC0tc3BhY2UtNV9fMTluYmU4ZDQpOwogIHBhZGRpbmctcmlnaHQ6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY29udGFpbmVyX2NvbnRhaW5lclJlY2lwZV9zaXplXzFfXzFtZWJ6dDEgewogIG1heC13aWR0aDogNDMwcHg7Cn0KLmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfc2l6ZV8yX18xbWVienQyIHsKICBtYXgtd2lkdGg6IDcxNXB4Owp9Ci5jb250YWluZXJfY29udGFpbmVyUmVjaXBlX3NpemVfM19fMW1lYnp0MyB7CiAgbWF4LXdpZHRoOiAxMTQ1cHg7Cn0KLmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfc2l6ZV80X18xbWVienQ0IHsKICBtYXgtd2lkdGg6IG5vbmU7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var containerRecipe = _7a468({defaultClassName:'container_containerRecipe__1mebzt0',variantClassNames:{size:{'1':'container_containerRecipe_size_1__1mebzt1','2':'container_containerRecipe_size_2__1mebzt2','3':'container_containerRecipe_size_3__1mebzt3','4':'container_containerRecipe_size_4__1mebzt4'}},defaultVariants:{size:'4'},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n  return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const ret: any = {};\n  keys.forEach((key) => {\n    ret[key] = obj[key];\n  });\n\n  return ret;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,sBAAkB,uBAAAA,iBAAO,EAAC,kBAAiB,sCAAqC,mBAAkB,EAAC,MAAK,EAAC,KAAI,6CAA4C,KAAI,6CAA4C,KAAI,6CAA4C,KAAI,4CAA2C,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACF9V,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;AHJA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,YAAY,CAAC,EAAE,SAAS,GAAG,MAAM,MAAsB;AAClE,QAAM,WAAW,KAAK,OAAO,GAAG,gBAAgB,SAAS,CAAC;AAC1D,QAAM,YAAY,gBAAgB,QAAQ;AAC1C,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,WAAW,MAAM,SAAS,GAChE,gBAAM,UACT;AAEJ;","names":["_7a468"]}

package/dist/components/container.mjs

@@ -0,0 +1,25 @@
+import {
+  containerRecipe
+} from "../chunk-PUW3KNR3.mjs";
+import {
+  pick
+} from "../chunk-4N6P3Y54.mjs";
+import {
+  mergeClasses
+} from "../chunk-7EGQM3ZL.mjs";
+import "../chunk-LZOMFHX3.mjs";
+
+// src/components/container.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+var defaultElement = "div";
+var Container = ({ asChild, ...props }) => {
+  const variants = pick(props, ...containerRecipe.variants());
+  const container = containerRecipe(variants);
+  const Comp = asChild ? Slot : defaultElement;
+  return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(container, props.className), children: props.children });
+};
+export {
+  Container
+};
+//# sourceMappingURL=container.mjs.map

package/dist/components/container.mjs.map

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

package/dist/components/dropdown-menu.css

@@ -0,0 +1,142 @@
+/* vanilla-extract-css-ns:src/theme/recipes/box.css.ts.vanilla.css?source=LmJveF9ib3hSZWNpcGVfXzFlNTQzNDMwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9 */
+.box_boxRecipe__1e543430 {
+  box-sizing: border-box;
+}
+
+/* vanilla-extract-css-ns:src/theme/recipes/flex.css.ts.vanilla.css?source=#H4sIAAAAAAAACo3UwY6CMBAG4LtP0ePuoUZAAfEtvOyRFBixii0pVXQ3++4bQAaDLewFDv3ny5SEf3ko4B43jz2kvIQ4dkIvebjnFflZEJLIO634Nxd5RBKpMlA0kffdgpCMV2XBHhFpZneL38VyLLGC5yKuNFMaVadV2xPKNVyqbp62qQklBaFBIeO+M11iggCR4bxnWQNENnkVBTo9orJ+V56RCSRhFRRcDB968670GSOTcQWp5lLEStao+K3SXgIDEVGynjFSWVwvApnAyHSh+W32cANVDVcLbUtR1SX/tdxY3U7sOAnnrIwdZFjL5KyMyI2pD0qrkqVAm8BWJBBmq0+r4qKSmBUXFceueKikZsVDxbUra1Qys7JGxbMrG1TArGxQWdsVH5WDWfFR2diVAJXcrASo+HYlROVoVkJUAruyRYWblS0qoVk5XSvND49REZ5a7XlGUyk0CD1bhr01qsOzGZuoxB56LcViYiVbMfZOAroGGHrkYra6T/YMG8FasTIW8qt59ZgYfvjmOCJCNm/7fP06LcfT87PjxilNxEvV/AHz0Fl4RQcAAA== */
+.flex_flexRecipe__183by2k0 {
+  box-sizing: border-box;
+  display: flex;
+}
+.flex_flexRecipe_align_start__183by2k1 {
+  align-items: flex-start;
+}
+.flex_flexRecipe_align_center__183by2k2 {
+  align-items: center;
+}
+.flex_flexRecipe_align_end__183by2k3 {
+  align-items: flex-end;
+}
+.flex_flexRecipe_align_stretch__183by2k4 {
+  align-items: stretch;
+}
+.flex_flexRecipe_align_baseline__183by2k5 {
+  align-items: baseline;
+}
+.flex_flexRecipe_direction_row__183by2k6 {
+  flex-direction: row;
+}
+.flex_flexRecipe_direction_column__183by2k7 {
+  flex-direction: column;
+}
+.flex_flexRecipe_direction_rowReverse__183by2k8 {
+  flex-direction: row-reverse;
+}
+.flex_flexRecipe_direction_columnReverse__183by2k9 {
+  flex-direction: column-reverse;
+}
+.flex_flexRecipe_gap_1__183by2ka {
+  gap: var(--space-1__19nbe8d0);
+}
+.flex_flexRecipe_gap_2__183by2kb {
+  gap: var(--space-2__19nbe8d1);
+}
+.flex_flexRecipe_gap_3__183by2kc {
+  gap: var(--space-3__19nbe8d2);
+}
+.flex_flexRecipe_gap_4__183by2kd {
+  gap: var(--space-4__19nbe8d3);
+}
+.flex_flexRecipe_gap_5__183by2ke {
+  gap: var(--space-5__19nbe8d4);
+}
+.flex_flexRecipe_gap_6__183by2kf {
+  gap: var(--space-6__19nbe8d5);
+}
+.flex_flexRecipe_gap_7__183by2kg {
+  gap: var(--space-7__19nbe8d6);
+}
+.flex_flexRecipe_gap_8__183by2kh {
+  gap: var(--space-8__19nbe8d7);
+}
+.flex_flexRecipe_gap_9__183by2ki {
+  gap: var(--space-9__19nbe8d8);
+}
+.flex_flexRecipe_justify_start__183by2kj {
+  justify-content: flex-start;
+}
+.flex_flexRecipe_justify_center__183by2kk {
+  justify-content: center;
+}
+.flex_flexRecipe_justify_end__183by2kl {
+  justify-content: flex-end;
+}
+.flex_flexRecipe_justify_between__183by2km {
+  justify-content: space-between;
+}
+.flex_flexRecipe_wrap_noWrap__183by2kn {
+  flex-wrap: nowrap;
+}
+.flex_flexRecipe_wrap_wrap__183by2ko {
+  flex-wrap: wrap;
+}
+.flex_flexRecipe_wrap_wrapReverse__183by2kp {
+  flex-wrap: wrap-reverse;
+}
+
+/* vanilla-extract-css-ns:src/theme/recipes/menu.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVUTW/bMAy951fouBxUxFkHNO5p2GUDtstyHIaAkmibnUwZEp2PDvvvg5wlsdsi7S4B8vBEvvdI+qZF7jcGEn5D7r8Itt/RUoebjUt2sVgt1O+ZUo5S5+FQqsrj/n6mFHiqWZNgm0plkQVjhh/6JFQdtA0syFKq1IFFbVB2iJwZVWDRiR6xVFuI77TOwJoeMelisylWbPDOreZn6hYiAYvmvsVItlQCpvcQM5AyyxOjbpDqRkpVZMT2MYVYKocV9F4y1CeMOqFHK6XiwJjBXUOCelCYwV2ELsOnWkd5aZD24SxtWZtBXAfOEdfaY3XhDmYv3NsJM07Kvkg1ITqMOoKjPp2o+R+NwlnW9fx+9md2M0yufXFqxTC1LiQSClyqiB6EtoNtA/ZXHUPPTtvgc1ASgVMHEVleLVw2YYtxKP+80D9v2AIL2U8ZTHpU/XN+ezFSVa8b+eFAQDdUNz7nh+7n0Dv0kgd/Geb/i/locyIjNW+I9ajGUQLjT1Im7eyxTfKQVyv/3p07FIdufk3q87fL0duH+Xi3OYgG78MO3bBjgfIJatwiSzqlMjbzFQz6qZvllSW5miHuZd0b8ePw7JPwpq3eHxcm7PM9EdfladVNGD4nLbHekZOmVMVy0e1HdzO9mMsZLJ40XGMHESTEaefbofP5+3As3UKsibWE7lr1M88EkdBep75x//LSjlLDbOIvMx0XuIMFAAA= */
+.menu_baseMenuItemRecipe__dsc0090 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: var(--fontSizes-1__19nbe8d9);
+  font-variant-numeric: tabular-nums;
+  line-height: 1;
+  cursor: default;
+  user-select: none;
+  white-space: nowrap;
+  height: var(--sizes-5__19nbe8d2gb);
+  padding-left: var(--space-5__19nbe8d4);
+  padding-right: var(--space-5__19nbe8d4);
+  border-radius: var(--radii-1__19nbe8d2gg);
+}
+.menu_menuItemRecipe__dsc0091 {
+  position: relative;
+  background-color: transparent;
+}
+.menu_menuItemRecipe__dsc0091:hover {
+  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
+}
+.menu_menuItemRecipe__dsc0091[data-highlighted] {
+  outline: none;
+  background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
+}
+.menu_menuItemRecipe__dsc0091[data-disabled] {
+  color: var(--colors-slate-slate8__19nbe8d1yp);
+  background-color: var(--colors-slate-slate2__19nbe8d1yj);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.menu_menuLabelRecipe__dsc0092 {
+  position: relative;
+  color: var(--semanticColors-textSubtle__19nbe8d2fc);
+}
+.menu_menuRecipe__dsc0093 {
+  box-sizing: border-box;
+  min-width: 120px;
+  padding: var(--space-1__19nbe8d0);
+}
+.menu_menuSeparatorRecipe__dsc0094 {
+  height: 1px;
+  margin-top: var(--space-1__19nbe8d0);
+  margin-bottom: var(--space-1__19nbe8d0);
+  background-color: var(--semanticColors-line__19nbe8d2fe);
+}
+
+/* vanilla-extract-css-ns:src/theme/recipes/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsUmVjaXBlX18xZW9kNmJhMCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaSk7CiAgYm94LXNoYWRvdzogdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMzhweCAtMTBweCwgdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMjBweCAtMTVweDsKfQ== */
+.panel_panelRecipe__1eod6ba0 {
+  background-color: var(--semanticColors-surface__19nbe8d2f8);
+  border-radius: var(--radii-3__19nbe8d2gi);
+  box-shadow: var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 38px -10px, var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 20px -15px;
+}
+/*# sourceMappingURL=dropdown-menu.css.map */

package/dist/components/dropdown-menu.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/box.css.ts.vanilla.css?source=LmJveF9ib3hSZWNpcGVfXzFlNTQzNDMwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9","vanilla-extract-css-ns:src/theme/recipes/flex.css.ts.vanilla.css?source=#H4sIAAAAAAAACo3UwY6CMBAG4LtP0ePuoUZAAfEtvOyRFBixii0pVXQ3++4bQAaDLewFDv3ny5SEf3ko4B43jz2kvIQ4dkIvebjnFflZEJLIO634Nxd5RBKpMlA0kffdgpCMV2XBHhFpZneL38VyLLGC5yKuNFMaVadV2xPKNVyqbp62qQklBaFBIeO+M11iggCR4bxnWQNENnkVBTo9orJ+V56RCSRhFRRcDB968670GSOTcQWp5lLEStao+K3SXgIDEVGynjFSWVwvApnAyHSh+W32cANVDVcLbUtR1SX/tdxY3U7sOAnnrIwdZFjL5KyMyI2pD0qrkqVAm8BWJBBmq0+r4qKSmBUXFceueKikZsVDxbUra1Qys7JGxbMrG1TArGxQWdsVH5WDWfFR2diVAJXcrASo+HYlROVoVkJUAruyRYWblS0qoVk5XSvND49REZ5a7XlGUyk0CD1bhr01qsOzGZuoxB56LcViYiVbMfZOAroGGHrkYra6T/YMG8FasTIW8qt59ZgYfvjmOCJCNm/7fP06LcfT87PjxilNxEvV/AHz0Fl4RQcAAA==","vanilla-extract-css-ns:src/theme/recipes/menu.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVUTW/bMAy951fouBxUxFkHNO5p2GUDtstyHIaAkmibnUwZEp2PDvvvg5wlsdsi7S4B8vBEvvdI+qZF7jcGEn5D7r8Itt/RUoebjUt2sVgt1O+ZUo5S5+FQqsrj/n6mFHiqWZNgm0plkQVjhh/6JFQdtA0syFKq1IFFbVB2iJwZVWDRiR6xVFuI77TOwJoeMelisylWbPDOreZn6hYiAYvmvsVItlQCpvcQM5AyyxOjbpDqRkpVZMT2MYVYKocV9F4y1CeMOqFHK6XiwJjBXUOCelCYwV2ELsOnWkd5aZD24SxtWZtBXAfOEdfaY3XhDmYv3NsJM07Kvkg1ITqMOoKjPp2o+R+NwlnW9fx+9md2M0yufXFqxTC1LiQSClyqiB6EtoNtA/ZXHUPPTtvgc1ASgVMHEVleLVw2YYtxKP+80D9v2AIL2U8ZTHpU/XN+ezFSVa8b+eFAQDdUNz7nh+7n0Dv0kgd/Geb/i/locyIjNW+I9ajGUQLjT1Im7eyxTfKQVyv/3p07FIdufk3q87fL0duH+Xi3OYgG78MO3bBjgfIJatwiSzqlMjbzFQz6qZvllSW5miHuZd0b8ePw7JPwpq3eHxcm7PM9EdfladVNGD4nLbHekZOmVMVy0e1HdzO9mMsZLJ40XGMHESTEaefbofP5+3As3UKsibWE7lr1M88EkdBep75x//LSjlLDbOIvMx0XuIMFAAA=","vanilla-extract-css-ns:src/theme/recipes/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsUmVjaXBlX18xZW9kNmJhMCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaSk7CiAgYm94LXNoYWRvdzogdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMzhweCAtMTBweCwgdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMjBweCAtMTVweDsKfQ=="],"sourcesContent":[".box_boxRecipe__1e543430 {\n  box-sizing: border-box;\n}",".flex_flexRecipe__183by2k0 {\n  box-sizing: border-box;\n  display: flex;\n}\n.flex_flexRecipe_align_start__183by2k1 {\n  align-items: flex-start;\n}\n.flex_flexRecipe_align_center__183by2k2 {\n  align-items: center;\n}\n.flex_flexRecipe_align_end__183by2k3 {\n  align-items: flex-end;\n}\n.flex_flexRecipe_align_stretch__183by2k4 {\n  align-items: stretch;\n}\n.flex_flexRecipe_align_baseline__183by2k5 {\n  align-items: baseline;\n}\n.flex_flexRecipe_direction_row__183by2k6 {\n  flex-direction: row;\n}\n.flex_flexRecipe_direction_column__183by2k7 {\n  flex-direction: column;\n}\n.flex_flexRecipe_direction_rowReverse__183by2k8 {\n  flex-direction: row-reverse;\n}\n.flex_flexRecipe_direction_columnReverse__183by2k9 {\n  flex-direction: column-reverse;\n}\n.flex_flexRecipe_gap_1__183by2ka {\n  gap: var(--space-1__19nbe8d0);\n}\n.flex_flexRecipe_gap_2__183by2kb {\n  gap: var(--space-2__19nbe8d1);\n}\n.flex_flexRecipe_gap_3__183by2kc {\n  gap: var(--space-3__19nbe8d2);\n}\n.flex_flexRecipe_gap_4__183by2kd {\n  gap: var(--space-4__19nbe8d3);\n}\n.flex_flexRecipe_gap_5__183by2ke {\n  gap: var(--space-5__19nbe8d4);\n}\n.flex_flexRecipe_gap_6__183by2kf {\n  gap: var(--space-6__19nbe8d5);\n}\n.flex_flexRecipe_gap_7__183by2kg {\n  gap: var(--space-7__19nbe8d6);\n}\n.flex_flexRecipe_gap_8__183by2kh {\n  gap: var(--space-8__19nbe8d7);\n}\n.flex_flexRecipe_gap_9__183by2ki {\n  gap: var(--space-9__19nbe8d8);\n}\n.flex_flexRecipe_justify_start__183by2kj {\n  justify-content: flex-start;\n}\n.flex_flexRecipe_justify_center__183by2kk {\n  justify-content: center;\n}\n.flex_flexRecipe_justify_end__183by2kl {\n  justify-content: flex-end;\n}\n.flex_flexRecipe_justify_between__183by2km {\n  justify-content: space-between;\n}\n.flex_flexRecipe_wrap_noWrap__183by2kn {\n  flex-wrap: nowrap;\n}\n.flex_flexRecipe_wrap_wrap__183by2ko {\n  flex-wrap: wrap;\n}\n.flex_flexRecipe_wrap_wrapReverse__183by2kp {\n  flex-wrap: wrap-reverse;\n}",".menu_baseMenuItemRecipe__dsc0090 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: var(--fontSizes-1__19nbe8d9);\n  font-variant-numeric: tabular-nums;\n  line-height: 1;\n  cursor: default;\n  user-select: none;\n  white-space: nowrap;\n  height: var(--sizes-5__19nbe8d2gb);\n  padding-left: var(--space-5__19nbe8d4);\n  padding-right: var(--space-5__19nbe8d4);\n  border-radius: var(--radii-1__19nbe8d2gg);\n}\n.menu_menuItemRecipe__dsc0091 {\n  position: relative;\n  background-color: transparent;\n}\n.menu_menuItemRecipe__dsc0091:hover {\n  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.menu_menuItemRecipe__dsc0091[data-highlighted] {\n  outline: none;\n  background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.menu_menuItemRecipe__dsc0091[data-disabled] {\n  color: var(--colors-slate-slate8__19nbe8d1yp);\n  background-color: var(--colors-slate-slate2__19nbe8d1yj);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.menu_menuLabelRecipe__dsc0092 {\n  position: relative;\n  color: var(--semanticColors-textSubtle__19nbe8d2fc);\n}\n.menu_menuRecipe__dsc0093 {\n  box-sizing: border-box;\n  min-width: 120px;\n  padding: var(--space-1__19nbe8d0);\n}\n.menu_menuSeparatorRecipe__dsc0094 {\n  height: 1px;\n  margin-top: var(--space-1__19nbe8d0);\n  margin-bottom: var(--space-1__19nbe8d0);\n  background-color: var(--semanticColors-line__19nbe8d2fe);\n}",".panel_panelRecipe__1eod6ba0 {\n  background-color: var(--semanticColors-surface__19nbe8d2f8);\n  border-radius: var(--radii-3__19nbe8d2gi);\n  box-shadow: var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 38px -10px, var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 20px -15px;\n}"],"mappings":";AAAA,CAAC;AACC,cAAY;AACd;;;ACFA,CAAC;AACC,cAAY;AACZ,WAAS;AACX;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,aAAW;AACb;;;AC9EA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,aAAW,IAAI;AACf,wBAAsB;AACtB,eAAa;AACb,UAAQ;AACR,eAAa;AACb,eAAa;AACb,UAAQ,IAAI;AACZ,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACnB,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,YAAU;AACV,oBAAkB;AACpB;AACA,CAJC,4BAI4B;AAC3B,oBAAkB,IAAI;AACxB;AACA,CAPC,4BAO4B,CAAC;AAC5B,WAAS;AACT,oBAAkB,IAAI;AACxB;AACA,CAXC,4BAW4B,CAAC;AAC5B,SAAO,IAAI;AACX,oBAAkB,IAAI;AACtB,UAAQ;AACR,kBAAgB;AAClB;AACA,CAAC;AACC,YAAU;AACV,SAAO,IAAI;AACb;AACA,CAAC;AACC,cAAY;AACZ,aAAW;AACX,WAAS,IAAI;AACf;AACA,CAAC;AACC,UAAQ;AACR,cAAY,IAAI;AAChB,iBAAe,IAAI;AACnB,oBAAkB,IAAI;AACxB;;;AC9CA,CAAC;AACC,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI,mCAAmC,IAAI,KAAK,KAAK,KAAK,EAAE,IAAI,mCAAmC,IAAI,KAAK,KAAK;AAC/H;","names":[]}

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

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { M as MenuVariants, a as MenuItemVariants, b as MenuLabelVariants, c as MenuSeparatorVariants } from '../menu.css-5kJKHBR_.mjs';
+import { P as PanelVariants } from '../panel.css-DUVSZSQ6.mjs';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import '@vanilla-extract/recipes';
+
+declare const DropdownMenu: react.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps & MenuVariants & PanelVariants;
+declare const DropdownMenuContent: ({ ...props }: DropdownMenuContentProps) => react_jsx_runtime.JSX.Element;
+type DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps & MenuItemVariants;
+declare const DropdownMenuItem: ({ ...props }: DropdownMenuItemProps) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
+type DropdownMenuLabelProps = DropdownMenuPrimitive.DropdownMenuLabelProps & MenuLabelVariants;
+declare const DropdownMenuLabel: ({ ...props }: DropdownMenuLabelProps) => react_jsx_runtime.JSX.Element;
+type DropdownMenuSeparatorProps = DropdownMenuPrimitive.DropdownMenuSeparatorProps & MenuSeparatorVariants;
+declare const DropdownMenuSeparator: ({ ...props }: DropdownMenuSeparatorProps) => react_jsx_runtime.JSX.Element;
+type DropdownMenuCheckboxItemProps = DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & MenuItemVariants;
+declare const DropdownMenuCheckboxItem: ({ ...props }: DropdownMenuCheckboxItemProps) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuRadioGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+type DropdownMenuRadioItemProps = DropdownMenuPrimitive.DropdownMenuRadioItemProps & MenuItemVariants;
+declare const DropdownMenuRadioItem: ({ children, ...props }: DropdownMenuRadioItemProps) => react_jsx_runtime.JSX.Element;
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger };

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

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { M as MenuVariants, a as MenuItemVariants, b as MenuLabelVariants, c as MenuSeparatorVariants } from '../menu.css-5kJKHBR_.js';
+import { P as PanelVariants } from '../panel.css-DUVSZSQ6.js';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import '@vanilla-extract/recipes';
+
+declare const DropdownMenu: react.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps & MenuVariants & PanelVariants;
+declare const DropdownMenuContent: ({ ...props }: DropdownMenuContentProps) => react_jsx_runtime.JSX.Element;
+type DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps & MenuItemVariants;
+declare const DropdownMenuItem: ({ ...props }: DropdownMenuItemProps) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & react.RefAttributes<HTMLDivElement>>;
+type DropdownMenuLabelProps = DropdownMenuPrimitive.DropdownMenuLabelProps & MenuLabelVariants;
+declare const DropdownMenuLabel: ({ ...props }: DropdownMenuLabelProps) => react_jsx_runtime.JSX.Element;
+type DropdownMenuSeparatorProps = DropdownMenuPrimitive.DropdownMenuSeparatorProps & MenuSeparatorVariants;
+declare const DropdownMenuSeparator: ({ ...props }: DropdownMenuSeparatorProps) => react_jsx_runtime.JSX.Element;
+type DropdownMenuCheckboxItemProps = DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & MenuItemVariants;
+declare const DropdownMenuCheckboxItem: ({ ...props }: DropdownMenuCheckboxItemProps) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuRadioGroup: react.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & react.RefAttributes<HTMLDivElement>>;
+type DropdownMenuRadioItemProps = DropdownMenuPrimitive.DropdownMenuRadioItemProps & MenuItemVariants;
+declare const DropdownMenuRadioItem: ({ children, ...props }: DropdownMenuRadioItemProps) => react_jsx_runtime.JSX.Element;
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger };