@nayhoo/ui 0.9.0 → 0.9.2

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/card.tsx","../../src/theme/recipes/card.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { CardVariants, cardRecipe } from \"@/theme/recipes/card.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 CardProps = ComponentProps<typeof defaultElement, CardVariants>;\n\nexport const Card = ({ asChild, ...props }: CardProps) => {\n  const variants = pick(props, ...cardRecipe.variants());\n  const card = cardRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(card, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/recipes/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsUmVjaXBlX18xZW9kNmJhMCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaSk7CiAgYm94LXNoYWRvdzogdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMzhweCAtMTBweCwgdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMjBweCAtMTVweDsKfQ==';\nimport 'src/theme/recipes/card.css.ts.vanilla.css?source=LmNhcmRfY2FyZFJlY2lwZV9fMWFuMnQxYzAgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KSB2YXIoLS1zcGFjZS01X18xOW5iZThkNCkgdmFyKC0tc3BhY2UtNl9fMTluYmU4ZDUpIHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY2FyZF9jYXJkUmVjaXBlX3ZhcmlhbnRfb3V0bGluZV9fMWFuMnQxYzEgewogIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1saW5lX18xOW5iZThkMmZlKTsKfQouY2FyZF9jYXJkUmVjaXBlX2Rpc2FibGVFbGV2YXRpb25fdHJ1ZV9fMWFuMnQxYzMgewogIGJveC1zaGFkb3c6IG5vbmU7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cardRecipe = _7a468({defaultClassName:'card_cardRecipe__1an2t1c0 panel_panelRecipe__1eod6ba0',variantClassNames:{variant:{outline:'card_cardRecipe_variant_outline__1an2t1c1',ghost:'card_cardRecipe_variant_ghost__1an2t1c2'},disableElevation:{true:'card_cardRecipe_disableElevation_true__1an2t1c3'}},defaultVariants:{variant:'ghost',disableElevation:false},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,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,yDAAwD,mBAAkB,EAAC,SAAQ,EAAC,SAAQ,6CAA4C,OAAM,0CAAyC,GAAE,kBAAiB,EAAC,MAAK,kDAAiD,EAAC,GAAE,iBAAgB,EAAC,SAAQ,SAAQ,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACH3X,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/card.tsx","../../src/theme/recipes/card.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { CardVariants, cardRecipe } from \"@/theme/recipes/card.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 CardProps = ComponentProps<typeof defaultElement, CardVariants>;\n\nexport const Card = ({ asChild, ...props }: CardProps) => {\n  const variants = pick(props, ...cardRecipe.variants());\n  const card = cardRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...props} className={mergeClasses(card, props.className)}>\n      {props.children}\n    </Comp>\n  );\n};\n","import 'src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBjb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZVRleHRDb250cmFzdF9fMTluYmU4ZDJmOSk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaik7CiAgYm94LXNoYWRvdzogdmFyKC0tc2VtYW50aWNDb2xvcnMtc2hhZG93X18xOW5iZThkMmZoKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zaGFkb3dfXzE5bmJlOGQyZmgpIDBweCAxMHB4IDIwcHggLTE1cHg7Cn0=';\nimport 'src/theme/recipes/card.css.ts.vanilla.css?source=LmNhcmRfY2FyZFJlY2lwZV9fMWFuMnQxYzAgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KSB2YXIoLS1zcGFjZS01X18xOW5iZThkNCkgdmFyKC0tc3BhY2UtNl9fMTluYmU4ZDUpIHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY2FyZF9jYXJkUmVjaXBlX3ZhcmlhbnRfb3V0bGluZV9fMWFuMnQxYzEgewogIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1saW5lX18xOW5iZThkMmZlKTsKfQouY2FyZF9jYXJkUmVjaXBlX2Rpc2FibGVFbGV2YXRpb25fdHJ1ZV9fMWFuMnQxYzMgewogIGJveC1zaGFkb3c6IG5vbmU7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cardRecipe = _7a468({defaultClassName:'card_cardRecipe__1an2t1c0 panel_panel__gh9suz0',variantClassNames:{variant:{outline:'card_cardRecipe_variant_outline__1an2t1c1',ghost:'card_cardRecipe_variant_ghost__1an2t1c2'},disableElevation:{true:'card_cardRecipe_disableElevation_true__1an2t1c3'}},defaultVariants:{variant:'ghost',disableElevation:false},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,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,kDAAiD,mBAAkB,EAAC,SAAQ,EAAC,SAAQ,6CAA4C,OAAM,0CAAyC,GAAE,kBAAiB,EAAC,MAAK,kDAAiD,EAAC,GAAE,iBAAgB,EAAC,SAAQ,SAAQ,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACHpX,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"]}

package/dist/components/card.mjs

@@ -1,7 +1,7 @@
 import {
   cardRecipe
-} from "../chunk-SRMXCTGE.mjs";
-import "../chunk-JWHPBA5J.mjs";
+} from "../chunk-2H7ZFP5Y.mjs";
+import "../chunk-IUXU5IPB.mjs";
 import {
   pick
 } from "../chunk-4N6P3Y54.mjs";

package/dist/components/checkbox.css

