@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,85 @@
|
|
|
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/button.tsx
|
|
21
|
+
var button_exports = {};
|
|
22
|
+
__export(button_exports, {
|
|
23
|
+
Button: () => Button
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(button_exports);
|
|
26
|
+
|
|
27
|
+
// src/theme/recipes/spinner.css.ts
|
|
28
|
+
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
29
|
+
var spinnerRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "spinner_spinnerRecipe__15xzcy90", variantClassNames: { size: { "1": "spinner_spinnerRecipe_size_1__15xzcy91", "2": "spinner_spinnerRecipe_size_2__15xzcy92", "3": "spinner_spinnerRecipe_size_3__15xzcy93", "4": "spinner_spinnerRecipe_size_4__15xzcy94", "5": "spinner_spinnerRecipe_size_5__15xzcy95", "6": "spinner_spinnerRecipe_size_6__15xzcy96", "7": "spinner_spinnerRecipe_size_7__15xzcy97", "8": "spinner_spinnerRecipe_size_8__15xzcy98", "9": "spinner_spinnerRecipe_size_9__15xzcy99" } }, 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/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/spinner.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 Spinner = ({ asChild, ...props }) => {
|
|
50
|
+
const variants = pick(props, ...spinnerRecipe.variants());
|
|
51
|
+
const spinner = spinnerRecipe(variants);
|
|
52
|
+
const Comp = asChild ? import_react_slot.Slot : defaultElement;
|
|
53
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(spinner, props.className), children: props.children });
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
// src/theme/recipes/button.css.ts
|
|
57
|
+
var import_createRuntimeFn2 = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
58
|
+
var buttonRecipe = (0, import_createRuntimeFn2.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: [] });
|
|
59
|
+
|
|
60
|
+
// src/components/button.tsx
|
|
61
|
+
var import_react_slot2 = require("@radix-ui/react-slot");
|
|
62
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
63
|
+
var defaultElement2 = "button";
|
|
64
|
+
var Button = ({ asChild, ...props }) => {
|
|
65
|
+
const variants = pick(props, ...buttonRecipe.variants());
|
|
66
|
+
const button = buttonRecipe(variants);
|
|
67
|
+
const Comp = asChild ? import_react_slot2.Slot : defaultElement2;
|
|
68
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
|
69
|
+
Comp,
|
|
70
|
+
{
|
|
71
|
+
...props,
|
|
72
|
+
className: mergeClasses(button, props.className),
|
|
73
|
+
disabled: props.disabled || Boolean(variants.loading),
|
|
74
|
+
children: [
|
|
75
|
+
props.children,
|
|
76
|
+
variants.loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spinner, { style: { position: "absolute" } })
|
|
77
|
+
]
|
|
78
|
+
}
|
|
79
|
+
);
|
|
80
|
+
};
|
|
81
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
82
|
+
0 && (module.exports = {
|
|
83
|
+
Button
|
|
84
|
+
});
|
|
85
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/button.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts","../../src/components/spinner.tsx","../../src/theme/recipes/button.css.ts"],"sourcesContent":["import { Spinner } from \"@/components/spinner\";\nimport { ButtonVariants, buttonRecipe } from \"@/theme/recipes/button.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 = \"button\";\n\ntype ButtonProps = ComponentProps<typeof defaultElement, ButtonVariants>;\n\nexport const Button = ({ asChild, ...props }: ButtonProps) => {\n const variants = pick(props, ...buttonRecipe.variants());\n const button = buttonRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp\n {...props}\n className={mergeClasses(button, props.className)}\n disabled={props.disabled || Boolean(variants.loading)}\n >\n {props.children}\n {variants.loading && <Spinner style={{ position: \"absolute\" }} />}\n </Comp>\n );\n};\n","import 'src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAACn3P327CIBTH8fs+BZfbRY30jy16uTfYCxBaUE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VyPMinPaXm7jla3JV0GI0HASHozekiV7tJwzeqhYuyar3pEJtBKWgN6DBq92BSGDsVLZLaHzhTgzgSQfwr6U5WgmY13pJuHVz2/DOWV6UL2k1+n177a0QsLZbZ+Hyz8orTlrGQ6qwyk+8GaOwfFsrdL+bRF3xb1Y/f9YBzfFaXgzfbz5qOBw9L/2kriSRm73cD9B+mM+yrNVYCuUraLFHmPTKM/Wga1Rto4WGcamUZ5tAtugbBMtCoxNozzbBrZF2TZaHDA2jfLsJrAblN1EiyPGplGe7QLboWwXLUqMTaM82we2R9k+WlQYm0Z5lgWWoSyLFvcYm0b3bxP0OzcbBQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var spinnerRecipe = _7a468({defaultClassName:'spinner_spinnerRecipe__15xzcy90',variantClassNames:{size:{'1':'spinner_spinnerRecipe_size_1__15xzcy91','2':'spinner_spinnerRecipe_size_2__15xzcy92','3':'spinner_spinnerRecipe_size_3__15xzcy93','4':'spinner_spinnerRecipe_size_4__15xzcy94','5':'spinner_spinnerRecipe_size_5__15xzcy95','6':'spinner_spinnerRecipe_size_6__15xzcy96','7':'spinner_spinnerRecipe_size_7__15xzcy97','8':'spinner_spinnerRecipe_size_8__15xzcy98','9':'spinner_spinnerRecipe_size_9__15xzcy99'}},defaultVariants:{size:'3'},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","import { SpinnerVariants, spinnerRecipe } from \"@/theme/recipes/spinner.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 SpinnerProps = ComponentProps<typeof defaultElement, SpinnerVariants>;\n\nexport const Spinner = ({ asChild, ...props }: SpinnerProps) => {\n const variants = pick(props, ...spinnerRecipe.variants());\n const spinner = spinnerRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(spinner, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import '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==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonRecipe = _7a468({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:[]});"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,6BAA0C;AACnC,IAAI,oBAAgB,uBAAAA,iBAAO,EAAC,kBAAiB,mCAAkC,mBAAkB,EAAC,MAAK,EAAC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,0CAAyC,KAAI,yCAAwC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACH9iB,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;;;ACPA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,MAAoB;AAC9D,QAAM,WAAW,KAAK,OAAO,GAAG,cAAc,SAAS,CAAC;AACxD,QAAM,UAAU,cAAc,QAAQ;AACtC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,SAAS,MAAM,SAAS,GAC9D,gBAAM,UACT;AAEJ;;;ACnBA,IAAAC,0BAA0C;AACnC,IAAI,mBAAe,wBAAAC,iBAAO,EAAC,kBAAiB,gCAA+B,mBAAkB,EAAC,WAAU,EAAC,MAAK,8CAA6C,GAAE,SAAQ,EAAC,MAAK,4CAA2C,GAAE,MAAK,EAAC,KAAI,uCAAsC,KAAI,uCAAsC,KAAI,sCAAqC,GAAE,OAAM,EAAC,QAAO,6CAA4C,MAAK,0CAAyC,GAAE,SAAQ,EAAC,SAAQ,gDAA+C,WAAU,kDAAiD,SAAQ,gDAA+C,OAAM,8CAA6C,OAAM,8CAA6C,SAAQ,+CAA8C,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ALGh2B,IAAAC,qBAAqB;AAYjB,IAAAC,sBAAA;AAVJ,IAAMC,kBAAiB;AAIhB,IAAM,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,MAAmB;AAC5D,QAAM,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AACvD,QAAM,SAAS,aAAa,QAAQ;AACpC,QAAM,OAAO,UAAU,0BAAOA;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,QAAQ,MAAM,SAAS;AAAA,MAC/C,UAAU,MAAM,YAAY,QAAQ,SAAS,OAAO;AAAA,MAEnD;AAAA,cAAM;AAAA,QACN,SAAS,WAAW,6CAAC,WAAQ,OAAO,EAAE,UAAU,WAAW,GAAG;AAAA;AAAA;AAAA,EACjE;AAEJ;","names":["_7a468","import_createRuntimeFn","_7a468","import_react_slot","import_jsx_runtime","defaultElement"]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import {
|
|
2
|
+
buttonRecipe
|
|
3
|
+
} from "../chunk-FG2ZBTVM.mjs";
|
|
4
|
+
import {
|
|
5
|
+
Spinner
|
|
6
|
+
} from "../chunk-A2I7UNX6.mjs";
|
|
7
|
+
import "../chunk-S3GY7GCD.mjs";
|
|
8
|
+
import {
|
|
9
|
+
pick
|
|
10
|
+
} from "../chunk-4N6P3Y54.mjs";
|
|
11
|
+
import {
|
|
12
|
+
mergeClasses
|
|
13
|
+
} from "../chunk-7EGQM3ZL.mjs";
|
|
14
|
+
import "../chunk-LZOMFHX3.mjs";
|
|
15
|
+
|
|
16
|
+
// src/components/button.tsx
|
|
17
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
18
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
19
|
+
var defaultElement = "button";
|
|
20
|
+
var Button = ({ asChild, ...props }) => {
|
|
21
|
+
const variants = pick(props, ...buttonRecipe.variants());
|
|
22
|
+
const button = buttonRecipe(variants);
|
|
23
|
+
const Comp = asChild ? Slot : defaultElement;
|
|
24
|
+
return /* @__PURE__ */ jsxs(
|
|
25
|
+
Comp,
|
|
26
|
+
{
|
|
27
|
+
...props,
|
|
28
|
+
className: mergeClasses(button, props.className),
|
|
29
|
+
disabled: props.disabled || Boolean(variants.loading),
|
|
30
|
+
children: [
|
|
31
|
+
props.children,
|
|
32
|
+
variants.loading && /* @__PURE__ */ jsx(Spinner, { style: { position: "absolute" } })
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
};
|
|
37
|
+
export {
|
|
38
|
+
Button
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=button.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/button.tsx"],"sourcesContent":["import { Spinner } from \"@/components/spinner\";\nimport { ButtonVariants, buttonRecipe } from \"@/theme/recipes/button.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 = \"button\";\n\ntype ButtonProps = ComponentProps<typeof defaultElement, ButtonVariants>;\n\nexport const Button = ({ asChild, ...props }: ButtonProps) => {\n const variants = pick(props, ...buttonRecipe.variants());\n const button = buttonRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp\n {...props}\n className={mergeClasses(button, props.className)}\n disabled={props.disabled || Boolean(variants.loading)}\n >\n {props.children}\n {variants.loading && <Spinner style={{ position: \"absolute\" }} />}\n </Comp>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAKA,SAAS,YAAY;AAYjB,SAMuB,KANvB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,MAAmB;AAC5D,QAAM,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AACvD,QAAM,SAAS,aAAa,QAAQ;AACpC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,QAAQ,MAAM,SAAS;AAAA,MAC/C,UAAU,MAAM,YAAY,QAAQ,SAAS,OAAO;AAAA,MAEnD;AAAA,cAAM;AAAA,QACN,SAAS,WAAW,oBAAC,WAAQ,OAAO,EAAE,UAAU,WAAW,GAAG;AAAA;AAAA;AAAA,EACjE;AAEJ;","names":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
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
|
+
|
|
8
|
+
/* vanilla-extract-css-ns:src/theme/recipes/card.css.ts.vanilla.css?source=LmNhcmRfY2FyZFJlY2lwZV9fMWFuMnQxYzAgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KSB2YXIoLS1zcGFjZS01X18xOW5iZThkNCkgdmFyKC0tc3BhY2UtNl9fMTluYmU4ZDUpIHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY2FyZF9jYXJkUmVjaXBlX3ZhcmlhbnRfb3V0bGluZV9fMWFuMnQxYzEgewogIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1saW5lX18xOW5iZThkMmZlKTsKfQouY2FyZF9jYXJkUmVjaXBlX2Rpc2FibGVFbGV2YXRpb25fdHJ1ZV9fMWFuMnQxYzMgewogIGJveC1zaGFkb3c6IG5vbmU7Cn0= */
|
|
9
|
+
.card_cardRecipe__1an2t1c0 {
|
|
10
|
+
padding: var(--space-5__19nbe8d4) var(--space-5__19nbe8d4) var(--space-6__19nbe8d5) var(--space-5__19nbe8d4);
|
|
11
|
+
}
|
|
12
|
+
.card_cardRecipe_variant_outline__1an2t1c1 {
|
|
13
|
+
outline: 1px solid var(--semanticColors-line__19nbe8d2fe);
|
|
14
|
+
}
|
|
15
|
+
.card_cardRecipe_disableElevation_true__1an2t1c3 {
|
|
16
|
+
box-shadow: none;
|
|
17
|
+
}
|
|
18
|
+
/*# sourceMappingURL=card.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsUmVjaXBlX18xZW9kNmJhMCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaSk7CiAgYm94LXNoYWRvdzogdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMzhweCAtMTBweCwgdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMjBweCAtMTVweDsKfQ==","vanilla-extract-css-ns:src/theme/recipes/card.css.ts.vanilla.css?source=LmNhcmRfY2FyZFJlY2lwZV9fMWFuMnQxYzAgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KSB2YXIoLS1zcGFjZS01X18xOW5iZThkNCkgdmFyKC0tc3BhY2UtNl9fMTluYmU4ZDUpIHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY2FyZF9jYXJkUmVjaXBlX3ZhcmlhbnRfb3V0bGluZV9fMWFuMnQxYzEgewogIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1saW5lX18xOW5iZThkMmZlKTsKfQouY2FyZF9jYXJkUmVjaXBlX2Rpc2FibGVFbGV2YXRpb25fdHJ1ZV9fMWFuMnQxYzMgewogIGJveC1zaGFkb3c6IG5vbmU7Cn0="],"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}",".card_cardRecipe__1an2t1c0 {\n padding: var(--space-5__19nbe8d4) var(--space-5__19nbe8d4) var(--space-6__19nbe8d5) var(--space-5__19nbe8d4);\n}\n.card_cardRecipe_variant_outline__1an2t1c1 {\n outline: 1px solid var(--semanticColors-line__19nbe8d2fe);\n}\n.card_cardRecipe_disableElevation_true__1an2t1c3 {\n box-shadow: none;\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;;;ACJA,CAAC;AACC,WAAS,IAAI,qBAAqB,IAAI,qBAAqB,IAAI,qBAAqB,IAAI;AAC1F;AACA,CAAC;AACC,WAAS,IAAI,MAAM,IAAI;AACzB;AACA,CAAC;AACC,cAAY;AACd;","names":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { C as CardVariants } from '../card.css-r1QAh--W.mjs';
|
|
3
|
+
import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
declare const defaultElement = "div";
|
|
7
|
+
type CardProps = ComponentProps<typeof defaultElement, CardVariants>;
|
|
8
|
+
declare const Card: ({ asChild, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Card };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { C as CardVariants } from '../card.css-r1QAh--W.js';
|
|
3
|
+
import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
declare const defaultElement = "div";
|
|
7
|
+
type CardProps = ComponentProps<typeof defaultElement, CardVariants>;
|
|
8
|
+
declare const Card: ({ asChild, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Card };
|
|
@@ -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/card.tsx
|
|
21
|
+
var card_exports = {};
|
|
22
|
+
__export(card_exports, {
|
|
23
|
+
Card: () => Card
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(card_exports);
|
|
26
|
+
|
|
27
|
+
// src/theme/recipes/card.css.ts
|
|
28
|
+
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
29
|
+
var cardRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "card_cardRecipe__1an2t1c0 panel_panelRecipe__1eod6ba0", variantClassNames: { variant: { outline: "card_cardRecipe_variant_outline__1an2t1c1", ghost: "card_cardRecipe_variant_ghost__1an2t1c2" }, disableElevation: { true: "card_cardRecipe_disableElevation_true__1an2t1c3" } }, defaultVariants: { variant: "ghost", disableElevation: false }, compoundVariants: [] });
|
|
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/card.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 Card = ({ asChild, ...props }) => {
|
|
50
|
+
const variants = pick(props, ...cardRecipe.variants());
|
|
51
|
+
const card = cardRecipe(variants);
|
|
52
|
+
const Comp = asChild ? import_react_slot.Slot : defaultElement;
|
|
53
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(card, props.className), children: props.children });
|
|
54
|
+
};
|
|
55
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
56
|
+
0 && (module.exports = {
|
|
57
|
+
Card
|
|
58
|
+
});
|
|
59
|
+
//# sourceMappingURL=card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/card.tsx","../../src/theme/recipes/card.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { CardVariants, cardRecipe } from \"@/theme/recipes/card.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype CardProps = ComponentProps<typeof defaultElement, CardVariants>;\n\nexport const Card = ({ asChild, ...props }: CardProps) => {\n const variants = pick(props, ...cardRecipe.variants());\n const card = cardRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(card, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/recipes/panel.css.ts.vanilla.css?source=LnBhbmVsX3BhbmVsUmVjaXBlX18xZW9kNmJhMCB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtYW50aWNDb2xvcnMtc3VyZmFjZV9fMTluYmU4ZDJmOCk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaWktM19fMTluYmU4ZDJnaSk7CiAgYm94LXNoYWRvdzogdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMzhweCAtMTBweCwgdmFyKC0tY29sb3JzLXNsYXRlLXNsYXRlOF9fMTluYmU4ZDF5cCkgMHB4IDEwcHggMjBweCAtMTVweDsKfQ==';\nimport 'src/theme/recipes/card.css.ts.vanilla.css?source=LmNhcmRfY2FyZFJlY2lwZV9fMWFuMnQxYzAgewogIHBhZGRpbmc6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KSB2YXIoLS1zcGFjZS01X18xOW5iZThkNCkgdmFyKC0tc3BhY2UtNl9fMTluYmU4ZDUpIHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY2FyZF9jYXJkUmVjaXBlX3ZhcmlhbnRfb3V0bGluZV9fMWFuMnQxYzEgewogIG91dGxpbmU6IDFweCBzb2xpZCB2YXIoLS1zZW1hbnRpY0NvbG9ycy1saW5lX18xOW5iZThkMmZlKTsKfQouY2FyZF9jYXJkUmVjaXBlX2Rpc2FibGVFbGV2YXRpb25fdHJ1ZV9fMWFuMnQxYzMgewogIGJveC1zaGFkb3c6IG5vbmU7Cn0=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cardRecipe = _7a468({defaultClassName:'card_cardRecipe__1an2t1c0 panel_panelRecipe__1eod6ba0',variantClassNames:{variant:{outline:'card_cardRecipe_variant_outline__1an2t1c1',ghost:'card_cardRecipe_variant_ghost__1an2t1c2'},disableElevation:{true:'card_cardRecipe_disableElevation_true__1an2t1c3'}},defaultVariants:{variant:'ghost',disableElevation:false},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const ret: any = {};\n keys.forEach((key) => {\n ret[key] = obj[key];\n });\n\n return ret;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,6BAA0C;AACnC,IAAI,iBAAa,uBAAAA,iBAAO,EAAC,kBAAiB,yDAAwD,mBAAkB,EAAC,SAAQ,EAAC,SAAQ,6CAA4C,OAAM,0CAAyC,GAAE,kBAAiB,EAAC,MAAK,kDAAiD,EAAC,GAAE,iBAAgB,EAAC,SAAQ,SAAQ,kBAAiB,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACH3X,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;AHPA,wBAAqB;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,WAAW,KAAK,OAAO,GAAG,WAAW,SAAS,CAAC;AACrD,QAAM,OAAO,WAAW,QAAQ;AAChC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":["_7a468"]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cardRecipe
|
|
3
|
+
} from "../chunk-SRMXCTGE.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/card.tsx
|
|
14
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
15
|
+
import { jsx } from "react/jsx-runtime";
|
|
16
|
+
var defaultElement = "div";
|
|
17
|
+
var Card = ({ asChild, ...props }) => {
|
|
18
|
+
const variants = pick(props, ...cardRecipe.variants());
|
|
19
|
+
const card = cardRecipe(variants);
|
|
20
|
+
const Comp = asChild ? Slot : defaultElement;
|
|
21
|
+
return /* @__PURE__ */ jsx(Comp, { ...props, className: mergeClasses(card, props.className), children: props.children });
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
Card
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=card.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/card.tsx"],"sourcesContent":["import { CardVariants, cardRecipe } from \"@/theme/recipes/card.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"div\";\n\ntype CardProps = ComponentProps<typeof defaultElement, CardVariants>;\n\nexport const Card = ({ asChild, ...props }: CardProps) => {\n const variants = pick(props, ...cardRecipe.variants());\n const card = cardRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(card, props.className)}>\n {props.children}\n </Comp>\n );\n};\n"],"mappings":";;;;;;;;;;;;;AAIA,SAAS,YAAY;AAYjB;AAVJ,IAAM,iBAAiB;AAIhB,IAAM,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,MAAiB;AACxD,QAAM,WAAW,KAAK,OAAO,GAAG,WAAW,SAAS,CAAC;AACrD,QAAM,OAAO,WAAW,QAAQ;AAChC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,OAAO,WAAW,aAAa,MAAM,MAAM,SAAS,GAC3D,gBAAM,UACT;AAEJ;","names":[]}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVUy27bMBC8+yt4KZAAZSA5KNDQx17aa39A4GNFbkwvBZKKH0X+vSBj2WobOy54EcnZ2dldjh60A71WYddNHz9B4wBdZ/fu4GLDfi0Yk94LNlKCvFowpsKOJzwgWcFUiAYiV2FXbsYEkSfwoLNgFAhWNRgtccywSYJpoAyxHg8DyChJwxlqMA1e7gVD8kjAew+V93lMGfs914EyUJ7TVJwDtC4L1paTjYwWSbCmbMKYC+KcYpDGVOX1mm9BrTHzLAfu0DpfeLgOPkTBolXyrvlc1/2pcCdN2BaFCTJr6mqHHXuR8Y7zBBtJGfW3wpB4Sd117RMp+GqWPVSW8AKx94XDoTFAq8Xr4uGjMQhXwuowlNRrG8NIZhL6bu4cJaVBRqD8vcTOdPT3t+Xsgx5TzflXG28JFgr6EOFN8oUXcxOP7PNU+f/TJDxA105sbaXZosnu1DU8QOKP5+7Ypzql6UldRx1VRGlwTBO47JC3M7C93vAqcjmJXF4S+WXGqC6K/Bd1ReRyBnYXRP4gg1rmEP+czOPxz/CuuU9Gnhx8cmjTfPrA0cfK35CvvwFT6IbpoQQAAA== */
|
|
2
|
+
.checkbox_checkboxRecipe__gyhzhr0 {
|
|
3
|
+
all: unset;
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
user-select: none;
|
|
6
|
+
align-items: center;
|
|
7
|
+
appearance: none;
|
|
8
|
+
display: inline-flex;
|
|
9
|
+
justify-content: center;
|
|
10
|
+
line-height: 1;
|
|
11
|
+
margin: 0;
|
|
12
|
+
outline: none;
|
|
13
|
+
padding: 0;
|
|
14
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
15
|
+
box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
|
|
16
|
+
overflow: hidden;
|
|
17
|
+
}
|
|
18
|
+
.checkbox_checkboxRecipe__gyhzhr0:hover {
|
|
19
|
+
background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
|
|
20
|
+
}
|
|
21
|
+
.checkbox_checkboxRecipe__gyhzhr0:focus {
|
|
22
|
+
outline: none;
|
|
23
|
+
}
|
|
24
|
+
.checkbox_checkboxRecipe__gyhzhr0::before {
|
|
25
|
+
box-sizing: border-box;
|
|
26
|
+
}
|
|
27
|
+
.checkbox_checkboxRecipe__gyhzhr0::after {
|
|
28
|
+
box-sizing: border-box;
|
|
29
|
+
}
|
|
30
|
+
.checkbox_checkboxRecipe_size_1__gyhzhr1 {
|
|
31
|
+
width: var(--sizes-3__19nbe8d2g9);
|
|
32
|
+
height: var(--sizes-3__19nbe8d2g9);
|
|
33
|
+
border-radius: var(--radii-1__19nbe8d2gg);
|
|
34
|
+
}
|
|
35
|
+
.checkbox_checkboxRecipe_size_2__gyhzhr2 {
|
|
36
|
+
width: var(--sizes-5__19nbe8d2gb);
|
|
37
|
+
height: var(--sizes-5__19nbe8d2gb);
|
|
38
|
+
border-radius: var(--radii-2__19nbe8d2gh);
|
|
39
|
+
}
|
|
40
|
+
.checkbox_checkboxIndicatorRecipe__gyhzhr3 {
|
|
41
|
+
align-items: center;
|
|
42
|
+
display: flex;
|
|
43
|
+
height: 100%;
|
|
44
|
+
justify-content: center;
|
|
45
|
+
width: 100%;
|
|
46
|
+
}
|
|
47
|
+
/*# sourceMappingURL=checkbox.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVUy27bMBC8+yt4KZAAZSA5KNDQx17aa39A4GNFbkwvBZKKH0X+vSBj2WobOy54EcnZ2dldjh60A71WYddNHz9B4wBdZ/fu4GLDfi0Yk94LNlKCvFowpsKOJzwgWcFUiAYiV2FXbsYEkSfwoLNgFAhWNRgtccywSYJpoAyxHg8DyChJwxlqMA1e7gVD8kjAew+V93lMGfs914EyUJ7TVJwDtC4L1paTjYwWSbCmbMKYC+KcYpDGVOX1mm9BrTHzLAfu0DpfeLgOPkTBolXyrvlc1/2pcCdN2BaFCTJr6mqHHXuR8Y7zBBtJGfW3wpB4Sd117RMp+GqWPVSW8AKx94XDoTFAq8Xr4uGjMQhXwuowlNRrG8NIZhL6bu4cJaVBRqD8vcTOdPT3t+Xsgx5TzflXG28JFgr6EOFN8oUXcxOP7PNU+f/TJDxA105sbaXZosnu1DU8QOKP5+7Ypzql6UldRx1VRGlwTBO47JC3M7C93vAqcjmJXF4S+WXGqC6K/Bd1ReRyBnYXRP4gg1rmEP+czOPxz/CuuU9Gnhx8cmjTfPrA0cfK35CvvwFT6IbpoQQAAA=="],"sourcesContent":[".checkbox_checkboxRecipe__gyhzhr0 {\n all: unset;\n box-sizing: border-box;\n user-select: none;\n align-items: center;\n appearance: none;\n display: inline-flex;\n justify-content: center;\n line-height: 1;\n margin: 0;\n outline: none;\n padding: 0;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);\n overflow: hidden;\n}\n.checkbox_checkboxRecipe__gyhzhr0:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.checkbox_checkboxRecipe__gyhzhr0:focus {\n outline: none;\n}\n.checkbox_checkboxRecipe__gyhzhr0::before {\n box-sizing: border-box;\n}\n.checkbox_checkboxRecipe__gyhzhr0::after {\n box-sizing: border-box;\n}\n.checkbox_checkboxRecipe_size_1__gyhzhr1 {\n width: var(--sizes-3__19nbe8d2g9);\n height: var(--sizes-3__19nbe8d2g9);\n border-radius: var(--radii-1__19nbe8d2gg);\n}\n.checkbox_checkboxRecipe_size_2__gyhzhr2 {\n width: var(--sizes-5__19nbe8d2gb);\n height: var(--sizes-5__19nbe8d2gb);\n border-radius: var(--radii-2__19nbe8d2gh);\n}\n.checkbox_checkboxIndicatorRecipe__gyhzhr3 {\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n width: 100%;\n}"],"mappings":";AAAA,CAAC;AACC,OAAK;AACL,cAAY;AACZ,eAAa;AACb,eAAa;AACb,cAAY;AACZ,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,UAAQ;AACR,WAAS;AACT,WAAS;AACT,+BAA6B,KAAK,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC;AACxC,cAAY,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI;AAChC,YAAU;AACZ;AACA,CAhBC,gCAgBgC;AAC/B,oBAAkB,IAAI;AACxB;AACA,CAnBC,gCAmBgC;AAC/B,WAAS;AACX;AACA,CAtBC,gCAsBgC;AAC/B,cAAY;AACd;AACA,CAzBC,gCAyBgC;AAC/B,cAAY;AACd;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,eAAa;AACb,WAAS;AACT,UAAQ;AACR,mBAAiB;AACjB,SAAO;AACT;","names":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { C as CheckboxVariants, a as CheckboxIndicatorVariants } from '../checkbox.css-BlFMNrMD.mjs';
|
|
3
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants & CheckboxIndicatorVariants;
|
|
7
|
+
declare const Checkbox: ({ ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
8
|
+
|
|
9
|
+
export { Checkbox };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { C as CheckboxVariants, a as CheckboxIndicatorVariants } from '../checkbox.css-BlFMNrMD.js';
|
|
3
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
type CheckboxProps = CheckboxPrimitive.CheckboxProps & CheckboxVariants & CheckboxIndicatorVariants;
|
|
7
|
+
declare const Checkbox: ({ ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
8
|
+
|
|
9
|
+
export { Checkbox };
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// src/components/checkbox.tsx
|
|
31
|
+
var checkbox_exports = {};
|
|
32
|
+
__export(checkbox_exports, {
|
|
33
|
+
Checkbox: () => Checkbox
|
|
34
|
+
});
|
|
35
|
+
module.exports = __toCommonJS(checkbox_exports);
|
|
36
|
+
|
|
37
|
+
// src/theme/recipes/checkbox.css.ts
|
|
38
|
+
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
39
|
+
var checkboxIndicatorRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "checkbox_checkboxIndicatorRecipe__gyhzhr3", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
40
|
+
var checkboxRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "checkbox_checkboxRecipe__gyhzhr0", variantClassNames: { size: { "1": "checkbox_checkboxRecipe_size_1__gyhzhr1", "2": "checkbox_checkboxRecipe_size_2__gyhzhr2" } }, defaultVariants: { size: "1" }, compoundVariants: [] });
|
|
41
|
+
|
|
42
|
+
// src/utils/merge-classes.ts
|
|
43
|
+
function mergeClasses(...classes) {
|
|
44
|
+
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
// src/utils/pick.ts
|
|
48
|
+
function pick(obj, ...keys) {
|
|
49
|
+
const ret = {};
|
|
50
|
+
keys.forEach((key) => {
|
|
51
|
+
ret[key] = obj[key];
|
|
52
|
+
});
|
|
53
|
+
return ret;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
// src/components/checkbox.tsx
|
|
57
|
+
var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
|
|
58
|
+
var import_react_icons = require("@radix-ui/react-icons");
|
|
59
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
60
|
+
var Checkbox = ({ ...props }) => {
|
|
61
|
+
const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));
|
|
62
|
+
const checkboxIndicator = checkboxIndicatorRecipe(
|
|
63
|
+
pick(props, ...checkboxIndicatorRecipe.variants())
|
|
64
|
+
);
|
|
65
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
66
|
+
CheckboxPrimitive.Root,
|
|
67
|
+
{
|
|
68
|
+
...props,
|
|
69
|
+
className: mergeClasses(checkbox, props.className),
|
|
70
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxPrimitive.CheckboxIndicator, { className: checkboxIndicator, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.CheckIcon, {}) })
|
|
71
|
+
}
|
|
72
|
+
);
|
|
73
|
+
};
|
|
74
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
75
|
+
0 && (module.exports = {
|
|
76
|
+
Checkbox
|
|
77
|
+
});
|
|
78
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/checkbox.tsx","../../src/theme/recipes/checkbox.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n CheckboxIndicatorVariants,\n CheckboxVariants,\n checkboxIndicatorRecipe,\n checkboxRecipe,\n} from \"@/theme/recipes/checkbox.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\ntype CheckboxProps = CheckboxPrimitive.CheckboxProps &\n CheckboxVariants &\n CheckboxIndicatorVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));\n const checkboxIndicator = checkboxIndicatorRecipe(\n pick(props, ...checkboxIndicatorRecipe.variants()),\n );\n\n return (\n <CheckboxPrimitive.Root\n {...props}\n className={mergeClasses(checkbox, props.className)}\n >\n <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n <CheckIcon />\n </CheckboxPrimitive.CheckboxIndicator>\n </CheckboxPrimitive.Root>\n );\n};\n","import 'src/theme/recipes/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAACpVUy27bMBC8+yt4KZAAZSA5KNDQx17aa39A4GNFbkwvBZKKH0X+vSBj2WobOy54EcnZ2dldjh60A71WYddNHz9B4wBdZ/fu4GLDfi0Yk94LNlKCvFowpsKOJzwgWcFUiAYiV2FXbsYEkSfwoLNgFAhWNRgtccywSYJpoAyxHg8DyChJwxlqMA1e7gVD8kjAew+V93lMGfs914EyUJ7TVJwDtC4L1paTjYwWSbCmbMKYC+KcYpDGVOX1mm9BrTHzLAfu0DpfeLgOPkTBolXyrvlc1/2pcCdN2BaFCTJr6mqHHXuR8Y7zBBtJGfW3wpB4Sd117RMp+GqWPVSW8AKx94XDoTFAq8Xr4uGjMQhXwuowlNRrG8NIZhL6bu4cJaVBRqD8vcTOdPT3t+Xsgx5TzflXG28JFgr6EOFN8oUXcxOP7PNU+f/TJDxA105sbaXZosnu1DU8QOKP5+7Ypzql6UldRx1VRGlwTBO47JC3M7C93vAqcjmJXF4S+WXGqC6K/Bd1ReRyBnYXRP4gg1rmEP+czOPxz/CuuU9Gnhx8cmjTfPrA0cfK35CvvwFT6IbpoQQAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var checkboxIndicatorRecipe = _7a468({defaultClassName:'checkbox_checkboxIndicatorRecipe__gyhzhr3',variantClassNames:{},defaultVariants:{},compoundVariants:[]});\nexport var checkboxRecipe = _7a468({defaultClassName:'checkbox_checkboxRecipe__gyhzhr0',variantClassNames:{size:{'1':'checkbox_checkboxRecipe_size_1__gyhzhr1','2':'checkbox_checkboxRecipe_size_2__gyhzhr2'}},defaultVariants:{size:'1'},compoundVariants:[]});","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const ret: any = {};\n keys.forEach((key) => {\n ret[key] = obj[key];\n });\n\n return ret;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,8BAA0B,uBAAAA,iBAAO,EAAC,kBAAiB,6CAA4C,mBAAkB,CAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/J,IAAI,qBAAiB,uBAAAA,iBAAO,EAAC,kBAAiB,oCAAmC,mBAAkB,EAAC,MAAK,EAAC,KAAI,2CAA0C,KAAI,0CAAyC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACHvP,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ACCO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;AHHA,wBAAmC;AACnC,yBAA0B;AAkBlB;AAZD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,WAAW,eAAe,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC,CAAC;AACzE,QAAM,oBAAoB;AAAA,IACxB,KAAK,OAAO,GAAG,wBAAwB,SAAS,CAAC;AAAA,EACnD;AAEA,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD,sDAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,sDAAC,gCAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":["_7a468"]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import {
|
|
2
|
+
checkboxIndicatorRecipe,
|
|
3
|
+
checkboxRecipe
|
|
4
|
+
} from "../chunk-YQH4Y34B.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/checkbox.tsx
|
|
14
|
+
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
15
|
+
import { CheckIcon } from "@radix-ui/react-icons";
|
|
16
|
+
import { jsx } from "react/jsx-runtime";
|
|
17
|
+
var Checkbox = ({ ...props }) => {
|
|
18
|
+
const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));
|
|
19
|
+
const checkboxIndicator = checkboxIndicatorRecipe(
|
|
20
|
+
pick(props, ...checkboxIndicatorRecipe.variants())
|
|
21
|
+
);
|
|
22
|
+
return /* @__PURE__ */ jsx(
|
|
23
|
+
CheckboxPrimitive.Root,
|
|
24
|
+
{
|
|
25
|
+
...props,
|
|
26
|
+
className: mergeClasses(checkbox, props.className),
|
|
27
|
+
children: /* @__PURE__ */ jsx(CheckboxPrimitive.CheckboxIndicator, { className: checkboxIndicator, children: /* @__PURE__ */ jsx(CheckIcon, {}) })
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
};
|
|
31
|
+
export {
|
|
32
|
+
Checkbox
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=checkbox.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import {\n CheckboxIndicatorVariants,\n CheckboxVariants,\n checkboxIndicatorRecipe,\n checkboxRecipe,\n} from \"@/theme/recipes/checkbox.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"@radix-ui/react-icons\";\n\ntype CheckboxProps = CheckboxPrimitive.CheckboxProps &\n CheckboxVariants &\n CheckboxIndicatorVariants;\n\nexport const Checkbox = ({ ...props }: CheckboxProps) => {\n const checkbox = checkboxRecipe(pick(props, ...checkboxRecipe.variants()));\n const checkboxIndicator = checkboxIndicatorRecipe(\n pick(props, ...checkboxIndicatorRecipe.variants()),\n );\n\n return (\n <CheckboxPrimitive.Root\n {...props}\n className={mergeClasses(checkbox, props.className)}\n >\n <CheckboxPrimitive.CheckboxIndicator className={checkboxIndicator}>\n <CheckIcon />\n </CheckboxPrimitive.CheckboxIndicator>\n </CheckboxPrimitive.Root>\n );\n};\n"],"mappings":";;;;;;;;;;;;;AAQA,YAAY,uBAAuB;AACnC,SAAS,iBAAiB;AAkBlB;AAZD,IAAM,WAAW,CAAC,EAAE,GAAG,MAAM,MAAqB;AACvD,QAAM,WAAW,eAAe,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC,CAAC;AACzE,QAAM,oBAAoB;AAAA,IACxB,KAAK,OAAO,GAAG,wBAAwB,SAAS,CAAC;AAAA,EACnD;AAEA,SACE;AAAA,IAAmB;AAAA,IAAlB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,UAAU,MAAM,SAAS;AAAA,MAEjD,8BAAmB,qCAAlB,EAAoC,WAAW,mBAC9C,8BAAC,aAAU,GACb;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/container.css.ts.vanilla.css?source=LmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfXzFtZWJ6dDAgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgZmxleC1zaHJpbms6IDA7CiAgbWFyZ2luLWxlZnQ6IGF1dG87CiAgbWFyZ2luLXJpZ2h0OiBhdXRvOwogIHBhZGRpbmctbGVmdDogdmFyKC0tc3BhY2UtNV9fMTluYmU4ZDQpOwogIHBhZGRpbmctcmlnaHQ6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY29udGFpbmVyX2NvbnRhaW5lclJlY2lwZV9zaXplXzFfXzFtZWJ6dDEgewogIG1heC13aWR0aDogNDMwcHg7Cn0KLmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfc2l6ZV8yX18xbWVienQyIHsKICBtYXgtd2lkdGg6IDcxNXB4Owp9Ci5jb250YWluZXJfY29udGFpbmVyUmVjaXBlX3NpemVfM19fMW1lYnp0MyB7CiAgbWF4LXdpZHRoOiAxMTQ1cHg7Cn0KLmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfc2l6ZV80X18xbWVienQ0IHsKICBtYXgtd2lkdGg6IG5vbmU7Cn0= */
|
|
2
|
+
.container_containerRecipe__1mebzt0 {
|
|
3
|
+
box-sizing: border-box;
|
|
4
|
+
flex-shrink: 0;
|
|
5
|
+
margin-left: auto;
|
|
6
|
+
margin-right: auto;
|
|
7
|
+
padding-left: var(--space-5__19nbe8d4);
|
|
8
|
+
padding-right: var(--space-5__19nbe8d4);
|
|
9
|
+
}
|
|
10
|
+
.container_containerRecipe_size_1__1mebzt1 {
|
|
11
|
+
max-width: 430px;
|
|
12
|
+
}
|
|
13
|
+
.container_containerRecipe_size_2__1mebzt2 {
|
|
14
|
+
max-width: 715px;
|
|
15
|
+
}
|
|
16
|
+
.container_containerRecipe_size_3__1mebzt3 {
|
|
17
|
+
max-width: 1145px;
|
|
18
|
+
}
|
|
19
|
+
.container_containerRecipe_size_4__1mebzt4 {
|
|
20
|
+
max-width: none;
|
|
21
|
+
}
|
|
22
|
+
/*# sourceMappingURL=container.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/container.css.ts.vanilla.css?source=LmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfXzFtZWJ6dDAgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgZmxleC1zaHJpbms6IDA7CiAgbWFyZ2luLWxlZnQ6IGF1dG87CiAgbWFyZ2luLXJpZ2h0OiBhdXRvOwogIHBhZGRpbmctbGVmdDogdmFyKC0tc3BhY2UtNV9fMTluYmU4ZDQpOwogIHBhZGRpbmctcmlnaHQ6IHZhcigtLXNwYWNlLTVfXzE5bmJlOGQ0KTsKfQouY29udGFpbmVyX2NvbnRhaW5lclJlY2lwZV9zaXplXzFfXzFtZWJ6dDEgewogIG1heC13aWR0aDogNDMwcHg7Cn0KLmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfc2l6ZV8yX18xbWVienQyIHsKICBtYXgtd2lkdGg6IDcxNXB4Owp9Ci5jb250YWluZXJfY29udGFpbmVyUmVjaXBlX3NpemVfM19fMW1lYnp0MyB7CiAgbWF4LXdpZHRoOiAxMTQ1cHg7Cn0KLmNvbnRhaW5lcl9jb250YWluZXJSZWNpcGVfc2l6ZV80X18xbWVienQ0IHsKICBtYXgtd2lkdGg6IG5vbmU7Cn0="],"sourcesContent":[".container_containerRecipe__1mebzt0 {\n box-sizing: border-box;\n flex-shrink: 0;\n margin-left: auto;\n margin-right: auto;\n padding-left: var(--space-5__19nbe8d4);\n padding-right: var(--space-5__19nbe8d4);\n}\n.container_containerRecipe_size_1__1mebzt1 {\n max-width: 430px;\n}\n.container_containerRecipe_size_2__1mebzt2 {\n max-width: 715px;\n}\n.container_containerRecipe_size_3__1mebzt3 {\n max-width: 1145px;\n}\n.container_containerRecipe_size_4__1mebzt4 {\n max-width: none;\n}"],"mappings":";AAAA,CAAC;AACC,cAAY;AACZ,eAAa;AACb,eAAa;AACb,gBAAc;AACd,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACrB;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,aAAW;AACb;","names":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { C as ContainerVariants } from '../container.css-DEKRVrvD.mjs';
|
|
3
|
+
import { C as ComponentProps } from '../component-props-CuOrXFyX.mjs';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
declare const defaultElement = "div";
|
|
7
|
+
type ContainerProps = ComponentProps<typeof defaultElement, ContainerVariants>;
|
|
8
|
+
declare const Container: ({ asChild, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Container };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { C as ContainerVariants } from '../container.css-DEKRVrvD.js';
|
|
3
|
+
import { C as ComponentProps } from '../component-props-CuOrXFyX.js';
|
|
4
|
+
import '@vanilla-extract/recipes';
|
|
5
|
+
|
|
6
|
+
declare const defaultElement = "div";
|
|
7
|
+
type ContainerProps = ComponentProps<typeof defaultElement, ContainerVariants>;
|
|
8
|
+
declare const Container: ({ asChild, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Container };
|
|
@@ -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/container.tsx
|
|
21
|
+
var container_exports = {};
|
|
22
|
+
__export(container_exports, {
|
|
23
|
+
Container: () => Container
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(container_exports);
|
|
26
|
+
|
|
27
|
+
// src/theme/recipes/container.css.ts
|
|
28
|
+
var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
29
|
+
var containerRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "container_containerRecipe__1mebzt0", variantClassNames: { size: { "1": "container_containerRecipe_size_1__1mebzt1", "2": "container_containerRecipe_size_2__1mebzt2", "3": "container_containerRecipe_size_3__1mebzt3", "4": "container_containerRecipe_size_4__1mebzt4" } }, defaultVariants: { size: "4" }, compoundVariants: [] });
|
|
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/container.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 Container = ({ asChild, ...props }) => {
|
|
50
|
+
const variants = pick(props, ...containerRecipe.variants());
|
|
51
|
+
const container = containerRecipe(variants);
|
|
52
|
+
const Comp = asChild ? import_react_slot.Slot : defaultElement;
|
|
53
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...props, className: mergeClasses(container, props.className), children: props.children });
|
|
54
|
+
};
|
|
55
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
56
|
+
0 && (module.exports = {
|
|
57
|
+
Container
|
|
58
|
+
});
|
|
59
|
+
//# sourceMappingURL=container.js.map
|