@nayhoo/ui 0.7.0 → 0.8.0
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/README.md +3 -3
- package/dist/avatar.css-BKo21sUI.d.mts +98 -0
- package/dist/avatar.css-BKo21sUI.d.ts +98 -0
- package/dist/badge.css-ToNvOJof.d.mts +36 -0
- package/dist/badge.css-ToNvOJof.d.ts +36 -0
- package/dist/box.css-ic5Toaj1.d.mts +7 -0
- package/dist/box.css-ic5Toaj1.d.ts +7 -0
- package/dist/button.css-CU-ScpcU.d.mts +122 -0
- package/dist/button.css-CU-ScpcU.d.ts +122 -0
- package/dist/card.css-r1QAh--W.d.mts +19 -0
- package/dist/card.css-r1QAh--W.d.ts +19 -0
- package/dist/checkbox.css-BlFMNrMD.d.mts +22 -0
- package/dist/checkbox.css-BlFMNrMD.d.ts +22 -0
- package/dist/chunk-3RLW7QB4.mjs +14 -0
- package/dist/chunk-3RLW7QB4.mjs.map +1 -0
- package/dist/chunk-4N6P3Y54.mjs +13 -0
- package/dist/chunk-4N6P3Y54.mjs.map +1 -0
- package/dist/chunk-52RVZRC4.mjs +25 -0
- package/dist/chunk-52RVZRC4.mjs.map +1 -0
- package/dist/chunk-5WQXUS72.mjs +11 -0
- package/dist/chunk-5WQXUS72.mjs.map +1 -0
- package/dist/chunk-65GTB4DD.mjs +10 -0
- package/dist/chunk-65GTB4DD.mjs.map +1 -0
- package/dist/chunk-7EGQM3ZL.mjs +9 -0
- package/dist/chunk-7EGQM3ZL.mjs.map +1 -0
- package/dist/chunk-7MD4JYZV.mjs +12 -0
- package/dist/chunk-7MD4JYZV.mjs.map +1 -0
- package/dist/chunk-A2I7UNX6.mjs +25 -0
- package/dist/chunk-A2I7UNX6.mjs.map +1 -0
- package/dist/chunk-EXKRRQYL.mjs +8 -0
- package/dist/chunk-EXKRRQYL.mjs.map +1 -0
- package/dist/chunk-FG2ZBTVM.mjs +8 -0
- package/dist/chunk-FG2ZBTVM.mjs.map +1 -0
- package/dist/chunk-ICX6SDOZ.mjs +8 -0
- package/dist/chunk-ICX6SDOZ.mjs.map +1 -0
- package/dist/chunk-IPBDMBQP.mjs +8 -0
- package/dist/chunk-IPBDMBQP.mjs.map +1 -0
- package/dist/chunk-IRWT2CO3.mjs +8 -0
- package/dist/chunk-IRWT2CO3.mjs.map +1 -0
- package/dist/chunk-JWHPBA5J.mjs +1 -0
- package/dist/chunk-JWHPBA5J.mjs.map +1 -0
- package/dist/chunk-K625HY3P.mjs +8 -0
- package/dist/chunk-K625HY3P.mjs.map +1 -0
- package/dist/chunk-KQPNQST6.mjs +8 -0
- package/dist/chunk-KQPNQST6.mjs.map +1 -0
- package/dist/chunk-LWL4262W.mjs +8 -0
- package/dist/chunk-LWL4262W.mjs.map +1 -0
- package/dist/chunk-LZOMFHX3.mjs +38 -0
- package/dist/chunk-LZOMFHX3.mjs.map +1 -0
- package/dist/chunk-M6OYH5UA.mjs +8 -0
- package/dist/chunk-M6OYH5UA.mjs.map +1 -0
- package/dist/chunk-OCXG5SMA.mjs +25 -0
- package/dist/chunk-OCXG5SMA.mjs.map +1 -0
- package/dist/chunk-OETJQIMJ.mjs +7 -0
- package/dist/chunk-OETJQIMJ.mjs.map +1 -0
- package/dist/chunk-PHULHA6N.mjs +12 -0
- package/dist/chunk-PHULHA6N.mjs.map +1 -0
- package/dist/chunk-PUW3KNR3.mjs +8 -0
- package/dist/chunk-PUW3KNR3.mjs.map +1 -0
- package/dist/chunk-RBFEMC5M.mjs +8 -0
- package/dist/chunk-RBFEMC5M.mjs.map +1 -0
- package/dist/chunk-RD6HAWH5.mjs +8 -0
- package/dist/chunk-RD6HAWH5.mjs.map +1 -0
- package/dist/chunk-S3GY7GCD.mjs +8 -0
- package/dist/chunk-S3GY7GCD.mjs.map +1 -0
- package/dist/chunk-SI36SYJ2.mjs +8 -0
- package/dist/chunk-SI36SYJ2.mjs.map +1 -0
- package/dist/chunk-SRMXCTGE.mjs +8 -0
- package/dist/chunk-SRMXCTGE.mjs.map +1 -0
- package/dist/chunk-SZB3FEBC.mjs +8 -0
- package/dist/chunk-SZB3FEBC.mjs.map +1 -0
- package/dist/chunk-WG4IO5EQ.mjs +31 -0
- package/dist/chunk-WG4IO5EQ.mjs.map +1 -0
- package/dist/chunk-X2Q6GLO5.mjs +8 -0
- package/dist/chunk-X2Q6GLO5.mjs.map +1 -0
- package/dist/chunk-XALDYHCC.mjs +25 -0
- package/dist/chunk-XALDYHCC.mjs.map +1 -0
- package/dist/chunk-YQH4Y34B.mjs +10 -0
- package/dist/chunk-YQH4Y34B.mjs.map +1 -0
- package/dist/chunk-ZJDUO7Y6.mjs +8 -0
- package/dist/chunk-ZJDUO7Y6.mjs.map +1 -0
- package/dist/component-props-CuOrXFyX.d.mts +5 -0
- package/dist/component-props-CuOrXFyX.d.ts +5 -0
- package/dist/components/avatar.css +148 -0
- package/dist/components/avatar.css.map +1 -0
- package/dist/components/avatar.d.mts +16 -0
- package/dist/components/avatar.d.ts +16 -0
- package/dist/components/avatar.js +179 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/avatar.mjs +111 -0
- package/dist/components/avatar.mjs.map +1 -0
- package/dist/components/badge.css +44 -0
- package/dist/components/badge.css.map +1 -0
- package/dist/components/badge.d.mts +12 -0
- package/dist/components/badge.d.ts +12 -0
- package/dist/components/badge.js +59 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/badge.mjs +25 -0
- package/dist/components/badge.mjs.map +1 -0
- package/dist/components/box.css +5 -0
- package/dist/components/box.css.map +1 -0
- package/dist/components/box.d.mts +10 -0
- package/dist/components/box.d.ts +10 -0
- package/dist/components/box.js +59 -0
- package/dist/components/box.js.map +1 -0
- package/dist/components/box.mjs +11 -0
- package/dist/components/box.mjs.map +1 -0
- package/dist/components/button.css +174 -0
- package/dist/components/button.css.map +1 -0
- package/dist/components/button.d.mts +10 -0
- package/dist/components/button.d.ts +10 -0
- package/dist/components/button.js +85 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/button.mjs +40 -0
- package/dist/components/button.mjs.map +1 -0
- package/dist/components/card.css +18 -0
- package/dist/components/card.css.map +1 -0
- package/dist/components/card.d.mts +10 -0
- package/dist/components/card.d.ts +10 -0
- package/dist/components/card.js +59 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/card.mjs +26 -0
- package/dist/components/card.mjs.map +1 -0
- package/dist/components/checkbox.css +47 -0
- package/dist/components/checkbox.css.map +1 -0
- package/dist/components/checkbox.d.mts +9 -0
- package/dist/components/checkbox.d.ts +9 -0
- package/dist/components/checkbox.js +78 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/checkbox.mjs +34 -0
- package/dist/components/checkbox.mjs.map +1 -0
- package/dist/components/container.css +22 -0
- package/dist/components/container.css.map +1 -0
- package/dist/components/container.d.mts +10 -0
- package/dist/components/container.d.ts +10 -0
- package/dist/components/container.js +59 -0
- package/dist/components/container.js.map +1 -0
- package/dist/components/container.mjs +25 -0
- package/dist/components/container.mjs.map +1 -0
- package/dist/components/dropdown-menu.css +142 -0
- package/dist/components/dropdown-menu.css.map +1 -0
- package/dist/components/dropdown-menu.d.mts +25 -0
- package/dist/components/dropdown-menu.d.ts +25 -0
- package/dist/components/dropdown-menu.js +230 -0
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/dropdown-menu.mjs +155 -0
- package/dist/components/dropdown-menu.mjs.map +1 -0
- package/dist/components/flex.css +81 -0
- package/dist/components/flex.css.map +1 -0
- package/dist/components/flex.d.mts +10 -0
- package/dist/components/flex.d.ts +10 -0
- package/dist/components/flex.js +59 -0
- package/dist/components/flex.js.map +1 -0
- package/dist/components/flex.mjs +11 -0
- package/dist/components/flex.mjs.map +1 -0
- package/dist/components/form.css +19 -0
- package/dist/components/form.css.map +1 -0
- package/dist/components/form.d.mts +17 -0
- package/dist/components/form.d.ts +17 -0
- package/dist/components/form.js +113 -0
- package/dist/components/form.js.map +1 -0
- package/dist/components/form.mjs +64 -0
- package/dist/components/form.mjs.map +1 -0
- package/dist/components/grid.css +189 -0
- package/dist/components/grid.css.map +1 -0
- package/dist/components/grid.d.mts +10 -0
- package/dist/components/grid.d.ts +10 -0
- package/dist/components/grid.js +59 -0
- package/dist/components/grid.js.map +1 -0
- package/dist/components/grid.mjs +25 -0
- package/dist/components/grid.mjs.map +1 -0
- package/dist/components/heading.css +58 -0
- package/dist/components/heading.css.map +1 -0
- package/dist/components/heading.d.mts +12 -0
- package/dist/components/heading.d.ts +12 -0
- package/dist/components/heading.js +71 -0
- package/dist/components/heading.js.map +1 -0
- package/dist/components/heading.mjs +43 -0
- package/dist/components/heading.mjs.map +1 -0
- package/dist/components/icon-button.css +125 -0
- package/dist/components/icon-button.css.map +1 -0
- package/dist/components/icon-button.d.mts +10 -0
- package/dist/components/icon-button.d.ts +10 -0
- package/dist/components/icon-button.js +85 -0
- package/dist/components/icon-button.js.map +1 -0
- package/dist/components/icon-button.mjs +40 -0
- package/dist/components/icon-button.mjs.map +1 -0
- package/dist/components/label.css +65 -0
- package/dist/components/label.css.map +1 -0
- package/dist/components/label.d.mts +12 -0
- package/dist/components/label.d.ts +12 -0
- package/dist/components/label.js +83 -0
- package/dist/components/label.js.map +1 -0
- package/dist/components/label.mjs +38 -0
- package/dist/components/label.mjs.map +1 -0
- package/dist/components/link.css +40 -0
- package/dist/components/link.css.map +1 -0
- package/dist/components/link.d.mts +10 -0
- package/dist/components/link.d.ts +10 -0
- package/dist/components/link.js +59 -0
- package/dist/components/link.js.map +1 -0
- package/dist/components/link.mjs +25 -0
- package/dist/components/link.mjs.map +1 -0
- package/dist/components/menu.css +142 -0
- package/dist/components/menu.css.map +1 -0
- package/dist/components/menu.d.mts +27 -0
- package/dist/components/menu.d.ts +27 -0
- package/dist/components/menu.js +225 -0
- package/dist/components/menu.js.map +1 -0
- package/dist/components/menu.mjs +151 -0
- package/dist/components/menu.mjs.map +1 -0
- package/dist/components/panel.css +7 -0
- package/dist/components/panel.css.map +1 -0
- package/dist/components/panel.d.mts +10 -0
- package/dist/components/panel.d.ts +10 -0
- package/dist/components/panel.js +59 -0
- package/dist/components/panel.js.map +1 -0
- package/dist/components/panel.mjs +26 -0
- package/dist/components/panel.mjs.map +1 -0
- package/dist/components/paragraph.css +58 -0
- package/dist/components/paragraph.css.map +1 -0
- package/dist/components/paragraph.d.mts +13 -0
- package/dist/components/paragraph.d.ts +13 -0
- package/dist/components/paragraph.js +59 -0
- package/dist/components/paragraph.js.map +1 -0
- package/dist/components/paragraph.mjs +10 -0
- package/dist/components/paragraph.mjs.map +1 -0
- package/dist/components/select.css +179 -0
- package/dist/components/select.css.map +1 -0
- package/dist/components/select.d.mts +25 -0
- package/dist/components/select.d.ts +25 -0
- package/dist/components/select.js +5591 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/select.mjs +5540 -0
- package/dist/components/select.mjs.map +1 -0
- package/dist/components/separator.css +13 -0
- package/dist/components/separator.css.map +1 -0
- package/dist/components/separator.d.mts +9 -0
- package/dist/components/separator.d.ts +9 -0
- package/dist/components/separator.js +74 -0
- package/dist/components/separator.js.map +1 -0
- package/dist/components/separator.mjs +30 -0
- package/dist/components/separator.mjs.map +1 -0
- package/dist/components/skeleton.css +76 -0
- package/dist/components/skeleton.css.map +1 -0
- package/dist/components/skeleton.d.mts +10 -0
- package/dist/components/skeleton.d.ts +10 -0
- package/dist/components/skeleton.js +59 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/skeleton.mjs +25 -0
- package/dist/components/skeleton.mjs.map +1 -0
- package/dist/components/spinner.css +51 -0
- package/dist/components/spinner.css.map +1 -0
- package/dist/components/spinner.d.mts +10 -0
- package/dist/components/spinner.d.ts +10 -0
- package/dist/components/spinner.js +59 -0
- package/dist/components/spinner.js.map +1 -0
- package/dist/components/spinner.mjs +11 -0
- package/dist/components/spinner.mjs.map +1 -0
- package/dist/components/status.css +29 -0
- package/dist/components/status.css.map +1 -0
- package/dist/components/status.d.mts +10 -0
- package/dist/components/status.d.ts +10 -0
- package/dist/components/status.js +59 -0
- package/dist/components/status.js.map +1 -0
- package/dist/components/status.mjs +11 -0
- package/dist/components/status.mjs.map +1 -0
- package/dist/components/switch.css +49 -0
- package/dist/components/switch.css.map +1 -0
- package/dist/components/switch.d.mts +11 -0
- package/dist/components/switch.d.ts +11 -0
- package/dist/components/switch.js +88 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/switch.mjs +43 -0
- package/dist/components/switch.mjs.map +1 -0
- package/dist/components/text-field.css +95 -0
- package/dist/components/text-field.css.map +1 -0
- package/dist/components/text-field.d.mts +10 -0
- package/dist/components/text-field.d.ts +10 -0
- package/dist/components/text-field.js +59 -0
- package/dist/components/text-field.js.map +1 -0
- package/dist/components/text-field.mjs +25 -0
- package/dist/components/text-field.mjs.map +1 -0
- package/dist/components/text.css +58 -0
- package/dist/components/text.css.map +1 -0
- package/dist/components/text.d.mts +10 -0
- package/dist/components/text.d.ts +10 -0
- package/dist/components/text.js +59 -0
- package/dist/components/text.js.map +1 -0
- package/dist/components/text.mjs +25 -0
- package/dist/components/text.mjs.map +1 -0
- package/dist/components/tooltip.css +75 -0
- package/dist/components/tooltip.css.map +1 -0
- package/dist/components/tooltip.d.mts +11 -0
- package/dist/components/tooltip.d.ts +11 -0
- package/dist/components/tooltip.js +159 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/components/tooltip.mjs +84 -0
- package/dist/components/tooltip.mjs.map +1 -0
- package/dist/container.css-DEKRVrvD.d.mts +22 -0
- package/dist/container.css-DEKRVrvD.d.ts +22 -0
- package/dist/flex.css-CMy65zXP.d.mts +93 -0
- package/dist/flex.css-CMy65zXP.d.ts +93 -0
- package/dist/form.css-DJxDoc1T.d.mts +17 -0
- package/dist/form.css-DJxDoc1T.d.ts +17 -0
- package/dist/grid.css-BvgQR1FB.d.mts +207 -0
- package/dist/grid.css-BvgQR1FB.d.ts +207 -0
- package/dist/icon-button.css-DxZdHUEt.d.mts +54 -0
- package/dist/icon-button.css-DxZdHUEt.d.ts +54 -0
- package/dist/link.css-J250gDi8.d.mts +26 -0
- package/dist/link.css-J250gDi8.d.ts +26 -0
- package/dist/menu.css-5kJKHBR_.d.mts +13 -0
- package/dist/menu.css-5kJKHBR_.d.ts +13 -0
- package/dist/panel.css-DUVSZSQ6.d.mts +7 -0
- package/dist/panel.css-DUVSZSQ6.d.ts +7 -0
- package/dist/providers/index.css +9507 -9507
- package/dist/providers/index.css.map +1 -1
- package/dist/providers/index.js +6 -6
- package/dist/providers/index.js.map +1 -1
- package/dist/providers/index.mjs +5 -2
- package/dist/providers/index.mjs.map +1 -1
- package/dist/separator.css-Hl8ZhcXR.d.mts +7 -0
- package/dist/separator.css-Hl8ZhcXR.d.ts +7 -0
- package/dist/skeleton.css-JJ3Of78e.d.mts +54 -0
- package/dist/skeleton.css-JJ3Of78e.d.ts +54 -0
- package/dist/spinner.css-DDZLGtPI.d.mts +46 -0
- package/dist/spinner.css-DDZLGtPI.d.ts +46 -0
- package/dist/status.css-D2Xhx8gm.d.mts +35 -0
- package/dist/status.css-D2Xhx8gm.d.ts +35 -0
- package/dist/switch.css-Ku46q4IP.d.mts +41 -0
- package/dist/switch.css-Ku46q4IP.d.ts +41 -0
- package/dist/text-field.css-Da2cQDwY.d.mts +75 -0
- package/dist/text-field.css-Da2cQDwY.d.ts +75 -0
- package/dist/text.css-onESqiq6.d.mts +62 -0
- package/dist/text.css-onESqiq6.d.ts +62 -0
- package/dist/theme/index.css +12615 -0
- package/dist/theme/index.css.map +1 -0
- package/dist/{index.d.mts → theme/index.d.mts} +32 -1138
- package/dist/{index.d.ts → theme/index.d.ts} +32 -1138
- package/dist/theme/index.js +229 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/index.mjs +142 -0
- package/dist/theme/index.mjs.map +1 -0
- package/dist/tooltip.css-kATBcXZP.d.mts +14 -0
- package/dist/tooltip.css-kATBcXZP.d.ts +14 -0
- package/dist/utils/index.d.mts +8 -0
- package/dist/utils/index.d.ts +8 -0
- package/dist/utils/index.js +46 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/index.mjs +12 -0
- package/dist/utils/index.mjs.map +1 -0
- package/package.json +120 -5
- package/dist/chunk-2IKFUUSU.mjs +0 -15
- package/dist/chunk-2IKFUUSU.mjs.map +0 -1
- package/dist/index.css +0 -12615
- package/dist/index.css.map +0 -1
- package/dist/index.js +0 -1024
- package/dist/index.js.map +0 -1
- package/dist/index.mjs +0 -928
- package/dist/index.mjs.map +0 -1
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import {
|
|
2
|
+
menuItemRecipe,
|
|
3
|
+
menuLabelRecipe,
|
|
4
|
+
menuRecipe,
|
|
5
|
+
menuSeparatorRecipe
|
|
6
|
+
} from "../chunk-3RLW7QB4.mjs";
|
|
7
|
+
import {
|
|
8
|
+
panelRecipe
|
|
9
|
+
} from "../chunk-KQPNQST6.mjs";
|
|
10
|
+
import {
|
|
11
|
+
Flex
|
|
12
|
+
} from "../chunk-52RVZRC4.mjs";
|
|
13
|
+
import "../chunk-RD6HAWH5.mjs";
|
|
14
|
+
import {
|
|
15
|
+
theme
|
|
16
|
+
} from "../chunk-OETJQIMJ.mjs";
|
|
17
|
+
import {
|
|
18
|
+
Box
|
|
19
|
+
} from "../chunk-XALDYHCC.mjs";
|
|
20
|
+
import "../chunk-ZJDUO7Y6.mjs";
|
|
21
|
+
import "../chunk-JWHPBA5J.mjs";
|
|
22
|
+
import {
|
|
23
|
+
pick
|
|
24
|
+
} from "../chunk-4N6P3Y54.mjs";
|
|
25
|
+
import {
|
|
26
|
+
mergeClasses
|
|
27
|
+
} from "../chunk-7EGQM3ZL.mjs";
|
|
28
|
+
import "../chunk-LZOMFHX3.mjs";
|
|
29
|
+
|
|
30
|
+
// src/components/menu.tsx
|
|
31
|
+
import { CheckIcon } from "@radix-ui/react-icons";
|
|
32
|
+
import * as MenuPrimitive from "@radix-ui/react-menu";
|
|
33
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
34
|
+
var Menu = ({ ...props }) => {
|
|
35
|
+
const variants = pick(props, ...menuRecipe.variants());
|
|
36
|
+
const menu = menuRecipe(variants);
|
|
37
|
+
return /* @__PURE__ */ jsx(MenuPrimitive.Root, { ...props, children: /* @__PURE__ */ jsx("div", { className: mergeClasses(menu, props.className), children: props.children }) });
|
|
38
|
+
};
|
|
39
|
+
var MenuContent = ({ ...props }) => {
|
|
40
|
+
const variants = pick(props, ...panelRecipe.variants());
|
|
41
|
+
const panel = panelRecipe(variants);
|
|
42
|
+
return /* @__PURE__ */ jsx(
|
|
43
|
+
MenuPrimitive.Content,
|
|
44
|
+
{
|
|
45
|
+
...props,
|
|
46
|
+
className: mergeClasses(panel, props.className),
|
|
47
|
+
children: props.children
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
};
|
|
51
|
+
var MenuSeparator = ({ ...props }) => {
|
|
52
|
+
const variants = pick(props, ...menuSeparatorRecipe.variants());
|
|
53
|
+
const menuSeparator = menuSeparatorRecipe(variants);
|
|
54
|
+
return /* @__PURE__ */ jsx(
|
|
55
|
+
MenuPrimitive.Separator,
|
|
56
|
+
{
|
|
57
|
+
...props,
|
|
58
|
+
className: mergeClasses(menuSeparator, props.className),
|
|
59
|
+
children: props.children
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
};
|
|
63
|
+
var MenuItem2 = ({ ...props }) => {
|
|
64
|
+
const variants = pick(props, ...menuItemRecipe.variants());
|
|
65
|
+
const menuItem = menuItemRecipe(variants);
|
|
66
|
+
return /* @__PURE__ */ jsx(
|
|
67
|
+
MenuPrimitive.MenuItem,
|
|
68
|
+
{
|
|
69
|
+
...props,
|
|
70
|
+
className: mergeClasses(menuItem, props.className),
|
|
71
|
+
children: props.children
|
|
72
|
+
}
|
|
73
|
+
);
|
|
74
|
+
};
|
|
75
|
+
var MenuRadioItem = ({ ...props }) => {
|
|
76
|
+
const variants = pick(props, ...menuItemRecipe.variants());
|
|
77
|
+
const menuItem = menuItemRecipe(variants);
|
|
78
|
+
return /* @__PURE__ */ jsxs(
|
|
79
|
+
MenuPrimitive.RadioItem,
|
|
80
|
+
{
|
|
81
|
+
...props,
|
|
82
|
+
className: mergeClasses(menuItem, props.className),
|
|
83
|
+
children: [
|
|
84
|
+
/* @__PURE__ */ jsx(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(MenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(
|
|
85
|
+
Flex,
|
|
86
|
+
{
|
|
87
|
+
style: {
|
|
88
|
+
width: theme.sizes[3],
|
|
89
|
+
height: theme.sizes[3],
|
|
90
|
+
alignItems: "center",
|
|
91
|
+
justifyContent: "center"
|
|
92
|
+
},
|
|
93
|
+
children: /* @__PURE__ */ jsx(
|
|
94
|
+
Box,
|
|
95
|
+
{
|
|
96
|
+
style: {
|
|
97
|
+
width: theme.sizes[1],
|
|
98
|
+
height: theme.sizes[1],
|
|
99
|
+
backgroundColor: "currentColor",
|
|
100
|
+
borderRadius: theme.radii.round
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
)
|
|
104
|
+
}
|
|
105
|
+
) }) }) }),
|
|
106
|
+
props.children
|
|
107
|
+
]
|
|
108
|
+
}
|
|
109
|
+
);
|
|
110
|
+
};
|
|
111
|
+
var MenuCheckboxItem2 = ({ ...props }) => {
|
|
112
|
+
const variants = pick(props, ...menuItemRecipe.variants());
|
|
113
|
+
const menuItem = menuItemRecipe(variants);
|
|
114
|
+
return /* @__PURE__ */ jsxs(
|
|
115
|
+
MenuPrimitive.MenuCheckboxItem,
|
|
116
|
+
{
|
|
117
|
+
...props,
|
|
118
|
+
className: mergeClasses(menuItem, props.className),
|
|
119
|
+
children: [
|
|
120
|
+
/* @__PURE__ */ jsx(Box, { asChild: true, style: { position: "absolute", left: theme.space[1] }, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(MenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }) }),
|
|
121
|
+
props.children
|
|
122
|
+
]
|
|
123
|
+
}
|
|
124
|
+
);
|
|
125
|
+
};
|
|
126
|
+
var MenuLabel2 = ({ ...props }) => {
|
|
127
|
+
const variants = pick(props, ...menuLabelRecipe.variants());
|
|
128
|
+
const menuLabel = menuLabelRecipe(variants);
|
|
129
|
+
return /* @__PURE__ */ jsx(
|
|
130
|
+
MenuPrimitive.MenuLabel,
|
|
131
|
+
{
|
|
132
|
+
...props,
|
|
133
|
+
className: mergeClasses(menuLabel, props.className),
|
|
134
|
+
children: props.children
|
|
135
|
+
}
|
|
136
|
+
);
|
|
137
|
+
};
|
|
138
|
+
var MenuRadioGroup = MenuPrimitive.RadioGroup;
|
|
139
|
+
var MenuGroup = MenuPrimitive.Group;
|
|
140
|
+
export {
|
|
141
|
+
Menu,
|
|
142
|
+
MenuCheckboxItem2 as MenuCheckboxItem,
|
|
143
|
+
MenuContent,
|
|
144
|
+
MenuGroup,
|
|
145
|
+
MenuItem2 as MenuItem,
|
|
146
|
+
MenuLabel2 as MenuLabel,
|
|
147
|
+
MenuRadioGroup,
|
|
148
|
+
MenuRadioItem,
|
|
149
|
+
MenuSeparator
|
|
150
|
+
};
|
|
151
|
+
//# sourceMappingURL=menu.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/menu.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Flex } from \"@/components/flex\";\nimport {\n menuItemRecipe,\n MenuItemVariants,\n menuLabelRecipe,\n MenuLabelVariants,\n menuRecipe,\n menuSeparatorRecipe,\n MenuSeparatorVariants,\n MenuVariants,\n} from \"@/theme/recipes/menu.css\";\nimport { panelRecipe, PanelVariants } from \"@/theme/recipes/panel.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\nimport * as MenuPrimitive from \"@radix-ui/react-menu\";\n\ntype MenuProps = MenuPrimitive.MenuProps &\n MenuVariants & {\n className?: string;\n };\n\nexport const Menu = ({ ...props }: MenuProps) => {\n const variants = pick(props, ...menuRecipe.variants());\n const menu = menuRecipe(variants);\n\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 & PanelVariants;\n\nexport const MenuContent = ({ ...props }: MenuContentProps) => {\n const variants = pick(props, ...panelRecipe.variants());\n const panel = panelRecipe(variants);\n\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 MenuSeparatorVariants;\n\nexport const MenuSeparator = ({ ...props }: MenuSeparatorProps) => {\n const variants = pick(props, ...menuSeparatorRecipe.variants());\n const menuSeparator = menuSeparatorRecipe(variants);\n\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 & MenuItemVariants;\n\nexport const MenuItem = ({ ...props }: MenuItemProps) => {\n const variants = pick(props, ...menuItemRecipe.variants());\n const menuItem = menuItemRecipe(variants);\n\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 & MenuItemVariants;\n\nexport const MenuRadioItem = ({ ...props }: MenuRadioItemProps) => {\n const variants = pick(props, ...menuItemRecipe.variants());\n const menuItem = menuItemRecipe(variants);\n\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 MenuItemVariants;\n\nexport const MenuCheckboxItem = ({ ...props }: MenuCheckboxItemProps) => {\n const variants = pick(props, ...menuItemRecipe.variants());\n const menuItem = menuItemRecipe(variants);\n\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 & MenuLabelVariants;\n\nexport const MenuLabel = ({ ...props }: MenuLabelProps) => {\n const variants = pick(props, ...menuLabelRecipe.variants());\n const menuLabel = menuLabelRecipe(variants);\n\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":"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","names":["MenuItem","MenuCheckboxItem","MenuLabel"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsUmVjaXBlX18xZW9kNmJhMCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaSk7CiAgYm94LXNoYWRvdzogdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMzhweCAtMTBweCwgdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMjBweCAtMTVweDsKfQ== */
|
|
2
|
+
.panel_panelRecipe__1eod6ba0 {
|
|
3
|
+
background-color: var(--semanticColors-surface__19nbe8d2f8);
|
|
4
|
+
border-radius: var(--radii-3__19nbe8d2gi);
|
|
5
|
+
box-shadow: var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 38px -10px, var(--colors-slate-slate8__19nbe8d1yp) 0px 10px 20px -15px;
|
|
6
|
+
}
|
|
7
|
+
/*# sourceMappingURL=panel.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsUmVjaXBlX18xZW9kNmJhMCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaSk7CiAgYm94LXNoYWRvdzogdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMzhweCAtMTBweCwgdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMjBweCAtMTVweDsKfQ=="],"sourcesContent":[".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,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI,mCAAmC,IAAI,KAAK,KAAK,KAAK,EAAE,IAAI,mCAAmC,IAAI,KAAK,KAAK;AAC/H;","names":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { P as PanelVariants } from '../panel.css-DUVSZSQ6.mjs';
|
|
3
|
+
import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
declare const defaultElement = "div";
|
|
7
|
+
type PanelProps = ComponentProps<typeof defaultElement, PanelVariants>;
|
|
8
|
+
declare const Panel: ({ asChild, ...props }: PanelProps) => react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Panel };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { P as PanelVariants } from '../panel.css-DUVSZSQ6.js';
|
|
3
|
+
import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
declare const defaultElement = "div";
|
|
7
|
+
type PanelProps = ComponentProps<typeof defaultElement, PanelVariants>;
|
|
8
|
+
declare const Panel: ({ asChild, ...props }: PanelProps) => react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Panel };
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/components/panel.tsx
|
|
21
|
+
var panel_exports = {};
|
|
22
|
+
__export(panel_exports, {
|
|
23
|
+
Panel: () => Panel
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(panel_exports);
|
|
26
|
+
|
|
27
|
+
// src/theme/recipes/panel.css.ts
|
|
28
|
+
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
29
|
+
var panelRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "panel_panelRecipe__1eod6ba0", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
30
|
+
|
|
31
|
+
// src/utils/merge-classes.ts
|
|
32
|
+
function mergeClasses(...classes) {
|
|
33
|
+
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
34
|
+
}
|
|
35
|
+
|
|
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
|
+
// src/components/panel.tsx
|
|
46
|
+
var import_react_slot = require("@radix-ui/react-slot");
|
|
47
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
48
|
+
var defaultElement = "div";
|
|
49
|
+
var Panel = ({ asChild, ...props }) => {
|
|
50
|
+
const variants = pick(props, ...panelRecipe.variants());
|
|
51
|
+
const panel = panelRecipe(variants);
|
|
52
|
+
const Comp = asChild ? import_react_slot.Slot : defaultElement;
|
|
53
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(panel, props.className), children: props.children });
|
|
54
|
+
};
|
|
55
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
56
|
+
0 && (module.exports = {
|
|
57
|
+
Panel
|
|
58
|
+
});
|
|
59
|
+
//# sourceMappingURL=panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/panel.tsx","../../src/theme/recipes/panel.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { panelRecipe, PanelVariants } from \"@/theme/recipes/panel.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 PanelProps = ComponentProps<typeof defaultElement, PanelVariants>;\n\nexport const Panel = ({ asChild, ...props }: PanelProps) => {\n const variants = pick(props, ...panelRecipe.variants());\n const panel = panelRecipe(variants);\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/recipes/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsUmVjaXBlX18xZW9kNmJhMCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaSk7CiAgYm94LXNoYWRvdzogdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMzhweCAtMTBweCwgdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMjBweCAtMTVweDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var panelRecipe = _7a468({defaultClassName:'panel_panelRecipe__1eod6ba0',variantClassNames:{},defaultVariants:{},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,kBAAc,uBAAAA,iBAAO,EAAC,kBAAiB,+BAA8B,mBAAkB,CAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFrI,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,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,MAAkB;AAC1D,QAAM,WAAW,KAAK,OAAO,GAAG,YAAY,SAAS,CAAC;AACtD,QAAM,QAAQ,YAAY,QAAQ;AAClC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,OAAO,MAAM,SAAS,GAC5D,gBAAM,UACT;AAEJ;","names":["_7a468"]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import {
|
|
2
|
+
panelRecipe
|
|
3
|
+
} from "../chunk-KQPNQST6.mjs";
|
|
4
|
+
import "../chunk-JWHPBA5J.mjs";
|
|
5
|
+
import {
|
|
6
|
+
pick
|
|
7
|
+
} from "../chunk-4N6P3Y54.mjs";
|
|
8
|
+
import {
|
|
9
|
+
mergeClasses
|
|
10
|
+
} from "../chunk-7EGQM3ZL.mjs";
|
|
11
|
+
import "../chunk-LZOMFHX3.mjs";
|
|
12
|
+
|
|
13
|
+
// src/components/panel.tsx
|
|
14
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
15
|
+
import { jsx } from "react/jsx-runtime";
|
|
16
|
+
var defaultElement = "div";
|
|
17
|
+
var Panel = ({ asChild, ...props }) => {
|
|
18
|
+
const variants = pick(props, ...panelRecipe.variants());
|
|
19
|
+
const panel = panelRecipe(variants);
|
|
20
|
+
const Comp = asChild ? Slot : defaultElement;
|
|
21
|
+
return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(panel, props.className), children: props.children });
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
Panel
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=panel.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/panel.tsx"],"sourcesContent":["import { panelRecipe, PanelVariants } from \"@/theme/recipes/panel.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 PanelProps = ComponentProps<typeof defaultElement, PanelVariants>;\n\nexport const Panel = ({ asChild, ...props }: PanelProps) => {\n const variants = pick(props, ...panelRecipe.variants());\n const panel = panelRecipe(variants);\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":";;;;;;;;;;;;;AAIA,SAAS,YAAY;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,MAAkB;AAC1D,QAAM,WAAW,KAAK,OAAO,GAAG,YAAY,SAAS,CAAC;AACtD,QAAM,QAAQ,YAAY,QAAQ;AAClC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,OAAO,MAAM,SAAS,GAC5D,gBAAM,UACT;AAEJ;","names":[]}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8LtPkWM9xCmI8uGxb1APPTIhLJgpBJuAFTt9905QFqZTE3sBSbK//yzBrFo4t6m5vAIXR0hTrw91cDo/k68FIZWQQA8gykObEG+3IKRmqhQyIc/moWhkSz9v0yemnig1Q2/DiKYKyq5iKk29WGYQ5X5RL7HsxJRgsqWyq0EJnpCWZWa1GdBmVS70sWJ9QrKq4e9YV7BaVP08TtOhiSnlsNwtvher363xpmpUelSiZqrHRr2h0WFuRDXUTLaCv5hBTW8V4z2ekviHLUkDb2Q+z/KdWVgz/Zrl5WDLA6UahVlrZ9aw/nqdZYBv7anL2mr6SgJniBH2Y9G4QfzvCC0ukHqIbwZ82HQzM9/yvbiAph6SsQX0Edy6QB9BZgHXCIYucI1gZgEDBCMXGCBoe4cbBGMXuEEwt4BbBJkL3CJ452MdwBDBzAWGCBYWMEKQu8AIwdICxgjmLnD699w5ea5HZDqdh1cYJvi/h+j9kBpy0dWYUTySgTVjhLRGZE2VY0D5SMCtYuQbw/8AwMGgf3sGAAA= */
|
|
2
|
+
.text_textRecipe__1y7s4vx0 {
|
|
3
|
+
line-height: 1;
|
|
4
|
+
margin: 0;
|
|
5
|
+
font-weight: var(--fontWeights-regular__19nbe8d2fm);
|
|
6
|
+
font-variant-numeric: tabular-nums;
|
|
7
|
+
display: block;
|
|
8
|
+
font-family: var(--fonts-text__19nbe8d2fh);
|
|
9
|
+
}
|
|
10
|
+
.text_textRecipe_color_primary__1y7s4vx1 {
|
|
11
|
+
color: var(--semanticColors-primary-primary9__19nbe8d2cq);
|
|
12
|
+
}
|
|
13
|
+
.text_textRecipe_color_secondary__1y7s4vx2 {
|
|
14
|
+
color: var(--semanticColors-secondary-secondary9__19nbe8d2de);
|
|
15
|
+
}
|
|
16
|
+
.text_textRecipe_color_error__1y7s4vx3 {
|
|
17
|
+
color: var(--semanticColors-error-error9__19nbe8d2e2);
|
|
18
|
+
}
|
|
19
|
+
.text_textRecipe_color_subtle__1y7s4vx4 {
|
|
20
|
+
color: var(--semanticColors-textSubtle__19nbe8d2fc);
|
|
21
|
+
}
|
|
22
|
+
.text_textRecipe_size_1__1y7s4vx5 {
|
|
23
|
+
font-size: var(--fontSizes-1__19nbe8d9);
|
|
24
|
+
}
|
|
25
|
+
.text_textRecipe_size_2__1y7s4vx6 {
|
|
26
|
+
font-size: var(--fontSizes-2__19nbe8da);
|
|
27
|
+
}
|
|
28
|
+
.text_textRecipe_size_3__1y7s4vx7 {
|
|
29
|
+
font-size: var(--fontSizes-3__19nbe8db);
|
|
30
|
+
}
|
|
31
|
+
.text_textRecipe_size_4__1y7s4vx8 {
|
|
32
|
+
font-size: var(--fontSizes-4__19nbe8dc);
|
|
33
|
+
}
|
|
34
|
+
.text_textRecipe_size_5__1y7s4vx9 {
|
|
35
|
+
font-size: var(--fontSizes-5__19nbe8dd);
|
|
36
|
+
}
|
|
37
|
+
.text_textRecipe_size_6__1y7s4vxa {
|
|
38
|
+
font-size: var(--fontSizes-6__19nbe8de);
|
|
39
|
+
}
|
|
40
|
+
.text_textRecipe_size_7__1y7s4vxb {
|
|
41
|
+
font-size: var(--fontSizes-7__19nbe8df);
|
|
42
|
+
}
|
|
43
|
+
.text_textRecipe_size_8__1y7s4vxc {
|
|
44
|
+
font-size: var(--fontSizes-8__19nbe8dg);
|
|
45
|
+
}
|
|
46
|
+
.text_textRecipe_size_9__1y7s4vxd {
|
|
47
|
+
font-size: var(--fontSizes-9__19nbe8dh);
|
|
48
|
+
}
|
|
49
|
+
.text_textRecipe_weight_regular__1y7s4vxe {
|
|
50
|
+
font-weight: var(--fontWeights-regular__19nbe8d2fm);
|
|
51
|
+
}
|
|
52
|
+
.text_textRecipe_weight_medium__1y7s4vxf {
|
|
53
|
+
font-weight: var(--fontWeights-medium__19nbe8d2fn);
|
|
54
|
+
}
|
|
55
|
+
.text_textRecipe_weight_bold__1y7s4vxg {
|
|
56
|
+
font-weight: var(--fontWeights-bold__19nbe8d2fo);
|
|
57
|
+
}
|
|
58
|
+
/*# sourceMappingURL=paragraph.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8LtPkWM9xCmI8uGxb1APPTIhLJgpBJuAFTt9905QFqZTE3sBSbK//yzBrFo4t6m5vAIXR0hTrw91cDo/k68FIZWQQA8gykObEG+3IKRmqhQyIc/moWhkSz9v0yemnig1Q2/DiKYKyq5iKk29WGYQ5X5RL7HsxJRgsqWyq0EJnpCWZWa1GdBmVS70sWJ9QrKq4e9YV7BaVP08TtOhiSnlsNwtvher363xpmpUelSiZqrHRr2h0WFuRDXUTLaCv5hBTW8V4z2ekviHLUkDb2Q+z/KdWVgz/Zrl5WDLA6UahVlrZ9aw/nqdZYBv7anL2mr6SgJniBH2Y9G4QfzvCC0ukHqIbwZ82HQzM9/yvbiAph6SsQX0Edy6QB9BZgHXCIYucI1gZgEDBCMXGCBoe4cbBGMXuEEwt4BbBJkL3CJ452MdwBDBzAWGCBYWMEKQu8AIwdICxgjmLnD699w5ea5HZDqdh1cYJvi/h+j9kBpy0dWYUTySgTVjhLRGZE2VY0D5SMCtYuQbw/8AwMGgf3sGAAA="],"sourcesContent":[".text_textRecipe__1y7s4vx0 {\n line-height: 1;\n margin: 0;\n font-weight: var(--fontWeights-regular__19nbe8d2fm);\n font-variant-numeric: tabular-nums;\n display: block;\n font-family: var(--fonts-text__19nbe8d2fh);\n}\n.text_textRecipe_color_primary__1y7s4vx1 {\n color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n}\n.text_textRecipe_color_secondary__1y7s4vx2 {\n color: var(--semanticColors-secondary-secondary9__19nbe8d2de);\n}\n.text_textRecipe_color_error__1y7s4vx3 {\n color: var(--semanticColors-error-error9__19nbe8d2e2);\n}\n.text_textRecipe_color_subtle__1y7s4vx4 {\n color: var(--semanticColors-textSubtle__19nbe8d2fc);\n}\n.text_textRecipe_size_1__1y7s4vx5 {\n font-size: var(--fontSizes-1__19nbe8d9);\n}\n.text_textRecipe_size_2__1y7s4vx6 {\n font-size: var(--fontSizes-2__19nbe8da);\n}\n.text_textRecipe_size_3__1y7s4vx7 {\n font-size: var(--fontSizes-3__19nbe8db);\n}\n.text_textRecipe_size_4__1y7s4vx8 {\n font-size: var(--fontSizes-4__19nbe8dc);\n}\n.text_textRecipe_size_5__1y7s4vx9 {\n font-size: var(--fontSizes-5__19nbe8dd);\n}\n.text_textRecipe_size_6__1y7s4vxa {\n font-size: var(--fontSizes-6__19nbe8de);\n}\n.text_textRecipe_size_7__1y7s4vxb {\n font-size: var(--fontSizes-7__19nbe8df);\n}\n.text_textRecipe_size_8__1y7s4vxc {\n font-size: var(--fontSizes-8__19nbe8dg);\n}\n.text_textRecipe_size_9__1y7s4vxd {\n font-size: var(--fontSizes-9__19nbe8dh);\n}\n.text_textRecipe_weight_regular__1y7s4vxe {\n font-weight: var(--fontWeights-regular__19nbe8d2fm);\n}\n.text_textRecipe_weight_medium__1y7s4vxf {\n font-weight: var(--fontWeights-medium__19nbe8d2fn);\n}\n.text_textRecipe_weight_bold__1y7s4vxg {\n font-weight: var(--fontWeights-bold__19nbe8d2fo);\n}"],"mappings":";AAAA,CAAC;AACC,eAAa;AACb,UAAQ;AACR,eAAa,IAAI;AACjB,wBAAsB;AACtB,WAAS;AACT,eAAa,IAAI;AACnB;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,aAAW,IAAI;AACjB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;","names":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { T as TextVariants } from '../text.css-onESqiq6.mjs';
|
|
3
|
+
import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
declare const defaultElement = "p";
|
|
7
|
+
type ParagraphSizeVariants = "1" | "2";
|
|
8
|
+
type ParagraphProps = ComponentProps<typeof defaultElement, Omit<TextVariants, "size">> & {
|
|
9
|
+
size?: ParagraphSizeVariants;
|
|
10
|
+
};
|
|
11
|
+
declare const Paragraph: ({ asChild, color, size, weight, ...props }: ParagraphProps) => react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { Paragraph };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { T as TextVariants } from '../text.css-onESqiq6.js';
|
|
3
|
+
import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
declare const defaultElement = "p";
|
|
7
|
+
type ParagraphSizeVariants = "1" | "2";
|
|
8
|
+
type ParagraphProps = ComponentProps<typeof defaultElement, Omit<TextVariants, "size">> & {
|
|
9
|
+
size?: ParagraphSizeVariants;
|
|
10
|
+
};
|
|
11
|
+
declare const Paragraph: ({ asChild, color, size, weight, ...props }: ParagraphProps) => react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { Paragraph };
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/components/paragraph.tsx
|
|
21
|
+
var paragraph_exports = {};
|
|
22
|
+
__export(paragraph_exports, {
|
|
23
|
+
Paragraph: () => Paragraph
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(paragraph_exports);
|
|
26
|
+
|
|
27
|
+
// src/theme/recipes/text.css.ts
|
|
28
|
+
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
29
|
+
var textRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "text_textRecipe__1y7s4vx0", variantClassNames: { color: { primary: "text_textRecipe_color_primary__1y7s4vx1", secondary: "text_textRecipe_color_secondary__1y7s4vx2", error: "text_textRecipe_color_error__1y7s4vx3", subtle: "text_textRecipe_color_subtle__1y7s4vx4" }, size: { "1": "text_textRecipe_size_1__1y7s4vx5", "2": "text_textRecipe_size_2__1y7s4vx6", "3": "text_textRecipe_size_3__1y7s4vx7", "4": "text_textRecipe_size_4__1y7s4vx8", "5": "text_textRecipe_size_5__1y7s4vx9", "6": "text_textRecipe_size_6__1y7s4vxa", "7": "text_textRecipe_size_7__1y7s4vxb", "8": "text_textRecipe_size_8__1y7s4vxc", "9": "text_textRecipe_size_9__1y7s4vxd" }, weight: { regular: "text_textRecipe_weight_regular__1y7s4vxe", medium: "text_textRecipe_weight_medium__1y7s4vxf", bold: "text_textRecipe_weight_bold__1y7s4vxg" } }, defaultVariants: { size: "3" }, compoundVariants: [] });
|
|
30
|
+
|
|
31
|
+
// src/utils/merge-classes.ts
|
|
32
|
+
function mergeClasses(...classes) {
|
|
33
|
+
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
// src/components/paragraph.tsx
|
|
37
|
+
var import_react_slot = require("@radix-ui/react-slot");
|
|
38
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
39
|
+
var defaultElement = "p";
|
|
40
|
+
var textSize = {
|
|
41
|
+
1: "3",
|
|
42
|
+
2: "4"
|
|
43
|
+
};
|
|
44
|
+
var Paragraph = ({
|
|
45
|
+
asChild,
|
|
46
|
+
color,
|
|
47
|
+
size = "1",
|
|
48
|
+
weight,
|
|
49
|
+
...props
|
|
50
|
+
}) => {
|
|
51
|
+
const text = textRecipe({ color, size: textSize[size], weight });
|
|
52
|
+
const Comp = asChild ? import_react_slot.Slot : defaultElement;
|
|
53
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(text, props.className), children: props.children });
|
|
54
|
+
};
|
|
55
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
56
|
+
0 && (module.exports = {
|
|
57
|
+
Paragraph
|
|
58
|
+
});
|
|
59
|
+
//# sourceMappingURL=paragraph.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/paragraph.tsx","../../src/theme/recipes/text.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { TextVariants, textRecipe } from \"@/theme/recipes/text.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"p\";\n\ntype ParagraphSizeVariants = \"1\" | \"2\";\n\ntype ParagraphProps = ComponentProps<\n typeof defaultElement,\n Omit<TextVariants, \"size\">\n> & {\n size?: ParagraphSizeVariants;\n};\n\nconst textSize: Record<ParagraphSizeVariants, TextVariants[\"size\"]> = {\n 1: \"3\",\n 2: \"4\",\n};\n\nexport const Paragraph = ({\n asChild,\n color,\n size = \"1\",\n weight,\n ...props\n}: ParagraphProps) => {\n const text = textRecipe({ color, size: textSize[size], weight });\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(text, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/text.css.ts.vanilla.css?source=#H4sIAAAAAAAACpXUzXKCMBAH8LtPkWM9xCmI8uGxb1APPTIhLJgpBJuAFTt9905QFqZTE3sBSbK//yzBrFo4t6m5vAIXR0hTrw91cDo/k68FIZWQQA8gykObEG+3IKRmqhQyIc/moWhkSz9v0yemnig1Q2/DiKYKyq5iKk29WGYQ5X5RL7HsxJRgsqWyq0EJnpCWZWa1GdBmVS70sWJ9QrKq4e9YV7BaVP08TtOhiSnlsNwtvher363xpmpUelSiZqrHRr2h0WFuRDXUTLaCv5hBTW8V4z2ekviHLUkDb2Q+z/KdWVgz/Zrl5WDLA6UahVlrZ9aw/nqdZYBv7anL2mr6SgJniBH2Y9G4QfzvCC0ukHqIbwZ82HQzM9/yvbiAph6SsQX0Edy6QB9BZgHXCIYucI1gZgEDBCMXGCBoe4cbBGMXuEEwt4BbBJkL3CJ452MdwBDBzAWGCBYWMEKQu8AIwdICxgjmLnD699w5ea5HZDqdh1cYJvi/h+j9kBpy0dWYUTySgTVjhLRGZE2VY0D5SMCtYuQbw/8AwMGgf3sGAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textRecipe = _7a468({defaultClassName:'text_textRecipe__1y7s4vx0',variantClassNames:{color:{primary:'text_textRecipe_color_primary__1y7s4vx1',secondary:'text_textRecipe_color_secondary__1y7s4vx2',error:'text_textRecipe_color_error__1y7s4vx3',subtle:'text_textRecipe_color_subtle__1y7s4vx4'},size:{'1':'text_textRecipe_size_1__1y7s4vx5','2':'text_textRecipe_size_2__1y7s4vx6','3':'text_textRecipe_size_3__1y7s4vx7','4':'text_textRecipe_size_4__1y7s4vx8','5':'text_textRecipe_size_5__1y7s4vx9','6':'text_textRecipe_size_6__1y7s4vxa','7':'text_textRecipe_size_7__1y7s4vxb','8':'text_textRecipe_size_8__1y7s4vxc','9':'text_textRecipe_size_9__1y7s4vxd'},weight:{regular:'text_textRecipe_weight_regular__1y7s4vxe',medium:'text_textRecipe_weight_medium__1y7s4vxf',bold:'text_textRecipe_weight_bold__1y7s4vxg'}},defaultVariants:{size:'3'},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,6BAA4B,mBAAkB,EAAC,OAAM,EAAC,SAAQ,2CAA0C,WAAU,6CAA4C,OAAM,yCAAwC,QAAO,yCAAwC,GAAE,MAAK,EAAC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,oCAAmC,KAAI,mCAAkC,GAAE,QAAO,EAAC,SAAQ,4CAA2C,QAAO,2CAA0C,MAAK,wCAAuC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACFv1B,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFCA,wBAAqB;AA6BjB;AA3BJ,IAAM,iBAAiB;AAWvB,IAAM,WAAgE;AAAA,EACpE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,IAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAsB;AACpB,QAAM,OAAO,WAAW,EAAE,OAAO,MAAM,SAAS,IAAI,GAAG,OAAO,CAAC;AAC/D,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":["_7a468"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|