@@ -1,4 +1,4 @@
-/* vanilla-extract-css-ns:src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVUy27bMBC8+yt4KZAAZSA5KNDQx17aa39A4GNFbkwvBZKKH0X+vSBj2WobOy54EcnZ2dldjh60A71WYddNHz9B4wBdZ/fu4GLDfi0Yk94LNlKCvFowpsKOJzwgWcFUiAYiV2FXbsYEkSfwoLNgFAhWNRgtccywSYJpoAyxHg8DyChJwxlqMA1e7gVD8kjAew+V93lMGfs914EyUJ7TVJwDtC4L1paTjYwWSbCmbMKYC+KcYpDGVOX1mm9BrTHzLAfu0DpfeLgOPkTBolXyrvlc1/2pcCdN2BaFCTJr6mqHHXuR8Y7zBBtJGfW3wpB4Sd117RMp+GqWPVSW8AKx94XDoTFAq8Xr4uGjMQhXwuowlNRrG8NIZhL6bu4cJaVBRqD8vcTOdPT3t+Xsgx5TzflXG28JFgr6EOFN8oUXcxOP7PNU+f/TJDxA105sbaXZosnu1DU8QOKP5+7Ypzql6UldRx1VRGlwTBO47JC3M7C93vAqcjmJXF4S+WXGqC6K/Bd1ReRyBnYXRP4gg1rmEP+czOPxz/CuuU9Gnhx8cmjTfPrA0cfK35CvvwFT6IbpoQQAAA== */
+/* vanilla-extract-css-ns:src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAE5WSz44bIQzG73kKjrtSWWVSVWrJsZee9wVGBjzghpgRMJs/q757Be1sRm2TZsUFzOfPP2yejEez0/HYz5tnNDRi37uTP/u0Fq8rISAEJSbOWLYrIXQ8ykxnYqeEjslikjoe682UMcmMAU1RgiPjtiWTY0kF91kJg1wwtfA4IiRggxeppTwGOClBHIhRDgGb7/cpFxpO0kQuyGVp03QeyfmiRFcje0iOWIl1PcSpVMWlxAjWNvJ2LQ+od1RkgVF6cj5UH2liiEmJ5DQ8rD+09fj2cA82HiphxiLWbXXjUbxAepAy4x64kPlaHbKspfu++8IaP9vNgM0lvmAaQvXwZC3ydvVj9fS/MShf09owNJidS3FiO4P+s3ZJwHmEhFy+1dwFx/B4X80hmim3mn+08Z5kpXGICX8hX/kxd/nAUOaXv98m0xn7bnbrms2BbPFvXaMzZvnx0h0HbUrzl7qt+k2RwNKUZ3E9kewWYn+74Q1yM0NurkF+Wjiaq5B/q25AbhZiqpA/AT6rIHMQBAAA */
 .checkbox_checkboxRecipe__gyhzhr0 {
   all: unset;
   box-sizing: border-box;
@@ -28,16 +28,18 @@
   box-sizing: border-box;
 }
 .checkbox_checkboxRecipe_size_1__gyhzhr1 {
-  width: var(--sizes-3__19nbe8d2g9);
-  height: var(--sizes-3__19nbe8d2g9);
-  border-radius: var(--radii-1__19nbe8d2gg);
+  width: var(--sizes-3__19nbe8d2ga);
+  height: var(--sizes-3__19nbe8d2ga);
+  border-radius: var(--radii-1__19nbe8d2gh);
 }
 .checkbox_checkboxRecipe_size_2__gyhzhr2 {
-  width: var(--sizes-5__19nbe8d2gb);
-  height: var(--sizes-5__19nbe8d2gb);
-  border-radius: var(--radii-2__19nbe8d2gh);
+  width: var(--sizes-5__19nbe8d2gc);
+  height: var(--sizes-5__19nbe8d2gc);
+  border-radius: var(--radii-2__19nbe8d2gi);
 }
