@nayhoo/ui 0.9.0 → 0.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{avatar.css-BKo21sUI.d.mts → avatar.css-Lh26jRUS.d.mts} +1 -3
- package/dist/{avatar.css-BKo21sUI.d.ts → avatar.css-Lh26jRUS.d.ts} +1 -3
- package/dist/{checkbox.css-BlFMNrMD.d.mts → checkbox.css-C3L6B1cb.d.mts} +1 -3
- package/dist/{checkbox.css-BlFMNrMD.d.ts → checkbox.css-C3L6B1cb.d.ts} +1 -3
- package/dist/chunk-2H7ZFP5Y.mjs +8 -0
- package/dist/chunk-2H7ZFP5Y.mjs.map +1 -0
- package/dist/{chunk-RD6HAWH5.mjs → chunk-3HV65JYW.mjs} +1 -1
- package/dist/{chunk-RD6HAWH5.mjs.map → chunk-3HV65JYW.mjs.map} +1 -1
- package/dist/{chunk-GI2XNLAW.mjs → chunk-5RLHLI27.mjs} +3 -3
- package/dist/{chunk-52RVZRC4.mjs → chunk-64TEKDKL.mjs} +2 -2
- package/dist/{chunk-IRWT2CO3.mjs → chunk-6N652IDI.mjs} +1 -1
- package/dist/{chunk-IRWT2CO3.mjs.map → chunk-6N652IDI.mjs.map} +1 -1
- package/dist/{chunk-RBFEMC5M.mjs → chunk-6UOQ737G.mjs} +1 -1
- package/dist/{chunk-RBFEMC5M.mjs.map → chunk-6UOQ737G.mjs.map} +1 -1
- package/dist/chunk-AXOHCT5Q.mjs +14 -0
- package/dist/chunk-AXOHCT5Q.mjs.map +1 -0
- package/dist/{chunk-A2I7UNX6.mjs → chunk-DC6VQ7BG.mjs} +2 -2
- package/dist/chunk-DERDJR33.mjs +13 -0
- package/dist/chunk-DERDJR33.mjs.map +1 -0
- package/dist/chunk-DPZRGHY5.mjs +7 -0
- package/dist/chunk-DPZRGHY5.mjs.map +1 -0
- package/dist/{chunk-IPBDMBQP.mjs → chunk-G4YCF3A2.mjs} +1 -1
- package/dist/{chunk-IPBDMBQP.mjs.map → chunk-G4YCF3A2.mjs.map} +1 -1
- package/dist/{chunk-NU7XYEVP.mjs → chunk-GGJKRS5V.mjs} +2 -2
- package/dist/{chunk-YQH4Y34B.mjs → chunk-HRXZ3ELS.mjs} +6 -4
- package/dist/chunk-HRXZ3ELS.mjs.map +1 -0
- package/dist/{chunk-M6OYH5UA.mjs → chunk-IEZTYE5I.mjs} +1 -1
- package/dist/{chunk-M6OYH5UA.mjs.map → chunk-IEZTYE5I.mjs.map} +1 -1
- package/dist/{chunk-SZB3FEBC.mjs → chunk-IQLI5J2V.mjs} +1 -1
- package/dist/{chunk-SZB3FEBC.mjs.map → chunk-IQLI5J2V.mjs.map} +1 -1
- package/dist/chunk-IUXU5IPB.mjs +1 -0
- package/dist/{chunk-X6UXW66P.mjs → chunk-JI6FRWSC.mjs} +3 -3
- package/dist/{chunk-RAS2GZOT.mjs → chunk-MXFGBAZU.mjs} +1 -1
- package/dist/chunk-MXFGBAZU.mjs.map +1 -0
- package/dist/{chunk-OETJQIMJ.mjs → chunk-N535ABFC.mjs} +2 -2
- package/dist/{chunk-OETJQIMJ.mjs.map → chunk-N535ABFC.mjs.map} +1 -1
- package/dist/chunk-NOIOHUNH.mjs +7 -0
- package/dist/chunk-NOIOHUNH.mjs.map +1 -0
- package/dist/chunk-OI24WXH6.mjs +7 -0
- package/dist/chunk-OI24WXH6.mjs.map +1 -0
- package/dist/chunk-P3OUEGR4.mjs +7 -0
- package/dist/chunk-P3OUEGR4.mjs.map +1 -0
- package/dist/{chunk-65GTB4DD.mjs → chunk-PGCB7RGD.mjs} +1 -1
- package/dist/{chunk-65GTB4DD.mjs.map → chunk-PGCB7RGD.mjs.map} +1 -1
- package/dist/{chunk-S3GY7GCD.mjs → chunk-QEBSZEY2.mjs} +1 -1
- package/dist/{chunk-S3GY7GCD.mjs.map → chunk-QEBSZEY2.mjs.map} +1 -1
- package/dist/{chunk-3Z2HB2J6.mjs → chunk-RYAY35UB.mjs} +2 -2
- package/dist/{chunk-FG2ZBTVM.mjs → chunk-SOIEM2O2.mjs} +1 -1
- package/dist/chunk-SOIEM2O2.mjs.map +1 -0
- package/dist/{chunk-ICX6SDOZ.mjs → chunk-T3GW2EMR.mjs} +1 -1
- package/dist/chunk-T3GW2EMR.mjs.map +1 -0
- package/dist/{chunk-XALDYHCC.mjs → chunk-WPNBONR3.mjs} +3 -8
- package/dist/chunk-WPNBONR3.mjs.map +1 -0
- package/dist/{chunk-K625HY3P.mjs → chunk-Y6BNWBLR.mjs} +1 -1
- package/dist/{chunk-K625HY3P.mjs.map → chunk-Y6BNWBLR.mjs.map} +1 -1
- package/dist/{chunk-SI36SYJ2.mjs → chunk-YO4LZRGU.mjs} +1 -1
- package/dist/{chunk-SI36SYJ2.mjs.map → chunk-YO4LZRGU.mjs.map} +1 -1
- package/dist/{chunk-7MD4JYZV.mjs → chunk-ZNKUE6YY.mjs} +2 -4
- package/dist/chunk-ZNKUE6YY.mjs.map +1 -0
- package/dist/component-props-BHzinuRX.d.mts +5 -0
- package/dist/component-props-BHzinuRX.d.ts +5 -0
- package/dist/components/avatar.css +34 -32
- package/dist/components/avatar.css.map +1 -1
- package/dist/components/avatar.d.mts +1 -1
- package/dist/components/avatar.d.ts +1 -1
- package/dist/components/avatar.js +20 -23
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/avatar.mjs +7 -7
- package/dist/components/avatar.mjs.map +1 -1
- package/dist/components/badge.css +4 -4
- package/dist/components/badge.css.map +1 -1
- package/dist/components/badge.d.mts +1 -1
- package/dist/components/badge.d.ts +1 -1
- package/dist/components/badge.js.map +1 -1
- package/dist/components/badge.mjs +1 -1
- package/dist/components/box.css +2 -2
- package/dist/components/box.css.map +1 -1
- package/dist/components/box.d.mts +2 -4
- package/dist/components/box.d.ts +2 -4
- package/dist/components/box.js +2 -14
- package/dist/components/box.js.map +1 -1
- package/dist/components/box.mjs +2 -3
- package/dist/components/button.css +33 -33
- package/dist/components/button.css.map +1 -1
- package/dist/components/button.d.mts +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.js.map +1 -1
- package/dist/components/button.mjs +4 -4
- package/dist/components/card.css +5 -4
- package/dist/components/card.css.map +1 -1
- package/dist/components/card.d.mts +1 -1
- package/dist/components/card.d.ts +1 -1
- package/dist/components/card.js +1 -1
- package/dist/components/card.js.map +1 -1
- package/dist/components/card.mjs +2 -2
- package/dist/components/checkbox.css +10 -8
- package/dist/components/checkbox.css.map +1 -1
- package/dist/components/checkbox.d.mts +2 -2
- package/dist/components/checkbox.d.ts +2 -2
- package/dist/components/checkbox.js +3 -4
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/checkbox.mjs +2 -5
- package/dist/components/checkbox.mjs.map +1 -1
- package/dist/components/container.d.mts +1 -1
- package/dist/components/container.d.ts +1 -1
- package/dist/components/dropdown-menu.css +19 -18
- package/dist/components/dropdown-menu.css.map +1 -1
- package/dist/components/dropdown-menu.d.mts +6 -9
- package/dist/components/dropdown-menu.d.ts +6 -9
- package/dist/components/dropdown-menu.js +21 -38
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/dropdown-menu.mjs +14 -28
- package/dist/components/dropdown-menu.mjs.map +1 -1
- package/dist/components/flex.css +1 -1
- package/dist/components/flex.css.map +1 -1
- package/dist/components/flex.d.mts +1 -1
- package/dist/components/flex.d.ts +1 -1
- package/dist/components/flex.js.map +1 -1
- package/dist/components/flex.mjs +2 -2
- package/dist/components/form.css +14 -12
- package/dist/components/form.css.map +1 -1
- package/dist/components/form.d.mts +3 -3
- package/dist/components/form.d.ts +3 -3
- package/dist/components/form.js +5 -7
- package/dist/components/form.js.map +1 -1
- package/dist/components/form.mjs +3 -7
- package/dist/components/form.mjs.map +1 -1
- package/dist/components/grid.css +1 -1
- package/dist/components/grid.css.map +1 -1
- package/dist/components/grid.d.mts +1 -1
- package/dist/components/grid.d.ts +1 -1
- package/dist/components/grid.js.map +1 -1
- package/dist/components/grid.mjs +1 -1
- package/dist/components/heading.css +6 -6
- package/dist/components/heading.css.map +1 -1
- package/dist/components/heading.d.mts +1 -1
- package/dist/components/heading.d.ts +1 -1
- package/dist/components/heading.js.map +1 -1
- package/dist/components/heading.mjs +2 -2
- package/dist/components/icon-button.css +33 -33
- package/dist/components/icon-button.css.map +1 -1
- package/dist/components/icon-button.d.mts +1 -1
- package/dist/components/icon-button.d.ts +1 -1
- package/dist/components/icon-button.js.map +1 -1
- package/dist/components/icon-button.mjs +4 -4
- package/dist/components/label.css +13 -13
- package/dist/components/label.css.map +1 -1
- package/dist/components/label.js +4 -16
- package/dist/components/label.js.map +1 -1
- package/dist/components/label.mjs +3 -8
- package/dist/components/label.mjs.map +1 -1
- package/dist/components/link.css +1 -1
- package/dist/components/link.css.map +1 -1
- package/dist/components/link.d.mts +1 -1
- package/dist/components/link.d.ts +1 -1
- package/dist/components/link.js.map +1 -1
- package/dist/components/link.mjs +1 -1
- package/dist/components/menu.css +19 -18
- package/dist/components/menu.css.map +1 -1
- package/dist/components/menu.d.mts +7 -10
- package/dist/components/menu.d.ts +7 -10
- package/dist/components/menu.js +21 -40
- package/dist/components/menu.js.map +1 -1
- package/dist/components/menu.mjs +14 -30
- package/dist/components/menu.mjs.map +1 -1
- package/dist/components/panel.css +5 -4
- package/dist/components/panel.css.map +1 -1
- package/dist/components/panel.d.mts +2 -4
- package/dist/components/panel.d.ts +2 -4
- package/dist/components/panel.js +2 -14
- package/dist/components/panel.js.map +1 -1
- package/dist/components/panel.mjs +3 -8
- package/dist/components/panel.mjs.map +1 -1
- package/dist/components/paragraph.css +6 -6
- package/dist/components/paragraph.css.map +1 -1
- package/dist/components/paragraph.d.mts +1 -1
- package/dist/components/paragraph.d.ts +1 -1
- package/dist/components/paragraph.js.map +1 -1
- package/dist/components/paragraph.mjs +25 -4
- package/dist/components/paragraph.mjs.map +1 -1
- package/dist/components/select.css +29 -28
- package/dist/components/select.css.map +1 -1
- package/dist/components/select.d.mts +4 -6
- package/dist/components/select.d.ts +4 -6
- package/dist/components/select.js +7 -17
- package/dist/components/select.js.map +1 -1
- package/dist/components/select.mjs +9 -17
- package/dist/components/select.mjs.map +1 -1
- package/dist/components/separator.css +4 -4
- package/dist/components/separator.css.map +1 -1
- package/dist/components/separator.d.mts +1 -3
- package/dist/components/separator.d.ts +1 -3
- package/dist/components/separator.js +2 -14
- package/dist/components/separator.js.map +1 -1
- package/dist/components/separator.mjs +2 -7
- package/dist/components/separator.mjs.map +1 -1
- package/dist/components/skeleton.css +25 -25
- package/dist/components/skeleton.css.map +1 -1
- package/dist/components/skeleton.d.mts +1 -1
- package/dist/components/skeleton.d.ts +1 -1
- package/dist/components/skeleton.js.map +1 -1
- package/dist/components/skeleton.mjs +1 -1
- package/dist/components/spinner.css +20 -20
- package/dist/components/spinner.css.map +1 -1
- package/dist/components/spinner.d.mts +1 -1
- package/dist/components/spinner.d.ts +1 -1
- package/dist/components/spinner.js.map +1 -1
- package/dist/components/spinner.mjs +2 -2
- package/dist/components/status.d.mts +1 -1
- package/dist/components/status.d.ts +1 -1
- package/dist/components/switch.css +9 -9
- package/dist/components/switch.css.map +1 -1
- package/dist/components/switch.js.map +1 -1
- package/dist/components/switch.mjs +1 -1
- package/dist/components/text-field.css +10 -10
- package/dist/components/text-field.css.map +1 -1
- package/dist/components/text-field.d.mts +1 -1
- package/dist/components/text-field.d.ts +1 -1
- package/dist/components/text-field.js.map +1 -1
- package/dist/components/text-field.mjs +1 -1
- package/dist/components/text.css +6 -6
- package/dist/components/text.css.map +1 -1
- package/dist/components/text.d.mts +1 -1
- package/dist/components/text.d.ts +1 -1
- package/dist/components/text.js.map +1 -1
- package/dist/components/text.mjs +2 -2
- package/dist/components/tooltip.css +10 -10
- package/dist/components/tooltip.css.map +1 -1
- package/dist/components/tooltip.js +22 -34
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/tooltip.mjs +9 -9
- package/dist/components/tooltip.mjs.map +1 -1
- package/dist/form.css-QulER1wj.d.mts +13 -0
- package/dist/form.css-QulER1wj.d.ts +13 -0
- package/dist/providers/index.css +166 -164
- package/dist/providers/index.css.map +1 -1
- package/dist/providers/index.js +24 -17
- package/dist/providers/index.js.map +1 -1
- package/dist/providers/index.mjs +33 -26
- package/dist/providers/index.mjs.map +1 -1
- package/dist/theme/index.css +477 -353
- package/dist/theme/index.css.map +1 -1
- package/dist/theme/index.d.mts +24 -13
- package/dist/theme/index.d.ts +24 -13
- package/dist/theme/index.js +80 -84
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +46 -48
- package/dist/theme/index.mjs.map +1 -1
- package/package.json +1 -1
- package/dist/box.css-ic5Toaj1.d.mts +0 -7
- package/dist/box.css-ic5Toaj1.d.ts +0 -7
- package/dist/chunk-3RLW7QB4.mjs +0 -14
- package/dist/chunk-3RLW7QB4.mjs.map +0 -1
- package/dist/chunk-7MD4JYZV.mjs.map +0 -1
- package/dist/chunk-FG2ZBTVM.mjs.map +0 -1
- package/dist/chunk-ICX6SDOZ.mjs.map +0 -1
- package/dist/chunk-JWHPBA5J.mjs +0 -1
- package/dist/chunk-KQPNQST6.mjs +0 -8
- package/dist/chunk-KQPNQST6.mjs.map +0 -1
- package/dist/chunk-LWL4262W.mjs +0 -8
- package/dist/chunk-LWL4262W.mjs.map +0 -1
- package/dist/chunk-PHULHA6N.mjs +0 -12
- package/dist/chunk-PHULHA6N.mjs.map +0 -1
- package/dist/chunk-RAS2GZOT.mjs.map +0 -1
- package/dist/chunk-SRMXCTGE.mjs +0 -8
- package/dist/chunk-SRMXCTGE.mjs.map +0 -1
- package/dist/chunk-WG4IO5EQ.mjs +0 -31
- package/dist/chunk-WG4IO5EQ.mjs.map +0 -1
- package/dist/chunk-X2Q6GLO5.mjs +0 -8
- package/dist/chunk-X2Q6GLO5.mjs.map +0 -1
- package/dist/chunk-XALDYHCC.mjs.map +0 -1
- package/dist/chunk-YQH4Y34B.mjs.map +0 -1
- package/dist/chunk-ZJDUO7Y6.mjs +0 -8
- package/dist/chunk-ZJDUO7Y6.mjs.map +0 -1
- package/dist/component-props-CuOrXFyX.d.mts +0 -5
- package/dist/component-props-CuOrXFyX.d.ts +0 -5
- package/dist/form.css-DJxDoc1T.d.mts +0 -17
- package/dist/form.css-DJxDoc1T.d.ts +0 -17
- package/dist/menu.css-5kJKHBR_.d.mts +0 -13
- package/dist/menu.css-5kJKHBR_.d.ts +0 -13
- package/dist/panel.css-DUVSZSQ6.d.mts +0 -7
- package/dist/panel.css-DUVSZSQ6.d.ts +0 -7
- package/dist/separator.css-Hl8ZhcXR.d.mts +0 -7
- package/dist/separator.css-Hl8ZhcXR.d.ts +0 -7
- /package/dist/{chunk-GI2XNLAW.mjs.map → chunk-5RLHLI27.mjs.map} +0 -0
- /package/dist/{chunk-52RVZRC4.mjs.map → chunk-64TEKDKL.mjs.map} +0 -0
- /package/dist/{chunk-A2I7UNX6.mjs.map → chunk-DC6VQ7BG.mjs.map} +0 -0
- /package/dist/{chunk-NU7XYEVP.mjs.map → chunk-GGJKRS5V.mjs.map} +0 -0
- /package/dist/{chunk-JWHPBA5J.mjs.map → chunk-IUXU5IPB.mjs.map} +0 -0
- /package/dist/{chunk-X6UXW66P.mjs.map → chunk-JI6FRWSC.mjs.map} +0 -0
- /package/dist/{chunk-3Z2HB2J6.mjs.map → chunk-RYAY35UB.mjs.map} +0 -0
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/styles/separator.css.ts.vanilla.css?source=LnNlcGFyYXRvcl9zZXBhcmF0b3JfX2wzNmcyMzAgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLWxpbmVfXzE5bmJlOGQyZmUpOwp9Ci5zZXBhcmF0b3Jfc2VwYXJhdG9yX19sMzZnMjMwW2RhdGEtb3JpZW50YXRpb249aG9yaXpvbnRhbF0gewogIGhlaWdodDogMXB4OwogIHdpZHRoOiAxMDAlOwp9Ci5zZXBhcmF0b3Jfc2VwYXJhdG9yX19sMzZnMjMwW2RhdGEtb3JpZW50YXRpb249dmVydGljYWxdIHsKICBoZWlnaHQ6IDEwMCU7CiAgd2lkdGg6IDFweDsKfQ== */
|
|
2
|
+
.separator_separator__l36g230 {
|
|
3
3
|
background-color: var(--semanticColors-line__19nbe8d2fe);
|
|
4
4
|
}
|
|
5
|
-
.
|
|
5
|
+
.separator_separator__l36g230[data-orientation=horizontal] {
|
|
6
6
|
height: 1px;
|
|
7
7
|
width: 100%;
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
.separator_separator__l36g230[data-orientation=vertical] {
|
|
10
10
|
height: 100%;
|
|
11
11
|
width: 1px;
|
|
12
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/styles/separator.css.ts.vanilla.css?source=LnNlcGFyYXRvcl9zZXBhcmF0b3JfX2wzNmcyMzAgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLWxpbmVfXzE5bmJlOGQyZmUpOwp9Ci5zZXBhcmF0b3Jfc2VwYXJhdG9yX19sMzZnMjMwW2RhdGEtb3JpZW50YXRpb249aG9yaXpvbnRhbF0gewogIGhlaWdodDogMXB4OwogIHdpZHRoOiAxMDAlOwp9Ci5zZXBhcmF0b3Jfc2VwYXJhdG9yX19sMzZnMjMwW2RhdGEtb3JpZW50YXRpb249dmVydGljYWxdIHsKICBoZWlnaHQ6IDEwMCU7CiAgd2lkdGg6IDFweDsKfQ=="],"sourcesContent":[".separator_separator__l36g230 {\n background-color: var(--semanticColors-line__19nbe8d2fe);\n}\n.separator_separator__l36g230[data-orientation=horizontal] {\n height: 1px;\n width: 100%;\n}\n.separator_separator__l36g230[data-orientation=vertical] {\n height: 100%;\n width: 1px;\n}"],"mappings":";AAAA,CAAC;AACC,oBAAkB,IAAI;AACxB;AACA,CAHC,4BAG4B,CAAC;AAC5B,UAAQ;AACR,SAAO;AACT;AACA,CAPC,4BAO4B,CAAC;AAC5B,UAAQ;AACR,SAAO;AACT;","names":[]}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { S as SeparatorVariants } from '../separator.css-Hl8ZhcXR.mjs';
|
|
3
2
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
4
|
-
import '@vanilla-extract/recipes';
|
|
5
3
|
|
|
6
|
-
type SeparatorProps = SeparatorPrimitive.SeparatorProps
|
|
4
|
+
type SeparatorProps = SeparatorPrimitive.SeparatorProps;
|
|
7
5
|
declare const Separator: ({ ...props }: SeparatorProps) => react_jsx_runtime.JSX.Element;
|
|
8
6
|
|
|
9
7
|
export { Separator };
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { S as SeparatorVariants } from '../separator.css-Hl8ZhcXR.js';
|
|
3
2
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
4
|
-
import '@vanilla-extract/recipes';
|
|
5
3
|
|
|
6
|
-
type SeparatorProps = SeparatorPrimitive.SeparatorProps
|
|
4
|
+
type SeparatorProps = SeparatorPrimitive.SeparatorProps;
|
|
7
5
|
declare const Separator: ({ ...props }: SeparatorProps) => react_jsx_runtime.JSX.Element;
|
|
8
6
|
|
|
9
7
|
export { Separator };
|
|
@@ -34,30 +34,18 @@ __export(separator_exports, {
|
|
|
34
34
|
});
|
|
35
35
|
module.exports = __toCommonJS(separator_exports);
|
|
36
36
|
|
|
37
|
-
// src/theme/
|
|
38
|
-
var
|
|
39
|
-
var separatorRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "separator_separatorRecipe__9f08f80", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
37
|
+
// src/theme/styles/separator.css.ts
|
|
38
|
+
var separator = "separator_separator__l36g230";
|
|
40
39
|
|
|
41
40
|
// src/utils/merge-classes.ts
|
|
42
41
|
function mergeClasses(...classes) {
|
|
43
42
|
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
44
43
|
}
|
|
45
44
|
|
|
46
|
-
// src/utils/pick.ts
|
|
47
|
-
function pick(obj, ...keys) {
|
|
48
|
-
const ret = {};
|
|
49
|
-
keys.forEach((key) => {
|
|
50
|
-
ret[key] = obj[key];
|
|
51
|
-
});
|
|
52
|
-
return ret;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
45
|
// src/components/separator.tsx
|
|
56
46
|
var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
|
|
57
47
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
58
48
|
var Separator = ({ ...props }) => {
|
|
59
|
-
const variants = pick(props, ...separatorRecipe.variants());
|
|
60
|
-
const separator = separatorRecipe(variants);
|
|
61
49
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
62
50
|
SeparatorPrimitive.Root,
|
|
63
51
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/separator.tsx","../../src/theme/
|
|
1
|
+
{"version":3,"sources":["../../src/components/separator.tsx","../../src/theme/styles/separator.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import { separator } from \"@/theme/styles/separator.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\ntype SeparatorProps = SeparatorPrimitive.SeparatorProps;\n\nexport const Separator = ({ ...props }: SeparatorProps) => {\n return (\n <SeparatorPrimitive.Root\n {...props}\n className={mergeClasses(separator, props.className)}\n >\n {props.children}\n </SeparatorPrimitive.Root>\n );\n};\n","import 'src/theme/styles/separator.css.ts.vanilla.css?source=LnNlcGFyYXRvcl9zZXBhcmF0b3JfX2wzNmcyMzAgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWFudGljQ29sb3JzLWxpbmVfXzE5bmJlOGQyZmUpOwp9Ci5zZXBhcmF0b3Jfc2VwYXJhdG9yX19sMzZnMjMwW2RhdGEtb3JpZW50YXRpb249aG9yaXpvbnRhbF0gewogIGhlaWdodDogMXB4OwogIHdpZHRoOiAxMDAlOwp9Ci5zZXBhcmF0b3Jfc2VwYXJhdG9yX19sMzZnMjMwW2RhdGEtb3JpZW50YXRpb249dmVydGljYWxdIHsKICBoZWlnaHQ6IDEwMCU7CiAgd2lkdGg6IDFweDsKfQ==';\nexport var separator = 'separator_separator__l36g230';","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCO,IAAI,YAAY;;;ACDhB,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFAA,yBAAoC;AAMhC;AAFG,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import {
|
|
5
|
-
pick
|
|
6
|
-
} from "../chunk-4N6P3Y54.mjs";
|
|
2
|
+
separator
|
|
3
|
+
} from "../chunk-P3OUEGR4.mjs";
|
|
7
4
|
import {
|
|
8
5
|
mergeClasses
|
|
9
6
|
} from "../chunk-7EGQM3ZL.mjs";
|
|
@@ -13,8 +10,6 @@ import "../chunk-LZOMFHX3.mjs";
|
|
|
13
10
|
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
14
11
|
import { jsx } from "react/jsx-runtime";
|
|
15
12
|
var Separator = ({ ...props }) => {
|
|
16
|
-
const variants = pick(props, ...separatorRecipe.variants());
|
|
17
|
-
const separator = separatorRecipe(variants);
|
|
18
13
|
return /* @__PURE__ */ jsx(
|
|
19
14
|
SeparatorPrimitive.Root,
|
|
20
15
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/separator.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../../src/components/separator.tsx"],"sourcesContent":["import { separator } from \"@/theme/styles/separator.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\ntype SeparatorProps = SeparatorPrimitive.SeparatorProps;\n\nexport const Separator = ({ ...props }: SeparatorProps) => {\n return (\n <SeparatorPrimitive.Root\n {...props}\n className={mergeClasses(separator, props.className)}\n >\n {props.children}\n </SeparatorPrimitive.Root>\n );\n};\n"],"mappings":";;;;;;;;;AAEA,YAAY,wBAAwB;AAMhC;AAFG,IAAM,YAAY,CAAC,EAAE,GAAG,MAAM,MAAsB;AACzD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
/* vanilla-extract-css-ns:src/theme/recipes/skeleton.css.ts.vanilla.css?source=#
|
|
11
|
+
/* vanilla-extract-css-ns:src/theme/recipes/skeleton.css.ts.vanilla.css?source=#H4sIAAAAAAAAE62V3XKbMBBG7/0Umly1F8oY/xAbv0VegFlggU1kiUoLTtPpu3dAJsW0JDTlhhHo8OmsJMS9e0aFbHTcNx4xpQrj+BI+2W/1WvxYCZFA+lxYU+tMpkYZG4kG7Bfpb5x0Chj9dRfHwVEneMiC7+rraSVEZRwxGR0JiwqYGmyfmgZtrswlEiVlGerT6ufq/iOXKIKc0XZKqdGMmiNxd9fmgaYztMNIDWeMRFUrh7G/xq9P20rx+pbLagvea79en92okyymvhcUo9XAeEsQo39fpqZuPUjnpGmMMZ1JFzKv9TUOwaEkLU3Np3+a2XAws7qb2cTYDK20kFHtWoESLflUw2zOkehKVpjztfl7LSBxRtXe1lJR9gSbqmu9sxoNWALNMTTAYIN+dQK/U26dfDHtHcmuyrciNoUvokQ/uicdvaKT2wEFHXWhjMv3odnGm954s5zxfkClU8ZjaLbxtjfeLmccDqhsyngMzTbe9ca75YwfBhROGY+h2cb73ni/nPFhQOVTxmNotnHYG4fLGR8HVDFlPIZmGDO+cK/70On+bfRgEHyYGUys3n4Qh8nkT3x6JUJGuuizj5PZnziIkprb3ms0fLR+w3kp/+8M+mO3/QJlZkSkAQgAAA== */
|
|
12
12
|
.skeleton_skeletonRecipe__w6jrqu0 {
|
|
13
13
|
background-color: var(--colors-slate-slate4__19nbe8d1yl);
|
|
14
14
|
position: relative;
|
|
@@ -30,47 +30,47 @@
|
|
|
30
30
|
top: 0;
|
|
31
31
|
}
|
|
32
32
|
.skeleton_skeletonRecipe_variant_avatar1__w6jrqu1 {
|
|
33
|
-
border-radius: var(--radii-
|
|
34
|
-
height: var(--sizes-
|
|
35
|
-
width: var(--sizes-
|
|
33
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
34
|
+
height: var(--sizes-3__19nbe8d2ga);
|
|
35
|
+
width: var(--sizes-3__19nbe8d2ga);
|
|
36
36
|
}
|
|
37
37
|
.skeleton_skeletonRecipe_variant_avatar2__w6jrqu2 {
|
|
38
|
-
border-radius: var(--radii-
|
|
39
|
-
height: var(--sizes-
|
|
40
|
-
width: var(--sizes-
|
|
38
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
39
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
40
|
+
width: var(--sizes-5__19nbe8d2gc);
|
|
41
41
|
}
|
|
42
42
|
.skeleton_skeletonRecipe_variant_avatar3__w6jrqu3 {
|
|
43
|
-
border-radius: var(--radii-
|
|
44
|
-
height: var(--sizes-
|
|
45
|
-
width: var(--sizes-
|
|
43
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
44
|
+
height: var(--sizes-6__19nbe8d2gd);
|
|
45
|
+
width: var(--sizes-6__19nbe8d2gd);
|
|
46
46
|
}
|
|
47
47
|
.skeleton_skeletonRecipe_variant_avatar4__w6jrqu4 {
|
|
48
|
-
border-radius: var(--radii-
|
|
49
|
-
height: var(--sizes-
|
|
50
|
-
width: var(--sizes-
|
|
48
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
49
|
+
height: var(--sizes-7__19nbe8d2ge);
|
|
50
|
+
width: var(--sizes-7__19nbe8d2ge);
|
|
51
51
|
}
|
|
52
52
|
.skeleton_skeletonRecipe_variant_avatar5__w6jrqu5 {
|
|
53
|
-
border-radius: var(--radii-
|
|
54
|
-
height: var(--sizes-
|
|
55
|
-
width: var(--sizes-
|
|
53
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
54
|
+
height: var(--sizes-8__19nbe8d2gf);
|
|
55
|
+
width: var(--sizes-8__19nbe8d2gf);
|
|
56
56
|
}
|
|
57
57
|
.skeleton_skeletonRecipe_variant_avatar6__w6jrqu6 {
|
|
58
|
-
border-radius: var(--radii-
|
|
59
|
-
height: var(--sizes-
|
|
60
|
-
width: var(--sizes-
|
|
58
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
59
|
+
height: var(--sizes-9__19nbe8d2gg);
|
|
60
|
+
width: var(--sizes-9__19nbe8d2gg);
|
|
61
61
|
}
|
|
62
62
|
.skeleton_skeletonRecipe_variant_text__w6jrqu7 {
|
|
63
|
-
height: var(--sizes-
|
|
63
|
+
height: var(--sizes-1__19nbe8d2g8);
|
|
64
64
|
}
|
|
65
65
|
.skeleton_skeletonRecipe_variant_title__w6jrqu8 {
|
|
66
|
-
height: var(--sizes-
|
|
66
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
67
67
|
}
|
|
68
68
|
.skeleton_skeletonRecipe_variant_heading__w6jrqu9 {
|
|
69
|
-
height: var(--sizes-
|
|
69
|
+
height: var(--sizes-3__19nbe8d2ga);
|
|
70
70
|
}
|
|
71
71
|
.skeleton_skeletonRecipe_variant_button__w6jrqua {
|
|
72
|
-
border-radius: var(--radii-
|
|
73
|
-
height: var(--sizes-
|
|
74
|
-
width: var(--sizes-
|
|
72
|
+
border-radius: var(--radii-1__19nbe8d2gh);
|
|
73
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
74
|
+
width: var(--sizes-8__19nbe8d2gf);
|
|
75
75
|
}
|
|
76
76
|
/*# sourceMappingURL=skeleton.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/animations/pulse.css.ts.vanilla.css?source=QGtleWZyYW1lcyBwdWxzZV9wdWxzZV9femozcGx0MCB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxMDAlOwogIH0KfQ==","vanilla-extract-css-ns:src/theme/recipes/skeleton.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/animations/pulse.css.ts.vanilla.css?source=QGtleWZyYW1lcyBwdWxzZV9wdWxzZV9femozcGx0MCB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxMDAlOwogIH0KfQ==","vanilla-extract-css-ns:src/theme/recipes/skeleton.css.ts.vanilla.css?source=#H4sIAAAAAAAAE62V3XKbMBBG7/0Umly1F8oY/xAbv0VegFlggU1kiUoLTtPpu3dAJsW0JDTlhhHo8OmsJMS9e0aFbHTcNx4xpQrj+BI+2W/1WvxYCZFA+lxYU+tMpkYZG4kG7Bfpb5x0Chj9dRfHwVEneMiC7+rraSVEZRwxGR0JiwqYGmyfmgZtrswlEiVlGerT6ufq/iOXKIKc0XZKqdGMmiNxd9fmgaYztMNIDWeMRFUrh7G/xq9P20rx+pbLagvea79en92okyymvhcUo9XAeEsQo39fpqZuPUjnpGmMMZ1JFzKv9TUOwaEkLU3Np3+a2XAws7qb2cTYDK20kFHtWoESLflUw2zOkehKVpjztfl7LSBxRtXe1lJR9gSbqmu9sxoNWALNMTTAYIN+dQK/U26dfDHtHcmuyrciNoUvokQ/uicdvaKT2wEFHXWhjMv3odnGm954s5zxfkClU8ZjaLbxtjfeLmccDqhsyngMzTbe9ca75YwfBhROGY+h2cb73ni/nPFhQOVTxmNotnHYG4fLGR8HVDFlPIZmGDO+cK/70On+bfRgEHyYGUys3n4Qh8nkT3x6JUJGuuizj5PZnziIkprb3ms0fLR+w3kp/+8M+mO3/QJlZkSkAQgAAA=="],"sourcesContent":["@keyframes pulse_pulse__zj3plt0 {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 100%;\n }\n}",".skeleton_skeletonRecipe__w6jrqu0 {\n background-color: var(--colors-slate-slate4__19nbe8d1yl);\n position: relative;\n overflow: hidden;\n}\n.skeleton_skeletonRecipe__w6jrqu0::after {\n content: \"\";\n animation-name: pulse_pulse__zj3plt0;\n animation-duration: 500ms;\n animation-direction: alternate;\n animation-iteration-count: infinite;\n animation-timing-function: ease-in-out;\n background-color: var(--colors-slate-slate6__19nbe8d1yn);\n border-radius: inherit;\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n}\n.skeleton_skeletonRecipe_variant_avatar1__w6jrqu1 {\n border-radius: var(--radii-round__19nbe8d2gn);\n height: var(--sizes-3__19nbe8d2ga);\n width: var(--sizes-3__19nbe8d2ga);\n}\n.skeleton_skeletonRecipe_variant_avatar2__w6jrqu2 {\n border-radius: var(--radii-round__19nbe8d2gn);\n height: var(--sizes-5__19nbe8d2gc);\n width: var(--sizes-5__19nbe8d2gc);\n}\n.skeleton_skeletonRecipe_variant_avatar3__w6jrqu3 {\n border-radius: var(--radii-round__19nbe8d2gn);\n height: var(--sizes-6__19nbe8d2gd);\n width: var(--sizes-6__19nbe8d2gd);\n}\n.skeleton_skeletonRecipe_variant_avatar4__w6jrqu4 {\n border-radius: var(--radii-round__19nbe8d2gn);\n height: var(--sizes-7__19nbe8d2ge);\n width: var(--sizes-7__19nbe8d2ge);\n}\n.skeleton_skeletonRecipe_variant_avatar5__w6jrqu5 {\n border-radius: var(--radii-round__19nbe8d2gn);\n height: var(--sizes-8__19nbe8d2gf);\n width: var(--sizes-8__19nbe8d2gf);\n}\n.skeleton_skeletonRecipe_variant_avatar6__w6jrqu6 {\n border-radius: var(--radii-round__19nbe8d2gn);\n height: var(--sizes-9__19nbe8d2gg);\n width: var(--sizes-9__19nbe8d2gg);\n}\n.skeleton_skeletonRecipe_variant_text__w6jrqu7 {\n height: var(--sizes-1__19nbe8d2g8);\n}\n.skeleton_skeletonRecipe_variant_title__w6jrqu8 {\n height: var(--sizes-5__19nbe8d2gc);\n}\n.skeleton_skeletonRecipe_variant_heading__w6jrqu9 {\n height: var(--sizes-3__19nbe8d2ga);\n}\n.skeleton_skeletonRecipe_variant_button__w6jrqua {\n border-radius: var(--radii-1__19nbe8d2gh);\n height: var(--sizes-5__19nbe8d2gc);\n width: var(--sizes-8__19nbe8d2gf);\n}"],"mappings":";AAAA,WAAW;AACT;AACE,aAAS;AACX;AACA;AACE,aAAS;AACX;AACF;;;ACPA,CAAC;AACC,oBAAkB,IAAI;AACtB,YAAU;AACV,YAAU;AACZ;AACA,CALC,gCAKgC;AAC/B,WAAS;AACT,kBAAgB;AAChB,sBAAoB;AACpB,uBAAqB;AACrB,6BAA2B;AAC3B,6BAA2B;AAC3B,oBAAkB,IAAI;AACtB,iBAAe;AACf,UAAQ;AACR,QAAM;AACN,YAAU;AACV,SAAO;AACP,OAAK;AACP;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACd;AACA,CAAC;AACC,UAAQ,IAAI;AACd;AACA,CAAC;AACC,UAAQ,IAAI;AACd;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;","names":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { S as SkeletonVariants } from '../skeleton.css-JJ3Of78e.mjs';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "div";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { S as SkeletonVariants } from '../skeleton.css-JJ3Of78e.js';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "div";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/skeleton.tsx","../../src/theme/recipes/skeleton.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { SkeletonVariants, skeletonRecipe } from \"@/theme/recipes/skeleton.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 SkeletonProps = ComponentProps<typeof defaultElement, SkeletonVariants>;\n\nexport const Skeleton = ({ asChild, ...props }: SkeletonProps) => {\n const variants = pick(props, ...skeletonRecipe.variants());\n const skeleton = skeletonRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(skeleton, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/animations/pulse.css.ts.vanilla.css?source=QGtleWZyYW1lcyBwdWxzZV9wdWxzZV9femozcGx0MCB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxMDAlOwogIH0KfQ==';\nimport 'src/theme/recipes/skeleton.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["../../src/components/skeleton.tsx","../../src/theme/recipes/skeleton.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import { SkeletonVariants, skeletonRecipe } from \"@/theme/recipes/skeleton.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 SkeletonProps = ComponentProps<typeof defaultElement, SkeletonVariants>;\n\nexport const Skeleton = ({ asChild, ...props }: SkeletonProps) => {\n const variants = pick(props, ...skeletonRecipe.variants());\n const skeleton = skeletonRecipe(variants);\n const Comp = asChild ? Slot : defaultElement;\n\n return (\n <Comp {...props} className={mergeClasses(skeleton, props.className)}>\n {props.children}\n </Comp>\n );\n};\n","import 'src/theme/animations/pulse.css.ts.vanilla.css?source=QGtleWZyYW1lcyBwdWxzZV9wdWxzZV9femozcGx0MCB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxMDAlOwogIH0KfQ==';\nimport 'src/theme/recipes/skeleton.css.ts.vanilla.css?source=#H4sIAAAAAAAAE62V3XKbMBBG7/0Umly1F8oY/xAbv0VegFlggU1kiUoLTtPpu3dAJsW0JDTlhhHo8OmsJMS9e0aFbHTcNx4xpQrj+BI+2W/1WvxYCZFA+lxYU+tMpkYZG4kG7Bfpb5x0Chj9dRfHwVEneMiC7+rraSVEZRwxGR0JiwqYGmyfmgZtrswlEiVlGerT6ufq/iOXKIKc0XZKqdGMmiNxd9fmgaYztMNIDWeMRFUrh7G/xq9P20rx+pbLagvea79en92okyymvhcUo9XAeEsQo39fpqZuPUjnpGmMMZ1JFzKv9TUOwaEkLU3Np3+a2XAws7qb2cTYDK20kFHtWoESLflUw2zOkehKVpjztfl7LSBxRtXe1lJR9gSbqmu9sxoNWALNMTTAYIN+dQK/U26dfDHtHcmuyrciNoUvokQ/uicdvaKT2wEFHXWhjMv3odnGm954s5zxfkClU8ZjaLbxtjfeLmccDqhsyngMzTbe9ca75YwfBhROGY+h2cb73ni/nPFhQOVTxmNotnHYG4fLGR8HVDFlPIZmGDO+cK/70On+bfRgEHyYGUys3n4Qh8nkT3x6JUJGuuizj5PZnziIkprb3ms0fLR+w3kp/+8M+mO3/QJlZkSkAQgAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var skeletonRecipe = _7a468({defaultClassName:'skeleton_skeletonRecipe__w6jrqu0',variantClassNames:{variant:{avatar1:'skeleton_skeletonRecipe_variant_avatar1__w6jrqu1',avatar2:'skeleton_skeletonRecipe_variant_avatar2__w6jrqu2',avatar3:'skeleton_skeletonRecipe_variant_avatar3__w6jrqu3',avatar4:'skeleton_skeletonRecipe_variant_avatar4__w6jrqu4',avatar5:'skeleton_skeletonRecipe_variant_avatar5__w6jrqu5',avatar6:'skeleton_skeletonRecipe_variant_avatar6__w6jrqu6',text:'skeleton_skeletonRecipe_variant_text__w6jrqu7',title:'skeleton_skeletonRecipe_variant_title__w6jrqu8',heading:'skeleton_skeletonRecipe_variant_heading__w6jrqu9',button:'skeleton_skeletonRecipe_variant_button__w6jrqua'}},defaultVariants:{variant:'text'},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,qBAAiB,uBAAAA,iBAAO,EAAC,kBAAiB,oCAAmC,mBAAkB,EAAC,SAAQ,EAAC,SAAQ,oDAAmD,SAAQ,oDAAmD,SAAQ,oDAAmD,SAAQ,oDAAmD,SAAQ,oDAAmD,SAAQ,oDAAmD,MAAK,iDAAgD,OAAM,kDAAiD,SAAQ,oDAAmD,QAAO,kDAAiD,EAAC,GAAE,iBAAgB,EAAC,SAAQ,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACHtuB,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,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,MAAqB;AAChE,QAAM,WAAW,KAAK,OAAO,GAAG,eAAe,SAAS,CAAC;AACzD,QAAM,WAAW,eAAe,QAAQ;AACxC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,OAAO,WAAW,aAAa,UAAU,MAAM,SAAS,GAC/D,gBAAM,UACT;AAEJ;","names":["_7a468"]}
|
|
@@ -5,47 +5,47 @@
|
|
|
5
5
|
}
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
/* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#
|
|
8
|
+
/* vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAE33P327CIBTH8fs+BZfbRY30jxa93BvsBQgtWE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VwPMinPaXm7Dla3JV0GI0HASHozekSV7tJwzOlasXZNV58gEWglLQB9Ag1f7gpDeWKnsjtD5QpyZQJIPYV/KcjCTsa50k/Dq57fhnDLdq07S6/T6d1taIeHsds/D5R+U1py1DAfVqOMDb+YYHM7WKu3fFnFf3IvV/491cFOchjfTx5uPCsaj/7WXxJU0cruH+wnSH/NRnq0CW6FsFS0yjE2jPFsHtkbZOloUGJtGebYJbIOyTbTYY2wa5dk2sC3KttHigLFplGc3gd2g7CZalBibRnl2G9gtym6jRYWxaZRnu8B2KNtFiweMTaM8ywLLUJZFiyPGptH9G0PpMC4bBQAA */
|
|
9
9
|
.spinner_spinnerRecipe__15xzcy90 {
|
|
10
10
|
animation: spin_spin__91g2950 .8s linear infinite;
|
|
11
11
|
border: 1px solid var(--colors-slate-slate4__19nbe8d1yl);
|
|
12
|
-
border-radius: var(--radii-
|
|
12
|
+
border-radius: var(--radii-round__19nbe8d2gn);
|
|
13
13
|
border-top: 1px solid currentColor;
|
|
14
14
|
}
|
|
15
15
|
.spinner_spinnerRecipe_size_1__15xzcy91 {
|
|
16
|
-
height: var(--sizes-
|
|
17
|
-
width: var(--sizes-
|
|
16
|
+
height: var(--sizes-1__19nbe8d2g8);
|
|
17
|
+
width: var(--sizes-1__19nbe8d2g8);
|
|
18
18
|
}
|
|
19
19
|
.spinner_spinnerRecipe_size_2__15xzcy92 {
|
|
20
|
-
height: var(--sizes-
|
|
21
|
-
width: var(--sizes-
|
|
20
|
+
height: var(--sizes-2__19nbe8d2g9);
|
|
21
|
+
width: var(--sizes-2__19nbe8d2g9);
|
|
22
22
|
}
|
|
23
23
|
.spinner_spinnerRecipe_size_3__15xzcy93 {
|
|
24
|
-
height: var(--sizes-
|
|
25
|
-
width: var(--sizes-
|
|
24
|
+
height: var(--sizes-3__19nbe8d2ga);
|
|
25
|
+
width: var(--sizes-3__19nbe8d2ga);
|
|
26
26
|
}
|
|
27
27
|
.spinner_spinnerRecipe_size_4__15xzcy94 {
|
|
28
|
-
height: var(--sizes-
|
|
29
|
-
width: var(--sizes-
|
|
28
|
+
height: var(--sizes-4__19nbe8d2gb);
|
|
29
|
+
width: var(--sizes-4__19nbe8d2gb);
|
|
30
30
|
}
|
|
31
31
|
.spinner_spinnerRecipe_size_5__15xzcy95 {
|
|
32
|
-
height: var(--sizes-
|
|
33
|
-
width: var(--sizes-
|
|
32
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
33
|
+
width: var(--sizes-5__19nbe8d2gc);
|
|
34
34
|
}
|
|
35
35
|
.spinner_spinnerRecipe_size_6__15xzcy96 {
|
|
36
|
-
height: var(--sizes-
|
|
37
|
-
width: var(--sizes-
|
|
36
|
+
height: var(--sizes-6__19nbe8d2gd);
|
|
37
|
+
width: var(--sizes-6__19nbe8d2gd);
|
|
38
38
|
}
|
|
39
39
|
.spinner_spinnerRecipe_size_7__15xzcy97 {
|
|
40
|
-
height: var(--sizes-
|
|
41
|
-
width: var(--sizes-
|
|
40
|
+
height: var(--sizes-7__19nbe8d2ge);
|
|
41
|
+
width: var(--sizes-7__19nbe8d2ge);
|
|
42
42
|
}
|
|
43
43
|
.spinner_spinnerRecipe_size_8__15xzcy98 {
|
|
44
|
-
height: var(--sizes-
|
|
45
|
-
width: var(--sizes-
|
|
44
|
+
height: var(--sizes-8__19nbe8d2gf);
|
|
45
|
+
width: var(--sizes-8__19nbe8d2gf);
|
|
46
46
|
}
|
|
47
47
|
.spinner_spinnerRecipe_size_9__15xzcy99 {
|
|
48
|
-
height: var(--sizes-
|
|
49
|
-
width: var(--sizes-
|
|
48
|
+
height: var(--sizes-9__19nbe8d2gg);
|
|
49
|
+
width: var(--sizes-9__19nbe8d2gg);
|
|
50
50
|
}
|
|
51
51
|
/*# sourceMappingURL=spinner.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9","vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9","vanilla-extract-css-ns:src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAE33P327CIBTH8fs+BZfbRY30jxa93BvsBQgtWE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VwPMinPaXm7Dla3JV0GI0HASHozekSV7tJwzOlasXZNV58gEWglLQB9Ag1f7gpDeWKnsjtD5QpyZQJIPYV/KcjCTsa50k/Dq57fhnDLdq07S6/T6d1taIeHsds/D5R+U1py1DAfVqOMDb+YYHM7WKu3fFnFf3IvV/491cFOchjfTx5uPCsaj/7WXxJU0cruH+wnSH/NRnq0CW6FsFS0yjE2jPFsHtkbZOloUGJtGebYJbIOyTbTYY2wa5dk2sC3KttHigLFplGc3gd2g7CZalBibRnl2G9gtym6jRYWxaZRnu8B2KNtFiweMTaM8ywLLUJZFiyPGptH9G0PpMC4bBQAA"],"sourcesContent":["@keyframes spin_spin__91g2950 {\n to {\n transform: rotate(360deg);\n }\n}",".spinner_spinnerRecipe__15xzcy90 {\n animation: spin_spin__91g2950 .8s linear infinite;\n border: 1px solid var(--colors-slate-slate4__19nbe8d1yl);\n border-radius: var(--radii-round__19nbe8d2gn);\n border-top: 1px solid currentColor;\n}\n.spinner_spinnerRecipe_size_1__15xzcy91 {\n height: var(--sizes-1__19nbe8d2g8);\n width: var(--sizes-1__19nbe8d2g8);\n}\n.spinner_spinnerRecipe_size_2__15xzcy92 {\n height: var(--sizes-2__19nbe8d2g9);\n width: var(--sizes-2__19nbe8d2g9);\n}\n.spinner_spinnerRecipe_size_3__15xzcy93 {\n height: var(--sizes-3__19nbe8d2ga);\n width: var(--sizes-3__19nbe8d2ga);\n}\n.spinner_spinnerRecipe_size_4__15xzcy94 {\n height: var(--sizes-4__19nbe8d2gb);\n width: var(--sizes-4__19nbe8d2gb);\n}\n.spinner_spinnerRecipe_size_5__15xzcy95 {\n height: var(--sizes-5__19nbe8d2gc);\n width: var(--sizes-5__19nbe8d2gc);\n}\n.spinner_spinnerRecipe_size_6__15xzcy96 {\n height: var(--sizes-6__19nbe8d2gd);\n width: var(--sizes-6__19nbe8d2gd);\n}\n.spinner_spinnerRecipe_size_7__15xzcy97 {\n height: var(--sizes-7__19nbe8d2ge);\n width: var(--sizes-7__19nbe8d2ge);\n}\n.spinner_spinnerRecipe_size_8__15xzcy98 {\n height: var(--sizes-8__19nbe8d2gf);\n width: var(--sizes-8__19nbe8d2gf);\n}\n.spinner_spinnerRecipe_size_9__15xzcy99 {\n height: var(--sizes-9__19nbe8d2gg);\n width: var(--sizes-9__19nbe8d2gg);\n}"],"mappings":";AAAA,WAAW;AACT;AACE,eAAW,OAAO;AACpB;AACF;;;ACJA,CAAC;AACC,aAAW,mBAAmB,IAAI,OAAO;AACzC,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI,MAAM;AACxB;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ,IAAI;AACZ,SAAO,IAAI;AACb;","names":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { S as SpinnerVariants } from '../spinner.css-DDZLGtPI.mjs';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "div";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { S as SpinnerVariants } from '../spinner.css-DDZLGtPI.js';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "div";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/spinner.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["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/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["../../src/components/spinner.tsx","../../src/theme/recipes/spinner.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["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/animations/spin.css.ts.vanilla.css?source=QGtleWZyYW1lcyBzcGluX3NwaW5fXzkxZzI5NTAgewogIHRvIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9';\nimport 'src/theme/recipes/spinner.css.ts.vanilla.css?source=#H4sIAAAAAAAAE33P327CIBTH8fs+BZfbRY30jxa93BvsBQgtWE9SoQHc1MV3X+ocI2SHGxuT7/l9wsrNoLWy/Pl9VwPMinPaXm7Dla3JV0GI0HASHozekSV7tJwzOlasXZNV58gEWglLQB9Ag1f7gpDeWKnsjtD5QpyZQJIPYV/KcjCTsa50k/Dq57fhnDLdq07S6/T6d1taIeHsds/D5R+U1py1DAfVqOMDb+YYHM7WKu3fFnFf3IvV/491cFOchjfTx5uPCsaj/7WXxJU0cruH+wnSH/NRnq0CW6FsFS0yjE2jPFsHtkbZOloUGJtGebYJbIOyTbTYY2wa5dk2sC3KttHigLFplGc3gd2g7CZalBibRnl2G9gtym6jRYWxaZRnu8B2KNtFiweMTaM8ywLLUJZFiyPGptH9G0PpMC4bBQAA';\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"],"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;;;AHPA,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;","names":["_7a468"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { S as StatusVariants } from '../status.css-D2Xhx8gm.mjs';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "div";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { S as StatusVariants } from '../status.css-D2Xhx8gm.js';
|
|
3
|
-
import { C as ComponentProps } from '../component-props-
|
|
3
|
+
import { C as ComponentProps } from '../component-props-BHzinuRX.js';
|
|
4
4
|
import '@vanilla-extract/recipes';
|
|
5
5
|
|
|
6
6
|
declare const defaultElement = "div";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/recipes/switch.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51T0W6bMBR9z1dYfUqluQLarClVn/YH0x4mTRO6tm+wG4M925Sk0/59wjSEopAuEwhj+9577jk+vvGtClwW/fAVubJYFKnQn/1zmpDfC0JA65w0tcfwuCCEAd+WzjS1oNxo43LyAm5J+4mnXkPA/rsqivShZrgW6b66jrnGCXTUgVCNPyR2M0U3jdZDfFaaGG+NV0GZOicONQT1gt0qbZFtVaABLJWqlFqVMhyacSWDZfKJvL3Xj4s/i5uzHPON4Y2PTJnZUS9BmDYnSXwyu5vltx7xs/8A9ENAAOoDBHy64hL5FsXVzx54RlSPFdRB8S89uHWqArc/jA9Hwfiv+Qa8esUiHfpII2KrRJADjHpFT1cj/XnUX2In7fuou1EU+wA0G0CzOdD7UTmcBZ22NgX9JpuKTfS+PWFeobzVsM8J04ZvT9u5lSrg/7g1OKgPfo3/G+MqkiZJ5Yftbultt7PQ92VmdzG5VVpTLqEucZT9/hIA80Y3fXMaNyEnSSxsbN4Z9bwsExfczR3I7YgXzB7INOoS5DP34LRGaRJF+hDjaLfVmF2WdNocefTzS6pd3vG67/gvekyJa14FAAA= */
|
|
2
2
|
.switch_switchRecipe__1dl6sj10 {
|
|
3
3
|
all: unset;
|
|
4
4
|
background-color: var(--colors-slate-slate5__19nbe8d1ym);
|
|
5
|
-
border-radius: var(--radii-
|
|
5
|
+
border-radius: var(--radii-full__19nbe8d2go);
|
|
6
6
|
position: relative;
|
|
7
7
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
8
8
|
}
|
|
@@ -13,18 +13,18 @@
|
|
|
13
13
|
background-color: var(--semanticColors-primary-primary9__19nbe8d2cq);
|
|
14
14
|
}
|
|
15
15
|
.switch_switchRecipe_size_1__1dl6sj11 {
|
|
16
|
-
width: var(--sizes-
|
|
17
|
-
height: var(--sizes-
|
|
16
|
+
width: var(--sizes-5__19nbe8d2gc);
|
|
17
|
+
height: var(--sizes-4__19nbe8d2gb);
|
|
18
18
|
}
|
|
19
19
|
.switch_switchRecipe_size_2__1dl6sj12 {
|
|
20
|
-
width: var(--sizes-
|
|
21
|
-
height: var(--sizes-
|
|
20
|
+
width: var(--sizes-7__19nbe8d2ge);
|
|
21
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
22
22
|
}
|
|
23
23
|
.switch_switchThumbRecipe__1dl6sj13 {
|
|
24
24
|
all: unset;
|
|
25
25
|
display: block;
|
|
26
26
|
background-color: white;
|
|
27
|
-
border-radius: var(--radii-
|
|
27
|
+
border-radius: var(--radii-full__19nbe8d2go);
|
|
28
28
|
transition: transform 100ms;
|
|
29
29
|
transform: translateX(2px);
|
|
30
30
|
will-change: transform;
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
top: 2px;
|
|
34
34
|
}
|
|
35
35
|
.switch_switchThumbRecipe_size_1__1dl6sj14 {
|
|
36
|
-
width: var(--sizes-
|
|
37
|
-
height: var(--sizes-
|
|
36
|
+
width: var(--sizes-3__19nbe8d2ga);
|
|
37
|
+
height: var(--sizes-3__19nbe8d2ga);
|
|
38
38
|
}
|
|
39
39
|
.switch_switchThumbRecipe_size_1__1dl6sj14[data-state=checked] {
|
|
40
40
|
transform: translateX(10px);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/switch.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51T0W6bMBR9z1dYfUqluQLarClVn/YH0x4mTRO6tm+wG4M925Sk0/59wjSEopAuEwhj+9577jk+vvGtClwW/fAVubJYFKnQn/1zmpDfC0JA65w0tcfwuCCEAd+WzjS1oNxo43LyAm5J+4mnXkPA/rsqivShZrgW6b66jrnGCXTUgVCNPyR2M0U3jdZDfFaaGG+NV0GZOicONQT1gt0qbZFtVaABLJWqlFqVMhyacSWDZfKJvL3Xj4s/i5uzHPON4Y2PTJnZUS9BmDYnSXwyu5vltx7xs/8A9ENAAOoDBHy64hL5FsXVzx54RlSPFdRB8S89uHWqArc/jA9Hwfiv+Qa8esUiHfpII2KrRJADjHpFT1cj/XnUX2In7fuou1EU+wA0G0CzOdD7UTmcBZ22NgX9JpuKTfS+PWFeobzVsM8J04ZvT9u5lSrg/7g1OKgPfo3/G+MqkiZJ5Yftbultt7PQ92VmdzG5VVpTLqEucZT9/hIA80Y3fXMaNyEnSSxsbN4Z9bwsExfczR3I7YgXzB7INOoS5DP34LRGaRJF+hDjaLfVmF2WdNocefTzS6pd3vG67/gvekyJa14FAAA="],"sourcesContent":[".switch_switchRecipe__1dl6sj10 {\n all: unset;\n background-color: var(--colors-slate-slate5__19nbe8d1ym);\n border-radius: var(--radii-full__19nbe8d2go);\n position: relative;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.switch_switchRecipe__1dl6sj10:focus {\n box-shadow: 0 0 0 2px var(--colors-slate-slate8__19nbe8d1yp);\n}\n.switch_switchRecipe__1dl6sj10[data-state=\"checked\"] {\n background-color: var(--semanticColors-primary-primary9__19nbe8d2cq);\n}\n.switch_switchRecipe_size_1__1dl6sj11 {\n width: var(--sizes-5__19nbe8d2gc);\n height: var(--sizes-4__19nbe8d2gb);\n}\n.switch_switchRecipe_size_2__1dl6sj12 {\n width: var(--sizes-7__19nbe8d2ge);\n height: var(--sizes-5__19nbe8d2gc);\n}\n.switch_switchThumbRecipe__1dl6sj13 {\n all: unset;\n display: block;\n background-color: white;\n border-radius: var(--radii-full__19nbe8d2go);\n transition: transform 100ms;\n transform: translateX(2px);\n will-change: transform;\n position: absolute;\n left: 0;\n top: 2px;\n}\n.switch_switchThumbRecipe_size_1__1dl6sj14 {\n width: var(--sizes-3__19nbe8d2ga);\n height: var(--sizes-3__19nbe8d2ga);\n}\n.switch_switchThumbRecipe_size_1__1dl6sj14[data-state=\"checked\"] {\n transform: translateX(10px);\n}\n.switch_switchThumbRecipe_size_2__1dl6sj15 {\n width: 20px;\n height: 20px;\n}\n.switch_switchThumbRecipe_size_2__1dl6sj15[data-state=\"checked\"] {\n transform: translateX(18px);\n}"],"mappings":";AAAA,CAAC;AACC,OAAK;AACL,oBAAkB,IAAI;AACtB,iBAAe,IAAI;AACnB,YAAU;AACV,+BAA6B,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC7C;AACA,CAPC,6BAO6B;AAC5B,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI;AAC5B;AACA,CAVC,6BAU6B,CAAC;AAC7B,oBAAkB,IAAI;AACxB;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACd;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACd;AACA,CAAC;AACC,OAAK;AACL,WAAS;AACT,oBAAkB;AAClB,iBAAe,IAAI;AACnB,cAAY,UAAU;AACtB,aAAW,WAAW;AACtB,eAAa;AACb,YAAU;AACV,QAAM;AACN,OAAK;AACP;AACA,CAAC;AACC,SAAO,IAAI;AACX,UAAQ,IAAI;AACd;AACA,CAJC,yCAIyC,CAAC;AACzC,aAAW,WAAW;AACxB;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AACA,CAJC,yCAIyC,CAAC;AACzC,aAAW,WAAW;AACxB;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/switch.tsx","../../src/theme/recipes/switch.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n switchRecipe,\n switchThumbRecipe,\n SwitchThumbVariants,\n SwitchVariants,\n} from \"@/theme/recipes/switch.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\ntype SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;\n\nexport const SwitchThumb = ({ ...props }: SwitchThumbProps) => {\n const variants = pick(props, ...switchThumbRecipe.variants());\n const switchThumb = switchThumbRecipe(variants);\n\n return (\n <SwitchPrimitive.Thumb\n {...props}\n className={mergeClasses(switchThumb, props.className)}\n />\n );\n};\n\ntype SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;\n\nexport const Switch = ({ ...props }: SwitchProps) => {\n const variants = pick(props, ...switchRecipe.variants());\n const _switch = switchRecipe(variants); // 'switch' is not allowed as a variable declaration name.ts(1389)\n\n return (\n <SwitchPrimitive.Root\n {...props}\n className={mergeClasses(_switch, props.className)}\n >\n <SwitchThumb size={variants.size} />\n </SwitchPrimitive.Root>\n );\n};\n","import 'src/theme/recipes/switch.css.ts.vanilla.css?source=#
|
|
1
|
+
{"version":3,"sources":["../../src/components/switch.tsx","../../src/theme/recipes/switch.css.ts","../../src/utils/merge-classes.ts","../../src/utils/pick.ts"],"sourcesContent":["import {\n switchRecipe,\n switchThumbRecipe,\n SwitchThumbVariants,\n SwitchVariants,\n} from \"@/theme/recipes/switch.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\ntype SwitchThumbProps = SwitchPrimitive.SwitchThumbProps & SwitchThumbVariants;\n\nexport const SwitchThumb = ({ ...props }: SwitchThumbProps) => {\n const variants = pick(props, ...switchThumbRecipe.variants());\n const switchThumb = switchThumbRecipe(variants);\n\n return (\n <SwitchPrimitive.Thumb\n {...props}\n className={mergeClasses(switchThumb, props.className)}\n />\n );\n};\n\ntype SwitchProps = SwitchPrimitive.SwitchProps & SwitchVariants;\n\nexport const Switch = ({ ...props }: SwitchProps) => {\n const variants = pick(props, ...switchRecipe.variants());\n const _switch = switchRecipe(variants); // 'switch' is not allowed as a variable declaration name.ts(1389)\n\n return (\n <SwitchPrimitive.Root\n {...props}\n className={mergeClasses(_switch, props.className)}\n >\n <SwitchThumb size={variants.size} />\n </SwitchPrimitive.Root>\n );\n};\n","import 'src/theme/recipes/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAE51T0W6bMBR9z1dYfUqluQLarClVn/YH0x4mTRO6tm+wG4M925Sk0/59wjSEopAuEwhj+9577jk+vvGtClwW/fAVubJYFKnQn/1zmpDfC0JA65w0tcfwuCCEAd+WzjS1oNxo43LyAm5J+4mnXkPA/rsqivShZrgW6b66jrnGCXTUgVCNPyR2M0U3jdZDfFaaGG+NV0GZOicONQT1gt0qbZFtVaABLJWqlFqVMhyacSWDZfKJvL3Xj4s/i5uzHPON4Y2PTJnZUS9BmDYnSXwyu5vltx7xs/8A9ENAAOoDBHy64hL5FsXVzx54RlSPFdRB8S89uHWqArc/jA9Hwfiv+Qa8esUiHfpII2KrRJADjHpFT1cj/XnUX2In7fuou1EU+wA0G0CzOdD7UTmcBZ22NgX9JpuKTfS+PWFeobzVsM8J04ZvT9u5lSrg/7g1OKgPfo3/G+MqkiZJ5Yftbultt7PQ92VmdzG5VVpTLqEucZT9/hIA80Y3fXMaNyEnSSxsbN4Z9bwsExfczR3I7YgXzB7INOoS5DP34LRGaRJF+hDjaLfVmF2WdNocefTzS6pd3vG67/gvekyJa14FAAA=';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var switchRecipe = _7a468({defaultClassName:'switch_switchRecipe__1dl6sj10',variantClassNames:{size:{'1':'switch_switchRecipe_size_1__1dl6sj11','2':'switch_switchRecipe_size_2__1dl6sj12'}},defaultVariants:{size:'1'},compoundVariants:[]});\nexport var switchThumbRecipe = _7a468({defaultClassName:'switch_switchThumbRecipe__1dl6sj13',variantClassNames:{size:{'1':'switch_switchThumbRecipe_size_1__1dl6sj14','2':'switch_switchThumbRecipe_size_2__1dl6sj15'}},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;AAAA;;;ACCA,6BAA0C;AACnC,IAAI,mBAAe,uBAAAA,iBAAO,EAAC,kBAAiB,iCAAgC,mBAAkB,EAAC,MAAK,EAAC,KAAI,wCAAuC,KAAI,uCAAsC,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5O,IAAI,wBAAoB,uBAAAA,iBAAO,EAAC,kBAAiB,sCAAqC,mBAAkB,EAAC,MAAK,EAAC,KAAI,6CAA4C,KAAI,4CAA2C,EAAC,GAAE,iBAAgB,EAAC,MAAK,IAAG,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ACHhQ,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,sBAAiC;AAS7B;AALG,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,QAAM,WAAW,KAAK,OAAO,GAAG,kBAAkB,SAAS,CAAC;AAC5D,QAAM,cAAc,kBAAkB,QAAQ;AAE9C,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA;AAAA,EACtD;AAEJ;AAIO,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AACnD,QAAM,WAAW,KAAK,OAAO,GAAG,aAAa,SAAS,CAAC;AACvD,QAAM,UAAU,aAAa,QAAQ;AAErC,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,SAAS,MAAM,SAAS;AAAA,MAEhD,sDAAC,eAAY,MAAM,SAAS,MAAM;AAAA;AAAA,EACpC;AAEJ;","names":["_7a468"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/theme/recipes/text-field.css.ts.vanilla.css?source=#
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAAE7VW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/MbLowPPCVVKBtmm1kbE9anLV80rnbSOyg97RGr455w7ybt7rmIRj1sGWkCLp5XbgqQYRvOhqy5FMCfUktSLfwKEyMmOcR1HGlDbE0jkpJ697Au/S8y7HsrTsLYqN6b9qnZNDUlnTg7Noct0rr83BCuh55XQkrV0Ay7G0Dl1P0uysXA01msC78ryrV83Vh9Y5PV7WNz1UPJil516Hs9RRr8ayNHQ9Sa2zsjRU5ziv69CxUVXbeT/8l7YfvGHrUioD9oh2PKT6nRxTzKDixod1Vbf/5n3dDP4jVO8V7QHtzIlo1uyhrk8GaU6hcXM28EA356heA7XtCEez7oPIC6nbtdw+C6E59vwBDpIHZFwMAAA= */
|
|
2
2
|
.text-field_textFieldRecipe__i0hdwa0 {
|
|
3
3
|
appearance: none;
|
|
4
4
|
border-width: 0;
|
|
@@ -42,21 +42,21 @@
|
|
|
42
42
|
color: var(--semanticColors-textPlaceholder__19nbe8d2fd);
|
|
43
43
|
}
|
|
44
44
|
.text-field_textFieldRecipe_size_1__i0hdwa1 {
|
|
45
|
-
border-radius: var(--radii-
|
|
46
|
-
height: var(--sizes-
|
|
45
|
+
border-radius: var(--radii-1__19nbe8d2gh);
|
|
46
|
+
height: var(--sizes-5__19nbe8d2gc);
|
|
47
47
|
font-size: var(--fontSizes-1__19nbe8d9);
|
|
48
48
|
padding-left: var(--space-2__19nbe8d1);
|
|
49
49
|
padding-right: var(--space-2__19nbe8d1);
|
|
50
|
-
line-height: var(--sizes-
|
|
50
|
+
line-height: var(--sizes-5__19nbe8d2gc);
|
|
51
51
|
}
|
|
52
52
|
.text-field_textFieldRecipe_size_1__i0hdwa1:-webkit-autofill::first-line {
|
|
53
53
|
font-size: var(--fontSizes-1__19nbe8d9);
|
|
54
54
|
}
|
|
55
55
|
.text-field_textFieldRecipe_size_2__i0hdwa2 {
|
|
56
|
-
border-radius: var(--radii-
|
|
56
|
+
border-radius: var(--radii-2__19nbe8d2gi);
|
|
57
57
|
font-size: var(--fontSizes-3__19nbe8db);
|
|
58
|
-
line-height: var(--lineHeights-
|
|
59
|
-
height: var(--sizes-
|
|
58
|
+
line-height: var(--lineHeights-6__19nbe8d2fv);
|
|
59
|
+
height: var(--sizes-6__19nbe8d2gd);
|
|
60
60
|
padding-left: var(--space-3__19nbe8d2);
|
|
61
61
|
padding-right: var(--space-3__19nbe8d2);
|
|
62
62
|
}
|
|
@@ -64,10 +64,10 @@
|
|
|
64
64
|
font-size: var(--fontSizes-3__19nbe8db);
|
|
65
65
|
}
|
|
66
66
|
.text-field_textFieldRecipe_size_3__i0hdwa3 {
|
|
67
|
-
border-radius: var(--radii-
|
|
67
|
+
border-radius: var(--radii-2__19nbe8d2gi);
|
|
68
68
|
font-size: var(--fontSizes-4__19nbe8dc);
|
|
69
|
-
line-height: var(--sizes-
|
|
70
|
-
height: var(--sizes-
|
|
69
|
+
line-height: var(--sizes-7__19nbe8d2ge);
|
|
70
|
+
height: var(--sizes-7__19nbe8d2ge);
|
|
71
71
|
padding-left: var(--space-4__19nbe8d3);
|
|
72
72
|
padding-right: var(--space-4__19nbe8d3);
|
|
73
73
|
}
|