@nayhoo/ui 0.9.0 → 0.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{avatar.css-BKo21sUI.d.mts → avatar.css-Lh26jRUS.d.mts} +1 -3
- package/dist/{avatar.css-BKo21sUI.d.ts → avatar.css-Lh26jRUS.d.ts} +1 -3
- package/dist/{checkbox.css-BlFMNrMD.d.mts → checkbox.css-C3L6B1cb.d.mts} +1 -3
- package/dist/{checkbox.css-BlFMNrMD.d.ts → checkbox.css-C3L6B1cb.d.ts} +1 -3
- package/dist/chunk-3HAUMRRS.mjs +8 -0
- package/dist/chunk-3HAUMRRS.mjs.map +1 -0
- package/dist/chunk-67K3UKEB.mjs +7 -0
- package/dist/chunk-67K3UKEB.mjs.map +1 -0
- package/dist/{chunk-7MD4JYZV.mjs → chunk-JZLACTAO.mjs} +2 -4
- package/dist/chunk-JZLACTAO.mjs.map +1 -0
- package/dist/chunk-KL3725C5.mjs +13 -0
- package/dist/chunk-KL3725C5.mjs.map +1 -0
- package/dist/chunk-LKYTRD4P.mjs +14 -0
- package/dist/chunk-LKYTRD4P.mjs.map +1 -0
- package/dist/chunk-NOIOHUNH.mjs +7 -0
- package/dist/chunk-NOIOHUNH.mjs.map +1 -0
- package/dist/chunk-OI24WXH6.mjs +7 -0
- package/dist/chunk-OI24WXH6.mjs.map +1 -0
- package/dist/chunk-P3OUEGR4.mjs +7 -0
- package/dist/chunk-P3OUEGR4.mjs.map +1 -0
- package/dist/chunk-R6MZB2ED.mjs +1 -0
- package/dist/{chunk-YQH4Y34B.mjs → chunk-RW2UU73S.mjs} +6 -4
- package/dist/chunk-RW2UU73S.mjs.map +1 -0
- package/dist/{chunk-XALDYHCC.mjs → chunk-WPNBONR3.mjs} +3 -8
- package/dist/chunk-WPNBONR3.mjs.map +1 -0
- package/dist/component-props-BHzinuRX.d.mts +5 -0
- package/dist/component-props-BHzinuRX.d.ts +5 -0
- package/dist/components/avatar.css +20 -18
- package/dist/components/avatar.css.map +1 -1
- package/dist/components/avatar.d.mts +1 -1
- package/dist/components/avatar.d.ts +1 -1
- package/dist/components/avatar.js +19 -22
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/avatar.mjs +6 -6
- package/dist/components/avatar.mjs.map +1 -1
- package/dist/components/badge.d.mts +1 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/box.css +2 -2
- package/dist/components/box.css.map +1 -1
- package/dist/components/box.d.mts +2 -4
- package/dist/components/box.d.ts +2 -4
- package/dist/components/box.js +2 -14
- package/dist/components/box.js.map +1 -1
- package/dist/components/box.mjs +2 -3
- package/dist/components/button.d.mts +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/card.css +2 -2
- package/dist/components/card.css.map +1 -1
- package/dist/components/card.d.mts +1 -1
- package/dist/components/card.d.ts +1 -1
- package/dist/components/card.js +1 -1
- package/dist/components/card.js.map +1 -1
- package/dist/components/card.mjs +2 -2
- package/dist/components/checkbox.css +4 -2
- package/dist/components/checkbox.css.map +1 -1
- package/dist/components/checkbox.d.mts +2 -2
- package/dist/components/checkbox.d.ts +2 -2
- package/dist/components/checkbox.js +3 -4
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/checkbox.mjs +2 -5
- package/dist/components/checkbox.mjs.map +1 -1
- package/dist/components/container.d.mts +1 -1
- package/dist/components/container.d.ts +1 -1
- package/dist/components/dropdown-menu.css +13 -13
- package/dist/components/dropdown-menu.css.map +1 -1
- package/dist/components/dropdown-menu.d.mts +6 -9
- package/dist/components/dropdown-menu.d.ts +6 -9
- package/dist/components/dropdown-menu.js +20 -37
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/dropdown-menu.mjs +11 -25
- package/dist/components/dropdown-menu.mjs.map +1 -1
- package/dist/components/flex.d.mts +1 -1
- package/dist/components/flex.d.ts +1 -1
- package/dist/components/form.css +12 -10
- package/dist/components/form.css.map +1 -1
- package/dist/components/form.d.mts +3 -3
- package/dist/components/form.d.ts +3 -3
- package/dist/components/form.js +5 -7
- package/dist/components/form.js.map +1 -1
- package/dist/components/form.mjs +3 -7
- package/dist/components/form.mjs.map +1 -1
- package/dist/components/grid.d.mts +1 -1
- package/dist/components/grid.d.ts +1 -1
- package/dist/components/heading.d.mts +1 -1
- package/dist/components/heading.d.ts +1 -1
- package/dist/components/icon-button.d.mts +1 -1
- package/dist/components/icon-button.d.ts +1 -1
- package/dist/components/label.css +7 -7
- package/dist/components/label.css.map +1 -1
- package/dist/components/label.js +4 -16
- package/dist/components/label.js.map +1 -1
- package/dist/components/label.mjs +2 -7
- package/dist/components/label.mjs.map +1 -1
- package/dist/components/link.d.mts +1 -1
- package/dist/components/link.d.ts +1 -1
- package/dist/components/menu.css +13 -13
- package/dist/components/menu.css.map +1 -1
- package/dist/components/menu.d.mts +7 -10
- package/dist/components/menu.d.ts +7 -10
- package/dist/components/menu.js +20 -39
- package/dist/components/menu.js.map +1 -1
- package/dist/components/menu.mjs +11 -27
- package/dist/components/menu.mjs.map +1 -1
- package/dist/components/panel.css +2 -2
- package/dist/components/panel.css.map +1 -1
- package/dist/components/panel.d.mts +2 -4
- package/dist/components/panel.d.ts +2 -4
- package/dist/components/panel.js +2 -14
- package/dist/components/panel.js.map +1 -1
- package/dist/components/panel.mjs +3 -8
- package/dist/components/panel.mjs.map +1 -1
- package/dist/components/paragraph.d.mts +1 -1
- package/dist/components/paragraph.d.ts +1 -1
- package/dist/components/select.css +11 -11
- package/dist/components/select.css.map +1 -1
- package/dist/components/select.d.mts +4 -6
- package/dist/components/select.d.ts +4 -6
- package/dist/components/select.js +7 -17
- package/dist/components/select.js.map +1 -1
- package/dist/components/select.mjs +8 -16
- package/dist/components/select.mjs.map +1 -1
- package/dist/components/separator.css +4 -4
- package/dist/components/separator.css.map +1 -1
- package/dist/components/separator.d.mts +1 -3
- package/dist/components/separator.d.ts +1 -3
- package/dist/components/separator.js +2 -14
- package/dist/components/separator.js.map +1 -1
- package/dist/components/separator.mjs +2 -7
- package/dist/components/separator.mjs.map +1 -1
- package/dist/components/skeleton.d.mts +1 -1
- package/dist/components/skeleton.d.ts +1 -1
- package/dist/components/spinner.d.mts +1 -1
- package/dist/components/spinner.d.ts +1 -1
- package/dist/components/status.d.mts +1 -1
- package/dist/components/status.d.ts +1 -1
- package/dist/components/text-field.d.mts +1 -1
- package/dist/components/text-field.d.ts +1 -1
- package/dist/components/text.d.mts +1 -1
- package/dist/components/text.d.ts +1 -1
- package/dist/components/tooltip.css +2 -2
- package/dist/components/tooltip.css.map +1 -1
- package/dist/components/tooltip.js +15 -18
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/tooltip.mjs +2 -2
- package/dist/form.css-QulER1wj.d.mts +13 -0
- package/dist/form.css-QulER1wj.d.ts +13 -0
- package/dist/theme/index.css +109 -113
- package/dist/theme/index.css.map +1 -1
- package/dist/theme/index.d.mts +23 -13
- package/dist/theme/index.d.ts +23 -13
- package/dist/theme/index.js +79 -83
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +32 -34
- package/dist/theme/index.mjs.map +1 -1
- package/package.json +1 -1
- package/dist/box.css-ic5Toaj1.d.mts +0 -7
- package/dist/box.css-ic5Toaj1.d.ts +0 -7
- package/dist/chunk-3RLW7QB4.mjs +0 -14
- package/dist/chunk-3RLW7QB4.mjs.map +0 -1
- package/dist/chunk-7MD4JYZV.mjs.map +0 -1
- package/dist/chunk-JWHPBA5J.mjs +0 -1
- package/dist/chunk-KQPNQST6.mjs +0 -8
- package/dist/chunk-KQPNQST6.mjs.map +0 -1
- package/dist/chunk-LWL4262W.mjs +0 -8
- package/dist/chunk-LWL4262W.mjs.map +0 -1
- package/dist/chunk-PHULHA6N.mjs +0 -12
- package/dist/chunk-PHULHA6N.mjs.map +0 -1
- package/dist/chunk-SRMXCTGE.mjs +0 -8
- package/dist/chunk-SRMXCTGE.mjs.map +0 -1
- package/dist/chunk-X2Q6GLO5.mjs +0 -8
- package/dist/chunk-X2Q6GLO5.mjs.map +0 -1
- package/dist/chunk-XALDYHCC.mjs.map +0 -1
- package/dist/chunk-YQH4Y34B.mjs.map +0 -1
- package/dist/chunk-ZJDUO7Y6.mjs +0 -8
- package/dist/chunk-ZJDUO7Y6.mjs.map +0 -1
- package/dist/component-props-CuOrXFyX.d.mts +0 -5
- package/dist/component-props-CuOrXFyX.d.ts +0 -5
- package/dist/form.css-DJxDoc1T.d.mts +0 -17
- package/dist/form.css-DJxDoc1T.d.ts +0 -17
- package/dist/menu.css-5kJKHBR_.d.mts +0 -13
- package/dist/menu.css-5kJKHBR_.d.ts +0 -13
- package/dist/panel.css-DUVSZSQ6.d.mts +0 -7
- package/dist/panel.css-DUVSZSQ6.d.ts +0 -7
- package/dist/separator.css-Hl8ZhcXR.d.mts +0 -7
- package/dist/separator.css-Hl8ZhcXR.d.ts +0 -7
- /package/dist/{chunk-JWHPBA5J.mjs.map → chunk-R6MZB2ED.mjs.map} +0 -0
package/dist/components/menu.mjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
} from "../chunk-
|
|
2
|
+
menu,
|
|
3
|
+
menuItem,
|
|
4
|
+
menuLabel,
|
|
5
|
+
menuSeparator
|
|
6
|
+
} from "../chunk-KL3725C5.mjs";
|
|
7
7
|
import {
|
|
8
|
-
|
|
9
|
-
} from "../chunk-
|
|
8
|
+
panel
|
|
9
|
+
} from "../chunk-67K3UKEB.mjs";
|
|
10
10
|
import {
|
|
11
11
|
Flex
|
|
12
12
|
} from "../chunk-52RVZRC4.mjs";
|
|
@@ -16,12 +16,10 @@ import {
|
|
|
16
16
|
} from "../chunk-OETJQIMJ.mjs";
|
|
17
17
|
import {
|
|
18
18
|
Box
|
|
19
|
-
} from "../chunk-
|
|
20
|
-
import "../chunk-
|
|
21
|
-
import "../chunk-
|
|
22
|
-
import
|
|
23
|
-
pick
|
|
24
|
-
} from "../chunk-4N6P3Y54.mjs";
|
|
19
|
+
} from "../chunk-WPNBONR3.mjs";
|
|
20
|
+
import "../chunk-OI24WXH6.mjs";
|
|
21
|
+
import "../chunk-R6MZB2ED.mjs";
|
|
22
|
+
import "../chunk-4N6P3Y54.mjs";
|
|
25
23
|
import {
|
|
26
24
|
mergeClasses
|
|
27
25
|
} from "../chunk-7EGQM3ZL.mjs";
|
|
@@ -32,13 +30,9 @@ import { CheckIcon } from "@radix-ui/react-icons";
|
|
|
32
30
|
import * as MenuPrimitive from "@radix-ui/react-menu";
|
|
33
31
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
34
32
|
var Menu = ({ ...props }) => {
|
|
35
|
-
const variants = pick(props, ...menuRecipe.variants());
|
|
36
|
-
const menu = menuRecipe(variants);
|
|
37
33
|
return /* @__PURE__ */ jsx(MenuPrimitive.Root, { ...props, children: /* @__PURE__ */ jsx("div", { className: mergeClasses(menu, props.className), children: props.children }) });
|
|
38
34
|
};
|
|
39
35
|
var MenuContent = ({ ...props }) => {
|
|
40
|
-
const variants = pick(props, ...panelRecipe.variants());
|
|
41
|
-
const panel = panelRecipe(variants);
|
|
42
36
|
return /* @__PURE__ */ jsx(
|
|
43
37
|
MenuPrimitive.Content,
|
|
44
38
|
{
|
|
@@ -49,8 +43,6 @@ var MenuContent = ({ ...props }) => {
|
|
|
49
43
|
);
|
|
50
44
|
};
|
|
51
45
|
var MenuSeparator = ({ ...props }) => {
|
|
52
|
-
const variants = pick(props, ...menuSeparatorRecipe.variants());
|
|
53
|
-
const menuSeparator = menuSeparatorRecipe(variants);
|
|
54
46
|
return /* @__PURE__ */ jsx(
|
|
55
47
|
MenuPrimitive.Separator,
|
|
56
48
|
{
|
|
@@ -61,8 +53,6 @@ var MenuSeparator = ({ ...props }) => {
|
|
|
61
53
|
);
|
|
62
54
|
};
|
|
63
55
|
var MenuItem2 = ({ ...props }) => {
|
|
64
|
-
const variants = pick(props, ...menuItemRecipe.variants());
|
|
65
|
-
const menuItem = menuItemRecipe(variants);
|
|
66
56
|
return /* @__PURE__ */ jsx(
|
|
67
57
|
MenuPrimitive.MenuItem,
|
|
68
58
|
{
|
|
@@ -73,8 +63,6 @@ var MenuItem2 = ({ ...props }) => {
|
|
|
73
63
|
);
|
|
74
64
|
};
|
|
75
65
|
var MenuRadioItem = ({ ...props }) => {
|
|
76
|
-
const variants = pick(props, ...menuItemRecipe.variants());
|
|
77
|
-
const menuItem = menuItemRecipe(variants);
|
|
78
66
|
return /* @__PURE__ */ jsxs(
|
|
79
67
|
MenuPrimitive.RadioItem,
|
|
80
68
|
{
|
|
@@ -109,8 +97,6 @@ var MenuRadioItem = ({ ...props }) => {
|
|
|
109
97
|
);
|
|
110
98
|
};
|
|
111
99
|
var MenuCheckboxItem2 = ({ ...props }) => {
|
|
112
|
-
const variants = pick(props, ...menuItemRecipe.variants());
|
|
113
|
-
const menuItem = menuItemRecipe(variants);
|
|
114
100
|
return /* @__PURE__ */ jsxs(
|
|
115
101
|
MenuPrimitive.MenuCheckboxItem,
|
|
116
102
|
{
|
|
@@ -124,8 +110,6 @@ var MenuCheckboxItem2 = ({ ...props }) => {
|
|
|
124
110
|
);
|
|
125
111
|
};
|
|
126
112
|
var MenuLabel2 = ({ ...props }) => {
|
|
127
|
-
const variants = pick(props, ...menuLabelRecipe.variants());
|
|
128
|
-
const menuLabel = menuLabelRecipe(variants);
|
|
129
113
|
return /* @__PURE__ */ jsx(
|
|
130
114
|
MenuPrimitive.MenuLabel,
|
|
131
115
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/menu.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Flex } from \"@/components/flex\";\nimport {\n
|
|
1
|
+
{"version":3,"sources":["../../src/components/menu.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Flex } from \"@/components/flex\";\nimport {\n menu,\n menuItem,\n menuLabel,\n menuSeparator,\n} from \"@/theme/styles/menu.css\";\nimport { panel } from \"@/theme/styles/panel.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport * as MenuPrimitive from \"@radix-ui/react-menu\";\n\ntype MenuProps = MenuPrimitive.MenuProps & {\n className?: string;\n};\n\nexport const Menu = ({ ...props }: MenuProps) => {\n return (\n <MenuPrimitive.Root {...props}>\n <div className={mergeClasses(menu, props.className)}>\n {props.children}\n </div>\n </MenuPrimitive.Root>\n );\n};\n\ntype MenuContentProps = MenuPrimitive.MenuContentProps;\n\nexport const MenuContent = ({ ...props }: MenuContentProps) => {\n return (\n <MenuPrimitive.Content\n {...props}\n className={mergeClasses(panel, props.className)}\n >\n {props.children}\n </MenuPrimitive.Content>\n );\n};\n\ntype MenuSeparatorProps = MenuPrimitive.MenuSeparatorProps;\n\nexport const MenuSeparator = ({ ...props }: MenuSeparatorProps) => {\n return (\n <MenuPrimitive.Separator\n {...props}\n className={mergeClasses(menuSeparator, props.className)}\n >\n {props.children}\n </MenuPrimitive.Separator>\n );\n};\n\ntype MenuItemProps = MenuPrimitive.MenuItemProps;\n\nexport const MenuItem = ({ ...props }: MenuItemProps) => {\n return (\n <MenuPrimitive.MenuItem\n {...props}\n className={mergeClasses(menuItem, props.className)}\n >\n {props.children}\n </MenuPrimitive.MenuItem>\n );\n};\n\ntype MenuRadioItemProps = MenuPrimitive.MenuRadioItemProps;\n\nexport const MenuRadioItem = ({ ...props }: MenuRadioItemProps) => {\n return (\n <MenuPrimitive.RadioItem\n {...props}\n className={mergeClasses(menuItem, props.className)}\n >\n <Box asChild style={{ position: \"absolute\", left: theme.space[1] }}>\n <span>\n <MenuPrimitive.ItemIndicator>\n <Flex\n style={{\n width: theme.sizes[3],\n height: theme.sizes[3],\n alignItems: \"center\",\n justifyContent: \"center\",\n }}\n >\n <Box\n style={{\n width: theme.sizes[1],\n height: theme.sizes[1],\n backgroundColor: \"currentColor\",\n borderRadius: theme.radii.round,\n }}\n ></Box>\n </Flex>\n </MenuPrimitive.ItemIndicator>\n </span>\n </Box>\n {props.children}\n </MenuPrimitive.RadioItem>\n );\n};\n\ntype MenuCheckboxItemProps = MenuPrimitive.MenuCheckboxItemProps;\n\nexport const MenuCheckboxItem = ({ ...props }: MenuCheckboxItemProps) => {\n return (\n <MenuPrimitive.MenuCheckboxItem\n {...props}\n className={mergeClasses(menuItem, props.className)}\n >\n <Box asChild style={{ position: \"absolute\", left: theme.space[1] }}>\n <span>\n <MenuPrimitive.ItemIndicator>\n <CheckIcon />\n </MenuPrimitive.ItemIndicator>\n </span>\n </Box>\n {props.children}\n </MenuPrimitive.MenuCheckboxItem>\n );\n};\n\ntype MenuLabelProps = MenuPrimitive.MenuLabelProps;\n\nexport const MenuLabel = ({ ...props }: MenuLabelProps) => {\n return (\n <MenuPrimitive.MenuLabel\n {...props}\n className={mergeClasses(menuLabel, props.className)}\n >\n {props.children}\n </MenuPrimitive.MenuLabel>\n );\n};\n\nexport const MenuRadioGroup = MenuPrimitive.RadioGroup;\n\nexport const MenuGroup = MenuPrimitive.Group;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,SAAS,iBAAiB;AAC1B,YAAY,mBAAmB;AASzB,cAkDF,YAlDE;AAHC,IAAM,OAAO,CAAC,EAAE,GAAG,MAAM,MAAiB;AAC/C,SACE,oBAAe,oBAAd,EAAoB,GAAG,OACtB,8BAAC,SAAI,WAAW,aAAa,MAAM,MAAM,SAAS,GAC/C,gBAAM,UACT,GACF;AAEJ;AAIO,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,OAAO,MAAM,SAAS;AAAA,MAE7C,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,gBAAgB,CAAC,EAAE,GAAG,MAAM,MAA0B;AACjE,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,eAAe,MAAM,SAAS;AAAA,MAErD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAMA,YAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEhD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAIO,IAAM,gBAAgB,CAAC,EAAE,GAAG,MAAM,MAA0B;AACjE,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD;AAAA,4BAAC,OAAI,SAAO,MAAC,OAAO,EAAE,UAAU,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,GAC/D,8BAAC,UACC,8BAAe,6BAAd,EACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO,MAAM,MAAM,CAAC;AAAA,cACpB,QAAQ,MAAM,MAAM,CAAC;AAAA,cACrB,YAAY;AAAA,cACZ,gBAAgB;AAAA,YAClB;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,OAAO,MAAM,MAAM,CAAC;AAAA,kBACpB,QAAQ,MAAM,MAAM,CAAC;AAAA,kBACrB,iBAAiB;AAAA,kBACjB,cAAc,MAAM,MAAM;AAAA,gBAC5B;AAAA;AAAA,YACD;AAAA;AAAA,QACH,GACF,GACF,GACF;AAAA,QACC,MAAM;AAAA;AAAA;AAAA,EACT;AAEJ;AAIO,IAAMC,oBAAmB,CAAC,EAAE,GAAG,MAAM,MAA6B;AACvE,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD;AAAA,4BAAC,OAAI,SAAO,MAAC,OAAO,EAAE,UAAU,YAAY,MAAM,MAAM,MAAM,CAAC,EAAE,GAC/D,8BAAC,UACC,8BAAe,6BAAd,EACC,8BAAC,aAAU,GACb,GACF,GACF;AAAA,QACC,MAAM;AAAA;AAAA;AAAA,EACT;AAEJ;AAIO,IAAMC,aAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,SACE;AAAA,IAAe;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;AAEO,IAAM,iBAA+B;AAErC,IAAM,YAA0B;","names":["MenuItem","MenuCheckboxItem","MenuLabel"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zdXJmYWNlX18xOW5iZThkMmY4KTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpaS0zX18xOW5iZThkMmdpKTsKICBib3gtc2hhZG93OiB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAyMHB4IC0xNXB4Owp9 */
|
|
2
|
+
.panel_panel__gh9suz0 {
|
|
3
3
|
background-color: var(--semanticColors-surface__19nbe8d2f8);
|
|
4
4
|
border-radius: var(--radii-3__19nbe8d2gi);
|
|
5
5
|
box-shadow: var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 38px -10px, var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 20px -15px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zdXJmYWNlX18xOW5iZThkMmY4KTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpaS0zX18xOW5iZThkMmdpKTsKICBib3gtc2hhZG93OiB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAyMHB4IC0xNXB4Owp9"],"sourcesContent":[".panel_panel__gh9suz0 {\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,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI,mCAAmC,IAAI,KAAK,KAAK,KAAK,EAAE,IAAI,mCAAmC,IAAI,KAAK,KAAK;AAC/H;","names":[]}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
3
|
-
import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
|
|
4
|
-
import '@vanilla-extract/recipes';
|
|
2
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
5
3
|
|
|
6
4
|
declare const defaultElement = "div";
|
|
7
|
-
type PanelProps = ComponentProps<typeof defaultElement
|
|
5
|
+
type PanelProps = ComponentProps<typeof defaultElement>;
|
|
8
6
|
declare const Panel: ({ asChild, ...props }: PanelProps) => react_jsx_runtime.JSX.Element;
|
|
9
7
|
|
|
10
8
|
export { Panel };
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
3
|
-
import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
|
|
4
|
-
import '@vanilla-extract/recipes';
|
|
2
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
5
3
|
|
|
6
4
|
declare const defaultElement = "div";
|
|
7
|
-
type PanelProps = ComponentProps<typeof defaultElement
|
|
5
|
+
type PanelProps = ComponentProps<typeof defaultElement>;
|
|
8
6
|
declare const Panel: ({ asChild, ...props }: PanelProps) => react_jsx_runtime.JSX.Element;
|
|
9
7
|
|
|
10
8
|
export { Panel };
|
package/dist/components/panel.js
CHANGED
|
@@ -24,31 +24,19 @@ __export(panel_exports, {
|
|
|
24
24
|
});
|
|
25
25
|
module.exports = __toCommonJS(panel_exports);
|
|
26
26
|
|
|
27
|
-
// src/theme/
|
|
28
|
-
var
|
|
29
|
-
var panelRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "panel_panelRecipe__1eod6ba0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
27
|
+
// src/theme/styles/panel.css.ts
|
|
28
|
+
var panel = "panel_panel__gh9suz0";
|
|
30
29
|
|
|
31
30
|
// src/utils/merge-classes.ts
|
|
32
31
|
function mergeClasses(...classes) {
|
|
33
32
|
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
34
33
|
}
|
|
35
34
|
|
|
36
|
-
// src/utils/pick.ts
|
|
37
|
-
function pick(obj, ...keys) {
|
|
38
|
-
const ret = {};
|
|
39
|
-
keys.forEach((key) => {
|
|
40
|
-
ret[key] = obj[key];
|
|
41
|
-
});
|
|
42
|
-
return ret;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
35
|
// src/components/panel.tsx
|
|
46
36
|
var import_react_slot = require("@radix-ui/react-slot");
|
|
47
37
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
48
38
|
var defaultElement = "div";
|
|
49
39
|
var Panel = ({ asChild, ...props }) => {
|
|
50
|
-
const variants = pick(props, ...panelRecipe.variants());
|
|
51
|
-
const panel = panelRecipe(variants);
|
|
52
40
|
const Comp = asChild ? import_react_slot.Slot : defaultElement;
|
|
53
41
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(panel, props.className), children: props.children });
|
|
54
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/panel.tsx","../../src/theme/
|
|
1
|
+
{"version":3,"sources":["../../src/components/panel.tsx","../../src/theme/styles/panel.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { panel } from \"@/theme/styles/panel.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype PanelProps = ComponentProps<typeof defaultElement>;\n\nexport const Panel = ({ asChild, ...props }: PanelProps) => {\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(panel, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zdXJmYWNlX18xOW5iZThkMmY4KTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpaS0zX18xOW5iZThkMmdpKTsKICBib3gtc2hhZG93OiB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAyMHB4IC0xNXB4Owp9';\nexport var panel = 'panel_panel__gh9suz0';","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCO,IAAI,QAAQ;;;ACDZ,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFCA,wBAAqB;AAUjB;AARJ,IAAM,iBAAiB;AAIhB,IAAM,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,MAAkB;AAC1D,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,OAAO,MAAM,SAAS,GAC5D,gBAAM,UACT;AAEJ;","names":[]}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import "../chunk-
|
|
5
|
-
import {
|
|
6
|
-
pick
|
|
7
|
-
} from "../chunk-4N6P3Y54.mjs";
|
|
2
|
+
panel
|
|
3
|
+
} from "../chunk-67K3UKEB.mjs";
|
|
4
|
+
import "../chunk-R6MZB2ED.mjs";
|
|
8
5
|
import {
|
|
9
6
|
mergeClasses
|
|
10
7
|
} from "../chunk-7EGQM3ZL.mjs";
|
|
@@ -15,8 +12,6 @@ import { Slot } from "@radix-ui/react-slot";
|
|
|
15
12
|
import { jsx } from "react/jsx-runtime";
|
|
16
13
|
var defaultElement = "div";
|
|
17
14
|
var Panel = ({ asChild, ...props }) => {
|
|
18
|
-
const variants = pick(props, ...panelRecipe.variants());
|
|
19
|
-
const panel = panelRecipe(variants);
|
|
20
15
|
const Comp = asChild ? Slot : defaultElement;
|
|
21
16
|
return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(panel, props.className), children: props.children });
|
|
22
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/panel.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../../src/components/panel.tsx"],"sourcesContent":["import { panel } from \"@/theme/styles/panel.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype PanelProps = ComponentProps<typeof defaultElement>;\n\nexport const Panel = ({ asChild, ...props }: PanelProps) => {\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(panel, props.className)}>\n {props.children}\n </Comp>\n );\n};\n"],"mappings":";;;;;;;;;;AAGA,SAAS,YAAY;AAUjB;AARJ,IAAM,iBAAiB;AAIhB,IAAM,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,MAAkB;AAC1D,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,OAAO,MAAM,SAAS,GAC5D,gBAAM,UACT;AAEJ;","names":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { T as TextVariants } from '../text.css-onESqiq6.mjs';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "p";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { T as TextVariants } from '../text.css-onESqiq6.js';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "p";
|
|
@@ -121,8 +121,8 @@
|
|
|
121
121
|
background-color: var(--semanticColors-success-success6__19nbe8d2en);
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
-
/* vanilla-extract-css-ns:src/theme/
|
|
125
|
-
.
|
|
124
|
+
/* vanilla-extract-css-ns:src/theme/styles/menu.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVUTY/TMBC991f4SA9eNWVBu9kT4gISnHpEqJrYk2QWZxzZk34s4r8ju6RNuyiCS6WMnt+8efOmdx3ysK0g4lfk4bNgt90eDu+5Oa7Uz4VSlmLv4Fiq2uHhaaEUOGpYk2AXS2WQBUMqPw9RqD5q41mQpVSxB4O6QtkjckLUnkVHesFS7SC80ToVNvSCURfbbfHIFT7Yx+UZuoNAwKJ56DCQKZVANTgIqRATyhGjbpGaVkpVpIoZQvShVBZrGJyk0hAx6IgOjZSKPWMq7lsS1FlhKu4D9Kk8cp3kxSzt3VnauqmyuB6sJW60w/qCzcNesPdXyHBF+1do5YPFoANYGuIITV80MWfdNMunxa/FXd5Zd7OvIu+r95GEPJcqoAOhXR64AvOjCX5gq413ySIJwLGHgCwzlGXrdxgy8WuKP/NgByxkPqZi1BPeT+ntRXxdz4n/ZkFAt9S0LrmF9nvu6gdJa76s7v9lfDDJhYmOWRNPOixFqNwo4qqROTWIDlKE0u/Dmbs49ss5ka/fridvn5fTDLMXDc75PdqcJU/p1DTukCWOfkzH+AIVunGO9UwYZn3Dg2yGStzUMHNj2Njk7SkY/pBuhbgpxxhXPv9VdMR6T1baUhXrVX+Y3MT1NVwivrpptcEeAogPY8/73PN89SfSDkJDrMX3c7xnXOVFfDcP/cecpXBOnMIk/zck/gGmUwUAAA== */
|
|
125
|
+
.menu_baseMenuItem__xx6ngy0 {
|
|
126
126
|
display: flex;
|
|
127
127
|
align-items: center;
|
|
128
128
|
justify-content: space-between;
|
|
@@ -137,41 +137,41 @@
|
|
|
137
137
|
padding-right: var(--space-5__19nbe8d4);
|
|
138
138
|
border-radius: var(--radii-1__19nbe8d2gg);
|
|
139
139
|
}
|
|
140
|
-
.
|
|
140
|
+
.menu_menuItem__xx6ngy1 {
|
|
141
141
|
position: relative;
|
|
142
142
|
background-color: transparent;
|
|
143
143
|
}
|
|
144
|
-
.
|
|
144
|
+
.menu_menuItem__xx6ngy1:hover {
|
|
145
145
|
background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
|
|
146
146
|
}
|
|
147
|
-
.
|
|
147
|
+
.menu_menuItem__xx6ngy1[data-highlighted] {
|
|
148
148
|
outline: none;
|
|
149
149
|
background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
|
|
150
150
|
}
|
|
151
|
-
.
|
|
151
|
+
.menu_menuItem__xx6ngy1[data-disabled] {
|
|
152
152
|
color: var(--colors-slate-slate8__19nbe8d1yp);
|
|
153
153
|
background-color: var(--colors-slate-slate2__19nbe8d1yj);
|
|
154
154
|
cursor: not-allowed;
|
|
155
155
|
pointer-events: none;
|
|
156
156
|
}
|
|
157
|
-
.
|
|
157
|
+
.menu_menuLabel__xx6ngy2 {
|
|
158
158
|
position: relative;
|
|
159
159
|
color: var(--semanticColors-textSubtle__19nbe8d2fc);
|
|
160
160
|
}
|
|
161
|
-
.
|
|
161
|
+
.menu_menu__xx6ngy3 {
|
|
162
162
|
box-sizing: border-box;
|
|
163
163
|
min-width: 120px;
|
|
164
164
|
padding: var(--space-1__19nbe8d0);
|
|
165
165
|
}
|
|
166
|
-
.
|
|
166
|
+
.menu_menuSeparator__xx6ngy4 {
|
|
167
167
|
height: 1px;
|
|
168
168
|
margin-top: var(--space-1__19nbe8d0);
|
|
169
169
|
margin-bottom: var(--space-1__19nbe8d0);
|
|
170
170
|
background-color: var(--semanticColors-line__19nbe8d2fe);
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
/* vanilla-extract-css-ns:src/theme/
|
|
174
|
-
.
|
|
173
|
+
/* vanilla-extract-css-ns:src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zdXJmYWNlX18xOW5iZThkMmY4KTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpaS0zX18xOW5iZThkMmdpKTsKICBib3gtc2hhZG93OiB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAyMHB4IC0xNXB4Owp9 */
|
|
174
|
+
.panel_panel__gh9suz0 {
|
|
175
175
|
background-color: var(--semanticColors-surface__19nbe8d2f8);
|
|
176
176
|
border-radius: var(--radii-3__19nbe8d2gi);
|
|
177
177
|
box-shadow: var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 38px -10px, var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 20px -15px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAACr1XTW+cMBC951fQQ6VEqqv9SJqEnqJeem4PPSJjD+DE2Mg2+5Gq/72ygWV2G2DZVtVKS/DOzHu8Nx6Tj2ntnFZJc/kGTFSQJIVY7+liEf28iiIqZRzVyoL7HO5ErohwUNo4YqAcGL+c6h2x4lWoPI5SbTgYkuqd/6W2YIgFCczFkdIK/CIXtpJ0H0dCSaGAZBJCsL8SWxihXuJo4Veea+tEtidMKwfKYUyyhfRFOOJoRQqRF1LkhSNMS23iyOQpvV58CJ+bUForRzJaCrmPow0114T4JUsc7FySLB9VCg98lRV99BZ8RRz9I6xYUgIXdYmyVJ+1oUZQ5YiqSzCCxZGjaS2p8QvWRzlDlRVOaBV7caPlYuF/+HX1ccyLOE4h0waCJ0NyT9agmQPzVyUKvWkrsNpYL3WlRWPJVCoXlqYSeINP2UtudK14Z1kjc7ixxErqoPleHXRe7p9vDt1WUK63voMsuGgRPstq90aVp/Zy39d5bXpiAvgBAVdNQvvISjtCpdRb4H65VYDABpSzXZsPyJHVUv4Q3BWJM/VBnWUQZevXY98R7wfzpaZcqPwoe9UY0jxO6K+KGlAueifKShtHlRusZ8UrJMuu0rptjtAQhnJR204gfyfIsu/6PA+iFEfbxJez5A5FpSGqotzTJhKyPraiDAjy9yjSHJV9MzRsOI+IN+n3wKDn+RhCw5w5h+qYTKtOptspmVaoajEo0ycUxSZkWvexUzKdho7I1IemQzL5pa/t4EOEs3pCrHUn1t2/EeseRfEJsW4PsespsU5DR8TqQ9l4T51SHZKpoBUklZCyk+p+Sio/PVBxNVy8PYeSyoiSmn2H8DA6fS2UVDnBvjTDsM3trv3zr5j8c4KOJy/R5GB2Pm908lzGHm10Vl6AT5kTG/gLAmjzsDOMs8C04ojC4xzsQ3b/F7KvHYozC2ALeX7JE8w38Q0ayEhOL2Ix38o3aCA7+cjB0dHQtfPzoiNB+7ew0TeZEx5NicMMhvm48y1ALxRffS7Czy7Any8+IvAUkhGDM9owL7R1HX46AIwwZhb834KeoP93OcEYbTp8Ngc4ZDbfeBbtJmcRSsQzCG7nsp3vFYLGc2c/G3m+Twgaz5rXM0ZezRhY24GP/8d1Ouma3O6KjILpM/8k+cisM878U94XHBfHBJBlcMaZ/wf+BQfFMQFkHIQz/zf37mV4cREAAA==","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":[".button_buttonRecipe__hi3ya00 {\n all: unset;\n align-items: center;\n box-sizing: border-box;\n user-select: none;\n display: inline-flex;\n flex-shrink: 0;\n justify-content: center;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n font-family: var(--fonts-text__19nbe8d2fh);\n font-weight: var(--fontWeights-medium__19nbe8d2fn);\n font-variant-numeric: tabular-nums;\n transition: all 100ms;\n}\n.button_buttonRecipe__hi3ya00::before {\n box-sizing: border-box;\n}\n.button_buttonRecipe__hi3ya00::after {\n box-sizing: border-box;\n}\n.button_buttonRecipe__hi3ya00:hover {\n cursor: pointer;\n}\n.button_buttonRecipe__hi3ya00:disabled {\n background-color: var(--colors-slate-slate2__19nbe8d1yj);\n box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);\n color: var(--colors-slate-slate8__19nbe8d1yp);\n cursor: not-allowed;\n pointer-events: none;\n}\n.button_buttonRecipe_fullWidth_true__hi3ya01 {\n width: 100%;\n}\n.button_buttonRecipe_loading_true__hi3ya02 {\n color: transparent !important;\n}\n.button_buttonRecipe_size_1__hi3ya03 {\n border-radius: var(--radii-1__19nbe8d2gg);\n height: var(--sizes-5__19nbe8d2gb);\n padding-left: var(--space-2__19nbe8d1);\n padding-right: var(--space-2__19nbe8d1);\n font-size: var(--fontSizes-1__19nbe8d9);\n line-height: var(--sizes-5__19nbe8d2gb);\n}\n.button_buttonRecipe_size_2__hi3ya04 {\n border-radius: var(--radii-2__19nbe8d2gh);\n height: var(--sizes-6__19nbe8d2gc);\n padding-left: var(--space-3__19nbe8d2);\n padding-right: var(--space-3__19nbe8d2);\n font-size: var(--fontSizes-3__19nbe8db);\n line-height: var(--lineHeights-6__19nbe8d2fu);\n}\n.button_buttonRecipe_size_3__hi3ya05 {\n border-radius: var(--radii-2__19nbe8d2gh);\n height: var(--sizes-7__19nbe8d2gd);\n padding-left: var(--space-4__19nbe8d3);\n padding-right: var(--space-4__19nbe8d3);\n font-size: var(--fontSizes-4__19nbe8dc);\n line-height: var(--sizes-7__19nbe8d2gd);\n}\n.button_buttonRecipe_shape_pill__hi3ya07 {\n border-radius: var(--radii-full__19nbe8d2gn);\n}\n.button_buttonRecipe_variant_primary__hi3ya08 {\n background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);\n color: var(--semanticColors-primary-primary11__19nbe8d2cs);\n}\n.button_buttonRecipe_variant_primary__hi3ya08:hover {\n background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);\n}\n.button_buttonRecipe_variant_primary__hi3ya08:active {\n background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);\n}\n.button_buttonRecipe_variant_secondary__hi3ya09 {\n background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);\n color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);\n}\n.button_buttonRecipe_variant_secondary__hi3ya09:hover {\n background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);\n}\n.button_buttonRecipe_variant_secondary__hi3ya09:active {\n background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);\n}\n.button_buttonRecipe_variant_outline__hi3ya0a {\n box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n}\n.button_buttonRecipe_variant_outline__hi3ya0a:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.button_buttonRecipe_variant_outline__hi3ya0a:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.button_buttonRecipe_variant_ghost__hi3ya0b {\n background-color: transparent;\n}\n.button_buttonRecipe_variant_ghost__hi3ya0b:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.button_buttonRecipe_variant_ghost__hi3ya0b:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.button_buttonRecipe_variant_error__hi3ya0c {\n background-color: var(--semanticColors-error-error4__19nbe8d2dx);\n color: var(--semanticColors-error-error11__19nbe8d2e4);\n}\n.button_buttonRecipe_variant_error__hi3ya0c:hover {\n background-color: var(--semanticColors-error-error5__19nbe8d2dy);\n}\n.button_buttonRecipe_variant_error__hi3ya0c:active {\n background-color: var(--semanticColors-error-error6__19nbe8d2dz);\n}\n.button_buttonRecipe_variant_success__hi3ya0d {\n background-color: var(--semanticColors-success-success4__19nbe8d2el);\n color: var(--semanticColors-success-success11__19nbe8d2es);\n}\n.button_buttonRecipe_variant_success__hi3ya0d:hover {\n background-color: var(--semanticColors-success-success5__19nbe8d2em);\n}\n.button_buttonRecipe_variant_success__hi3ya0d:active {\n background-color: var(--semanticColors-success-success6__19nbe8d2en);\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":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAACr1XTW+cMBC951fQQ6VEqqv9SJqEnqJeem4PPSJjD+DE2Mg2+5Gq/72ygWV2G2DZVtVKS/DOzHu8Nx6Tj2ntnFZJc/kGTFSQJIVY7+liEf28iiIqZRzVyoL7HO5ErohwUNo4YqAcGL+c6h2x4lWoPI5SbTgYkuqd/6W2YIgFCczFkdIK/CIXtpJ0H0dCSaGAZBJCsL8SWxihXuJo4Veea+tEtidMKwfKYUyyhfRFOOJoRQqRF1LkhSNMS23iyOQpvV58CJ+bUForRzJaCrmPow0114T4JUsc7FySLB9VCg98lRV99BZ8RRz9I6xYUgIXdYmyVJ+1oUZQ5YiqSzCCxZGjaS2p8QvWRzlDlRVOaBV7caPlYuF/+HX1ccyLOE4h0waCJ0NyT9agmQPzVyUKvWkrsNpYL3WlRWPJVCoXlqYSeINP2UtudK14Z1kjc7ixxErqoPleHXRe7p9vDt1WUK63voMsuGgRPstq90aVp/Zy39d5bXpiAvgBAVdNQvvISjtCpdRb4H65VYDABpSzXZsPyJHVUv4Q3BWJM/VBnWUQZevXY98R7wfzpaZcqPwoe9UY0jxO6K+KGlAueifKShtHlRusZ8UrJMuu0rptjtAQhnJR204gfyfIsu/6PA+iFEfbxJez5A5FpSGqotzTJhKyPraiDAjy9yjSHJV9MzRsOI+IN+n3wKDn+RhCw5w5h+qYTKtOptspmVaoajEo0ycUxSZkWvexUzKdho7I1IemQzL5pa/t4EOEs3pCrHUn1t2/EeseRfEJsW4PsespsU5DR8TqQ9l4T51SHZKpoBUklZCyk+p+Sio/PVBxNVy8PYeSyoiSmn2H8DA6fS2UVDnBvjTDsM3trv3zr5j8c4KOJy/R5GB2Pm908lzGHm10Vl6AT5kTG/gLAmjzsDOMs8C04ojC4xzsQ3b/F7KvHYozC2ALeX7JE8w38Q0ayEhOL2Ix38o3aCA7+cjB0dHQtfPzoiNB+7ew0TeZEx5NicMMhvm48y1ALxRffS7Czy7Any8+IvAUkhGDM9owL7R1HX46AIwwZhb834KeoP93OcEYbTp8Ngc4ZDbfeBbtJmcRSsQzCG7nsp3vFYLGc2c/G3m+Twgaz5rXM0ZezRhY24GP/8d1Ouma3O6KjILpM/8k+cisM878U94XHBfHBJBlcMaZ/wf+BQfFMQFkHIQz/zf37mV4cREAAA==","vanilla-extract-css-ns:src/theme/styles/menu.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVUTY/TMBC991f4SA9eNWVBu9kT4gISnHpEqJrYk2QWZxzZk34s4r8ju6RNuyiCS6WMnt+8efOmdx3ysK0g4lfk4bNgt90eDu+5Oa7Uz4VSlmLv4Fiq2uHhaaEUOGpYk2AXS2WQBUMqPw9RqD5q41mQpVSxB4O6QtkjckLUnkVHesFS7SC80ToVNvSCURfbbfHIFT7Yx+UZuoNAwKJ56DCQKZVANTgIqRATyhGjbpGaVkpVpIoZQvShVBZrGJyk0hAx6IgOjZSKPWMq7lsS1FlhKu4D9Kk8cp3kxSzt3VnauqmyuB6sJW60w/qCzcNesPdXyHBF+1do5YPFoANYGuIITV80MWfdNMunxa/FXd5Zd7OvIu+r95GEPJcqoAOhXR64AvOjCX5gq413ySIJwLGHgCwzlGXrdxgy8WuKP/NgByxkPqZi1BPeT+ntRXxdz4n/ZkFAt9S0LrmF9nvu6gdJa76s7v9lfDDJhYmOWRNPOixFqNwo4qqROTWIDlKE0u/Dmbs49ss5ka/fridvn5fTDLMXDc75PdqcJU/p1DTukCWOfkzH+AIVunGO9UwYZn3Dg2yGStzUMHNj2Njk7SkY/pBuhbgpxxhXPv9VdMR6T1baUhXrVX+Y3MT1NVwivrpptcEeAogPY8/73PN89SfSDkJDrMX3c7xnXOVFfDcP/cecpXBOnMIk/zck/gGmUwUAAA==","vanilla-extract-css-ns:src/theme/styles/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsX19naDlzdXowIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1hbnRpY0NvbG9ycy1zdXJmYWNlX18xOW5iZThkMmY4KTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpaS0zX18xOW5iZThkMmdpKTsKICBib3gtc2hhZG93OiB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAzOHB4IC0xMHB4LCB2YXIoLS1jb2xvcnMtc2xhdGUtc2xhdGU4X18xOW5iZThkMXlwKSAwcHggMTBweCAyMHB4IC0xNXB4Owp9"],"sourcesContent":[".button_buttonRecipe__hi3ya00 {\n all: unset;\n align-items: center;\n box-sizing: border-box;\n user-select: none;\n display: inline-flex;\n flex-shrink: 0;\n justify-content: center;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n font-family: var(--fonts-text__19nbe8d2fh);\n font-weight: var(--fontWeights-medium__19nbe8d2fn);\n font-variant-numeric: tabular-nums;\n transition: all 100ms;\n}\n.button_buttonRecipe__hi3ya00::before {\n box-sizing: border-box;\n}\n.button_buttonRecipe__hi3ya00::after {\n box-sizing: border-box;\n}\n.button_buttonRecipe__hi3ya00:hover {\n cursor: pointer;\n}\n.button_buttonRecipe__hi3ya00:disabled {\n background-color: var(--colors-slate-slate2__19nbe8d1yj);\n box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);\n color: var(--colors-slate-slate8__19nbe8d1yp);\n cursor: not-allowed;\n pointer-events: none;\n}\n.button_buttonRecipe_fullWidth_true__hi3ya01 {\n width: 100%;\n}\n.button_buttonRecipe_loading_true__hi3ya02 {\n color: transparent !important;\n}\n.button_buttonRecipe_size_1__hi3ya03 {\n border-radius: var(--radii-1__19nbe8d2gg);\n height: var(--sizes-5__19nbe8d2gb);\n padding-left: var(--space-2__19nbe8d1);\n padding-right: var(--space-2__19nbe8d1);\n font-size: var(--fontSizes-1__19nbe8d9);\n line-height: var(--sizes-5__19nbe8d2gb);\n}\n.button_buttonRecipe_size_2__hi3ya04 {\n border-radius: var(--radii-2__19nbe8d2gh);\n height: var(--sizes-6__19nbe8d2gc);\n padding-left: var(--space-3__19nbe8d2);\n padding-right: var(--space-3__19nbe8d2);\n font-size: var(--fontSizes-3__19nbe8db);\n line-height: var(--lineHeights-6__19nbe8d2fu);\n}\n.button_buttonRecipe_size_3__hi3ya05 {\n border-radius: var(--radii-2__19nbe8d2gh);\n height: var(--sizes-7__19nbe8d2gd);\n padding-left: var(--space-4__19nbe8d3);\n padding-right: var(--space-4__19nbe8d3);\n font-size: var(--fontSizes-4__19nbe8dc);\n line-height: var(--sizes-7__19nbe8d2gd);\n}\n.button_buttonRecipe_shape_pill__hi3ya07 {\n border-radius: var(--radii-full__19nbe8d2gn);\n}\n.button_buttonRecipe_variant_primary__hi3ya08 {\n background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);\n color: var(--semanticColors-primary-primary11__19nbe8d2cs);\n}\n.button_buttonRecipe_variant_primary__hi3ya08:hover {\n background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);\n}\n.button_buttonRecipe_variant_primary__hi3ya08:active {\n background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);\n}\n.button_buttonRecipe_variant_secondary__hi3ya09 {\n background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);\n color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);\n}\n.button_buttonRecipe_variant_secondary__hi3ya09:hover {\n background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);\n}\n.button_buttonRecipe_variant_secondary__hi3ya09:active {\n background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);\n}\n.button_buttonRecipe_variant_outline__hi3ya0a {\n box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n}\n.button_buttonRecipe_variant_outline__hi3ya0a:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.button_buttonRecipe_variant_outline__hi3ya0a:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.button_buttonRecipe_variant_ghost__hi3ya0b {\n background-color: transparent;\n}\n.button_buttonRecipe_variant_ghost__hi3ya0b:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.button_buttonRecipe_variant_ghost__hi3ya0b:active {\n background-color: var(--semanticColors-transparentActive__19nbe8d2fg);\n}\n.button_buttonRecipe_variant_error__hi3ya0c {\n background-color: var(--semanticColors-error-error4__19nbe8d2dx);\n color: var(--semanticColors-error-error11__19nbe8d2e4);\n}\n.button_buttonRecipe_variant_error__hi3ya0c:hover {\n background-color: var(--semanticColors-error-error5__19nbe8d2dy);\n}\n.button_buttonRecipe_variant_error__hi3ya0c:active {\n background-color: var(--semanticColors-error-error6__19nbe8d2dz);\n}\n.button_buttonRecipe_variant_success__hi3ya0d {\n background-color: var(--semanticColors-success-success4__19nbe8d2el);\n color: var(--semanticColors-success-success11__19nbe8d2es);\n}\n.button_buttonRecipe_variant_success__hi3ya0d:hover {\n background-color: var(--semanticColors-success-success5__19nbe8d2em);\n}\n.button_buttonRecipe_variant_success__hi3ya0d:active {\n background-color: var(--semanticColors-success-success6__19nbe8d2en);\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__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_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 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":"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","names":[]}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import { B as ButtonVariants } from '../button.css-CU-ScpcU.mjs';
|
|
4
|
-
import { M as MenuVariants, a as MenuItemVariants, b as MenuLabelVariants, c as MenuSeparatorVariants } from '../menu.css-5kJKHBR_.mjs';
|
|
5
|
-
import { P as PanelVariants } from '../panel.css-DUVSZSQ6.mjs';
|
|
6
4
|
import * as SelectPrimitive from '@radix-ui/react-Select';
|
|
7
5
|
import '@vanilla-extract/recipes';
|
|
8
6
|
|
|
@@ -11,15 +9,15 @@ type SelectTriggerProps = SelectPrimitive.SelectTriggerProps & ButtonVariants &
|
|
|
11
9
|
placeholder?: React.ReactNode;
|
|
12
10
|
};
|
|
13
11
|
declare const SelectTrigger: ({ placeholder, variant, ...props }: SelectTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
14
|
-
type SelectContentProps = SelectPrimitive.SelectContentProps
|
|
12
|
+
type SelectContentProps = SelectPrimitive.SelectContentProps;
|
|
15
13
|
declare const SelectContent: ({ ...props }: SelectContentProps) => react_jsx_runtime.JSX.Element;
|
|
16
|
-
type SelectItemProps = SelectPrimitive.SelectItemProps
|
|
14
|
+
type SelectItemProps = SelectPrimitive.SelectItemProps;
|
|
17
15
|
declare const SelectItem: ({ ...props }: SelectItemProps) => react_jsx_runtime.JSX.Element;
|
|
18
16
|
declare const SelectViewport: react.ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & react.RefAttributes<HTMLDivElement>>;
|
|
19
17
|
declare const SelectGroup: react.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
20
|
-
type SelectLabelProps = SelectPrimitive.SelectLabelProps
|
|
18
|
+
type SelectLabelProps = SelectPrimitive.SelectLabelProps;
|
|
21
19
|
declare const SelectLabel: ({ ...props }: SelectLabelProps) => react_jsx_runtime.JSX.Element;
|
|
22
|
-
type SelectSeparatorProps = SelectPrimitive.SelectSeparatorProps
|
|
20
|
+
type SelectSeparatorProps = SelectPrimitive.SelectSeparatorProps;
|
|
23
21
|
declare const SelectSeparator: ({ ...props }: SelectSeparatorProps) => react_jsx_runtime.JSX.Element;
|
|
24
22
|
|
|
25
23
|
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectViewport };
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import { B as ButtonVariants } from '../button.css-CU-ScpcU.js';
|
|
4
|
-
import { M as MenuVariants, a as MenuItemVariants, b as MenuLabelVariants, c as MenuSeparatorVariants } from '../menu.css-5kJKHBR_.js';
|
|
5
|
-
import { P as PanelVariants } from '../panel.css-DUVSZSQ6.js';
|
|
6
4
|
import * as SelectPrimitive from '@radix-ui/react-Select';
|
|
7
5
|
import '@vanilla-extract/recipes';
|
|
8
6
|
|
|
@@ -11,15 +9,15 @@ type SelectTriggerProps = SelectPrimitive.SelectTriggerProps & ButtonVariants &
|
|
|
11
9
|
placeholder?: React.ReactNode;
|
|
12
10
|
};
|
|
13
11
|
declare const SelectTrigger: ({ placeholder, variant, ...props }: SelectTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
14
|
-
type SelectContentProps = SelectPrimitive.SelectContentProps
|
|
12
|
+
type SelectContentProps = SelectPrimitive.SelectContentProps;
|
|
15
13
|
declare const SelectContent: ({ ...props }: SelectContentProps) => react_jsx_runtime.JSX.Element;
|
|
16
|
-
type SelectItemProps = SelectPrimitive.SelectItemProps
|
|
14
|
+
type SelectItemProps = SelectPrimitive.SelectItemProps;
|
|
17
15
|
declare const SelectItem: ({ ...props }: SelectItemProps) => react_jsx_runtime.JSX.Element;
|
|
18
16
|
declare const SelectViewport: react.ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & react.RefAttributes<HTMLDivElement>>;
|
|
19
17
|
declare const SelectGroup: react.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
20
|
-
type SelectLabelProps = SelectPrimitive.SelectLabelProps
|
|
18
|
+
type SelectLabelProps = SelectPrimitive.SelectLabelProps;
|
|
21
19
|
declare const SelectLabel: ({ ...props }: SelectLabelProps) => react_jsx_runtime.JSX.Element;
|
|
22
|
-
type SelectSeparatorProps = SelectPrimitive.SelectSeparatorProps
|
|
20
|
+
type SelectSeparatorProps = SelectPrimitive.SelectSeparatorProps;
|
|
23
21
|
declare const SelectSeparator: ({ ...props }: SelectSeparatorProps) => react_jsx_runtime.JSX.Element;
|
|
24
22
|
|
|
25
23
|
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectViewport };
|
|
@@ -467,16 +467,14 @@ module.exports = __toCommonJS(select_exports);
|
|
|
467
467
|
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
468
468
|
var buttonRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "button_buttonRecipe__hi3ya00", variantClassNames: { fullWidth: { true: "button_buttonRecipe_fullWidth_true__hi3ya01" }, loading: { true: "button_buttonRecipe_loading_true__hi3ya02" }, size: { "1": "button_buttonRecipe_size_1__hi3ya03", "2": "button_buttonRecipe_size_2__hi3ya04", "3": "button_buttonRecipe_size_3__hi3ya05" }, shape: { square: "button_buttonRecipe_shape_square__hi3ya06", pill: "button_buttonRecipe_shape_pill__hi3ya07" }, variant: { primary: "button_buttonRecipe_variant_primary__hi3ya08", secondary: "button_buttonRecipe_variant_secondary__hi3ya09", outline: "button_buttonRecipe_variant_outline__hi3ya0a", ghost: "button_buttonRecipe_variant_ghost__hi3ya0b", error: "button_buttonRecipe_variant_error__hi3ya0c", success: "button_buttonRecipe_variant_success__hi3ya0d" } }, defaultVariants: { size: "2", variant: "primary" }, compoundVariants: [] });
|
|
469
469
|
|
|
470
|
-
// src/theme/
|
|
471
|
-
var
|
|
472
|
-
var
|
|
473
|
-
var
|
|
474
|
-
var
|
|
475
|
-
var menuSeparatorRecipe = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "menu_menuSeparatorRecipe__dsc0094", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
470
|
+
// src/theme/styles/menu.css.ts
|
|
471
|
+
var menu = "menu_menu__xx6ngy3";
|
|
472
|
+
var menuItem = "menu_menuItem__xx6ngy1 menu_baseMenuItem__xx6ngy0";
|
|
473
|
+
var menuLabel = "menu_menuLabel__xx6ngy2 menu_baseMenuItem__xx6ngy0";
|
|
474
|
+
var menuSeparator = "menu_menuSeparator__xx6ngy4";
|
|
476
475
|
|
|
477
|
-
// src/theme/
|
|
478
|
-
var
|
|
479
|
-
var panelRecipe = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "panel_panelRecipe__1eod6ba0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
476
|
+
// src/theme/styles/panel.css.ts
|
|
477
|
+
var panel = "panel_panel__gh9suz0";
|
|
480
478
|
|
|
481
479
|
// src/utils/merge-classes.ts
|
|
482
480
|
function mergeClasses(...classes) {
|
|
@@ -5505,8 +5503,6 @@ var SelectTrigger2 = ({
|
|
|
5505
5503
|
);
|
|
5506
5504
|
};
|
|
5507
5505
|
var SelectContent2 = ({ ...props }) => {
|
|
5508
|
-
const menu = menuRecipe(pick(props, ...menuRecipe.variants()));
|
|
5509
|
-
const panel = panelRecipe(pick(props, ...panelRecipe.variants()));
|
|
5510
5506
|
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Portal2, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
5511
5507
|
Content2,
|
|
5512
5508
|
{
|
|
@@ -5516,8 +5512,6 @@ var SelectContent2 = ({ ...props }) => {
|
|
|
5516
5512
|
) });
|
|
5517
5513
|
};
|
|
5518
5514
|
var SelectItem2 = ({ ...props }) => {
|
|
5519
|
-
const variants = pick(props, ...menuItemRecipe.variants());
|
|
5520
|
-
const menuItem = menuItemRecipe(variants);
|
|
5521
5515
|
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
5522
5516
|
Item,
|
|
5523
5517
|
{
|
|
@@ -5530,8 +5524,6 @@ var SelectItem2 = ({ ...props }) => {
|
|
|
5530
5524
|
var SelectViewport2 = Viewport;
|
|
5531
5525
|
var SelectGroup2 = Group;
|
|
5532
5526
|
var SelectLabel2 = ({ ...props }) => {
|
|
5533
|
-
const variants = pick(props, ...menuLabelRecipe.variants());
|
|
5534
|
-
const menuLabel = menuLabelRecipe(variants);
|
|
5535
5527
|
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
5536
5528
|
Label,
|
|
5537
5529
|
{
|
|
@@ -5542,8 +5534,6 @@ var SelectLabel2 = ({ ...props }) => {
|
|
|
5542
5534
|
);
|
|
5543
5535
|
};
|
|
5544
5536
|
var SelectSeparator2 = ({ ...props }) => {
|
|
5545
|
-
const variants = pick(props, ...menuSeparatorRecipe.variants());
|
|
5546
|
-
const menuSeparator = menuSeparatorRecipe(variants);
|
|
5547
5537
|
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
5548
5538
|
Separator,
|
|
5549
5539
|
{
|