-.checkbox_checkboxIndicatorRecipe__gyhzhr3 {
+
+/* vanilla-extract-css-ns:src/theme/styles/checkbox.css.ts.vanilla.css?source=LmNoZWNrYm94X2NoZWNrYm94SW5kaWNhdG9yX196M2M2MTcwIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGRpc3BsYXk6IGZsZXg7CiAgaGVpZ2h0OiAxMDAlOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHdpZHRoOiAxMDAlOwp9 */
+.checkbox_checkboxIndicator__z3c6170 {
   align-items: center;
   display: flex;
   height: 100%;

package/dist/components/checkbox.css.map

@@ -1 +1 @@
-{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVUy27bMBC8+yt4KZAAZSA5KNDQx17aa39A4GNFbkwvBZKKH0X+vSBj2WobOy54EcnZ2dldjh60A71WYddNHz9B4wBdZ/fu4GLDfi0Yk94LNlKCvFowpsKOJzwgWcFUiAYiV2FXbsYEkSfwoLNgFAhWNRgtccywSYJpoAyxHg8DyChJwxlqMA1e7gVD8kjAew+V93lMGfs914EyUJ7TVJwDtC4L1paTjYwWSbCmbMKYC+KcYpDGVOX1mm9BrTHzLAfu0DpfeLgOPkTBolXyrvlc1/2pcCdN2BaFCTJr6mqHHXuR8Y7zBBtJGfW3wpB4Sd117RMp+GqWPVSW8AKx94XDoTFAq8Xr4uGjMQhXwuowlNRrG8NIZhL6bu4cJaVBRqD8vcTOdPT3t+Xsgx5TzflXG28JFgr6EOFN8oUXcxOP7PNU+f/TJDxA105sbaXZosnu1DU8QOKP5+7Ypzql6UldRx1VRGlwTBO47JC3M7C93vAqcjmJXF4S+WXGqC6K/Bd1ReRyBnYXRP4gg1rmEP+czOPxz/CuuU9Gnhx8cmjTfPrA0cfK35CvvwFT6IbpoQQAAA=="],"sourcesContent":[".checkbox_checkboxRecipe__gyhzhr0 {\n  all: unset;\n  box-sizing: border-box;\n  user-select: none;\n  align-items: center;\n  appearance: none;\n  display: inline-flex;\n  justify-content: center;\n  line-height: 1;\n  margin: 0;\n  outline: none;\n  padding: 0;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n  overflow: hidden;\n}\n.checkbox_checkboxRecipe__gyhzhr0:hover {\n  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.checkbox_checkboxRecipe__gyhzhr0:focus {\n  outline: none;\n}\n.checkbox_checkboxRecipe__gyhzhr0::before {\n  box-sizing: border-box;\n}\n.checkbox_checkboxRecipe__gyhzhr0::after {\n  box-sizing: border-box;\n}\n.checkbox_checkboxRecipe_size_1__gyhzhr1 {\n  width: var(--sizes-3__19nbe8d2g9);\n  height: var(--sizes-3__19nbe8d2g9);\n  border-radius: var(--radii-1__19nbe8d2gg);\n}\n.checkbox_checkboxRecipe_size_2__gyhzhr2 {\n  width: var(--sizes-5__19nbe8d2gb);\n  height: var(--sizes-5__19nbe8d2gb);\n  border-radius: var(--radii-2__19nbe8d2gh);\n}\n.checkbox_checkboxIndicatorRecipe__gyhzhr3 {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}"],"mappings":";AAAA,CAAC;AACC,OAAK;AACL,cAAY;AACZ,eAAa;AACb,eAAa;AACb,cAAY;AACZ,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,UAAQ;AACR,WAAS;AACT,WAAS;AACT,+BAA6B,KAAK,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC;AACxC,cAAY,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI;AAChC,YAAU;AACZ;AACA,CAhBC,gCAgBgC;AAC/B,oBAAkB,IAAI;AACxB;AACA,CAnBC,gCAmBgC;AAC/B,WAAS;AACX;AACA,CAtBC,gCAsBgC;AAC/B,cAAY;AACd;AACA,CAzBC,gCAyBgC;AAC/B,cAAY;AACd;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,eAAa;AACb,WAAS;AACT,UAAQ;AACR,mBAAiB;AACjB,SAAO;AACT;","names":[]}
+{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAE5WSz44bIQzG73kKjrtSWWVSVWrJsZee9wVGBjzghpgRMJs/q757Be1sRm2TZsUFzOfPP2yejEez0/HYz5tnNDRi37uTP/u0Fq8rISAEJSbOWLYrIXQ8ykxnYqeEjslikjoe682UMcmMAU1RgiPjtiWTY0kF91kJg1wwtfA4IiRggxeppTwGOClBHIhRDgGb7/cpFxpO0kQuyGVp03QeyfmiRFcje0iOWIl1PcSpVMWlxAjWNvJ2LQ+od1RkgVF6cj5UH2liiEmJ5DQ8rD+09fj2cA82HiphxiLWbXXjUbxAepAy4x64kPlaHbKspfu++8IaP9vNgM0lvmAaQvXwZC3ydvVj9fS/MShf09owNJidS3FiO4P+s3ZJwHmEhFy+1dwFx/B4X80hmim3mn+08Z5kpXGICX8hX/kxd/nAUOaXv98m0xn7bnbrms2BbPFvXaMzZvnx0h0HbUrzl7qt+k2RwNKUZ3E9kewWYn+74Q1yM0NurkF+Wjiaq5B/q25AbhZiqpA/AT6rIHMQBAAA","vanilla-extract-css-ns:src/theme/styles/checkbox.css.ts.vanilla.css?source=LmNoZWNrYm94X2NoZWNrYm94SW5kaWNhdG9yX196M2M2MTcwIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGRpc3BsYXk6IGZsZXg7CiAgaGVpZ2h0OiAxMDAlOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHdpZHRoOiAxMDAlOwp9"],"sourcesContent":[".checkbox_checkboxRecipe__gyhzhr0 {\n  all: unset;\n  box-sizing: border-box;\n  user-select: none;\n  align-items: center;\n  appearance: none;\n  display: inline-flex;\n  justify-content: center;\n  line-height: 1;\n  margin: 0;\n  outline: none;\n  padding: 0;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n  overflow: hidden;\n}\n.checkbox_checkboxRecipe__gyhzhr0:hover {\n  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.checkbox_checkboxRecipe__gyhzhr0:focus {\n  outline: none;\n}\n.checkbox_checkboxRecipe__gyhzhr0::before {\n  box-sizing: border-box;\n}\n.checkbox_checkboxRecipe__gyhzhr0::after {\n  box-sizing: border-box;\n}\n.checkbox_checkboxRecipe_size_1__gyhzhr1 {\n  width: var(--sizes-3__19nbe8d2ga);\n  height: var(--sizes-3__19nbe8d2ga);\n  border-radius: var(--radii-1__19nbe8d2gh);\n}\n.checkbox_checkboxRecipe_size_2__gyhzhr2 {\n  width: var(--sizes-5__19nbe8d2gc);\n  height: var(--sizes-5__19nbe8d2gc);\n  border-radius: var(--radii-2__19nbe8d2gi);\n}",".checkbox_checkboxIndicator__z3c6170 {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}"],"mappings":";AAAA,CAAC;AACC,OAAK;AACL,cAAY;AACZ,eAAa;AACb,eAAa;AACb,cAAY;AACZ,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,UAAQ;AACR,WAAS;AACT,WAAS;AACT,+BAA6B,KAAK,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC;AACxC,cAAY,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI;AAChC,YAAU;AACZ;AACA,CAhBC,gCAgBgC;AAC/B,oBAAkB,IAAI;AACxB;AACA,CAnBC,gCAmBgC;AAC/B,WAAS;AACX;AACA,CAtBC,gCAsBgC;AAC/B,cAAY;AACd;AACA,CAzBC,gCAyBgC;AAC/B,cAAY;AACd;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,iBAAe,IAAI;AACrB;;;ACrCA,CAAC;AACC,eAAa;AACb,WAAS;AACT,UAAQ;AACR,mBAAiB;AACjB,SAAO;AACT;","names":[]}

package/dist/components/checkbox.d.mts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as CheckboxVariants, a as CheckboxIndicatorVariants } from '../checkbox.css-BlFMNrMD.mjs';
+import { C as CheckboxVariants } from '../checkbox.css-C3L6B1cb.mjs';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import '@vanilla-extract/recipes';
 
-type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants & CheckboxIndicatorVariants;
+type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;
 declare const Checkbox: ({ ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
 export { Checkbox };

package/dist/components/checkbox.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as CheckboxVariants, a as CheckboxIndicatorVariants } from '../checkbox.css-BlFMNrMD.js';
+import { C as CheckboxVariants } from '../checkbox.css-C3L6B1cb.js';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import '@vanilla-extract/recipes';
 
-type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants & CheckboxIndicatorVariants;
+type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;
 declare const Checkbox: ({ ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
 
 export { Checkbox };

package/dist/components/checkbox.js

@@ -36,9 +36,11 @@ module.exports = __toCommonJS(checkbox_exports);
 
 // src/theme/recipes/checkbox.css.ts
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var checkboxIndicatorRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "checkbox_checkboxIndicatorRecipe__gyhzhr3", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
 var checkboxRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "checkbox_checkboxRecipe__gyhzhr0", variantClassNames: { size: { "1": "checkbox_checkboxRecipe_size_1__gyhzhr1", "2": "checkbox_checkboxRecipe_size_2__gyhzhr2" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
 
+// src/theme/styles/checkbox.css.ts
+var checkboxIndicator = "checkbox_checkboxIndicator__z3c6170";
+
 // src/utils/merge-classes.ts
 function mergeClasses(...classes) {
   return classes.filter((cls) => Boolean(cls)).join(" ");
@@ -59,9 +61,6 @@ var import_react_icons = require("@radix-ui/react-icons");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Checkbox = ({ ...props }) => {
   const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));
-  const checkboxIndicator = checkboxIndicatorRecipe(
-    pick(props, ...checkboxIndicatorRecipe.variants())
-  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     CheckboxPrimitive.Root,
     {

package/dist/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/checkbox.tsx","../../src/theme/recipes/checkbox.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n  CheckboxIndicatorVariants,\n  CheckboxVariants,\n  checkboxIndicatorRecipe,\n  checkboxRecipe,\n} from \"@/theme/recipes/checkbox.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\ntype CheckboxProps = CheckboxPrimitive.CheckboxProps &\n  CheckboxVariants &\n  CheckboxIndicatorVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n  const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));\n  const checkboxIndicator = checkboxIndicatorRecipe(\n    pick(props, ...checkboxIndicatorRecipe.variants()),\n  );\n\n  return (\n    <CheckboxPrimitive.Root\n      {...props}\n      className={mergeClasses(checkbox, props.className)}\n    >\n      <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n        <CheckIcon />\n      </CheckboxPrimitive.CheckboxIndicator>\n    </CheckboxPrimitive.Root>\n  );\n};\n","import 'src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVUy27bMBC8+yt4KZAAZSA5KNDQx17aa39A4GNFbkwvBZKKH0X+vSBj2WobOy54EcnZ2dldjh60A71WYddNHz9B4wBdZ/fu4GLDfi0Yk94LNlKCvFowpsKOJzwgWcFUiAYiV2FXbsYEkSfwoLNgFAhWNRgtccywSYJpoAyxHg8DyChJwxlqMA1e7gVD8kjAew+V93lMGfs914EyUJ7TVJwDtC4L1paTjYwWSbCmbMKYC+KcYpDGVOX1mm9BrTHzLAfu0DpfeLgOPkTBolXyrvlc1/2pcCdN2BaFCTJr6mqHHXuR8Y7zBBtJGfW3wpB4Sd117RMp+GqWPVSW8AKx94XDoTFAq8Xr4uGjMQhXwuowlNRrG8NIZhL6bu4cJaVBRqD8vcTOdPT3t+Xsgx5TzflXG28JFgr6EOFN8oUXcxOP7PNU+f/TJDxA105sbaXZosnu1DU8QOKP5+7Ypzql6UldRx1VRGlwTBO47JC3M7C93vAqcjmJXF4S+WXGqC6K/Bd1ReRyBnYXRP4gg1rmEP+czOPxz/CuuU9Gnhx8cmjTfPrA0cfK35CvvwFT6IbpoQQAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checkboxIndicatorRecipe = _7a468({defaultClassName:'checkbox_checkboxIndicatorRecipe__gyhzhr3',variantClassNames:{},defaultVariants:{},compoundVariants:[]});\nexport var checkboxRecipe = _7a468({defaultClassName:'checkbox_checkboxRecipe__gyhzhr0',variantClassNames:{size:{'1':'checkbox_checkboxRecipe_size_1__gyhzhr1','2':'checkbox_checkboxRecipe_size_2__gyhzhr2'}},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;;;ACCA,6BAA0C;AACnC,IAAI,8BAA0B,uBAAAA,iBAAO,EAAC,kBAAiB,6CAA4C,mBAAkB,CAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/J,IAAI,qBAAiB,uBAAAA,iBAAO,EAAC,kBAAiB,oCAAmC,mBAAkB,EAAC,MAAK,EAAC,KAAI,2CAA0C,KAAI,0CAAyC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACHvP,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,wBAAmC;AACnC,yBAA0B;AAkBlB;AAZD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,WAAW,eAAe,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC,CAAC;AACzE,QAAM,oBAAoB;AAAA,IACxB,KAAK,OAAO,GAAG,wBAAwB,SAAS,CAAC;AAAA,EACnD;AAEA,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD,sDAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,sDAAC,gCAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":["_7a468"]}
+{"version":3,"sources":["../../src/components/checkbox.tsx","../../src/theme/recipes/checkbox.css.ts","../../src/theme/styles/checkbox.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { CheckboxVariants, checkboxRecipe } from \"@/theme/recipes/checkbox.css\";\nimport { checkboxIndicator } from \"@/theme/styles/checkbox.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\ntype CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n  const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));\n\n  return (\n    <CheckboxPrimitive.Root\n      {...props}\n      className={mergeClasses(checkbox, props.className)}\n    >\n      <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n        <CheckIcon />\n      </CheckboxPrimitive.CheckboxIndicator>\n    </CheckboxPrimitive.Root>\n  );\n};\n","import 'src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAE5WSz44bIQzG73kKjrtSWWVSVWrJsZee9wVGBjzghpgRMJs/q757Be1sRm2TZsUFzOfPP2yejEez0/HYz5tnNDRi37uTP/u0Fq8rISAEJSbOWLYrIXQ8ykxnYqeEjslikjoe682UMcmMAU1RgiPjtiWTY0kF91kJg1wwtfA4IiRggxeppTwGOClBHIhRDgGb7/cpFxpO0kQuyGVp03QeyfmiRFcje0iOWIl1PcSpVMWlxAjWNvJ2LQ+od1RkgVF6cj5UH2liiEmJ5DQ8rD+09fj2cA82HiphxiLWbXXjUbxAepAy4x64kPlaHbKspfu++8IaP9vNgM0lvmAaQvXwZC3ydvVj9fS/MShf09owNJidS3FiO4P+s3ZJwHmEhFy+1dwFx/B4X80hmim3mn+08Z5kpXGICX8hX/kxd/nAUOaXv98m0xn7bnbrms2BbPFvXaMzZvnx0h0HbUrzl7qt+k2RwNKUZ3E9kewWYn+74Q1yM0NurkF+Wjiaq5B/q25AbhZiqpA/AT6rIHMQBAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checkboxRecipe = _7a468({defaultClassName:'checkbox_checkboxRecipe__gyhzhr0',variantClassNames:{size:{'1':'checkbox_checkboxRecipe_size_1__gyhzhr1','2':'checkbox_checkboxRecipe_size_2__gyhzhr2'}},defaultVariants:{size:'1'},compoundVariants:[]});","import 'src/theme/styles/checkbox.css.ts.vanilla.css?source=LmNoZWNrYm94X2NoZWNrYm94SW5kaWNhdG9yX196M2M2MTcwIHsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGRpc3BsYXk6IGZsZXg7CiAgaGVpZ2h0OiAxMDAlOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIHdpZHRoOiAxMDAlOwp9';\nexport var checkboxIndicator = 'checkbox_checkboxIndicator__z3c6170';","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,qBAAiB,uBAAAA,iBAAO,EAAC,kBAAiB,oCAAmC,mBAAkB,EAAC,MAAK,EAAC,KAAI,2CAA0C,KAAI,0CAAyC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACDvP,IAAI,oBAAoB;;;ACDxB,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;;;AJPA,wBAAmC;AACnC,yBAA0B;AAalB;AATD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,WAAW,eAAe,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC,CAAC;AAEzE,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD,sDAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,sDAAC,gCAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":["_7a468"]}

package/dist/components/checkbox.mjs

@@ -1,7 +1,7 @@
 import {
-  checkboxIndicatorRecipe,
+  checkboxIndicator,
   checkboxRecipe
-} from "../chunk-YQH4Y34B.mjs";
+} from "../chunk-HRXZ3ELS.mjs";
 import {
   pick
 } from "../chunk-4N6P3Y54.mjs";
@@ -16,9 +16,6 @@ import { CheckIcon } from "@radix-ui/react-icons";
 import { jsx } from "react/jsx-runtime";
 var Checkbox = ({ ...props }) => {
   const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));
-  const checkboxIndicator = checkboxIndicatorRecipe(
-    pick(props, ...checkboxIndicatorRecipe.variants())
-  );
   return /* @__PURE__ */ jsx(
     CheckboxPrimitive.Root,
     {

package/dist/components/checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import {\n  CheckboxIndicatorVariants,\n  CheckboxVariants,\n  checkboxIndicatorRecipe,\n  checkboxRecipe,\n} from \"@/theme/recipes/checkbox.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\ntype CheckboxProps = CheckboxPrimitive.CheckboxProps &\n  CheckboxVariants &\n  CheckboxIndicatorVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n  const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));\n  const checkboxIndicator = checkboxIndicatorRecipe(\n    pick(props, ...checkboxIndicatorRecipe.variants()),\n  );\n\n  return (\n    <CheckboxPrimitive.Root\n      {...props}\n      className={mergeClasses(checkbox, props.className)}\n    >\n      <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n        <CheckIcon />\n      </CheckboxPrimitive.CheckboxIndicator>\n    </CheckboxPrimitive.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAQA,YAAY,uBAAuB;AACnC,SAAS,iBAAiB;AAkBlB;AAZD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,WAAW,eAAe,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC,CAAC;AACzE,QAAM,oBAAoB;AAAA,IACxB,KAAK,OAAO,GAAG,wBAAwB,SAAS,CAAC;AAAA,EACnD;AAEA,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD,8BAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,8BAAC,aAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import { CheckboxVariants, checkboxRecipe } from \"@/theme/recipes/checkbox.css\";\nimport { checkboxIndicator } from \"@/theme/styles/checkbox.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\ntype CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n  const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));\n\n  return (\n    <CheckboxPrimitive.Root\n      {...props}\n      className={mergeClasses(checkbox, props.className)}\n    >\n      <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n        <CheckIcon />\n      </CheckboxPrimitive.CheckboxIndicator>\n    </CheckboxPrimitive.Root>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAIA,YAAY,uBAAuB;AACnC,SAAS,iBAAiB;AAalB;AATD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,WAAW,eAAe,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC,CAAC;AAEzE,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD,8BAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,8BAAC,aAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/container.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { C as ContainerVariants } from '../container.css-DEKRVrvD.mjs';
-import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
+import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 
 declare const defaultElement = "div";

package/dist/components/container.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { C as ContainerVariants } from '../container.css-DEKRVrvD.js';
-import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
+import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 
 declare const defaultElement = "div";

package/dist/components/dropdown-menu.css

@@ -1,9 +1,9 @@
-/* vanilla-extract-css-ns:src/theme/recipes/box.css.ts.vanilla.css?source=LmJveF9ib3hSZWNpcGVfXzFlNTQzNDMwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9 */
-.box_boxRecipe__1e543430 {
+/* vanilla-extract-css-ns:src/theme/styles/box.css.ts.vanilla.css?source=LmJveF9ib3hfXzFqMTJhNzAwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9 */
+.box_box__1j12a700 {
   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== */
+/* vanilla-extract-css-ns:src/theme/recipes/flex.css.ts.vanilla.css?source=#H4sIAAAAAAAAE43UwY6CMBAG4LtP0ePuoUZAAfEtvOyRFBixii0pVXQ3++4bQAaDLewFDv3ny5SEf3ko4B43jz2kvIQ4dkIvebjnFflZEJLIO634Nxd5RBKpMlA0kffdgpCMV2XBHhFpZneL38VyLLGC5yKuNFMaVadV2xPKNVyqbp62qQklBaFBIeO+M11iggCR4bxnWQNENnkVBTo9orJ+V56RCSRhFRRcDB968670GSOTcQWp5lLEStao+K3SXgIDEVGynjFSWVwvApnAyHSh+W32cANVDVcLbUtR1SX/tdxY3U7sOAnnrIwdZFjL5KyMyI2pD0qrkqVAm8BWJBBmq0+r4qKSmBUXFceueKikZsVDxbUra1Qys7JGxbMrG1TArGxQWdsVH5WDWfFR2diVAJXcrASo+HYlROVoVkJUAruyRYWblS0qoVk5XSvND49REZ5a7XlGUyk0CD1bhr01qsOzGZuoxB56LcViYiVbMfZOAroGGHrkYra6T/YMG8FasTIW8qt59ZgYfvjmOCJCNm/7fP06LcfT87PjxilNxEvV/AHz0Fl4RQcAAA== */
 .flex_flexRecipe__183by2k0 {
   box-sizing: border-box;
   display: flex;
@@ -84,8 +84,8 @@
   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 {
+/* vanilla-extract-css-ns:src/theme/styles/menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAE5VUwW7bMAy95yt0XA4qmqwbWvc07LIB2ynHYQhoibbZyZQhUYnTYf8+yJkTJy287RLAxNPj4+NjblrktC0h4lfk9Fmw3W77/j3Xh1v1c6GUpdg5OBSqctg/LpQCRzVrEmxjoQyyYMjlpxSFqoM2ngVZChU7MKhLlD0iZ0TlWXSkZyzUDsIbrXNhQ88Y9Wq7XT1wiff2YXmC7iAQsGhOLQYyhRIok4OQCzGjHDHqBqlupFCrXDEpRB8KZbGC5CSXUsSgIzo0Uij2jLm4b0hQDwpzcR+gy+WR6ygvDtLenaStazOI68Ba4lo7rM7YYdgz9u4CGS5oX4WWPlgMOoClFEdo/qKJOeu6WT4ufi1uhp21V/taDfvqfCQhz4UK6EBoNwxcgvlRB5/YauNdtkgCcOwgIMsMZdH4HYaB+CXFn3mwBRYyH3Mx6gnvp/z2LL6q5sR/syCgG6obl91C+33o6pPkNZ9X9/8yPpjswkRH/XcdliKUbhRx0cgcG0QHOUL59/7EvTp0yzmRL9+uJ2+fltMMsxcNzvk92iFLnvKpadwhSxz9mI7xBUp04xzrmTDM+oa9bFIpbmqYuTJsbPL2GAzf51shrosxxqUf/ipaYr0nK02hVuvbrp/cxOU1nCN+e9Vqgx0EEB/GnndDz9PVH0lbCDWxFt/N8Z5wpRfx7Tz0H3OWwzlxCrP838T/kgVTBQAA */
+.menu_baseMenuItem__xx6ngy0 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -95,48 +95,49 @@
   cursor: default;
   user-select: none;
   white-space: nowrap;
-  height: var(--sizes-5__19nbe8d2gb);
+  height: var(--sizes-5__19nbe8d2gc);
   padding-left: var(--space-5__19nbe8d4);
   padding-right: var(--space-5__19nbe8d4);
-  border-radius: var(--radii-1__19nbe8d2gg);
+  border-radius: var(--radii-1__19nbe8d2gh);
 }
-.menu_menuItemRecipe__dsc0091 {
+.menu_menuItem__xx6ngy1 {
   position: relative;
   background-color: transparent;
 }
-.menu_menuItemRecipe__dsc0091:hover {
+.menu_menuItem__xx6ngy1:hover {
   background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
 }
-.menu_menuItemRecipe__dsc0091[data-highlighted] {
+.menu_menuItem__xx6ngy1[data-highlighted] {
   outline: none;
   background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
 }
-.menu_menuItemRecipe__dsc0091[data-disabled] {
+.menu_menuItem__xx6ngy1[data-disabled] {
   color: var(--colors-slate-slate8__19nbe8d1yp);
   background-color: var(--colors-slate-slate2__19nbe8d1yj);
   cursor: not-allowed;
   pointer-events: none;
 }
-.menu_menuLabelRecipe__dsc0092 {
+.menu_menuLabel__xx6ngy2 {
   position: relative;
   color: var(--semanticColors-textSubtle__19nbe8d2fc);
 }
-.menu_menuRecipe__dsc0093 {
+.menu_menu__xx6ngy3 {
   box-sizing: border-box;
   min-width: 120px;
   padding: var(--space-1__19nbe8d0);
 }
-.menu_menuSeparatorRecipe__dsc0094 {
+.menu_menuSeparator__xx6ngy4 {
   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 {
+/* vanilla-extract-css-ns:src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBjb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZVRleHRDb250cmFzdF9fMTluYmU4ZDJmOSk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaik7CiAgYm94LXNoYWRvdzogdmFyKC0tc2VtYW50aWNDb2xvcnMtc2hhZG93X18xOW5iZThkMmZoKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zaGFkb3dfXzE5bmJlOGQyZmgpIDBweCAxMHB4IDIwcHggLTE1cHg7Cn0= */
+.panel_panel__gh9suz0 {
+  color: var(--semanticColors-surfaceTextContrast__19nbe8d2f9);
   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;
+  border-radius: var(--radii-3__19nbe8d2gj);
+  box-shadow: var(--semanticColors-shadow__19nbe8d2fh) 0px 10px 38px -10px, var(--semanticColors-shadow__19nbe8d2fh) 0px 10px 20px -15px;
 }
 /*# sourceMappingURL=dropdown-menu.css.map */

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

@@ -1 +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":[]}
+{"version":3,"sources":["vanilla-extract-css-ns:src/theme/styles/box.css.ts.vanilla.css?source=LmJveF9ib3hfXzFqMTJhNzAwIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9","vanilla-extract-css-ns:src/theme/recipes/flex.css.ts.vanilla.css?source=#H4sIAAAAAAAAE43UwY6CMBAG4LtP0ePuoUZAAfEtvOyRFBixii0pVXQ3++4bQAaDLewFDv3ny5SEf3ko4B43jz2kvIQ4dkIvebjnFflZEJLIO634Nxd5RBKpMlA0kffdgpCMV2XBHhFpZneL38VyLLGC5yKuNFMaVadV2xPKNVyqbp62qQklBaFBIeO+M11iggCR4bxnWQNENnkVBTo9orJ+V56RCSRhFRRcDB968670GSOTcQWp5lLEStao+K3SXgIDEVGynjFSWVwvApnAyHSh+W32cANVDVcLbUtR1SX/tdxY3U7sOAnnrIwdZFjL5KyMyI2pD0qrkqVAm8BWJBBmq0+r4qKSmBUXFceueKikZsVDxbUra1Qys7JGxbMrG1TArGxQWdsVH5WDWfFR2diVAJXcrASo+HYlROVoVkJUAruyRYWblS0qoVk5XSvND49REZ5a7XlGUyk0CD1bhr01qsOzGZuoxB56LcViYiVbMfZOAroGGHrkYra6T/YMG8FasTIW8qt59ZgYfvjmOCJCNm/7fP06LcfT87PjxilNxEvV/AHz0Fl4RQcAAA==","vanilla-extract-css-ns:src/theme/styles/menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAE5VUwW7bMAy95yt0XA4qmqwbWvc07LIB2ynHYQhoibbZyZQhUYnTYf8+yJkTJy287RLAxNPj4+NjblrktC0h4lfk9Fmw3W77/j3Xh1v1c6GUpdg5OBSqctg/LpQCRzVrEmxjoQyyYMjlpxSFqoM2ngVZChU7MKhLlD0iZ0TlWXSkZyzUDsIbrXNhQ88Y9Wq7XT1wiff2YXmC7iAQsGhOLQYyhRIok4OQCzGjHDHqBqlupFCrXDEpRB8KZbGC5CSXUsSgIzo0Uij2jLm4b0hQDwpzcR+gy+WR6ygvDtLenaStazOI68Ba4lo7rM7YYdgz9u4CGS5oX4WWPlgMOoClFEdo/qKJOeu6WT4ufi1uhp21V/taDfvqfCQhz4UK6EBoNwxcgvlRB5/YauNdtkgCcOwgIMsMZdH4HYaB+CXFn3mwBRYyH3Mx6gnvp/z2LL6q5sR/syCgG6obl91C+33o6pPkNZ9X9/8yPpjswkRH/XcdliKUbhRx0cgcG0QHOUL59/7EvTp0yzmRL9+uJ2+fltMMsxcNzvk92iFLnvKpadwhSxz9mI7xBUp04xzrmTDM+oa9bFIpbmqYuTJsbPL2GAzf51shrosxxqUf/ipaYr0nK02hVuvbrp/cxOU1nCN+e9Vqgx0EEB/GnndDz9PVH0lbCDWxFt/N8Z5wpRfx7Tz0H3OWwzlxCrP838T/kgVTBQAA","vanilla-extract-css-ns:src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBjb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZVRleHRDb250cmFzdF9fMTluYmU4ZDJmOSk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaik7CiAgYm94LXNoYWRvdzogdmFyKC0tc2VtYW50aWNDb2xvcnMtc2hhZG93X18xOW5iZThkMmZoKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zaGFkb3dfXzE5bmJlOGQyZmgpIDBweCAxMHB4IDIwcHggLTE1cHg7Cn0="],"sourcesContent":[".box_box__1j12a700 {\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_baseMenuItem__xx6ngy0 {\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__19nbe8d2gc);\n  padding-left: var(--space-5__19nbe8d4);\n  padding-right: var(--space-5__19nbe8d4);\n  border-radius: var(--radii-1__19nbe8d2gh);\n}\n.menu_menuItem__xx6ngy1 {\n  position: relative;\n  background-color: transparent;\n}\n.menu_menuItem__xx6ngy1:hover {\n  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.menu_menuItem__xx6ngy1[data-highlighted] {\n  outline: none;\n  background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.menu_menuItem__xx6ngy1[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_menuLabel__xx6ngy2 {\n  position: relative;\n  color: var(--semanticColors-textSubtle__19nbe8d2fc);\n}\n.menu_menu__xx6ngy3 {\n  box-sizing: border-box;\n  min-width: 120px;\n  padding: var(--space-1__19nbe8d0);\n}\n.menu_menuSeparator__xx6ngy4 {\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_panel__gh9suz0 {\n  color: var(--semanticColors-surfaceTextContrast__19nbe8d2f9);\n  background-color: var(--semanticColors-surface__19nbe8d2f8);\n  border-radius: var(--radii-3__19nbe8d2gj);\n  box-shadow: var(--semanticColors-shadow__19nbe8d2fh) 0px 10px 38px -10px, var(--semanticColors-shadow__19nbe8d2fh) 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,sBAIsB;AACrB,oBAAkB,IAAI;AACxB;AACA,CAPC,sBAOsB,CAAC;AACtB,WAAS;AACT,oBAAkB,IAAI;AACxB;AACA,CAXC,sBAWsB,CAAC;AACtB,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,SAAO,IAAI;AACX,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI,qCAAqC,IAAI,KAAK,KAAK,KAAK,EAAE,IAAI,qCAAqC,IAAI,KAAK,KAAK;AACnI;","names":[]}

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

@@ -1,25 +1,22 @@
 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;
+type DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps;
 declare const DropdownMenuContent: ({ ...props }: DropdownMenuContentProps) => react_jsx_runtime.JSX.Element;
-type DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps & MenuItemVariants;
+type DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps;
 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;
+type DropdownMenuLabelProps = DropdownMenuPrimitive.DropdownMenuLabelProps;
 declare const DropdownMenuLabel: ({ ...props }: DropdownMenuLabelProps) => react_jsx_runtime.JSX.Element;
-type DropdownMenuSeparatorProps = DropdownMenuPrimitive.DropdownMenuSeparatorProps & MenuSeparatorVariants;
+type DropdownMenuSeparatorProps = DropdownMenuPrimitive.DropdownMenuSeparatorProps;
 declare const DropdownMenuSeparator: ({ ...props }: DropdownMenuSeparatorProps) => react_jsx_runtime.JSX.Element;
-type DropdownMenuCheckboxItemProps = DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & MenuItemVariants;
+type DropdownMenuCheckboxItemProps = DropdownMenuPrimitive.DropdownMenuCheckboxItemProps;
 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;
+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 };

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

@@ -1,25 +1,22 @@
 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;
+type DropdownMenuContentProps = DropdownMenuPrimitive.DropdownMenuContentProps;
 declare const DropdownMenuContent: ({ ...props }: DropdownMenuContentProps) => react_jsx_runtime.JSX.Element;
-type DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps & MenuItemVariants;
+type DropdownMenuItemProps = DropdownMenuPrimitive.DropdownMenuItemProps;
 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;
+type DropdownMenuLabelProps = DropdownMenuPrimitive.DropdownMenuLabelProps;
 declare const DropdownMenuLabel: ({ ...props }: DropdownMenuLabelProps) => react_jsx_runtime.JSX.Element;
-type DropdownMenuSeparatorProps = DropdownMenuPrimitive.DropdownMenuSeparatorProps & MenuSeparatorVariants;
+type DropdownMenuSeparatorProps = DropdownMenuPrimitive.DropdownMenuSeparatorProps;
 declare const DropdownMenuSeparator: ({ ...props }: DropdownMenuSeparatorProps) => react_jsx_runtime.JSX.Element;
-type DropdownMenuCheckboxItemProps = DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & MenuItemVariants;
+type DropdownMenuCheckboxItemProps = DropdownMenuPrimitive.DropdownMenuCheckboxItemProps;
 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;
+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 };