@m3-baseui/react-vanilla-extract 1.4.0 → 2.0.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/dist/components/badge/index.css +32 -0
- package/dist/components/badge/index.css.map +1 -0
- package/dist/components/badge/index.js +16 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/bottom-app-bar/index.css +28 -0
- package/dist/components/bottom-app-bar/index.css.map +1 -0
- package/dist/components/bottom-app-bar/index.js +17 -0
- package/dist/components/bottom-app-bar/index.js.map +1 -0
- package/dist/{bottom-sheet.css → components/bottom-sheet/index.css} +14 -14
- package/dist/components/bottom-sheet/index.css.map +1 -0
- package/dist/components/bottom-sheet/index.js +27 -0
- package/dist/components/bottom-sheet/index.js.map +1 -0
- package/dist/{button.css → components/button/index.css} +39 -39
- package/dist/components/button/index.css.map +1 -0
- package/dist/components/button/index.js +14 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/button-group/index.css +23 -0
- package/dist/components/button-group/index.css.map +1 -0
- package/dist/components/button-group/index.js +18 -0
- package/dist/components/button-group/index.js.map +1 -0
- package/dist/{card.css → components/card/index.css} +18 -18
- package/dist/components/card/index.css.map +1 -0
- package/dist/components/card/index.js +16 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/carousel/index.css +41 -0
- package/dist/components/carousel/index.css.map +1 -0
- package/dist/components/carousel/index.js +18 -0
- package/dist/components/carousel/index.js.map +1 -0
- package/dist/{checkbox.css → components/checkbox/index.css} +32 -32
- package/dist/components/checkbox/index.css.map +1 -0
- package/dist/components/checkbox/index.js +17 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/{chip.css → components/chip/index.css} +40 -40
- package/dist/components/chip/index.css.map +1 -0
- package/dist/components/chip/index.js +24 -0
- package/dist/components/chip/index.js.map +1 -0
- package/dist/{date-picker.css → components/date-picker/index.css} +57 -57
- package/dist/components/date-picker/index.css.map +1 -0
- package/dist/components/date-picker/index.js +53 -0
- package/dist/components/date-picker/index.js.map +1 -0
- package/dist/{dialog.css → components/dialog/index.css} +21 -21
- package/dist/components/dialog/index.css.map +1 -0
- package/dist/components/dialog/index.js +34 -0
- package/dist/components/dialog/index.js.map +1 -0
- package/dist/components/divider/index.css +28 -0
- package/dist/components/divider/index.css.map +1 -0
- package/dist/components/divider/index.js +14 -0
- package/dist/components/divider/index.js.map +1 -0
- package/dist/components/fab/index.css +138 -0
- package/dist/components/fab/index.css.map +1 -0
- package/dist/{fab.d.ts → components/fab/index.d.ts} +1 -1
- package/dist/components/fab/index.js +14 -0
- package/dist/components/fab/index.js.map +1 -0
- package/dist/components/fab-menu/index.css +225 -0
- package/dist/components/fab-menu/index.css.map +1 -0
- package/dist/components/fab-menu/index.js +19 -0
- package/dist/components/fab-menu/index.js.map +1 -0
- package/dist/{icon-button.css → components/icon-button/index.css} +56 -56
- package/dist/components/icon-button/index.css.map +1 -0
- package/dist/components/icon-button/index.js +16 -0
- package/dist/components/icon-button/index.js.map +1 -0
- package/dist/{item.css → components/item/index.css} +15 -15
- package/dist/components/item/index.css.map +1 -0
- package/dist/components/item/index.js +28 -0
- package/dist/components/item/index.js.map +1 -0
- package/dist/{list.css → components/list/index.css} +31 -31
- package/dist/components/list/index.css.map +1 -0
- package/dist/{list.js → components/list/index.js} +12 -12
- package/dist/components/list/index.js.map +1 -0
- package/dist/components/loading-indicator/index.css +35 -0
- package/dist/components/loading-indicator/index.css.map +1 -0
- package/dist/components/loading-indicator/index.js +20 -0
- package/dist/components/loading-indicator/index.js.map +1 -0
- package/dist/components/menu/index.css +373 -0
- package/dist/components/menu/index.css.map +1 -0
- package/dist/{menu.d.ts → components/menu/index.d.ts} +2 -2
- package/dist/components/menu/index.js +31 -0
- package/dist/components/menu/index.js.map +1 -0
- package/dist/{navigation-bar.css → components/navigation-bar/index.css} +22 -22
- package/dist/components/navigation-bar/index.css.map +1 -0
- package/dist/components/navigation-bar/index.js +27 -0
- package/dist/components/navigation-bar/index.js.map +1 -0
- package/dist/{navigation-drawer.css → components/navigation-drawer/index.css} +19 -19
- package/dist/components/navigation-drawer/index.css.map +1 -0
- package/dist/components/navigation-drawer/index.js +26 -0
- package/dist/components/navigation-drawer/index.js.map +1 -0
- package/dist/{navigation-rail.css → components/navigation-rail/index.css} +23 -23
- package/dist/components/navigation-rail/index.css.map +1 -0
- package/dist/components/navigation-rail/index.js +29 -0
- package/dist/components/navigation-rail/index.js.map +1 -0
- package/dist/components/progress/index.css +189 -0
- package/dist/components/progress/index.css.map +1 -0
- package/dist/{progress.d.ts → components/progress/index.d.ts} +2 -2
- package/dist/components/progress/index.js +29 -0
- package/dist/components/progress/index.js.map +1 -0
- package/dist/{radio.css → components/radio/index.css} +21 -21
- package/dist/components/radio/index.css.map +1 -0
- package/dist/components/radio/index.js +18 -0
- package/dist/components/radio/index.js.map +1 -0
- package/dist/{search.css → components/search/index.css} +33 -33
- package/dist/components/search/index.css.map +1 -0
- package/dist/components/search/index.js +37 -0
- package/dist/components/search/index.js.map +1 -0
- package/dist/{segmented-button.css → components/segmented-button/index.css} +22 -22
- package/dist/components/segmented-button/index.css.map +1 -0
- package/dist/components/segmented-button/index.js +25 -0
- package/dist/components/segmented-button/index.js.map +1 -0
- package/dist/components/select/index.css +582 -0
- package/dist/components/select/index.css.map +1 -0
- package/dist/{select.d.ts → components/select/index.d.ts} +6 -2
- package/dist/components/select/index.js +60 -0
- package/dist/components/select/index.js.map +1 -0
- package/dist/{side-sheet.css → components/side-sheet/index.css} +23 -23
- package/dist/components/side-sheet/index.css.map +1 -0
- package/dist/components/side-sheet/index.js +28 -0
- package/dist/components/side-sheet/index.js.map +1 -0
- package/dist/{slider.css → components/slider/index.css} +20 -20
- package/dist/components/slider/index.css.map +1 -0
- package/dist/components/slider/index.js +33 -0
- package/dist/components/slider/index.js.map +1 -0
- package/dist/{snackbar.css → components/snackbar/index.css} +20 -20
- package/dist/components/snackbar/index.css.map +1 -0
- package/dist/components/snackbar/index.js +28 -0
- package/dist/components/snackbar/index.js.map +1 -0
- package/dist/{split-button.css → components/split-button/index.css} +68 -68
- package/dist/components/split-button/index.css.map +1 -0
- package/dist/components/split-button/index.js +26 -0
- package/dist/components/split-button/index.js.map +1 -0
- package/dist/{switch.css → components/switch/index.css} +29 -29
- package/dist/components/switch/index.css.map +1 -0
- package/dist/components/switch/index.js +18 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/{tabs.css → components/tabs/index.css} +21 -21
- package/dist/components/tabs/index.css.map +1 -0
- package/dist/components/tabs/index.js +24 -0
- package/dist/components/tabs/index.js.map +1 -0
- package/dist/{textfield.css → components/textfield/index.css} +84 -29
- package/dist/components/textfield/index.css.map +1 -0
- package/dist/{textfield.d.ts → components/textfield/index.d.ts} +1 -1
- package/dist/components/textfield/index.js +40 -0
- package/dist/components/textfield/index.js.map +1 -0
- package/dist/{time-picker.css → components/time-picker/index.css} +108 -30
- package/dist/components/time-picker/index.css.map +1 -0
- package/dist/components/time-picker/index.js +43 -0
- package/dist/components/time-picker/index.js.map +1 -0
- package/dist/components/toolbar/index.css +37 -0
- package/dist/components/toolbar/index.css.map +1 -0
- package/dist/components/toolbar/index.js +16 -0
- package/dist/components/toolbar/index.js.map +1 -0
- package/dist/{tooltip.css → components/tooltip/index.css} +13 -13
- package/dist/components/tooltip/index.css.map +1 -0
- package/dist/components/tooltip/index.js +28 -0
- package/dist/components/tooltip/index.js.map +1 -0
- package/dist/{top-app-bar.css → components/top-app-bar/index.css} +15 -15
- package/dist/components/top-app-bar/index.css.map +1 -0
- package/dist/components/top-app-bar/index.js +24 -0
- package/dist/components/top-app-bar/index.js.map +1 -0
- package/dist/index.css +1550 -1030
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +39 -39
- package/dist/index.js +340 -302
- package/dist/index.js.map +1 -1
- package/package.json +151 -151
- package/dist/badge.css +0 -32
- package/dist/badge.css.map +0 -1
- package/dist/badge.js +0 -16
- package/dist/badge.js.map +0 -1
- package/dist/bottom-app-bar.css +0 -28
- package/dist/bottom-app-bar.css.map +0 -1
- package/dist/bottom-app-bar.js +0 -17
- package/dist/bottom-app-bar.js.map +0 -1
- package/dist/bottom-sheet.css.map +0 -1
- package/dist/bottom-sheet.js +0 -27
- package/dist/bottom-sheet.js.map +0 -1
- package/dist/button-group.css +0 -23
- package/dist/button-group.css.map +0 -1
- package/dist/button-group.js +0 -18
- package/dist/button-group.js.map +0 -1
- package/dist/button.css.map +0 -1
- package/dist/button.js +0 -14
- package/dist/button.js.map +0 -1
- package/dist/card.css.map +0 -1
- package/dist/card.js +0 -16
- package/dist/card.js.map +0 -1
- package/dist/carousel.css +0 -41
- package/dist/carousel.css.map +0 -1
- package/dist/carousel.js +0 -18
- package/dist/carousel.js.map +0 -1
- package/dist/checkbox.css.map +0 -1
- package/dist/checkbox.js +0 -17
- package/dist/checkbox.js.map +0 -1
- package/dist/chip.css.map +0 -1
- package/dist/chip.js +0 -24
- package/dist/chip.js.map +0 -1
- package/dist/date-picker.css.map +0 -1
- package/dist/date-picker.js +0 -53
- package/dist/date-picker.js.map +0 -1
- package/dist/dialog.css.map +0 -1
- package/dist/dialog.js +0 -34
- package/dist/dialog.js.map +0 -1
- package/dist/divider.css +0 -28
- package/dist/divider.css.map +0 -1
- package/dist/divider.js +0 -14
- package/dist/divider.js.map +0 -1
- package/dist/fab-menu.css +0 -201
- package/dist/fab-menu.css.map +0 -1
- package/dist/fab-menu.js +0 -19
- package/dist/fab-menu.js.map +0 -1
- package/dist/fab.css +0 -110
- package/dist/fab.css.map +0 -1
- package/dist/fab.js +0 -14
- package/dist/fab.js.map +0 -1
- package/dist/icon-button.css.map +0 -1
- package/dist/icon-button.js +0 -16
- package/dist/icon-button.js.map +0 -1
- package/dist/item.css.map +0 -1
- package/dist/item.js +0 -28
- package/dist/item.js.map +0 -1
- package/dist/list.css.map +0 -1
- package/dist/list.js.map +0 -1
- package/dist/loading-indicator.css +0 -35
- package/dist/loading-indicator.css.map +0 -1
- package/dist/loading-indicator.js +0 -20
- package/dist/loading-indicator.js.map +0 -1
- package/dist/menu.css +0 -262
- package/dist/menu.css.map +0 -1
- package/dist/menu.js +0 -31
- package/dist/menu.js.map +0 -1
- package/dist/navigation-bar.css.map +0 -1
- package/dist/navigation-bar.js +0 -27
- package/dist/navigation-bar.js.map +0 -1
- package/dist/navigation-drawer.css.map +0 -1
- package/dist/navigation-drawer.js +0 -26
- package/dist/navigation-drawer.js.map +0 -1
- package/dist/navigation-rail.css.map +0 -1
- package/dist/navigation-rail.js +0 -29
- package/dist/navigation-rail.js.map +0 -1
- package/dist/progress.css +0 -93
- package/dist/progress.css.map +0 -1
- package/dist/progress.js +0 -23
- package/dist/progress.js.map +0 -1
- package/dist/radio.css.map +0 -1
- package/dist/radio.js +0 -18
- package/dist/radio.js.map +0 -1
- package/dist/search.css.map +0 -1
- package/dist/search.js +0 -37
- package/dist/search.js.map +0 -1
- package/dist/segmented-button.css.map +0 -1
- package/dist/segmented-button.js +0 -25
- package/dist/segmented-button.js.map +0 -1
- package/dist/select.css +0 -181
- package/dist/select.css.map +0 -1
- package/dist/select.js +0 -33
- package/dist/select.js.map +0 -1
- package/dist/side-sheet.css.map +0 -1
- package/dist/side-sheet.js +0 -28
- package/dist/side-sheet.js.map +0 -1
- package/dist/slider.css.map +0 -1
- package/dist/slider.js +0 -33
- package/dist/slider.js.map +0 -1
- package/dist/snackbar.css.map +0 -1
- package/dist/snackbar.js +0 -28
- package/dist/snackbar.js.map +0 -1
- package/dist/split-button.css.map +0 -1
- package/dist/split-button.js +0 -26
- package/dist/split-button.js.map +0 -1
- package/dist/switch.css.map +0 -1
- package/dist/switch.js +0 -18
- package/dist/switch.js.map +0 -1
- package/dist/tabs.css.map +0 -1
- package/dist/tabs.js +0 -24
- package/dist/tabs.js.map +0 -1
- package/dist/textfield.css.map +0 -1
- package/dist/textfield.js +0 -37
- package/dist/textfield.js.map +0 -1
- package/dist/time-picker.css.map +0 -1
- package/dist/time-picker.js +0 -41
- package/dist/time-picker.js.map +0 -1
- package/dist/toolbar.css +0 -37
- package/dist/toolbar.css.map +0 -1
- package/dist/toolbar.js +0 -16
- package/dist/toolbar.js.map +0 -1
- package/dist/tooltip.css.map +0 -1
- package/dist/tooltip.js +0 -28
- package/dist/tooltip.js.map +0 -1
- package/dist/top-app-bar.css.map +0 -1
- package/dist/top-app-bar.js +0 -24
- package/dist/top-app-bar.js.map +0 -1
- /package/dist/{badge.d.ts → components/badge/index.d.ts} +0 -0
- /package/dist/{bottom-app-bar.d.ts → components/bottom-app-bar/index.d.ts} +0 -0
- /package/dist/{bottom-sheet.d.ts → components/bottom-sheet/index.d.ts} +0 -0
- /package/dist/{button.d.ts → components/button/index.d.ts} +0 -0
- /package/dist/{button-group.d.ts → components/button-group/index.d.ts} +0 -0
- /package/dist/{card.d.ts → components/card/index.d.ts} +0 -0
- /package/dist/{carousel.d.ts → components/carousel/index.d.ts} +0 -0
- /package/dist/{checkbox.d.ts → components/checkbox/index.d.ts} +0 -0
- /package/dist/{chip.d.ts → components/chip/index.d.ts} +0 -0
- /package/dist/{date-picker.d.ts → components/date-picker/index.d.ts} +0 -0
- /package/dist/{dialog.d.ts → components/dialog/index.d.ts} +0 -0
- /package/dist/{divider.d.ts → components/divider/index.d.ts} +0 -0
- /package/dist/{fab-menu.d.ts → components/fab-menu/index.d.ts} +0 -0
- /package/dist/{icon-button.d.ts → components/icon-button/index.d.ts} +0 -0
- /package/dist/{item.d.ts → components/item/index.d.ts} +0 -0
- /package/dist/{list.d.ts → components/list/index.d.ts} +0 -0
- /package/dist/{loading-indicator.d.ts → components/loading-indicator/index.d.ts} +0 -0
- /package/dist/{navigation-bar.d.ts → components/navigation-bar/index.d.ts} +0 -0
- /package/dist/{navigation-drawer.d.ts → components/navigation-drawer/index.d.ts} +0 -0
- /package/dist/{navigation-rail.d.ts → components/navigation-rail/index.d.ts} +0 -0
- /package/dist/{radio.d.ts → components/radio/index.d.ts} +0 -0
- /package/dist/{search.d.ts → components/search/index.d.ts} +0 -0
- /package/dist/{segmented-button.d.ts → components/segmented-button/index.d.ts} +0 -0
- /package/dist/{side-sheet.d.ts → components/side-sheet/index.d.ts} +0 -0
- /package/dist/{slider.d.ts → components/slider/index.d.ts} +0 -0
- /package/dist/{snackbar.d.ts → components/snackbar/index.d.ts} +0 -0
- /package/dist/{split-button.d.ts → components/split-button/index.d.ts} +0 -0
- /package/dist/{switch.d.ts → components/switch/index.d.ts} +0 -0
- /package/dist/{tabs.d.ts → components/tabs/index.d.ts} +0 -0
- /package/dist/{time-picker.d.ts → components/time-picker/index.d.ts} +0 -0
- /package/dist/{toolbar.d.ts → components/toolbar/index.d.ts} +0 -0
- /package/dist/{tooltip.d.ts → components/tooltip/index.d.ts} +0 -0
- /package/dist/{top-app-bar.d.ts → components/top-app-bar/index.d.ts} +0 -0
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createSelect, cx } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/components/select/select.ts
|
|
6
|
+
|
|
7
|
+
// src/components/select/select.css.ts
|
|
8
|
+
var field = "_1qkm50o6";
|
|
9
|
+
var fieldIcon = "_1qkm50og";
|
|
10
|
+
var fieldInputWrap = "_1qkm50o9";
|
|
11
|
+
var fieldLabel = "_1qkm50od";
|
|
12
|
+
var fieldLabelVariant = { filled: "_1qkm50oe", outlined: "_1qkm50of" };
|
|
13
|
+
var fieldLeadingIcon = "_1qkm50oh";
|
|
14
|
+
var fieldRoot = "_1qkm50o5";
|
|
15
|
+
var fieldSupporting = "_1qkm50oi";
|
|
16
|
+
var fieldSupportingText = "_1qkm50oj";
|
|
17
|
+
var fieldValue = "_1qkm50oa";
|
|
18
|
+
var fieldValueVariant = { filled: "_1qkm50ob", outlined: "_1qkm50oc" };
|
|
19
|
+
var fieldVariant = { filled: "_1qkm50o7", outlined: "_1qkm50o8" };
|
|
20
|
+
var groupLabel = "_1del1lt2";
|
|
21
|
+
var icon = "_1qkm50o2";
|
|
22
|
+
var item = "_1fs19uv0";
|
|
23
|
+
var itemIndicator = "_1fs19uv2";
|
|
24
|
+
var popup = "_1del1lt1";
|
|
25
|
+
var scrollDownArrow = "_1qkm50o4";
|
|
26
|
+
var scrollUpArrow = "_1qkm50o3";
|
|
27
|
+
var trigger = "_1qkm50o0";
|
|
28
|
+
var value = "_1qkm50o1";
|
|
29
|
+
|
|
30
|
+
// src/components/select/select.ts
|
|
31
|
+
var Select = createSelect(
|
|
32
|
+
{
|
|
33
|
+
trigger,
|
|
34
|
+
value,
|
|
35
|
+
icon,
|
|
36
|
+
popup,
|
|
37
|
+
item,
|
|
38
|
+
itemIndicator,
|
|
39
|
+
groupLabel,
|
|
40
|
+
scrollUpArrow,
|
|
41
|
+
scrollDownArrow
|
|
42
|
+
},
|
|
43
|
+
// Exposed Dropdown Menu anchor (issue #96): the field state lives on the
|
|
44
|
+
// trigger, so the label float / focus border resolve via `${field}[data-*]`.
|
|
45
|
+
({ variant }) => ({
|
|
46
|
+
root: fieldRoot,
|
|
47
|
+
field: cx(field, fieldVariant[variant]),
|
|
48
|
+
inputWrap: fieldInputWrap,
|
|
49
|
+
value: cx(fieldValue, fieldValueVariant[variant]),
|
|
50
|
+
label: cx(fieldLabel, fieldLabelVariant[variant]),
|
|
51
|
+
icon: fieldIcon,
|
|
52
|
+
leadingIcon: fieldLeadingIcon,
|
|
53
|
+
supporting: fieldSupporting,
|
|
54
|
+
supportingText: fieldSupportingText
|
|
55
|
+
})
|
|
56
|
+
);
|
|
57
|
+
|
|
58
|
+
export { Select };
|
|
59
|
+
//# sourceMappingURL=index.js.map
|
|
60
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/select/select.css.ts","../../../src/components/select/select.ts"],"names":[],"mappings":";;;;;;;AAGO,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,cAAA,GAAiB,WAAA;AACrB,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,iBAAA,GAAoB,EAAC,MAAA,EAAO,WAAA,EAAY,UAAS,WAAA,EAAW;AAChE,IAAI,gBAAA,GAAmB,WAAA;AACvB,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,eAAA,GAAkB,WAAA;AACtB,IAAI,mBAAA,GAAsB,WAAA;AAC1B,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,iBAAA,GAAoB,EAAC,MAAA,EAAO,WAAA,EAAY,UAAS,WAAA,EAAW;AAChE,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,WAAA,EAAY,UAAS,WAAA,EAAW;AAC3D,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,aAAA,GAAgB,WAAA;AACpB,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,eAAA,GAAkB,WAAA;AACtB,IAAI,aAAA,GAAgB,WAAA;AACpB,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,KAAA,GAAQ,WAAA;;;ACKZ,IAAM,MAAA,GAAS,YAAA;AAAA,EACpB;AAAA,IACE,OAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF;AAAA;AAAA;AAAA,EAGA,CAAC,EAAE,OAAA,EAAQ,MAAO;AAAA,IAChB,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,EAAA,CAAG,KAAA,EAAO,YAAA,CAAa,OAAO,CAAC,CAAA;AAAA,IACtC,SAAA,EAAW,cAAA;AAAA,IACX,KAAA,EAAO,EAAA,CAAG,UAAA,EAAY,iBAAA,CAAkB,OAAO,CAAC,CAAA;AAAA,IAChD,KAAA,EAAO,EAAA,CAAG,UAAA,EAAY,iBAAA,CAAkB,OAAO,CAAC,CAAA;AAAA,IAChD,IAAA,EAAM,SAAA;AAAA,IACN,WAAA,EAAa,gBAAA;AAAA,IACb,UAAA,EAAY,eAAA;AAAA,IACZ,cAAA,EAAgB;AAAA,GAClB;AACF","file":"index.js","sourcesContent":["import 'src/components/menu/menu-surface.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2T0YrbMBBF3_MVekwgCnZgYet-ylLK2BrbIvLIjGTH3qX_XiTFm9qw2xT6Uuir5h6Nde_16Xuu0OTGZ-JtJ0QHk7xq5dtCnJ-zfvq6E6IHpTQ1sjS2uhTiOZ2WUF0atgOpQnBT7kfgvZSdkm52srLGsnQD11ChrCx50IR8OAQyDj-ELC1cUpeWFbJkUHpwhVgRroUeJU6eQboOjLkRU5goe93I0eAIXluSBkc056j2DORqy520rBtNC7M9j2I7eKMJC0GW8J3W4c5C2B4q7WeRP2WdW2_ubFyL4IKRzgMpYHU43rf_ARX2dpqWnPL8HBL5sTu9R_miwEMA2CdyNvjtKLYCJHUfx_hvTyhEtrKmEK4Cg_vs9OXpsFqV_2_Nv9maDqZ9bM7xRgNVreU0Th6GVFvUTeuX18EI2kBp8HaeXjci1ybYBoO363b8roj5XyviOWJL6TQlw9Ov8VEZH62UHIE1kE-21Ja8rKHTZt40xc89xu-TBko0qVwy6O_gdWXop-D17nFEnX7Fh8AgjFgwYRPhp-Av-sSj98jShTCoeegKz1BdNDUhnZ_jxHyNXAYAAA';\nimport 'src/components/menu/menu-selectable-item.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1XyW7bMBC95ysIn2KgTK00KFIGOfUziqAYiyOJDUUK5MixW_TfC2rxotiWXMdOWuRkmZrlzcKZp6vvUeKjL-Vswn5dMFZYr0hZI5hDDaRmeHfBWIYqzUiwm9tiHv4XIKUyKVdGK4OCRdf1uZ2hS7R9EixTUqIJZ3HpvHWCFVYZQheOSo-Oe9QYk2DGmsqHLak21h7EVgc9l04vZ-AuOc8l9wvPq3NuDfelSyDG8ThIJ9YQTyBXeiHYhjwtCvQxaOQapqi5BpciD_IrxacmwAGKtehK1aufOEgxCFZqIUyeDfe4Jl_rI1FIYAGxMukgE-QgflQmrfSl8oWGhWCpUzIchF9OmBcaCEN-y9x4wa5vijmLEsegJBvkQKvUcEWYe8FibMuZQtG2wO-Lq2U_CTHFxDqs-iq2htCQYKPR3UabwdRbXVJVcWU8kmCT8DyF-DF1tjRShBZyaOhrKHzVKiFyWjSSTWNxnKEhv-ofcmBaL40GiyaT3G8mLLdBhCP40NGewEhwctyJJQutvRHREsSGNU8hhZV0x8Q3CQQ8U2mmQyVRPhxlTkAcbudgG4VD77EbVw1KKg9TjfKhKdXAe8c-ssnVp9vx7iLscbUd-GSbTj0pUD58YN1XcYbxYwt8vWV2oPcY21DfBQ8NCcqgq8dHf9DbNfegFcbSZX3WtvvDeHcIW8XruKyT6LgDqUrfLW4GBXKckwPuc9B6P6ZN-_cja_RitCev2-VPjSpRztMhsBqFdVxkC64xoeEAN1RduKMnCS5XUmo8JLpWY1va91-YriUNh-W1ll_3O7VENv_bzDbaRyd3OUV6B0RHcue8qJZFAWHNHMQ9VjNwDWX0TqXeqdRWKnUwi4r-IxYVHc-iopdlUdGLsKjofCyq62oIi4p2D8no7bGoLto-FhWdgUV1MfWyqOgcLKoP1XMW1QPrLbGovuC2sKie6IazqD7fz1hUj-c3x6K6U6R3QLwKi7quzC83bE2QeKJxvmeL_ig9qaQeL9WmXL06jATNlFdTpat52jKwPUybdWCvq1fPeiARG_qZuazBuR2v1lzH85Gc-dUS2l2C53Z8ooROWJNRbel-VOc1kFellUmbcdR-fIRBJFj0uf70GOqXz8ApMPQSXw3_GvXfNwr6836K2_gSXp_30x-ZUk4IHxgAAA';\nimport 'src/components/select/select.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1a227jNhB9z1cQCywQA8tUduLElYG-9CuKYlFQ4kjihiJVkrLjFPvvBUnZ1jWWvEmwwfopjsUZjuYczhySvvln_u9jvgxkgP67QqiQmhkmRYgUcGLYBtZXCFGmC052IWKCMwE44fBkvyecpQIzA7kOUQzCgLJffyu1YckOx1IYECZEuiAx4AjMFkDYESkpQrQqnJNIPmHNnplIQxRJRUHhSLonGbA0MyFa3vuRORN4y6jJQrQIAv9dQShlIsU-shDN7_denSdFKCt1iDZEXWOcU6x3GuuMFIDhySiCdU44nx0tQjQvnpCWnFGk0ui6YRhLLhWWpbFzzbwViR9TJUtBQ2QUEbogCoSxj9zocNCLwLpUCYkrRwaeDHYJDRGHxHsolbYuCsn2ua0mD5GQwmGTSGFwQnLGd63XNLsCdEw44EjSHeZEpYDt8NnBbltl-LSdH3m01OwZxtjZcc7KEScbPV9tuDcHY0BhyyTHlNMejCLxIxOpz66FpmJ2RQ0HA5ovg1w3veXSjsNAtCWWNkRQouhsffX96uawWv6mxBBcyKIssCxAfP2Cjg_DRMalxhumWcTBLaw9u25PsatQLCdq50nRYfedZXc3Dso0iTjQr7W58Gj-od9QcDNfzCaR1hndrnyYnp8YNiCM3nOzFubcxWXLRojmjsYbUAmX2xBljFJfFNwKOD4AzlmhmbaPthkz4MB3zN8qUjT8L5z_Q5na16exL4M3RDEizKzDFfc5kSp_PaKgVtSHKUKkpCEGruergELa6-cIdMvLGbjVvN-2ir82LH7c2WQ8YyboAbZOhsd2gOOjfQlY3PlCva9xFBJSctOuqQMvtAfOTkCYADWbxN4W4LIIUdBIyN0vnZBIGiPzdk5u0R9Ib1KXmUMbLhqd2v_fyON0m2X_YrZ_MWUKYg9JLHmZH9XEXVcjzNue78donF4ktVFg4uww23xR9EqUaup5EHx-WZ0MaZ6LnvhV9MSXPTvObS33fb1f2hcyu9AV-VG9-cHb9TTk6sWMLLBl0HQx7UyVzfkk2zOqHc5YmoE-1K9qSfkydlrR99bBeo7CMIJEKqh6bVXEP31aN-oJibTkpXHriAkNxpXQzmaEiQwU61T2uFR2qf9pQ1o3oBzGscnEyqKXSrRUxH3QmVRmMZvOt4cwsyxppOIQYxNXK2OwG91y0aJsv6-gb9q6svXAjhe4vUE4jQ60LtwfumKtO2tV4m8b-8xREdWkfTccJjaEM9o348teQSmpWj5XrTVd7UTeb2Ncj6WL35nArQaBW70E3KtvulbDiE2H6vcXNMlBawbr5vZprOysqaFg3c-IWijkLXZpU3XLRX-c1h81zCJPn4qybifjtWltDG1RrN6mbGOvyOGMl1641jal7iMnBv66xsvg86zxGEvFUlaTmENt6ryNyIUMU8Uo4fwH9eS-vKIWf87pbfetSjnJZV-1HIzRSwhH4WqP1U_hYBqvXBc8g1febjqvvN10Xnm7H-GV99BfZPZZZ5xfkv7OSe89Obwk_u0TnxGNC05iyCSnoC7Zf99a06nwyTHrQfcg9oRgGX-m0L8HqE4XL1i-St-4QPlRoeztRhc4Pyqcwz3ugumHwzTtvzcbOBr6Ce7GX6op6YS78bTnkvGudcnYPsPLmsk684dNx0fudlJnionHasWck-BGgNNfivUzYOTvsfaXk0OXlm98hHNZxO7ye-jEhJ15YvLN2TUPgr__D9GFGDv2JwAA';\nexport var field = '_1qkm50o6';\nexport var fieldIcon = '_1qkm50og';\nexport var fieldInputWrap = '_1qkm50o9';\nexport var fieldLabel = '_1qkm50od';\nexport var fieldLabelVariant = {filled:'_1qkm50oe',outlined:'_1qkm50of'};\nexport var fieldLeadingIcon = '_1qkm50oh';\nexport var fieldRoot = '_1qkm50o5';\nexport var fieldSupporting = '_1qkm50oi';\nexport var fieldSupportingText = '_1qkm50oj';\nexport var fieldValue = '_1qkm50oa';\nexport var fieldValueVariant = {filled:'_1qkm50ob',outlined:'_1qkm50oc'};\nexport var fieldVariant = {filled:'_1qkm50o7',outlined:'_1qkm50o8'};\nexport var groupLabel = '_1del1lt2';\nexport var icon = '_1qkm50o2';\nexport var item = '_1fs19uv0';\nexport var itemIndicator = '_1fs19uv2';\nexport var popup = '_1del1lt1';\nexport var scrollDownArrow = '_1qkm50o4';\nexport var scrollUpArrow = '_1qkm50o3';\nexport var trigger = '_1qkm50o0';\nexport var value = '_1qkm50o1';","/**\n * select.ts — wires the VE styles into the shared parts factory.\n */\nimport { createSelect, cx } from '@m3-baseui/core';\nimport {\n trigger,\n value,\n icon,\n popup,\n item,\n itemIndicator,\n groupLabel,\n scrollUpArrow,\n scrollDownArrow,\n fieldRoot,\n field,\n fieldVariant,\n fieldInputWrap,\n fieldValue,\n fieldValueVariant,\n fieldLabel,\n fieldLabelVariant,\n fieldIcon,\n fieldLeadingIcon,\n fieldSupporting,\n fieldSupportingText,\n} from './select.css';\n\nexport const Select = createSelect(\n {\n trigger,\n value,\n icon,\n popup,\n item,\n itemIndicator,\n groupLabel,\n scrollUpArrow,\n scrollDownArrow,\n },\n // Exposed Dropdown Menu anchor (issue #96): the field state lives on the\n // trigger, so the label float / focus border resolve via `${field}[data-*]`.\n ({ variant }) => ({\n root: fieldRoot,\n field: cx(field, fieldVariant[variant]),\n inputWrap: fieldInputWrap,\n value: cx(fieldValue, fieldValueVariant[variant]),\n label: cx(fieldLabel, fieldLabelVariant[variant]),\n icon: fieldIcon,\n leadingIcon: fieldLeadingIcon,\n supporting: fieldSupporting,\n supportingText: fieldSupportingText,\n }),\n);\n\nexport type { SelectFieldProps } from '@m3-baseui/core';\n"]}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/side-sheet.css.ts.vanilla.css?source=#
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/side-sheet/side-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx971cIBQY0wNg56XUu9h8DhmJgJMYWIkuGROfSYf8-SHZi59LV6ZNtiYc64jmifPv7cSmfvj9m4s-VELULmrWzuVjoDamXKyG0DcS5yOL7G2iraJOL-_Q5R7ksvGusyoUv5jcr9DcAlYKwDSCdcR6C9LqaiG8iu72bTSKIPdrdIq5GqXkr7rKsCuIAXrkYAoRB2wKoqksM-o3U5OXq79XtjvQvhYwQ1rrWtnhNWxjmt87SuXhGzzFt4K2h16_iaJ6s6mdT0o5oKkOfbnpRzR7Sp9KhNrjNxcLQJg6g0YUFzVSFXAT2xLIcLjJLi8zdBoJ-07bIxdx5RR7mLuFL0kXJuZhm2Zf4vdaKy1zczbI6zVe4gW5MopE30yxbrQWIh8d6MznLKD5BaU-y3ZZ0pqlsnHEr8gvj1rDNBTbsdmNBemcMzKnElXY-QiyjThh2jSwBu1x7VMNGW9pJNM5LjV-gJOiSkwfj1pO0hxTwLtDZHXbSW3DhfJW3rwaZfnZA5XFNPlmKoHIrqsgybCYn3t0n-bR7Z2fc24S4OBmSfGrfAYB6gX5c--iA6zZBhb7QFgwteFftjxPE6EO8b001NkHH4IPjNQp9evjOyxX9_l45z2zuk9SG4LHM4ITaXX-GS1RunR-6hQytMBnG0IrM9BA7QvSuI7Crk_DgUekmHK0SSqwJDPqCkpn3bYTZVaNxHxMbmGnAK9H9DLHRwJ7Z_Um5j0_SQ4r4fy-WZJl8HC6wzsVz1061hV3LjS00jtWokjO0bXva9Gh8bpxcdhl6Do-JQ1w6F9OX_dHrro3LOtrCWYYFVtpsj2rE25qCREPAmk1XLYjxPXDd7WcEsA3tobGrjQLGwASLJdpXcARwEN_iiTn2yHgjx9twRAr2KJfaFgcmeRq0u67mxzrO7o90TI7s9R2rEazQa7Q8Xqu5U1uoSOmmukyrIfAirYbAi7QaAj-p1TDFWa2eD49rqw8c_K-E0mu7bH_Q_gHwYlsC1AoAAA */
|
|
2
|
+
._6kc7960 {
|
|
3
3
|
position: fixed;
|
|
4
4
|
inset: 0;
|
|
5
5
|
z-index: 40;
|
|
6
6
|
background: rgb(var(--md-sys-color-scrim) / 0.32);
|
|
7
7
|
transition: opacity 300ms var(--md-sys-motion-easing-emphasized);
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
._6kc7960[data-swiping] {
|
|
10
10
|
transition: none;
|
|
11
11
|
}
|
|
12
|
-
.
|
|
13
|
-
.
|
|
12
|
+
._6kc7960[data-starting-style],
|
|
13
|
+
._6kc7960[data-ending-style] {
|
|
14
14
|
opacity: 0;
|
|
15
15
|
}
|
|
16
|
-
.
|
|
16
|
+
._6kc7961 {
|
|
17
17
|
position: fixed;
|
|
18
18
|
inset: 0;
|
|
19
19
|
z-index: 50;
|
|
20
20
|
display: flex;
|
|
21
21
|
align-items: stretch;
|
|
22
22
|
}
|
|
23
|
-
.
|
|
23
|
+
._6kc7962 {
|
|
24
24
|
box-sizing: border-box;
|
|
25
25
|
height: 100%;
|
|
26
26
|
width: 320px;
|
|
@@ -36,38 +36,38 @@
|
|
|
36
36
|
transform: translateX(var(--drawer-swipe-movement-x));
|
|
37
37
|
transition: transform 300ms var(--md-sys-motion-easing-emphasized);
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
._6kc7962[data-swiping] {
|
|
40
40
|
user-select: none;
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
._6kc7962[data-swipe-direction=right] {
|
|
43
43
|
margin-left: auto;
|
|
44
44
|
}
|
|
45
|
-
.
|
|
45
|
+
._6kc7962[data-swipe-direction=left] {
|
|
46
46
|
margin-right: auto;
|
|
47
47
|
}
|
|
48
|
-
.
|
|
49
|
-
.
|
|
48
|
+
._6kc7962[data-swipe-direction=right][data-starting-style],
|
|
49
|
+
._6kc7962[data-swipe-direction=right][data-ending-style] {
|
|
50
50
|
transform: translateX(100%);
|
|
51
51
|
}
|
|
52
|
-
.
|
|
53
|
-
.
|
|
52
|
+
._6kc7962[data-swipe-direction=left][data-starting-style],
|
|
53
|
+
._6kc7962[data-swipe-direction=left][data-ending-style] {
|
|
54
54
|
transform: translateX(-100%);
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
._6kc7963 {
|
|
57
57
|
box-shadow: var(--md-sys-elevation-level1);
|
|
58
58
|
}
|
|
59
|
-
.
|
|
59
|
+
._6kc7963[data-swipe-direction=right] {
|
|
60
60
|
border-top-left-radius: var(--md-sys-shape-large);
|
|
61
61
|
border-bottom-left-radius: var(--md-sys-shape-large);
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
._6kc7963[data-swipe-direction=left] {
|
|
64
64
|
border-top-right-radius: var(--md-sys-shape-large);
|
|
65
65
|
border-bottom-right-radius: var(--md-sys-shape-large);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
._6kc7964 {
|
|
68
68
|
box-shadow: none;
|
|
69
69
|
}
|
|
70
|
-
.
|
|
70
|
+
._6kc7965 {
|
|
71
71
|
display: flex;
|
|
72
72
|
align-items: center;
|
|
73
73
|
gap: 8px;
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
padding-inline: 16px;
|
|
76
76
|
padding-block: 8px;
|
|
77
77
|
}
|
|
78
|
-
.
|
|
78
|
+
._6kc7966 {
|
|
79
79
|
flex: 1;
|
|
80
80
|
margin: 0;
|
|
81
81
|
color: rgb(var(--md-sys-color-on-surface));
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
line-height: var(--md-sys-typescale-title-large-line-height);
|
|
86
86
|
letter-spacing: var(--md-sys-typescale-title-large-tracking);
|
|
87
87
|
}
|
|
88
|
-
.
|
|
88
|
+
._6kc7967 {
|
|
89
89
|
margin: 0;
|
|
90
90
|
padding-inline: 24px;
|
|
91
91
|
padding-bottom: 16px;
|
|
@@ -96,8 +96,8 @@
|
|
|
96
96
|
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
97
97
|
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
98
98
|
}
|
|
99
|
-
.
|
|
99
|
+
._6kc7968 {
|
|
100
100
|
display: inline-flex;
|
|
101
101
|
flex-shrink: 0;
|
|
102
102
|
}
|
|
103
|
-
/*# sourceMappingURL=
|
|
103
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/side-sheet/side-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx971cIBQY0wNg56XUu9h8DhmJgJMYWIkuGROfSYf8-SHZi59LV6ZNtiYc64jmifPv7cSmfvj9m4s-VELULmrWzuVjoDamXKyG0DcS5yOL7G2iraJOL-_Q5R7ksvGusyoUv5jcr9DcAlYKwDSCdcR6C9LqaiG8iu72bTSKIPdrdIq5GqXkr7rKsCuIAXrkYAoRB2wKoqksM-o3U5OXq79XtjvQvhYwQ1rrWtnhNWxjmt87SuXhGzzFt4K2h16_iaJ6s6mdT0o5oKkOfbnpRzR7Sp9KhNrjNxcLQJg6g0YUFzVSFXAT2xLIcLjJLi8zdBoJ-07bIxdx5RR7mLuFL0kXJuZhm2Zf4vdaKy1zczbI6zVe4gW5MopE30yxbrQWIh8d6MznLKD5BaU-y3ZZ0pqlsnHEr8gvj1rDNBTbsdmNBemcMzKnElXY-QiyjThh2jSwBu1x7VMNGW9pJNM5LjV-gJOiSkwfj1pO0hxTwLtDZHXbSW3DhfJW3rwaZfnZA5XFNPlmKoHIrqsgybCYn3t0n-bR7Z2fc24S4OBmSfGrfAYB6gX5c--iA6zZBhb7QFgwteFftjxPE6EO8b001NkHH4IPjNQp9evjOyxX9_l45z2zuk9SG4LHM4ITaXX-GS1RunR-6hQytMBnG0IrM9BA7QvSuI7Crk_DgUekmHK0SSqwJDPqCkpn3bYTZVaNxHxMbmGnAK9H9DLHRwJ7Z_Um5j0_SQ4r4fy-WZJl8HC6wzsVz1061hV3LjS00jtWokjO0bXva9Gh8bpxcdhl6Do-JQ1w6F9OX_dHrro3LOtrCWYYFVtpsj2rE25qCREPAmk1XLYjxPXDd7WcEsA3tobGrjQLGwASLJdpXcARwEN_iiTn2yHgjx9twRAr2KJfaFgcmeRq0u67mxzrO7o90TI7s9R2rEazQa7Q8Xqu5U1uoSOmmukyrIfAirYbAi7QaAj-p1TDFWa2eD49rqw8c_K-E0mu7bH_Q_gHwYlsC1AoAAA"],"sourcesContent":["._6kc7960 {\n position: fixed;\n inset: 0;\n z-index: 40;\n background: rgb(var(--md-sys-color-scrim) / 0.32);\n transition: opacity 300ms var(--md-sys-motion-easing-emphasized);\n}\n._6kc7960[data-swiping] {\n transition: none;\n}\n._6kc7960[data-starting-style], ._6kc7960[data-ending-style] {\n opacity: 0;\n}\n._6kc7961 {\n position: fixed;\n inset: 0;\n z-index: 50;\n display: flex;\n align-items: stretch;\n}\n._6kc7962 {\n box-sizing: border-box;\n height: 100%;\n width: 320px;\n max-width: calc(100vw - 56px);\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n overscroll-behavior: contain;\n touch-action: auto;\n outline: none;\n background: rgb(var(--md-sys-color-surface-container-low));\n color: rgb(var(--md-sys-color-on-surface));\n transform: translateX(var(--drawer-swipe-movement-x));\n transition: transform 300ms var(--md-sys-motion-easing-emphasized);\n}\n._6kc7962[data-swiping] {\n user-select: none;\n}\n._6kc7962[data-swipe-direction=\"right\"] {\n margin-left: auto;\n}\n._6kc7962[data-swipe-direction=\"left\"] {\n margin-right: auto;\n}\n._6kc7962[data-swipe-direction=\"right\"][data-starting-style], ._6kc7962[data-swipe-direction=\"right\"][data-ending-style] {\n transform: translateX(100%);\n}\n._6kc7962[data-swipe-direction=\"left\"][data-starting-style], ._6kc7962[data-swipe-direction=\"left\"][data-ending-style] {\n transform: translateX(-100%);\n}\n._6kc7963 {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._6kc7963[data-swipe-direction=\"right\"] {\n border-top-left-radius: var(--md-sys-shape-large);\n border-bottom-left-radius: var(--md-sys-shape-large);\n}\n._6kc7963[data-swipe-direction=\"left\"] {\n border-top-right-radius: var(--md-sys-shape-large);\n border-bottom-right-radius: var(--md-sys-shape-large);\n}\n._6kc7964 {\n box-shadow: none;\n}\n._6kc7965 {\n display: flex;\n align-items: center;\n gap: 8px;\n min-height: 56px;\n padding-inline: 16px;\n padding-block: 8px;\n}\n._6kc7966 {\n flex: 1;\n margin: 0;\n color: rgb(var(--md-sys-color-on-surface));\n font-family: var(--md-sys-typescale-title-large-font);\n font-weight: var(--md-sys-typescale-title-large-weight);\n font-size: var(--md-sys-typescale-title-large-size);\n line-height: var(--md-sys-typescale-title-large-line-height);\n letter-spacing: var(--md-sys-typescale-title-large-tracking);\n}\n._6kc7967 {\n margin: 0;\n padding-inline: 24px;\n padding-bottom: 16px;\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n}\n._6kc7968 {\n display: inline-flex;\n flex-shrink: 0;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,cAAY,IAAI,IAAI,sBAAsB,EAAE;AAC5C,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAPC,QAOQ,CAAC;AACR,cAAY;AACd;AACA,CAVC,QAUQ,CAAC;AAAsB,CAV/B,QAUwC,CAAC;AACxC,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,WAAS;AACT,eAAa;AACf;AACA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,SAAO;AACP,aAAW,KAAK,MAAM,EAAE;AACxB,WAAS;AACT,kBAAgB;AAChB,cAAY;AACZ,uBAAqB;AACrB,gBAAc;AACd,WAAS;AACT,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,aAAW,WAAW,IAAI;AAC1B,cAAY,UAAU,MAAM,IAAI;AAClC;AACA,CAhBC,QAgBQ,CAAC;AACR,eAAa;AACf;AACA,CAnBC,QAmBQ,CAAC;AACR,eAAa;AACf;AACA,CAtBC,QAsBQ,CAAC;AACR,gBAAc;AAChB;AACA,CAzBC,QAyBQ,CAAC,2BAA6B,CAAC;AAAsB,CAzB7D,QAyBsE,CAAC,2BAA6B,CAAC;AACpG,aAAW,WAAW;AACxB;AACA,CA5BC,QA4BQ,CAAC,0BAA4B,CAAC;AAAsB,CA5B5D,QA4BqE,CAAC,0BAA4B,CAAC;AAClG,aAAW,WAAW;AACxB;AACA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAHC,QAGQ,CAAC;AACR,0BAAwB,IAAI;AAC5B,6BAA2B,IAAI;AACjC;AACA,CAPC,QAOQ,CAAC;AACR,2BAAyB,IAAI;AAC7B,8BAA4B,IAAI;AAClC;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,cAAY;AACZ,kBAAgB;AAChB,iBAAe;AACjB;AACA,CAAC;AACC,QAAM;AACN,UAAQ;AACR,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,UAAQ;AACR,kBAAgB;AAChB,kBAAgB;AAChB,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACf;","names":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createSideSheet } from '@m3-baseui/core';
|
|
4
|
+
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
|
+
|
|
6
|
+
// src/components/side-sheet/side-sheet.ts
|
|
7
|
+
var backdrop = "_6kc7960";
|
|
8
|
+
var close = "_6kc7968";
|
|
9
|
+
var description = "_6kc7967";
|
|
10
|
+
var header = "_6kc7965";
|
|
11
|
+
var popup = createRuntimeFn({ defaultClassName: "_6kc7962", variantClassNames: { variant: { modal: "_6kc7963", standard: "_6kc7964" } }, defaultVariants: { variant: "modal" }, compoundVariants: [] });
|
|
12
|
+
var title = "_6kc7966";
|
|
13
|
+
var viewport = "_6kc7961";
|
|
14
|
+
|
|
15
|
+
// src/components/side-sheet/side-sheet.ts
|
|
16
|
+
var SideSheet = createSideSheet({
|
|
17
|
+
backdrop,
|
|
18
|
+
viewport,
|
|
19
|
+
popup: ({ variant }) => popup({ variant }),
|
|
20
|
+
header,
|
|
21
|
+
title,
|
|
22
|
+
description,
|
|
23
|
+
close
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
export { SideSheet };
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
28
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/side-sheet/side-sheet.css.ts","../../../src/components/side-sheet/side-sheet.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,QAAA,GAAW,UAAA;AACf,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,WAAA,GAAc,UAAA;AAClB,IAAI,MAAA,GAAS,UAAA;AACb,IAAI,KAAA,GAAQA,gBAAO,EAAC,gBAAA,EAAiB,YAAW,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,KAAA,EAAM,UAAA,EAAW,UAAS,UAAA,EAAU,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,SAAO,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACzK,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,QAAA,GAAW,UAAA;;;ACFf,IAAM,YAAY,eAAA,CAAgB;AAAA,EACvC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO,CAAC,EAAE,OAAA,OAAc,KAAA,CAAM,EAAE,SAAS,CAAA;AAAA,EACzC,MAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAC","file":"index.js","sourcesContent":["import 'src/components/side-sheet/side-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx971cIBQY0wNg56XUu9h8DhmJgJMYWIkuGROfSYf8-SHZi59LV6ZNtiYc64jmifPv7cSmfvj9m4s-VELULmrWzuVjoDamXKyG0DcS5yOL7G2iraJOL-_Q5R7ksvGusyoUv5jcr9DcAlYKwDSCdcR6C9LqaiG8iu72bTSKIPdrdIq5GqXkr7rKsCuIAXrkYAoRB2wKoqksM-o3U5OXq79XtjvQvhYwQ1rrWtnhNWxjmt87SuXhGzzFt4K2h16_iaJ6s6mdT0o5oKkOfbnpRzR7Sp9KhNrjNxcLQJg6g0YUFzVSFXAT2xLIcLjJLi8zdBoJ-07bIxdx5RR7mLuFL0kXJuZhm2Zf4vdaKy1zczbI6zVe4gW5MopE30yxbrQWIh8d6MznLKD5BaU-y3ZZ0pqlsnHEr8gvj1rDNBTbsdmNBemcMzKnElXY-QiyjThh2jSwBu1x7VMNGW9pJNM5LjV-gJOiSkwfj1pO0hxTwLtDZHXbSW3DhfJW3rwaZfnZA5XFNPlmKoHIrqsgybCYn3t0n-bR7Z2fc24S4OBmSfGrfAYB6gX5c--iA6zZBhb7QFgwteFftjxPE6EO8b001NkHH4IPjNQp9evjOyxX9_l45z2zuk9SG4LHM4ITaXX-GS1RunR-6hQytMBnG0IrM9BA7QvSuI7Crk_DgUekmHK0SSqwJDPqCkpn3bYTZVaNxHxMbmGnAK9H9DLHRwJ7Z_Um5j0_SQ4r4fy-WZJl8HC6wzsVz1061hV3LjS00jtWokjO0bXva9Gh8bpxcdhl6Do-JQ1w6F9OX_dHrro3LOtrCWYYFVtpsj2rE25qCREPAmk1XLYjxPXDd7WcEsA3tobGrjQLGwASLJdpXcARwEN_iiTn2yHgjx9twRAr2KJfaFgcmeRq0u67mxzrO7o90TI7s9R2rEazQa7Q8Xqu5U1uoSOmmukyrIfAirYbAi7QaAj-p1TDFWa2eD49rqw8c_K-E0mu7bH_Q_gHwYlsC1AoAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var backdrop = '_6kc7960';\nexport var close = '_6kc7968';\nexport var description = '_6kc7967';\nexport var header = '_6kc7965';\nexport var popup = _7a468({defaultClassName:'_6kc7962',variantClassNames:{variant:{modal:'_6kc7963',standard:'_6kc7964'}},defaultVariants:{variant:'modal'},compoundVariants:[]});\nexport var title = '_6kc7966';\nexport var viewport = '_6kc7961';","/**\n * side-sheet.ts — wires the VE styles into the shared parts factory.\n */\nimport { createSideSheet } from '@m3-baseui/core';\nimport { backdrop, viewport, popup, header, title, description, close } from './side-sheet.css';\n\nexport const SideSheet = createSideSheet({\n backdrop,\n viewport,\n popup: ({ variant }) => popup({ variant }),\n header,\n title,\n description,\n close,\n});\nexport type { SideSheetVariant, SideSheetSide } from '@m3-baseui/core';\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/slider/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1W227bMAx9z1cIAwokwNQ5abIF6o8MGPJA27QsVJYMic5lQ_99kGwncZY2btG-7cWwBR5Sh5dD38uV1_N1wv5MGKutV6SsEcyhBlJbfJwwlitfazgIVmjchwPQShquCCsvWIaG0IXjxqPjHjVmJJixJoJ3KqdSsHmS3IVPsk1WcsjaKK3R8-S-vcT8Ay5xEa9EJUsSbJnU-7NIi1civeShjmFT63J03EGuGi_YFtyU8yrn_uC5L6FGXjRaz6IpZE_S2cbkgjmZTge2mdXWcd-4AjLkmTUEyqDjpZIleprNzm6b_MqBgOfKQ6ox37ABixFhrOkjzdg3ltzPF-fuHy6SAam3uiH8dPa1UxW4wyiuD-_l-rA-d7-8XfhF0nLtqfffn8adMduQVgb_GYilECkW1mG8dWgSNCTYly-PLxZMY0GCrfppq4_vHbvlBbvldXYd6M1EasgUHQRLYngHxhfWVaJ91UA45avk7isLz9nRpuPRocPoVX6Y4MoGE47glZHcE5gcXD6orCjtFt0gY8frDItFQMij9dBBYbPG863yKtU42lFEDRx1LexASmXkZrSniMB8zDgsP2YcVtFNYQ3xAiqlL-9Fhxp9Bhq5hhQ11-BkYGwoFi8Cd10njQC2pieoV79xFDAYRlgYE16Oj3hm3-KRKGypUAUjR7kgB9mTMjLiY1JHJJtvwSkwNDuR7U64aSp0KhOMIG00uHDgz2ryvZMoFVYaxy0a8qd9en3qlfFIceqObn68ouq9FlxIwWfo3Espua0NJybtDISfhi1u3tD4vTRdafz1O5KcWiJbnf4MBlJbgZPK8N5m3ebyGsuf06P43U417skB9xV0Ga8hz2PjLup9H-StIn2zhwfW_8VhtDiMGXPGdqUijEHiwt85qC9X56lN29bvVtJmuEHmj5Pnv2bsOG6_CwAA */
|
|
2
|
+
.g5sl180 {
|
|
3
3
|
position: relative;
|
|
4
4
|
display: flex;
|
|
5
5
|
align-items: center;
|
|
@@ -7,33 +7,33 @@
|
|
|
7
7
|
width: 100%;
|
|
8
8
|
touch-action: none;
|
|
9
9
|
}
|
|
10
|
-
.
|
|
10
|
+
.g5sl181 {
|
|
11
11
|
position: relative;
|
|
12
12
|
display: flex;
|
|
13
13
|
align-items: center;
|
|
14
14
|
width: 100%;
|
|
15
15
|
height: 40px;
|
|
16
16
|
}
|
|
17
|
-
.
|
|
17
|
+
.g5sl182 {
|
|
18
18
|
position: relative;
|
|
19
19
|
width: 100%;
|
|
20
20
|
height: 4px;
|
|
21
21
|
border-radius: var(--md-sys-shape-full);
|
|
22
22
|
background: rgb(var(--md-sys-color-surface-container-highest));
|
|
23
23
|
}
|
|
24
|
-
.
|
|
24
|
+
.g5sl180[data-disabled] .g5sl182 {
|
|
25
25
|
background: rgb(var(--md-sys-color-on-surface) / 0.12);
|
|
26
26
|
}
|
|
27
|
-
.
|
|
27
|
+
.g5sl183 {
|
|
28
28
|
position: absolute;
|
|
29
29
|
height: 4px;
|
|
30
30
|
border-radius: var(--md-sys-shape-full);
|
|
31
31
|
background: rgb(var(--md-sys-color-primary));
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
.g5sl180[data-disabled] .g5sl183 {
|
|
34
34
|
background: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
35
35
|
}
|
|
36
|
-
.
|
|
36
|
+
.g5sl184 {
|
|
37
37
|
position: relative;
|
|
38
38
|
width: 20px;
|
|
39
39
|
height: 20px;
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
background: rgb(var(--md-sys-color-primary));
|
|
42
42
|
outline: none;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.g5sl184::before {
|
|
45
45
|
content: "";
|
|
46
46
|
position: absolute;
|
|
47
47
|
left: 50%;
|
|
@@ -54,19 +54,19 @@
|
|
|
54
54
|
transform: translate(-50%, -50%);
|
|
55
55
|
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
56
56
|
}
|
|
57
|
-
.
|
|
57
|
+
.g5sl184:hover::before {
|
|
58
58
|
opacity: var(--md-sys-state-hover);
|
|
59
59
|
}
|
|
60
|
-
.
|
|
60
|
+
.g5sl184:focus-visible::before {
|
|
61
61
|
opacity: var(--md-sys-state-focus);
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
.g5sl184[data-dragging]::before {
|
|
64
64
|
opacity: var(--md-sys-state-dragged);
|
|
65
65
|
}
|
|
66
|
-
.
|
|
66
|
+
.g5sl180[data-disabled] .g5sl184 {
|
|
67
67
|
background: rgb(var(--md-sys-color-on-surface) / 0.38);
|
|
68
68
|
}
|
|
69
|
-
.
|
|
69
|
+
.g5sl185 {
|
|
70
70
|
font-family: var(--md-sys-typescale-label-large-font);
|
|
71
71
|
font-weight: var(--md-sys-typescale-label-large-weight);
|
|
72
72
|
font-size: var(--md-sys-typescale-label-large-size);
|
|
@@ -75,12 +75,12 @@
|
|
|
75
75
|
color: rgb(var(--md-sys-color-on-surface-variant));
|
|
76
76
|
font-variant-numeric: tabular-nums;
|
|
77
77
|
}
|
|
78
|
-
.
|
|
78
|
+
.g5sl186 {
|
|
79
79
|
pointer-events: none;
|
|
80
80
|
position: absolute;
|
|
81
81
|
inset: 0;
|
|
82
82
|
}
|
|
83
|
-
.
|
|
83
|
+
.g5sl187 {
|
|
84
84
|
position: absolute;
|
|
85
85
|
width: 4px;
|
|
86
86
|
height: 4px;
|
|
@@ -88,10 +88,10 @@
|
|
|
88
88
|
background: rgb(var(--md-sys-color-on-surface-variant));
|
|
89
89
|
transform: translate(-50%, -50%);
|
|
90
90
|
}
|
|
91
|
-
.
|
|
91
|
+
.g5sl187[data-active] {
|
|
92
92
|
background: rgb(var(--md-sys-color-on-primary) / 0.38);
|
|
93
93
|
}
|
|
94
|
-
.
|
|
94
|
+
.g5sl188 {
|
|
95
95
|
pointer-events: none;
|
|
96
96
|
position: absolute;
|
|
97
97
|
bottom: 100%;
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
white-space: nowrap;
|
|
112
112
|
opacity: 0;
|
|
113
113
|
}
|
|
114
|
-
.
|
|
114
|
+
.g5sl188[data-visible] {
|
|
115
115
|
opacity: 1;
|
|
116
116
|
}
|
|
117
|
-
/*# sourceMappingURL=
|
|
117
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/slider/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1W227bMAx9z1cIAwokwNQ5abIF6o8MGPJA27QsVJYMic5lQ_99kGwncZY2btG-7cWwBR5Sh5dD38uV1_N1wv5MGKutV6SsEcyhBlJbfJwwlitfazgIVmjchwPQShquCCsvWIaG0IXjxqPjHjVmJJixJoJ3KqdSsHmS3IVPsk1WcsjaKK3R8-S-vcT8Ay5xEa9EJUsSbJnU-7NIi1civeShjmFT63J03EGuGi_YFtyU8yrn_uC5L6FGXjRaz6IpZE_S2cbkgjmZTge2mdXWcd-4AjLkmTUEyqDjpZIleprNzm6b_MqBgOfKQ6ox37ABixFhrOkjzdg3ltzPF-fuHy6SAam3uiH8dPa1UxW4wyiuD-_l-rA-d7-8XfhF0nLtqfffn8adMduQVgb_GYilECkW1mG8dWgSNCTYly-PLxZMY0GCrfppq4_vHbvlBbvldXYd6M1EasgUHQRLYngHxhfWVaJ91UA45avk7isLz9nRpuPRocPoVX6Y4MoGE47glZHcE5gcXD6orCjtFt0gY8frDItFQMij9dBBYbPG863yKtU42lFEDRx1LexASmXkZrSniMB8zDgsP2YcVtFNYQ3xAiqlL-9Fhxp9Bhq5hhQ11-BkYGwoFi8Cd10njQC2pieoV79xFDAYRlgYE16Oj3hm3-KRKGypUAUjR7kgB9mTMjLiY1JHJJtvwSkwNDuR7U64aSp0KhOMIG00uHDgz2ryvZMoFVYaxy0a8qd9en3qlfFIceqObn68ouq9FlxIwWfo3Espua0NJybtDISfhi1u3tD4vTRdafz1O5KcWiJbnf4MBlJbgZPK8N5m3ebyGsuf06P43U417skB9xV0Ga8hz2PjLup9H-StIn2zhwfW_8VhtDiMGXPGdqUijEHiwt85qC9X56lN29bvVtJmuEHmj5Pnv2bsOG6_CwAA"],"sourcesContent":[".g5sl180 {\n position: relative;\n display: flex;\n align-items: center;\n user-select: none;\n width: 100%;\n touch-action: none;\n}\n.g5sl181 {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n height: 40px;\n}\n.g5sl182 {\n position: relative;\n width: 100%;\n height: 4px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-surface-container-highest));\n}\n.g5sl180[data-disabled] .g5sl182 {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n.g5sl183 {\n position: absolute;\n height: 4px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-primary));\n}\n.g5sl180[data-disabled] .g5sl183 {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n.g5sl184 {\n position: relative;\n width: 20px;\n height: 20px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-primary));\n outline: none;\n}\n.g5sl184::before {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgb(var(--md-sys-color-primary));\n opacity: 0;\n transform: translate(-50%, -50%);\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n.g5sl184:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n.g5sl184:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n.g5sl184[data-dragging]::before {\n opacity: var(--md-sys-state-dragged);\n}\n.g5sl180[data-disabled] .g5sl184 {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n.g5sl185 {\n font-family: var(--md-sys-typescale-label-large-font);\n font-weight: var(--md-sys-typescale-label-large-weight);\n font-size: var(--md-sys-typescale-label-large-size);\n line-height: var(--md-sys-typescale-label-large-line-height);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n color: rgb(var(--md-sys-color-on-surface-variant));\n font-variant-numeric: tabular-nums;\n}\n.g5sl186 {\n pointer-events: none;\n position: absolute;\n inset: 0;\n}\n.g5sl187 {\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: var(--md-sys-shape-full);\n background: rgb(var(--md-sys-color-on-surface-variant));\n transform: translate(-50%, -50%);\n}\n.g5sl187[data-active] {\n background: rgb(var(--md-sys-color-on-primary) / 0.38);\n}\n.g5sl188 {\n pointer-events: none;\n position: absolute;\n bottom: 100%;\n left: 50%;\n margin-bottom: 8px;\n transform: translateX(-50%);\n border-radius: var(--md-sys-shape-extra-small);\n padding: 2px 8px;\n background: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-on-primary));\n font-family: var(--md-sys-typescale-label-large-font);\n font-weight: var(--md-sys-typescale-label-large-weight);\n font-size: var(--md-sys-typescale-label-large-size);\n line-height: var(--md-sys-typescale-label-large-line-height);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n opacity: 0;\n}\n.g5sl188[data-visible] {\n opacity: 1;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,eAAa;AACb,SAAO;AACP,gBAAc;AAChB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACtB;AACA,CAtBC,OAsBO,CAAC,eAAe,CAPvB;AAQC,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,YAAU;AACV,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACtB;AACA,CA/BC,OA+BO,CAAC,eAAe,CANvB;AAOC,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACpB,WAAS;AACX;AACA,CARC,OAQO;AACN,WAAS;AACT,YAAU;AACV,QAAM;AACN,OAAK;AACL,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,cAAY,IAAI,IAAI;AACpB,WAAS;AACT,aAAW,UAAU,IAAI,EAAE;AAC3B,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CArBC,OAqBO,MAAM;AACZ,WAAS,IAAI;AACf;AACA,CAxBC,OAwBO,cAAc;AACpB,WAAS,IAAI;AACf;AACA,CA3BC,OA2BO,CAAC,cAAc;AACrB,WAAS,IAAI;AACf;AACA,CAhEC,OAgEO,CAAC,eAAe,CA9BvB;AA+BC,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,wBAAsB;AACxB;AACA,CAAC;AACC,kBAAgB;AAChB,YAAU;AACV,SAAO;AACT;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACpB,aAAW,UAAU,IAAI,EAAE;AAC7B;AACA,CARC,OAQO,CAAC;AACP,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAAC;AACC,kBAAgB;AAChB,YAAU;AACV,UAAQ;AACR,QAAM;AACN,iBAAe;AACf,aAAW,WAAW;AACtB,iBAAe,IAAI;AACnB,WAAS,IAAI;AACb,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,wBAAsB;AACtB,eAAa;AACb,WAAS;AACX;AACA,CApBC,OAoBO,CAAC;AACP,WAAS;AACX;","names":[]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createSlider } from '@m3-baseui/core';
|
|
4
|
+
|
|
5
|
+
// src/components/slider/slider.ts
|
|
6
|
+
|
|
7
|
+
// src/components/slider/slider.css.ts
|
|
8
|
+
var control = "g5sl181";
|
|
9
|
+
var indicator = "g5sl183";
|
|
10
|
+
var root = "g5sl180";
|
|
11
|
+
var thumb = "g5sl184";
|
|
12
|
+
var tick = "g5sl187";
|
|
13
|
+
var tickList = "g5sl186";
|
|
14
|
+
var track = "g5sl182";
|
|
15
|
+
var value = "g5sl185";
|
|
16
|
+
var valueLabel = "g5sl188";
|
|
17
|
+
|
|
18
|
+
// src/components/slider/slider.ts
|
|
19
|
+
var Slider = createSlider({
|
|
20
|
+
root,
|
|
21
|
+
control,
|
|
22
|
+
track,
|
|
23
|
+
indicator,
|
|
24
|
+
thumb,
|
|
25
|
+
value,
|
|
26
|
+
tickList,
|
|
27
|
+
tick,
|
|
28
|
+
valueLabel
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
export { Slider };
|
|
32
|
+
//# sourceMappingURL=index.js.map
|
|
33
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/slider/slider.css.ts","../../../src/components/slider/slider.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,SAAA;AACd,IAAI,SAAA,GAAY,SAAA;AAChB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,QAAA,GAAW,SAAA;AACf,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,UAAA,GAAa,SAAA;;;ACOjB,IAAM,SAAS,YAAA,CAAa;AAAA,EACjC,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAC","file":"index.js","sourcesContent":["import 'src/components/slider/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1W227bMAx9z1cIAwokwNQ5abIF6o8MGPJA27QsVJYMic5lQ_99kGwncZY2btG-7cWwBR5Sh5dD38uV1_N1wv5MGKutV6SsEcyhBlJbfJwwlitfazgIVmjchwPQShquCCsvWIaG0IXjxqPjHjVmJJixJoJ3KqdSsHmS3IVPsk1WcsjaKK3R8-S-vcT8Ay5xEa9EJUsSbJnU-7NIi1civeShjmFT63J03EGuGi_YFtyU8yrn_uC5L6FGXjRaz6IpZE_S2cbkgjmZTge2mdXWcd-4AjLkmTUEyqDjpZIleprNzm6b_MqBgOfKQ6ox37ABixFhrOkjzdg3ltzPF-fuHy6SAam3uiH8dPa1UxW4wyiuD-_l-rA-d7-8XfhF0nLtqfffn8adMduQVgb_GYilECkW1mG8dWgSNCTYly-PLxZMY0GCrfppq4_vHbvlBbvldXYd6M1EasgUHQRLYngHxhfWVaJ91UA45avk7isLz9nRpuPRocPoVX6Y4MoGE47glZHcE5gcXD6orCjtFt0gY8frDItFQMij9dBBYbPG863yKtU42lFEDRx1LexASmXkZrSniMB8zDgsP2YcVtFNYQ3xAiqlL-9Fhxp9Bhq5hhQ11-BkYGwoFi8Cd10njQC2pieoV79xFDAYRlgYE16Oj3hm3-KRKGypUAUjR7kgB9mTMjLiY1JHJJtvwSkwNDuR7U64aSp0KhOMIG00uHDgz2ryvZMoFVYaxy0a8qd9en3qlfFIceqObn68ouq9FlxIwWfo3Espua0NJybtDISfhi1u3tD4vTRdafz1O5KcWiJbnf4MBlJbgZPK8N5m3ebyGsuf06P43U417skB9xV0Ga8hz2PjLup9H-StIn2zhwfW_8VhtDiMGXPGdqUijEHiwt85qC9X56lN29bvVtJmuEHmj5Pnv2bsOG6_CwAA';\nexport var control = 'g5sl181';\nexport var indicator = 'g5sl183';\nexport var root = 'g5sl180';\nexport var thumb = 'g5sl184';\nexport var tick = 'g5sl187';\nexport var tickList = 'g5sl186';\nexport var track = 'g5sl182';\nexport var value = 'g5sl185';\nexport var valueLabel = 'g5sl188';","/**\n * slider.ts — wires the VE styles into the shared parts factory.\n */\nimport { createSlider } from '@m3-baseui/core';\nimport {\n root,\n control,\n track,\n indicator,\n thumb,\n value,\n tickList,\n tick,\n valueLabel,\n} from './slider.css';\n\nexport const Slider = createSlider({\n root,\n control,\n track,\n indicator,\n thumb,\n value,\n tickList,\n tick,\n valueLabel,\n});\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* vanilla-extract-css-ns:src/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-
|
|
2
|
-
.
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/snackbar/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1W227cOAx9z1cIBQrMAFXhuWQaKI_7E7tY9IG2aFsbWTIk2hln0X8vJHs89iTdeJICBRZ9mrHIc0yKh6Q_a9p_2dYJ-_eGsdp6RcoawXJ1RHl_w1hqiWwl2OZQH8OzxpwEu00-hgdyYHxuXSX6vxoI_1zx2-TjOpifuDISj8E9PErlaw2dYLnGyBV-uVQOs_6lmdVNZYIFtCoMV4SVFyxDQ-jCcQG1YHd9II9KUilYBjpbbZKkfWSc7bb1Mb65giMfHA5ftgHw7eZzn-nmIlOHGki1-GKEC-KolOElqqIkwfbDWWqP3KsnZQrBUuskOp7aadS5Ip5ZQ2joxDFYKmVWu_2-Pn5im2S4x-fZMFaDlMoUvK_HqTqnU9fHczc_TbXNHsbTITAHUjVesBbcivNKct957kuokeORHHBfgdYxjhSyh8LZxkjBXJGuZpDMauu4Mi06j9w3LocM1xEXTa9CrJmj4iWWIO3jRXCosYVQPK6xRb2L3rk1xHOolO4u3Kmr0WegkadWdrxCqZqKB_8z8HEo4AJg73qGevWEi4DBMcK0MjhKZgFw4t_jkQgd9zVkUWELKMhB9qBMsR67dlC_DSTUsW2SVH7OVNl4xwg-aAeruoSQglx_Ovf9VbhpE_4tgYB7AkfBy1On8WvszCEiwZIfTZi_VnexzS_Z0Mj_4Bq9t9F0xTAKFsE2F42ajINgPl92kf63HBfKcby3_e97e9O93S7ZZ8rEt7-y1v5pPKm8O22mqSl2hy-dMg-D9E-Z7y5WT_8qwTbDorItulyHIV4qKdG8f_XEQVCDG5ZnTyaYsSYmnTXOh3VTW3WK3jbUBzX6LNpItVMVuG69eMFoSFFzDa7A65Q5BV6lzCnwKmVOgW9U5pTiRWUKkWJuHUaFjqL68OF-JlhIvdUNxboo45EGgU1LnjUulPuPUJ77Z0tiqDTHFg35c5VfWnSb1xaWJzASnJxnUgYZz_IZQ5irl4CQR-85QW6zxvNWeZVqXEwUUXMiyEJ3L2aoHXo_X76HXzQxhsW5GwbDOEDeNSjy5ldOiPk36_mG_zfKP7xX-YefpfzDz1B-_6E4WL6-heo74QIblzAPAAA */
|
|
2
|
+
.lt472p0 {
|
|
3
3
|
position: fixed;
|
|
4
4
|
bottom: 16px;
|
|
5
5
|
left: 50%;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
width: calc(100vw - 32px);
|
|
13
13
|
max-width: 672px;
|
|
14
14
|
}
|
|
15
|
-
.
|
|
15
|
+
.lt472p1 {
|
|
16
16
|
position: relative;
|
|
17
17
|
display: flex;
|
|
18
18
|
align-items: center;
|
|
@@ -36,35 +36,35 @@
|
|
|
36
36
|
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
37
37
|
transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
.lt472p1[data-starting-style] {
|
|
40
40
|
opacity: 0;
|
|
41
41
|
transform: translateY(8px);
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
.lt472p1[data-ending-style] {
|
|
44
44
|
opacity: 0;
|
|
45
45
|
}
|
|
46
|
-
.
|
|
46
|
+
.lt472p2 {
|
|
47
47
|
display: flex;
|
|
48
48
|
flex-direction: column;
|
|
49
49
|
flex: 1;
|
|
50
50
|
min-width: 0;
|
|
51
51
|
gap: 2px;
|
|
52
52
|
}
|
|
53
|
-
.
|
|
53
|
+
.lt472p3 {
|
|
54
54
|
font-family: var(--md-sys-typescale-body-medium-font);
|
|
55
55
|
font-weight: var(--md-sys-typescale-body-medium-weight);
|
|
56
56
|
font-size: var(--md-sys-typescale-body-medium-size);
|
|
57
57
|
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
58
58
|
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
59
59
|
}
|
|
60
|
-
.
|
|
60
|
+
.lt472p4 {
|
|
61
61
|
font-family: var(--md-sys-typescale-body-medium-font);
|
|
62
62
|
font-weight: var(--md-sys-typescale-body-medium-weight);
|
|
63
63
|
font-size: var(--md-sys-typescale-body-medium-size);
|
|
64
64
|
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
65
65
|
letter-spacing: var(--md-sys-typescale-body-medium-tracking);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
.lt472p5 {
|
|
68
68
|
position: relative;
|
|
69
69
|
display: inline-flex;
|
|
70
70
|
align-items: center;
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
line-height: var(--md-sys-typescale-label-large-line-height);
|
|
86
86
|
letter-spacing: var(--md-sys-typescale-label-large-tracking);
|
|
87
87
|
}
|
|
88
|
-
.
|
|
88
|
+
.lt472p5::before {
|
|
89
89
|
content: "";
|
|
90
90
|
position: absolute;
|
|
91
91
|
inset: 0;
|
|
@@ -94,16 +94,16 @@
|
|
|
94
94
|
pointer-events: none;
|
|
95
95
|
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
96
96
|
}
|
|
97
|
-
.
|
|
97
|
+
.lt472p5:hover::before {
|
|
98
98
|
opacity: var(--md-sys-state-hover);
|
|
99
99
|
}
|
|
100
|
-
.
|
|
100
|
+
.lt472p5:focus-visible::before {
|
|
101
101
|
opacity: var(--md-sys-state-focus);
|
|
102
102
|
}
|
|
103
|
-
.
|
|
103
|
+
.lt472p5:active::before {
|
|
104
104
|
opacity: var(--md-sys-state-pressed);
|
|
105
105
|
}
|
|
106
|
-
.
|
|
106
|
+
.lt472p6 {
|
|
107
107
|
position: relative;
|
|
108
108
|
display: inline-flex;
|
|
109
109
|
align-items: center;
|
|
@@ -119,7 +119,7 @@
|
|
|
119
119
|
outline: none;
|
|
120
120
|
color: rgb(var(--md-sys-color-inverse-on-surface));
|
|
121
121
|
}
|
|
122
|
-
.
|
|
122
|
+
.lt472p6::before {
|
|
123
123
|
content: "";
|
|
124
124
|
position: absolute;
|
|
125
125
|
inset: 0;
|
|
@@ -128,16 +128,16 @@
|
|
|
128
128
|
pointer-events: none;
|
|
129
129
|
transition: opacity 100ms var(--md-sys-motion-easing-standard);
|
|
130
130
|
}
|
|
131
|
-
.
|
|
131
|
+
.lt472p6:hover::before {
|
|
132
132
|
opacity: var(--md-sys-state-hover);
|
|
133
133
|
}
|
|
134
|
-
.
|
|
134
|
+
.lt472p6:focus-visible::before {
|
|
135
135
|
opacity: var(--md-sys-state-focus);
|
|
136
136
|
}
|
|
137
|
-
.
|
|
137
|
+
.lt472p6:active::before {
|
|
138
138
|
opacity: var(--md-sys-state-pressed);
|
|
139
139
|
}
|
|
140
|
-
.
|
|
140
|
+
.lt472p6[data-pressed]::before {
|
|
141
141
|
opacity: var(--md-sys-state-pressed);
|
|
142
142
|
}
|
|
143
|
-
/*# sourceMappingURL=
|
|
143
|
+
/*# sourceMappingURL=index.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/components/snackbar/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1W227cOAx9z1cIBQrMAFXhuWQaKI_7E7tY9IG2aFsbWTIk2hln0X8vJHs89iTdeJICBRZ9mrHIc0yKh6Q_a9p_2dYJ-_eGsdp6RcoawXJ1RHl_w1hqiWwl2OZQH8OzxpwEu00-hgdyYHxuXSX6vxoI_1zx2-TjOpifuDISj8E9PErlaw2dYLnGyBV-uVQOs_6lmdVNZYIFtCoMV4SVFyxDQ-jCcQG1YHd9II9KUilYBjpbbZKkfWSc7bb1Mb65giMfHA5ftgHw7eZzn-nmIlOHGki1-GKEC-KolOElqqIkwfbDWWqP3KsnZQrBUuskOp7aadS5Ip5ZQ2joxDFYKmVWu_2-Pn5im2S4x-fZMFaDlMoUvK_HqTqnU9fHczc_TbXNHsbTITAHUjVesBbcivNKct957kuokeORHHBfgdYxjhSyh8LZxkjBXJGuZpDMauu4Mi06j9w3LocM1xEXTa9CrJmj4iWWIO3jRXCosYVQPK6xRb2L3rk1xHOolO4u3Kmr0WegkadWdrxCqZqKB_8z8HEo4AJg73qGevWEi4DBMcK0MjhKZgFw4t_jkQgd9zVkUWELKMhB9qBMsR67dlC_DSTUsW2SVH7OVNl4xwg-aAeruoSQglx_Ovf9VbhpE_4tgYB7AkfBy1On8WvszCEiwZIfTZi_VnexzS_Z0Mj_4Bq9t9F0xTAKFsE2F42ajINgPl92kf63HBfKcby3_e97e9O93S7ZZ8rEt7-y1v5pPKm8O22mqSl2hy-dMg-D9E-Z7y5WT_8qwTbDorItulyHIV4qKdG8f_XEQVCDG5ZnTyaYsSYmnTXOh3VTW3WK3jbUBzX6LNpItVMVuG69eMFoSFFzDa7A65Q5BV6lzCnwKmVOgW9U5pTiRWUKkWJuHUaFjqL68OF-JlhIvdUNxboo45EGgU1LnjUulPuPUJ77Z0tiqDTHFg35c5VfWnSb1xaWJzASnJxnUgYZz_IZQ5irl4CQR-85QW6zxvNWeZVqXEwUUXMiyEJ3L2aoHXo_X76HXzQxhsW5GwbDOEDeNSjy5ldOiPk36_mG_zfKP7xX-YefpfzDz1B-_6E4WL6-heo74QIblzAPAAA"],"sourcesContent":[".lt472p0 {\n position: fixed;\n bottom: 16px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 50;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n width: calc(100vw - 32px);\n max-width: 672px;\n}\n.lt472p1 {\n position: relative;\n display: flex;\n align-items: center;\n gap: 8px;\n min-height: 48px;\n box-sizing: border-box;\n width: fit-content;\n min-width: min(344px, 100%);\n max-width: 672px;\n padding-left: 16px;\n padding-right: 8px;\n padding-block: 8px;\n border-radius: var(--md-sys-shape-extra-small);\n background: rgb(var(--md-sys-color-inverse-surface));\n color: rgb(var(--md-sys-color-inverse-on-surface));\n box-shadow: var(--md-sys-elevation-level3);\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);\n}\n.lt472p1[data-starting-style] {\n opacity: 0;\n transform: translateY(8px);\n}\n.lt472p1[data-ending-style] {\n opacity: 0;\n}\n.lt472p2 {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n gap: 2px;\n}\n.lt472p3 {\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n}\n.lt472p4 {\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n line-height: var(--md-sys-typescale-body-medium-line-height);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n}\n.lt472p5 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n height: 36px;\n padding-inline: 12px;\n overflow: hidden;\n border-radius: var(--md-sys-shape-extra-small);\n background: transparent;\n border: none;\n cursor: pointer;\n outline: none;\n color: rgb(var(--md-sys-color-inverse-primary));\n font-family: var(--md-sys-typescale-label-large-font);\n font-weight: var(--md-sys-typescale-label-large-weight);\n font-size: var(--md-sys-typescale-label-large-size);\n line-height: var(--md-sys-typescale-label-large-line-height);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n}\n.lt472p5::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n.lt472p5:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n.lt472p5:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n.lt472p5:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n.lt472p6 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n overflow: hidden;\n border-radius: var(--md-sys-shape-full);\n background: transparent;\n border: none;\n cursor: pointer;\n outline: none;\n color: rgb(var(--md-sys-color-inverse-on-surface));\n}\n.lt472p6::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: currentColor;\n opacity: 0;\n pointer-events: none;\n transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n.lt472p6:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n.lt472p6:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n.lt472p6:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n.lt472p6[data-pressed]::before {\n opacity: var(--md-sys-state-pressed);\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,UAAQ;AACR,QAAM;AACN,aAAW,WAAW;AACtB,WAAS;AACT,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK;AACL,SAAO,KAAK,MAAM,EAAE;AACpB,aAAW;AACb;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,OAAK;AACL,cAAY;AACZ,cAAY;AACZ,SAAO;AACP,aAAW,IAAI,KAAK,EAAE;AACtB,aAAW;AACX,gBAAc;AACd,iBAAe;AACf,iBAAe;AACf,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,cAAY,IAAI;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,cAAY,QAAQ,MAAM,IAAI,kCAAkC,EAAE,UAAU,MAAM,IAAI;AACxF;AACA,CAxBC,OAwBO,CAAC;AACP,WAAS;AACT,aAAW,WAAW;AACxB;AACA,CA5BC,OA4BO,CAAC;AACP,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,QAAM;AACN,aAAW;AACX,OAAK;AACP;AACA,CAAC;AACC,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,UAAQ;AACR,kBAAgB;AAChB,YAAU;AACV,iBAAe,IAAI;AACnB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,WAAS;AACT,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CArBC,OAqBO;AACN,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA9BC,OA8BO,MAAM;AACZ,WAAS,IAAI;AACf;AACA,CAjCC,OAiCO,cAAc;AACpB,WAAS,IAAI;AACf;AACA,CApCC,OAoCO,OAAO;AACb,WAAS,IAAI;AACf;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,SAAO;AACP,UAAQ;AACR,YAAU;AACV,iBAAe,IAAI;AACnB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,WAAS;AACT,SAAO,IAAI,IAAI;AACjB;AACA,CAhBC,OAgBO;AACN,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAzBC,OAyBO,MAAM;AACZ,WAAS,IAAI;AACf;AACA,CA5BC,OA4BO,cAAc;AACpB,WAAS,IAAI;AACf;AACA,CA/BC,OA+BO,OAAO;AACb,WAAS,IAAI;AACf;AACA,CAlCC,OAkCO,CAAC,aAAa;AACpB,WAAS,IAAI;AACf;","names":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import './index.css';
|
|
3
|
+
import { createSnackbar } from '@m3-baseui/core';
|
|
4
|
+
export { useSnackbar } from '@m3-baseui/core';
|
|
5
|
+
|
|
6
|
+
// src/components/snackbar/snackbar.ts
|
|
7
|
+
|
|
8
|
+
// src/components/snackbar/snackbar.css.ts
|
|
9
|
+
var action = "lt472p5";
|
|
10
|
+
var close = "lt472p6";
|
|
11
|
+
var content = "lt472p2";
|
|
12
|
+
var description = "lt472p4";
|
|
13
|
+
var root = "lt472p1";
|
|
14
|
+
var title = "lt472p3";
|
|
15
|
+
var viewport = "lt472p0";
|
|
16
|
+
var Snackbar = createSnackbar({
|
|
17
|
+
viewport,
|
|
18
|
+
root,
|
|
19
|
+
content,
|
|
20
|
+
title,
|
|
21
|
+
description,
|
|
22
|
+
action,
|
|
23
|
+
close
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
export { Snackbar };
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
28
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/snackbar/snackbar.css.ts","../../../src/components/snackbar/snackbar.ts"],"names":[],"mappings":";;;;;;;;AACO,IAAI,MAAA,GAAS,SAAA;AACb,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,OAAA,GAAU,SAAA;AACd,IAAI,WAAA,GAAc,SAAA;AAClB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,QAAA,GAAW,SAAA;ACCf,IAAM,WAAW,cAAA,CAAe;AAAA,EACrC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAC","file":"index.js","sourcesContent":["import 'src/components/snackbar/snackbar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1W227cOAx9z1cIBQrMAFXhuWQaKI_7E7tY9IG2aFsbWTIk2hln0X8vJHs89iTdeJICBRZ9mrHIc0yKh6Q_a9p_2dYJ-_eGsdp6RcoawXJ1RHl_w1hqiWwl2OZQH8OzxpwEu00-hgdyYHxuXSX6vxoI_1zx2-TjOpifuDISj8E9PErlaw2dYLnGyBV-uVQOs_6lmdVNZYIFtCoMV4SVFyxDQ-jCcQG1YHd9II9KUilYBjpbbZKkfWSc7bb1Mb65giMfHA5ftgHw7eZzn-nmIlOHGki1-GKEC-KolOElqqIkwfbDWWqP3KsnZQrBUuskOp7aadS5Ip5ZQ2joxDFYKmVWu_2-Pn5im2S4x-fZMFaDlMoUvK_HqTqnU9fHczc_TbXNHsbTITAHUjVesBbcivNKct957kuokeORHHBfgdYxjhSyh8LZxkjBXJGuZpDMauu4Mi06j9w3LocM1xEXTa9CrJmj4iWWIO3jRXCosYVQPK6xRb2L3rk1xHOolO4u3Kmr0WegkadWdrxCqZqKB_8z8HEo4AJg73qGevWEi4DBMcK0MjhKZgFw4t_jkQgd9zVkUWELKMhB9qBMsR67dlC_DSTUsW2SVH7OVNl4xwg-aAeruoSQglx_Ovf9VbhpE_4tgYB7AkfBy1On8WvszCEiwZIfTZi_VnexzS_Z0Mj_4Bq9t9F0xTAKFsE2F42ajINgPl92kf63HBfKcby3_e97e9O93S7ZZ8rEt7-y1v5pPKm8O22mqSl2hy-dMg-D9E-Z7y5WT_8qwTbDorItulyHIV4qKdG8f_XEQVCDG5ZnTyaYsSYmnTXOh3VTW3WK3jbUBzX6LNpItVMVuG69eMFoSFFzDa7A65Q5BV6lzCnwKmVOgW9U5pTiRWUKkWJuHUaFjqL68OF-JlhIvdUNxboo45EGgU1LnjUulPuPUJ77Z0tiqDTHFg35c5VfWnSb1xaWJzASnJxnUgYZz_IZQ5irl4CQR-85QW6zxvNWeZVqXEwUUXMiyEJ3L2aoHXo_X76HXzQxhsW5GwbDOEDeNSjy5ldOiPk36_mG_zfKP7xX-YefpfzDz1B-_6E4WL6-heo74QIblzAPAAA';\nexport var action = 'lt472p5';\nexport var close = 'lt472p6';\nexport var content = 'lt472p2';\nexport var description = 'lt472p4';\nexport var root = 'lt472p1';\nexport var title = 'lt472p3';\nexport var viewport = 'lt472p0';","/**\n * snackbar.ts — wires the VE styles into the shared Snackbar factory.\n */\nimport { createSnackbar } from '@m3-baseui/core';\nimport * as s from './snackbar.css';\n\nexport { useSnackbar } from '@m3-baseui/core';\n\nexport const Snackbar = createSnackbar({\n viewport: s.viewport,\n root: s.root,\n content: s.content,\n title: s.title,\n description: s.description,\n action: s.action,\n close: s.close,\n});\n"]}
|