@adgytec/adgytec-web-ui-components 2.1.7 → 2.1.8
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/assets/core.css +1 -1
- package/dist/chunks/ActionDialog.map +1 -1
- package/dist/chunks/AppBarAction.map +1 -1
- package/dist/chunks/AppBarAvatar +38 -30
- package/dist/chunks/AppBarAvatar.map +1 -1
- package/dist/chunks/AppBarHeadline +18 -12
- package/dist/chunks/AppBarHeadline.map +1 -1
- package/dist/chunks/BaseCalendar.map +1 -1
- package/dist/chunks/BottomSheet +23 -16
- package/dist/chunks/BottomSheet.map +1 -1
- package/dist/chunks/BottomSheetModal.map +1 -1
- package/dist/chunks/ButtonGroup +28 -20
- package/dist/chunks/ButtonGroup.map +1 -1
- package/dist/chunks/CalendarCell.map +1 -1
- package/dist/chunks/CalendarGrid +40 -22
- package/dist/chunks/CalendarGrid.map +1 -1
- package/dist/chunks/CalendarMenuItem +18 -9
- package/dist/chunks/CalendarMenuItem.map +1 -1
- package/dist/chunks/CenteredSlider.map +1 -1
- package/dist/chunks/ComboBox.map +1 -1
- package/dist/chunks/ComboBoxPopover.map +1 -1
- package/dist/chunks/ComboBoxTrigger +66 -44
- package/dist/chunks/ComboBoxTrigger.map +1 -1
- package/dist/chunks/ConnectedButtonGroup.map +1 -1
- package/dist/chunks/Dialog +21 -12
- package/dist/chunks/Dialog.map +1 -1
- package/dist/chunks/Disclosure +17 -8
- package/dist/chunks/Disclosure.map +1 -1
- package/dist/chunks/DisclosureGroup +28 -15
- package/dist/chunks/DisclosureGroup.map +1 -1
- package/dist/chunks/DisclosureHeader +53 -35
- package/dist/chunks/DisclosureHeader.map +1 -1
- package/dist/chunks/DisclosurePanel +22 -12
- package/dist/chunks/DisclosurePanel.map +1 -1
- package/dist/chunks/Divider +18 -9
- package/dist/chunks/Divider.map +1 -1
- package/dist/chunks/FieldError +18 -9
- package/dist/chunks/FieldError.map +1 -1
- package/dist/chunks/Icon +20 -15
- package/dist/chunks/Icon.map +1 -1
- package/dist/chunks/Input +72 -64
- package/dist/chunks/Input.map +1 -1
- package/dist/chunks/Input2 +82 -72
- package/dist/chunks/Input2.map +1 -1
- package/dist/chunks/Loader +17 -10
- package/dist/chunks/Loader.map +1 -1
- package/dist/chunks/MenuPopover +17 -8
- package/dist/chunks/MenuPopover.map +1 -1
- package/dist/chunks/Modal +17 -8
- package/dist/chunks/Modal.map +1 -1
- package/dist/chunks/ModalOverlay +17 -8
- package/dist/chunks/ModalOverlay.map +1 -1
- package/dist/chunks/Navigation +46 -36
- package/dist/chunks/Navigation.map +1 -1
- package/dist/chunks/NavigationScrollContainer +37 -27
- package/dist/chunks/NavigationScrollContainer.map +1 -1
- package/dist/chunks/NavigationSection +16 -7
- package/dist/chunks/NavigationSection.map +1 -1
- package/dist/chunks/NavigationSectionLabel +18 -9
- package/dist/chunks/NavigationSectionLabel.map +1 -1
- package/dist/chunks/NavigationState.map +1 -1
- package/dist/chunks/Popover +17 -8
- package/dist/chunks/Popover.map +1 -1
- package/dist/chunks/Radio +59 -52
- package/dist/chunks/Radio.map +1 -1
- package/dist/chunks/RichTooltip +17 -8
- package/dist/chunks/RichTooltip.map +1 -1
- package/dist/chunks/RichTooltipActions +16 -7
- package/dist/chunks/RichTooltipActions.map +1 -1
- package/dist/chunks/RichTooltipInfo +16 -7
- package/dist/chunks/RichTooltipInfo.map +1 -1
- package/dist/chunks/SearchField.map +1 -1
- package/dist/chunks/SelectPopover +17 -8
- package/dist/chunks/SelectPopover.map +1 -1
- package/dist/chunks/SelectTrigger +34 -24
- package/dist/chunks/SelectTrigger.map +1 -1
- package/dist/chunks/SideSheet +64 -52
- package/dist/chunks/SideSheet.map +1 -1
- package/dist/chunks/SideSheetModal.map +1 -1
- package/dist/chunks/Slider.map +1 -1
- package/dist/chunks/SliderOutput +21 -16
- package/dist/chunks/SliderOutput.map +1 -1
- package/dist/chunks/SliderStops.map +1 -1
- package/dist/chunks/Snackbar.map +1 -1
- package/dist/chunks/SplitButtonTrigger +48 -38
- package/dist/chunks/SplitButtonTrigger.map +1 -1
- package/dist/chunks/SubmenuPopover.map +1 -1
- package/dist/chunks/Switch.map +1 -1
- package/dist/chunks/Tab +41 -29
- package/dist/chunks/Tab.map +1 -1
- package/dist/chunks/TabList +16 -8
- package/dist/chunks/TabList.map +1 -1
- package/dist/chunks/TabPanel +16 -8
- package/dist/chunks/TabPanel.map +1 -1
- package/dist/chunks/TabPanels +17 -9
- package/dist/chunks/TabPanels.map +1 -1
- package/dist/chunks/Tabs +17 -8
- package/dist/chunks/Tabs.map +1 -1
- package/dist/chunks/Tag.map +1 -1
- package/dist/chunks/ThemeSelector +73 -72
- package/dist/chunks/ThemeSelector.map +1 -1
- package/dist/chunks/Toolbar +20 -12
- package/dist/chunks/Toolbar.map +1 -1
- package/dist/chunks/Tooltip.map +1 -1
- package/dist/chunks/compiler-runtime +24 -0
- package/dist/chunks/compiler-runtime.map +1 -0
- package/dist/chunks/core +75 -68
- package/dist/chunks/core.map +1 -1
- package/dist/chunks/core3.map +1 -1
- package/dist/chunks/core8.map +1 -1
- package/dist/chunks/navContext.map +1 -1
- package/dist/chunks/useGlobalListeners.map +1 -1
- package/dist/chunks/useHover +1 -1
- package/dist/chunks/useHover.map +1 -1
- package/dist/chunks/usePress +1 -1
- package/dist/chunks/usePress.map +1 -1
- package/dist/chunks/useSplash +42 -27
- package/dist/chunks/useSplash.map +1 -1
- package/dist/components/AppBar/core/index.js.map +1 -1
- package/dist/components/Button/Button/index.js +61 -48
- package/dist/components/Button/Button/index.js.map +1 -1
- package/dist/components/Button/ButtonGroups/ButtonGroupContext/index.js.map +1 -1
- package/dist/components/Button/IconButton/index.js.map +1 -1
- package/dist/components/Button/LinkButton/index.js +61 -48
- package/dist/components/Button/LinkButton/index.js.map +1 -1
- package/dist/components/Button/LinkIconButton/index.js.map +1 -1
- package/dist/components/Button/SplitButton/SplitButtonContext/index.js.map +1 -1
- package/dist/components/Button/SplitButton/SplitButtonPrimary/index.js.map +1 -1
- package/dist/components/Button/ToggleButton/index.js +69 -54
- package/dist/components/Button/ToggleButton/index.js.map +1 -1
- package/dist/components/Button/ToggleIconButton/index.js.map +1 -1
- package/dist/components/Calendar/Calendar/index.js +22 -12
- package/dist/components/Calendar/Calendar/index.js.map +1 -1
- package/dist/components/Calendar/CalendarMonthMenu/index.js +38 -33
- package/dist/components/Calendar/CalendarMonthMenu/index.js.map +1 -1
- package/dist/components/Calendar/CalendarYearMenu/index.js +31 -26
- package/dist/components/Calendar/CalendarYearMenu/index.js.map +1 -1
- package/dist/components/Calendar/RangeCalendar/index.js +25 -15
- package/dist/components/Calendar/RangeCalendar/index.js.map +1 -1
- package/dist/components/Dialog/core/index.js.map +1 -1
- package/dist/components/Disclosure/context/index.js +11 -12
- package/dist/components/Disclosure/context/index.js.map +1 -1
- package/dist/components/Image/index.js.map +1 -1
- package/dist/components/Input/CharacterCount/index.js +18 -10
- package/dist/components/Input/CharacterCount/index.js.map +1 -1
- package/dist/components/Input/DateField/index.js.map +1 -1
- package/dist/components/Input/DatePicker/DatePicker/index.js.map +1 -1
- package/dist/components/Input/DatePicker/DateRangePicker/index.js.map +1 -1
- package/dist/components/Input/Description/index.js +21 -10
- package/dist/components/Input/Description/index.js.map +1 -1
- package/dist/components/Input/Label/index.js +18 -10
- package/dist/components/Input/Label/index.js.map +1 -1
- package/dist/components/Input/Select/Select/index.js.map +1 -1
- package/dist/components/Input/Select/SelectItem/index.js.map +1 -1
- package/dist/components/Input/Select/SelectList/index.js.map +1 -1
- package/dist/components/Input/Select/SelectListSection/index.js +17 -9
- package/dist/components/Input/Select/SelectListSection/index.js.map +1 -1
- package/dist/components/Input/Select/SelectListSectionHeader/index.js +18 -10
- package/dist/components/Input/Select/SelectListSectionHeader/index.js.map +1 -1
- package/dist/components/Input/Slider/RangeSlider/index.js.map +1 -1
- package/dist/components/Input/TextArea/index.js.map +1 -1
- package/dist/components/Input/TimeField/index.js.map +1 -1
- package/dist/components/Input/hooks/index.js +16 -10
- package/dist/components/Input/hooks/index.js.map +1 -1
- package/dist/components/Menu/Menu/index.js +19 -14
- package/dist/components/Menu/Menu/index.js.map +1 -1
- package/dist/components/Menu/MenuItem/index.js +48 -38
- package/dist/components/Menu/MenuItem/index.js.map +1 -1
- package/dist/components/Menu/MenuSection/index.js +18 -10
- package/dist/components/Menu/MenuSection/index.js.map +1 -1
- package/dist/components/Menu/MenuSectionHeader/index.js +18 -10
- package/dist/components/Menu/MenuSectionHeader/index.js.map +1 -1
- package/dist/components/Menu/MenuShortcut/index.js +16 -8
- package/dist/components/Menu/MenuShortcut/index.js.map +1 -1
- package/dist/components/Menu/MenuTrailingText/index.js +16 -8
- package/dist/components/Menu/MenuTrailingText/index.js.map +1 -1
- package/dist/components/Menu/MenuTrigger/index.js +21 -11
- package/dist/components/Menu/MenuTrigger/index.js.map +1 -1
- package/dist/components/Menu/context/index.js.map +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationButton/index.js +30 -21
- package/dist/components/Navigation/NavigationItem/NavigationButton/index.js.map +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationItemIconRenderer/index.js +30 -8
- package/dist/components/Navigation/NavigationItem/NavigationItemIconRenderer/index.js.map +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationLink/index.js +29 -20
- package/dist/components/Navigation/NavigationItem/NavigationLink/index.js.map +1 -1
- package/dist/components/Navigation/SubNavigation/SubNavigation/index.js +69 -56
- package/dist/components/Navigation/SubNavigation/SubNavigation/index.js.map +1 -1
- package/dist/components/Navigation/SubNavigation/SubNavigationTrigger/index.js +48 -29
- package/dist/components/Navigation/SubNavigation/SubNavigationTrigger/index.js.map +1 -1
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipSubhead/index.js +17 -9
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipSubhead/index.js.map +1 -1
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipText/index.js +17 -9
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipText/index.js.map +1 -1
- package/dist/components/Tooltip/TooltipTrigger/index.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
package/dist/assets/core.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}body{min-block-size:100dvb;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-block-size:10em}:target{scroll-margin-block:5ex}}@layer adgytec.tokens{:root{--dp:calc(1rem / 16);--md-sys-state-hover:.08;--md-sys-state-focus:.1;--md-sys-state-pressed:.1;--md-sys-state-dragged:.16;--md-sys-state-disabled-container:.12;--md-sys-state-disabled-content:.38;--md-sys-state-divider:.12;--md-sys-state-backdrop:.5}@custom-media --md-sys-layout-window-size-compact (max-width: 37.4375rem);@custom-media --md-sys-layout-window-size-medium (min-width: 37.5rem) and (max-width: 52.4375rem);@custom-media --md-sys-layout-window-size-expanded (min-width: 52.5rem) and (max-width: 74.9375rem);@custom-media --md-sys-layout-window-size-large (min-width: 75rem) and (max-width: 99.9375rem);@custom-media --md-sys-layout-window-size-extra-large (min-width: 100rem);:root{--md-sys-layout-spacer:calc(24 * var(--dp,1px));--md-sys-layout-window-size-compact-margin:calc(16 * var(--dp,1px));--md-sys-layout-window-size-medium-margin:calc(24 * var(--dp,1px));--md-sys-layout-window-size-expanded-margin:calc(24 * var(--dp,1px));--md-sys-layout-window-size-large-margin:calc(24 * var(--dp,1px));--md-sys-layout-window-size-extra-large-margin:calc(24 * var(--dp,1px));--md-sys-layout-space-none:0;--md-sys-layout-space-infinity:9999px;--md-sys-layout-space-4:calc(4 * var(--dp,1px));--md-sys-layout-space-8:calc(8 * var(--dp,1px));--md-sys-layout-space-12:calc(12 * var(--dp,1px));--md-sys-layout-space-16:calc(16 * var(--dp,1px));--md-sys-layout-space-20:calc(20 * var(--dp,1px));--md-sys-layout-space-24:calc(24 * var(--dp,1px));--md-sys-layout-space-28:calc(28 * var(--dp,1px));--md-sys-layout-space-32:calc(32 * var(--dp,1px));--md-sys-layout-space-36:calc(36 * var(--dp,1px));--md-sys-layout-space-40:calc(40 * var(--dp,1px));--md-sys-layout-space-48:calc(48 * var(--dp,1px));--md-sys-layout-space-56:calc(56 * var(--dp,1px));--md-sys-layout-space-64:calc(64 * var(--dp,1px));--md-sys-layout-space-72:calc(72 * var(--dp,1px));--md-sys-layout-space-80:calc(80 * var(--dp,1px));--md-sys-layout-space-96:calc(96 * var(--dp,1px));--md-sys-layout-space-128:calc(128 * var(--dp,1px));--md-sys-motion-expressive-fast-spatial:cubic-bezier(.42, 1.67, .21, .9);--md-sys-motion-expressive-fast-spatial-duration:.35s;--md-sys-motion-expressive-default-spatial:cubic-bezier(.38, 1.21, .22, 1);--md-sys-motion-expressive-default-spatial-duration:.5s;--md-sys-motion-expressive-slow-spatial:cubic-bezier(.39, 1.29, .35, .98);--md-sys-motion-expressive-slow-spatial-duration:.65s;--md-sys-motion-expressive-fast-effects:cubic-bezier(.31, .94, .34, 1);--md-sys-motion-expressive-fast-effects-duration:.15s;--md-sys-motion-expressive-default-effects:cubic-bezier(.34, .8, .34, 1);--md-sys-motion-expressive-default-effects-duration:.2s;--md-sys-motion-expressive-slow-effects:cubic-bezier(.34, .88, .34, 1);--md-sys-motion-expressive-slow-effects-duration:.3s;--md-sys-motion-standard-fast-spatial:cubic-bezier(.27, 1.06, .18, 1);--md-sys-motion-standard-fast-spatial-duration:.35s;--md-sys-motion-standard-default-spatial:cubic-bezier(.27, 1.06, .18, 1);--md-sys-motion-standard-default-spatial-duration:.5s;--md-sys-motion-standard-slow-spatial:cubic-bezier(.27, 1.06, .18, 1);--md-sys-motion-standard-slow-spatial-duration:.75s;--md-sys-shape-corner-radius-none:0;--md-sys-shape-corner-radius-extra-small:calc(4 * var(--dp,1px));--md-sys-shape-corner-radius-small:calc(8 * var(--dp,1px));--md-sys-shape-corner-radius-medium:calc(12 * var(--dp,1px));--md-sys-shape-corner-radius-large:calc(16 * var(--dp,1px));--md-sys-shape-corner-radius-large-increased:calc(20 * var(--dp,1px));--md-sys-shape-corner-radius-extra-large:calc(28 * var(--dp,1px));--md-sys-shape-corner-radius-extra-large-increased:calc(32 * var(--dp,1px));--md-sys-shape-corner-radius-extra-extra-large:calc(48 * var(--dp,1px));--md-sys-shape-corner-radius-full:calc(9999 * var(--dp,1px));--md-sys-shape-border-width-none:0;--md-sys-shape-border-width-thin:calc(1 * var(--dp,1px));--md-sys-shape-border-width-thick:calc(2 * var(--dp,1px));--md-sys-shape-border-width-extra-thick:calc(4 * var(--dp,1px));--md-sys-icon-dense:calc(20 * var(--dp,1px));--md-sys-icon-standard:calc(24 * var(--dp,1px));--md-sys-icon-medium:calc(32 * var(--dp,1px));--md-sys-icon-large:calc(40 * var(--dp,1px));--md-sys-icon-extra-large:calc(48 * var(--dp,1px));--md-sys-elevation-shadow-0:none;--md-sys-elevation-shadow-1:0px 1px 2px rgb(from var(--md-sys-color-shadow) r g b / .3), 0px 1px 3px 1px rgb(from var(--md-sys-color-shadow) r g b / .15);--md-sys-elevation-shadow-2:0px 1px 2px rgb(from var(--md-sys-color-shadow) r g b / .3), 0px 2px 6px 2px rgb(from var(--md-sys-color-shadow) r g b / .15);--md-sys-elevation-shadow-3:0px 1px 3px rgb(from var(--md-sys-color-shadow) r g b / .3), 0px 4px 8px 3px rgb(from var(--md-sys-color-shadow) r g b / .15);--md-sys-elevation-shadow-4:0px 2px 3px rgb(from var(--md-sys-color-shadow) r g b / .3), 0px 6px 10px 4px rgb(from var(--md-sys-color-shadow) r g b / .15);--md-sys-elevation-shadow-5:0px 4px 4px rgb(from var(--md-sys-color-shadow) r g b / .3), 0px 8px 12px 6px rgb(from var(--md-sys-color-shadow) r g b / .15);--md-sys-typescale-font-plain:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--md-sys-typescale-font-brand:"Roboto Flex", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--md-sys-typescale-weight-regular:400;--md-sys-typescale-weight-medium:500;--md-sys-typescale-weight-bold:700;--md-sys-typescale-display-large-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-display-large-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-display-large-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-display-large-size:calc(57 * var(--dp,1px));--md-sys-typescale-display-large-line-height:1.1228;--md-sys-typescale-display-large-letter-spacing:-.0044em;--md-sys-typescale-display-medium-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-display-medium-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-display-medium-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-display-medium-size:calc(45 * var(--dp,1px));--md-sys-typescale-display-medium-line-height:1.1556;--md-sys-typescale-display-medium-letter-spacing:0em;--md-sys-typescale-display-small-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-display-small-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-display-small-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-display-small-size:calc(36 * var(--dp,1px));--md-sys-typescale-display-small-line-height:1.2222;--md-sys-typescale-display-small-letter-spacing:0em;--md-sys-typescale-headline-large-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-headline-large-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-headline-large-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-headline-large-size:calc(32 * var(--dp,1px));--md-sys-typescale-headline-large-line-height:1.25;--md-sys-typescale-headline-large-letter-spacing:0em;--md-sys-typescale-headline-medium-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-headline-medium-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-headline-medium-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-headline-medium-size:calc(28 * var(--dp,1px));--md-sys-typescale-headline-medium-line-height:1.2857;--md-sys-typescale-headline-medium-letter-spacing:0em;--md-sys-typescale-headline-small-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-headline-small-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-headline-small-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-headline-small-size:calc(24 * var(--dp,1px));--md-sys-typescale-headline-small-line-height:1.3333;--md-sys-typescale-headline-small-letter-spacing:0em;--md-sys-typescale-title-large-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-title-large-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-title-large-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-title-large-size:calc(22 * var(--dp,1px));--md-sys-typescale-title-large-line-height:1.2727;--md-sys-typescale-title-large-letter-spacing:0em;--md-sys-typescale-title-medium-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-title-medium-weight:var(--md-sys-typescale-weight-medium);--md-sys-typescale-title-medium-weight-emphasized:var(--md-sys-typescale-weight-bold);--md-sys-typescale-title-medium-size:calc(16 * var(--dp,1px));--md-sys-typescale-title-medium-line-height:1.5;--md-sys-typescale-title-medium-letter-spacing:.009375em;--md-sys-typescale-title-small-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-title-small-weight:var(--md-sys-typescale-weight-medium);--md-sys-typescale-title-small-weight-emphasized:var(--md-sys-typescale-weight-bold);--md-sys-typescale-title-small-size:calc(14 * var(--dp,1px));--md-sys-typescale-title-small-line-height:1.4286;--md-sys-typescale-title-small-letter-spacing:.00714em;--md-sys-typescale-body-large-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-body-large-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-body-large-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-body-large-size:calc(16 * var(--dp,1px));--md-sys-typescale-body-large-line-height:1.5;--md-sys-typescale-body-large-letter-spacing:.03125em;--md-sys-typescale-body-medium-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-body-medium-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-body-medium-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-body-medium-size:calc(14 * var(--dp,1px));--md-sys-typescale-body-medium-line-height:1.4286;--md-sys-typescale-body-medium-letter-spacing:.01786em;--md-sys-typescale-body-small-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-body-small-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-body-small-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-body-small-size:calc(12 * var(--dp,1px));--md-sys-typescale-body-small-line-height:1.3333;--md-sys-typescale-body-small-letter-spacing:.03333em;--md-sys-typescale-label-large-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-label-large-weight:var(--md-sys-typescale-weight-medium);--md-sys-typescale-label-large-weight-emphasized:var(--md-sys-typescale-weight-bold);--md-sys-typescale-label-large-size:calc(14 * var(--dp,1px));--md-sys-typescale-label-large-line-height:1.4286;--md-sys-typescale-label-large-letter-spacing:.00714em;--md-sys-typescale-label-medium-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-label-medium-weight:var(--md-sys-typescale-weight-medium);--md-sys-typescale-label-medium-weight-emphasized:var(--md-sys-typescale-weight-bold);--md-sys-typescale-label-medium-size:calc(12 * var(--dp,1px));--md-sys-typescale-label-medium-line-height:1.3333;--md-sys-typescale-label-medium-letter-spacing:.04167em;--md-sys-typescale-label-small-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-label-small-weight:var(--md-sys-typescale-weight-medium);--md-sys-typescale-label-small-weight-emphasized:var(--md-sys-typescale-weight-bold);--md-sys-typescale-label-small-size:calc(11 * var(--dp,1px));--md-sys-typescale-label-small-line-height:1.4545;--md-sys-typescale-label-small-letter-spacing:.04545em}[data-theme=monochrome-light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-sys-color-primary:#000;--md-sys-color-on-primary:#e2e2e2;--md-sys-color-primary-container:#3b3b3b;--md-sys-color-on-primary-container:#fff;--md-sys-color-secondary:#5f5f5f;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#d4d4d4;--md-sys-color-on-secondary-container:#1b1b1b;--md-sys-color-tertiary:#3a3a3a;--md-sys-color-on-tertiary:#e2e2e2;--md-sys-color-tertiary-container:#747474;--md-sys-color-on-tertiary-container:#fff;--md-sys-color-error:#b3261e;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#f9dedc;--md-sys-color-on-error-container:#410e0b;--md-sys-color-background:#fdf7ff;--md-sys-color-on-background:#1d1b20;--md-sys-color-surface:#f9f9f9;--md-sys-color-surface-tint:#9f9f9f;--md-sys-color-on-surface:#1b1b1b;--md-sys-color-surface-variant:#e2e2e2;--md-sys-color-on-surface-variant:#474747;--md-sys-color-outline:#777;--md-sys-color-outline-variant:#c6c6c6;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#303030;--md-sys-color-inverse-on-surface:#f1f1f1;--md-sys-color-inverse-primary:#474747;--md-sys-color-primary-fixed:#5e5e5e;--md-sys-color-on-primary-fixed:#fff;--md-sys-color-primary-fixed-dim:#474747;--md-sys-color-on-primary-fixed-variant:#e3e2e2;--md-sys-color-secondary-fixed:#c6c6c6;--md-sys-color-on-secondary-fixed:#1b1c1c;--md-sys-color-secondary-fixed-dim:#ababab;--md-sys-color-on-secondary-fixed-variant:#3b3b3c;--md-sys-color-tertiary-fixed:#5e5e5e;--md-sys-color-on-tertiary-fixed:#fff;--md-sys-color-tertiary-fixed-dim:#474747;--md-sys-color-on-tertiary-fixed-variant:#e3e2e2;--md-sys-color-surface-dim:#dadada;--md-sys-color-surface-bright:#f9f9f9;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f3f3f3;--md-sys-color-surface-container:#eee;--md-sys-color-surface-container-high:#e8e8e8;--md-sys-color-surface-container-highest:#e2e2e2;--md-extended-color-primary-alt-color:var(--md-sys-color-primary);--md-extended-color-primary-alt-on-color:var(--md-sys-color-on-primary);--md-extended-color-primary-alt-color-container:var(--md-sys-color-primary-container);--md-extended-color-primary-alt-on-color-container:var(--md-sys-color-on-primary-container)}[data-theme=monochrome-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:#fff;--md-sys-color-on-primary:#1a1c1c;--md-sys-color-primary-container:#d4d4d4;--md-sys-color-on-primary-container:#000;--md-sys-color-secondary:#c6c6c6;--md-sys-color-on-secondary:#1a1c1c;--md-sys-color-secondary-container:#474747;--md-sys-color-on-secondary-container:#e2e2e2;--md-sys-color-tertiary:#e2e2e2;--md-sys-color-on-tertiary:#1a1c1c;--md-sys-color-tertiary-container:#919191;--md-sys-color-on-tertiary-container:#000;--md-sys-color-error:#f2b8b5;--md-sys-color-on-error:#601410;--md-sys-color-error-container:#8c1d18;--md-sys-color-on-error-container:#f2b8b5;--md-sys-color-background:#141218;--md-sys-color-on-background:#e6e0e9;--md-sys-color-surface:#131313;--md-sys-color-surface-tint:#e8e8e8;--md-sys-color-on-surface:#e2e2e2;--md-sys-color-surface-variant:#474747;--md-sys-color-on-surface-variant:#c6c6c6;--md-sys-color-outline:#919191;--md-sys-color-outline-variant:#474747;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#e2e2e2;--md-sys-color-inverse-on-surface:#303030;--md-sys-color-inverse-primary:#000;--md-sys-color-primary-fixed:#5e5e5e;--md-sys-color-on-primary-fixed:#fff;--md-sys-color-primary-fixed-dim:#474747;--md-sys-color-on-primary-fixed-variant:#e3e2e2;--md-sys-color-secondary-fixed:#c6c6c6;--md-sys-color-on-secondary-fixed:#1b1c1c;--md-sys-color-secondary-fixed-dim:#ababab;--md-sys-color-on-secondary-fixed-variant:#3b3b3c;--md-sys-color-tertiary-fixed:#5e5e5e;--md-sys-color-on-tertiary-fixed:#fff;--md-sys-color-tertiary-fixed-dim:#474747;--md-sys-color-on-tertiary-fixed-variant:#e3e2e2;--md-sys-color-surface-dim:#131313;--md-sys-color-surface-bright:#393939;--md-sys-color-surface-container-lowest:#0e0e0e;--md-sys-color-surface-container-low:#1b1b1b;--md-sys-color-surface-container:#1f1f1f;--md-sys-color-surface-container-high:#2a2a2a;--md-sys-color-surface-container-highest:#353535;--md-extended-color-primary-alt-color:var(--md-sys-color-primary);--md-extended-color-primary-alt-on-color:var(--md-sys-color-on-primary);--md-extended-color-primary-alt-color-container:var(--md-sys-color-primary-container);--md-extended-color-primary-alt-on-color-container:var(--md-sys-color-on-primary-container)}}@layer adgytec.base{.typography-display-large{font-family:var(--md-sys-typescale-display-large-font);font-weight:var(--md-sys-typescale-display-large-weight);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);letter-spacing:var(--md-sys-typescale-display-large-letter-spacing)}.typography-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-weight:var(--md-sys-typescale-display-medium-weight);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);letter-spacing:var(--md-sys-typescale-display-medium-letter-spacing)}.typography-display-small{font-family:var(--md-sys-typescale-display-small-font);font-weight:var(--md-sys-typescale-display-small-weight);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);letter-spacing:var(--md-sys-typescale-display-small-letter-spacing)}.typography-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-weight:var(--md-sys-typescale-headline-large-weight);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing)}.typography-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-weight:var(--md-sys-typescale-headline-medium-weight);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing)}.typography-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-weight:var(--md-sys-typescale-headline-small-weight);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing)}.typography-title-large{font-family:var(--md-sys-typescale-title-large-font);font-weight:var(--md-sys-typescale-title-large-weight);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);letter-spacing:var(--md-sys-typescale-title-large-letter-spacing)}.typography-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-weight:var(--md-sys-typescale-title-medium-weight);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}.typography-title-small{font-family:var(--md-sys-typescale-title-small-font);font-weight:var(--md-sys-typescale-title-small-weight);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing)}.typography-body-large{font-family:var(--md-sys-typescale-body-large-font);font-weight:var(--md-sys-typescale-body-large-weight);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing)}.typography-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-weight:var(--md-sys-typescale-body-medium-weight);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing)}.typography-body-small{font-family:var(--md-sys-typescale-body-small-font);font-weight:var(--md-sys-typescale-body-small-weight);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-letter-spacing)}.typography-label-large{font-family:var(--md-sys-typescale-label-large-font);font-weight:var(--md-sys-typescale-label-large-weight);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing)}.typography-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-weight:var(--md-sys-typescale-label-medium-weight);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing)}.typography-label-small{font-family:var(--md-sys-typescale-label-small-font);font-weight:var(--md-sys-typescale-label-small-weight);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing)}.typography-display-large-fluid{font-family:var(--md-sys-typescale-display-large-font);font-weight:var(--md-sys-typescale-display-large-weight);font-size:clamp(var(--md-sys-typescale-display-small-size), calc(1.5rem + 2vw), var(--md-sys-typescale-display-large-size));line-height:var(--md-sys-typescale-display-large-line-height);letter-spacing:var(--md-sys-typescale-display-large-letter-spacing)}.typography-display-medium-fluid{font-family:var(--md-sys-typescale-display-medium-font);font-weight:var(--md-sys-typescale-display-medium-weight);font-size:clamp(var(--md-sys-typescale-headline-large-size), calc(1.25rem + 1.8vw), var(--md-sys-typescale-display-medium-size));line-height:var(--md-sys-typescale-display-medium-line-height);letter-spacing:var(--md-sys-typescale-display-medium-letter-spacing)}.typography-display-small-fluid{font-family:var(--md-sys-typescale-display-small-font);font-weight:var(--md-sys-typescale-display-small-weight);font-size:clamp(var(--md-sys-typescale-headline-medium-size), calc(1.125rem + 1.5vw), var(--md-sys-typescale-display-small-size));line-height:var(--md-sys-typescale-display-small-line-height);letter-spacing:var(--md-sys-typescale-display-small-letter-spacing)}.typography-headline-large-fluid{font-family:var(--md-sys-typescale-headline-large-font);font-weight:var(--md-sys-typescale-headline-large-weight);font-size:clamp(var(--md-sys-typescale-headline-small-size), calc(1rem + 1.2vw), var(--md-sys-typescale-headline-large-size));line-height:var(--md-sys-typescale-headline-large-line-height);letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing)}.typography-headline-medium-fluid{font-family:var(--md-sys-typescale-headline-medium-font);font-weight:var(--md-sys-typescale-headline-medium-weight);font-size:clamp(var(--md-sys-typescale-title-large-size), calc(.9rem + 1vw), var(--md-sys-typescale-headline-medium-size));line-height:var(--md-sys-typescale-headline-medium-line-height);letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing)}.typography-headline-small-fluid{font-family:var(--md-sys-typescale-headline-small-font);font-weight:var(--md-sys-typescale-headline-small-weight);font-size:clamp(var(--md-sys-typescale-title-medium-size), calc(.85rem + .8vw), var(--md-sys-typescale-headline-small-size));line-height:var(--md-sys-typescale-headline-small-line-height);letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing)}.typography-display-large-emphasized{font-family:var(--md-sys-typescale-display-large-font);font-weight:var(--md-sys-typescale-display-large-weight-emphasized);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);letter-spacing:var(--md-sys-typescale-display-large-letter-spacing)}.typography-display-medium-emphasized{font-family:var(--md-sys-typescale-display-medium-font);font-weight:var(--md-sys-typescale-display-medium-weight-emphasized);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);letter-spacing:var(--md-sys-typescale-display-medium-letter-spacing)}.typography-display-small-emphasized{font-family:var(--md-sys-typescale-display-small-font);font-weight:var(--md-sys-typescale-display-small-weight-emphasized);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);letter-spacing:var(--md-sys-typescale-display-small-letter-spacing)}.typography-headline-large-emphasized{font-family:var(--md-sys-typescale-headline-large-font);font-weight:var(--md-sys-typescale-headline-large-weight-emphasized);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing)}.typography-headline-medium-emphasized{font-family:var(--md-sys-typescale-headline-medium-font);font-weight:var(--md-sys-typescale-headline-medium-weight-emphasized);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing)}.typography-headline-small-emphasized{font-family:var(--md-sys-typescale-headline-small-font);font-weight:var(--md-sys-typescale-headline-small-weight-emphasized);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing)}.typography-title-large-emphasized{font-family:var(--md-sys-typescale-title-large-font);font-weight:var(--md-sys-typescale-title-large-weight-emphasized);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);letter-spacing:var(--md-sys-typescale-title-large-letter-spacing)}.typography-title-medium-emphasized{font-family:var(--md-sys-typescale-title-medium-font);font-weight:var(--md-sys-typescale-title-medium-weight-emphasized);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}.typography-title-small-emphasized{font-family:var(--md-sys-typescale-title-small-font);font-weight:var(--md-sys-typescale-title-small-weight-emphasized);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing)}.typography-body-large-emphasized{font-family:var(--md-sys-typescale-body-large-font);font-weight:var(--md-sys-typescale-body-large-weight-emphasized);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing)}.typography-body-medium-emphasized{font-family:var(--md-sys-typescale-body-medium-font);font-weight:var(--md-sys-typescale-body-medium-weight-emphasized);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing)}.typography-body-small-emphasized{font-family:var(--md-sys-typescale-body-small-font);font-weight:var(--md-sys-typescale-body-small-weight-emphasized);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-letter-spacing)}.typography-label-large-emphasized{font-family:var(--md-sys-typescale-label-large-font);font-weight:var(--md-sys-typescale-label-large-weight-emphasized);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing)}.typography-label-medium-emphasized{font-family:var(--md-sys-typescale-label-medium-font);font-weight:var(--md-sys-typescale-label-medium-weight-emphasized);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing)}.typography-label-small-emphasized{font-family:var(--md-sys-typescale-label-small-font);font-weight:var(--md-sys-typescale-label-small-weight-emphasized);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing)}}@layer adgytec.comps,adgytec.overrides;
|
|
1
|
+
@layer adgytec.reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}body{min-block-size:100dvb;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-block-size:10em}:target{scroll-margin-block:5ex}}@layer adgytec.tokens{:root{--dp:calc(1rem / 16);--md-sys-state-hover:.08;--md-sys-state-focus:.1;--md-sys-state-pressed:.1;--md-sys-state-dragged:.16;--md-sys-state-disabled-container:.12;--md-sys-state-disabled-content:.38;--md-sys-state-divider:.12;--md-sys-state-backdrop:.5;--md-sys-layout-window-size-medium:calc(600 * var(--dp,1px));--md-sys-layout-window-size-expanded:calc(840 * var(--dp,1px));--md-sys-layout-window-size-large:calc(1200 * var(--dp,1px));--md-sys-layout-window-size-extra-large:calc(1600 * var(--dp,1px));--md-sys-layout-spacer:calc(24 * var(--dp,1px));--md-sys-layout-window-size-compact-margin:calc(16 * var(--dp,1px));--md-sys-layout-window-size-medium-margin:calc(24 * var(--dp,1px));--md-sys-layout-window-size-expanded-margin:calc(24 * var(--dp,1px));--md-sys-layout-window-size-large-margin:calc(24 * var(--dp,1px));--md-sys-layout-window-size-extra-large-margin:calc(24 * var(--dp,1px));--md-sys-layout-space-none:0;--md-sys-layout-space-infinity:9999px;--md-sys-layout-space-4:calc(4 * var(--dp,1px));--md-sys-layout-space-8:calc(8 * var(--dp,1px));--md-sys-layout-space-12:calc(12 * var(--dp,1px));--md-sys-layout-space-16:calc(16 * var(--dp,1px));--md-sys-layout-space-20:calc(20 * var(--dp,1px));--md-sys-layout-space-24:calc(24 * var(--dp,1px));--md-sys-layout-space-28:calc(28 * var(--dp,1px));--md-sys-layout-space-32:calc(32 * var(--dp,1px));--md-sys-layout-space-36:calc(36 * var(--dp,1px));--md-sys-layout-space-40:calc(40 * var(--dp,1px));--md-sys-layout-space-48:calc(48 * var(--dp,1px));--md-sys-layout-space-56:calc(56 * var(--dp,1px));--md-sys-layout-space-64:calc(64 * var(--dp,1px));--md-sys-layout-space-72:calc(72 * var(--dp,1px));--md-sys-layout-space-80:calc(80 * var(--dp,1px));--md-sys-layout-space-96:calc(96 * var(--dp,1px));--md-sys-layout-space-128:calc(128 * var(--dp,1px));--md-sys-motion-expressive-fast-spatial:cubic-bezier(.42, 1.67, .21, .9);--md-sys-motion-expressive-fast-spatial-duration:.35s;--md-sys-motion-expressive-default-spatial:cubic-bezier(.38, 1.21, .22, 1);--md-sys-motion-expressive-default-spatial-duration:.5s;--md-sys-motion-expressive-slow-spatial:cubic-bezier(.39, 1.29, .35, .98);--md-sys-motion-expressive-slow-spatial-duration:.65s;--md-sys-motion-expressive-fast-effects:cubic-bezier(.31, .94, .34, 1);--md-sys-motion-expressive-fast-effects-duration:.15s;--md-sys-motion-expressive-default-effects:cubic-bezier(.34, .8, .34, 1);--md-sys-motion-expressive-default-effects-duration:.2s;--md-sys-motion-expressive-slow-effects:cubic-bezier(.34, .88, .34, 1);--md-sys-motion-expressive-slow-effects-duration:.3s;--md-sys-motion-standard-fast-spatial:cubic-bezier(.27, 1.06, .18, 1);--md-sys-motion-standard-fast-spatial-duration:.35s;--md-sys-motion-standard-default-spatial:cubic-bezier(.27, 1.06, .18, 1);--md-sys-motion-standard-default-spatial-duration:.5s;--md-sys-motion-standard-slow-spatial:cubic-bezier(.27, 1.06, .18, 1);--md-sys-motion-standard-slow-spatial-duration:.75s;--md-sys-shape-corner-radius-none:0;--md-sys-shape-corner-radius-extra-small:calc(4 * var(--dp,1px));--md-sys-shape-corner-radius-small:calc(8 * var(--dp,1px));--md-sys-shape-corner-radius-medium:calc(12 * var(--dp,1px));--md-sys-shape-corner-radius-large:calc(16 * var(--dp,1px));--md-sys-shape-corner-radius-large-increased:calc(20 * var(--dp,1px));--md-sys-shape-corner-radius-extra-large:calc(28 * var(--dp,1px));--md-sys-shape-corner-radius-extra-large-increased:calc(32 * var(--dp,1px));--md-sys-shape-corner-radius-extra-extra-large:calc(48 * var(--dp,1px));--md-sys-shape-corner-radius-full:calc(9999 * var(--dp,1px));--md-sys-shape-border-width-none:0;--md-sys-shape-border-width-thin:calc(1 * var(--dp,1px));--md-sys-shape-border-width-thick:calc(2 * var(--dp,1px));--md-sys-shape-border-width-extra-thick:calc(4 * var(--dp,1px));--md-sys-icon-dense:calc(20 * var(--dp,1px));--md-sys-icon-standard:calc(24 * var(--dp,1px));--md-sys-icon-medium:calc(32 * var(--dp,1px));--md-sys-icon-large:calc(40 * var(--dp,1px));--md-sys-icon-extra-large:calc(48 * var(--dp,1px));--md-sys-elevation-shadow-0:none;--md-sys-elevation-shadow-1:0px 1px 2px rgb(from var(--md-sys-color-shadow) r g b / .3), 0px 1px 3px 1px rgb(from var(--md-sys-color-shadow) r g b / .15);--md-sys-elevation-shadow-2:0px 1px 2px rgb(from var(--md-sys-color-shadow) r g b / .3), 0px 2px 6px 2px rgb(from var(--md-sys-color-shadow) r g b / .15);--md-sys-elevation-shadow-3:0px 1px 3px rgb(from var(--md-sys-color-shadow) r g b / .3), 0px 4px 8px 3px rgb(from var(--md-sys-color-shadow) r g b / .15);--md-sys-elevation-shadow-4:0px 2px 3px rgb(from var(--md-sys-color-shadow) r g b / .3), 0px 6px 10px 4px rgb(from var(--md-sys-color-shadow) r g b / .15);--md-sys-elevation-shadow-5:0px 4px 4px rgb(from var(--md-sys-color-shadow) r g b / .3), 0px 8px 12px 6px rgb(from var(--md-sys-color-shadow) r g b / .15);--md-sys-typescale-font-plain:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--md-sys-typescale-font-brand:"Roboto Flex", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--md-sys-typescale-weight-regular:400;--md-sys-typescale-weight-medium:500;--md-sys-typescale-weight-bold:700;--md-sys-typescale-display-large-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-display-large-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-display-large-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-display-large-size:calc(57 * var(--dp,1px));--md-sys-typescale-display-large-line-height:1.1228;--md-sys-typescale-display-large-letter-spacing:-.0044em;--md-sys-typescale-display-medium-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-display-medium-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-display-medium-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-display-medium-size:calc(45 * var(--dp,1px));--md-sys-typescale-display-medium-line-height:1.1556;--md-sys-typescale-display-medium-letter-spacing:0em;--md-sys-typescale-display-small-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-display-small-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-display-small-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-display-small-size:calc(36 * var(--dp,1px));--md-sys-typescale-display-small-line-height:1.2222;--md-sys-typescale-display-small-letter-spacing:0em;--md-sys-typescale-headline-large-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-headline-large-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-headline-large-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-headline-large-size:calc(32 * var(--dp,1px));--md-sys-typescale-headline-large-line-height:1.25;--md-sys-typescale-headline-large-letter-spacing:0em;--md-sys-typescale-headline-medium-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-headline-medium-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-headline-medium-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-headline-medium-size:calc(28 * var(--dp,1px));--md-sys-typescale-headline-medium-line-height:1.2857;--md-sys-typescale-headline-medium-letter-spacing:0em;--md-sys-typescale-headline-small-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-headline-small-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-headline-small-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-headline-small-size:calc(24 * var(--dp,1px));--md-sys-typescale-headline-small-line-height:1.3333;--md-sys-typescale-headline-small-letter-spacing:0em;--md-sys-typescale-title-large-font:var(--md-sys-typescale-font-brand);--md-sys-typescale-title-large-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-title-large-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-title-large-size:calc(22 * var(--dp,1px));--md-sys-typescale-title-large-line-height:1.2727;--md-sys-typescale-title-large-letter-spacing:0em;--md-sys-typescale-title-medium-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-title-medium-weight:var(--md-sys-typescale-weight-medium);--md-sys-typescale-title-medium-weight-emphasized:var(--md-sys-typescale-weight-bold);--md-sys-typescale-title-medium-size:calc(16 * var(--dp,1px));--md-sys-typescale-title-medium-line-height:1.5;--md-sys-typescale-title-medium-letter-spacing:.009375em;--md-sys-typescale-title-small-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-title-small-weight:var(--md-sys-typescale-weight-medium);--md-sys-typescale-title-small-weight-emphasized:var(--md-sys-typescale-weight-bold);--md-sys-typescale-title-small-size:calc(14 * var(--dp,1px));--md-sys-typescale-title-small-line-height:1.4286;--md-sys-typescale-title-small-letter-spacing:.00714em;--md-sys-typescale-body-large-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-body-large-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-body-large-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-body-large-size:calc(16 * var(--dp,1px));--md-sys-typescale-body-large-line-height:1.5;--md-sys-typescale-body-large-letter-spacing:.03125em;--md-sys-typescale-body-medium-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-body-medium-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-body-medium-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-body-medium-size:calc(14 * var(--dp,1px));--md-sys-typescale-body-medium-line-height:1.4286;--md-sys-typescale-body-medium-letter-spacing:.01786em;--md-sys-typescale-body-small-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-body-small-weight:var(--md-sys-typescale-weight-regular);--md-sys-typescale-body-small-weight-emphasized:var(--md-sys-typescale-weight-medium);--md-sys-typescale-body-small-size:calc(12 * var(--dp,1px));--md-sys-typescale-body-small-line-height:1.3333;--md-sys-typescale-body-small-letter-spacing:.03333em;--md-sys-typescale-label-large-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-label-large-weight:var(--md-sys-typescale-weight-medium);--md-sys-typescale-label-large-weight-emphasized:var(--md-sys-typescale-weight-bold);--md-sys-typescale-label-large-size:calc(14 * var(--dp,1px));--md-sys-typescale-label-large-line-height:1.4286;--md-sys-typescale-label-large-letter-spacing:.00714em;--md-sys-typescale-label-medium-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-label-medium-weight:var(--md-sys-typescale-weight-medium);--md-sys-typescale-label-medium-weight-emphasized:var(--md-sys-typescale-weight-bold);--md-sys-typescale-label-medium-size:calc(12 * var(--dp,1px));--md-sys-typescale-label-medium-line-height:1.3333;--md-sys-typescale-label-medium-letter-spacing:.04167em;--md-sys-typescale-label-small-font:var(--md-sys-typescale-font-plain);--md-sys-typescale-label-small-weight:var(--md-sys-typescale-weight-medium);--md-sys-typescale-label-small-weight-emphasized:var(--md-sys-typescale-weight-bold);--md-sys-typescale-label-small-size:calc(11 * var(--dp,1px));--md-sys-typescale-label-small-line-height:1.4545;--md-sys-typescale-label-small-letter-spacing:.04545em}[data-theme=monochrome-light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-sys-color-primary:#000;--md-sys-color-on-primary:#e2e2e2;--md-sys-color-primary-container:#3b3b3b;--md-sys-color-on-primary-container:#fff;--md-sys-color-secondary:#5f5f5f;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#d4d4d4;--md-sys-color-on-secondary-container:#1b1b1b;--md-sys-color-tertiary:#3a3a3a;--md-sys-color-on-tertiary:#e2e2e2;--md-sys-color-tertiary-container:#747474;--md-sys-color-on-tertiary-container:#fff;--md-sys-color-error:#b3261e;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#f9dedc;--md-sys-color-on-error-container:#410e0b;--md-sys-color-background:#fdf7ff;--md-sys-color-on-background:#1d1b20;--md-sys-color-surface:#f9f9f9;--md-sys-color-surface-tint:#9f9f9f;--md-sys-color-on-surface:#1b1b1b;--md-sys-color-surface-variant:#e2e2e2;--md-sys-color-on-surface-variant:#474747;--md-sys-color-outline:#777;--md-sys-color-outline-variant:#c6c6c6;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#303030;--md-sys-color-inverse-on-surface:#f1f1f1;--md-sys-color-inverse-primary:#474747;--md-sys-color-primary-fixed:#5e5e5e;--md-sys-color-on-primary-fixed:#fff;--md-sys-color-primary-fixed-dim:#474747;--md-sys-color-on-primary-fixed-variant:#e3e2e2;--md-sys-color-secondary-fixed:#c6c6c6;--md-sys-color-on-secondary-fixed:#1b1c1c;--md-sys-color-secondary-fixed-dim:#ababab;--md-sys-color-on-secondary-fixed-variant:#3b3b3c;--md-sys-color-tertiary-fixed:#5e5e5e;--md-sys-color-on-tertiary-fixed:#fff;--md-sys-color-tertiary-fixed-dim:#474747;--md-sys-color-on-tertiary-fixed-variant:#e3e2e2;--md-sys-color-surface-dim:#dadada;--md-sys-color-surface-bright:#f9f9f9;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f3f3f3;--md-sys-color-surface-container:#eee;--md-sys-color-surface-container-high:#e8e8e8;--md-sys-color-surface-container-highest:#e2e2e2;--md-extended-color-primary-alt-color:var(--md-sys-color-primary);--md-extended-color-primary-alt-on-color:var(--md-sys-color-on-primary);--md-extended-color-primary-alt-color-container:var(--md-sys-color-primary-container);--md-extended-color-primary-alt-on-color-container:var(--md-sys-color-on-primary-container)}[data-theme=monochrome-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:#fff;--md-sys-color-on-primary:#1a1c1c;--md-sys-color-primary-container:#d4d4d4;--md-sys-color-on-primary-container:#000;--md-sys-color-secondary:#c6c6c6;--md-sys-color-on-secondary:#1a1c1c;--md-sys-color-secondary-container:#474747;--md-sys-color-on-secondary-container:#e2e2e2;--md-sys-color-tertiary:#e2e2e2;--md-sys-color-on-tertiary:#1a1c1c;--md-sys-color-tertiary-container:#919191;--md-sys-color-on-tertiary-container:#000;--md-sys-color-error:#f2b8b5;--md-sys-color-on-error:#601410;--md-sys-color-error-container:#8c1d18;--md-sys-color-on-error-container:#f2b8b5;--md-sys-color-background:#141218;--md-sys-color-on-background:#e6e0e9;--md-sys-color-surface:#131313;--md-sys-color-surface-tint:#e8e8e8;--md-sys-color-on-surface:#e2e2e2;--md-sys-color-surface-variant:#474747;--md-sys-color-on-surface-variant:#c6c6c6;--md-sys-color-outline:#919191;--md-sys-color-outline-variant:#474747;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#e2e2e2;--md-sys-color-inverse-on-surface:#303030;--md-sys-color-inverse-primary:#000;--md-sys-color-primary-fixed:#5e5e5e;--md-sys-color-on-primary-fixed:#fff;--md-sys-color-primary-fixed-dim:#474747;--md-sys-color-on-primary-fixed-variant:#e3e2e2;--md-sys-color-secondary-fixed:#c6c6c6;--md-sys-color-on-secondary-fixed:#1b1c1c;--md-sys-color-secondary-fixed-dim:#ababab;--md-sys-color-on-secondary-fixed-variant:#3b3b3c;--md-sys-color-tertiary-fixed:#5e5e5e;--md-sys-color-on-tertiary-fixed:#fff;--md-sys-color-tertiary-fixed-dim:#474747;--md-sys-color-on-tertiary-fixed-variant:#e3e2e2;--md-sys-color-surface-dim:#131313;--md-sys-color-surface-bright:#393939;--md-sys-color-surface-container-lowest:#0e0e0e;--md-sys-color-surface-container-low:#1b1b1b;--md-sys-color-surface-container:#1f1f1f;--md-sys-color-surface-container-high:#2a2a2a;--md-sys-color-surface-container-highest:#353535;--md-extended-color-primary-alt-color:var(--md-sys-color-primary);--md-extended-color-primary-alt-on-color:var(--md-sys-color-on-primary);--md-extended-color-primary-alt-color-container:var(--md-sys-color-primary-container);--md-extended-color-primary-alt-on-color-container:var(--md-sys-color-on-primary-container)}}@layer adgytec.base{.typography-display-large{font-family:var(--md-sys-typescale-display-large-font);font-weight:var(--md-sys-typescale-display-large-weight);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);letter-spacing:var(--md-sys-typescale-display-large-letter-spacing)}.typography-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-weight:var(--md-sys-typescale-display-medium-weight);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);letter-spacing:var(--md-sys-typescale-display-medium-letter-spacing)}.typography-display-small{font-family:var(--md-sys-typescale-display-small-font);font-weight:var(--md-sys-typescale-display-small-weight);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);letter-spacing:var(--md-sys-typescale-display-small-letter-spacing)}.typography-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-weight:var(--md-sys-typescale-headline-large-weight);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing)}.typography-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-weight:var(--md-sys-typescale-headline-medium-weight);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing)}.typography-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-weight:var(--md-sys-typescale-headline-small-weight);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing)}.typography-title-large{font-family:var(--md-sys-typescale-title-large-font);font-weight:var(--md-sys-typescale-title-large-weight);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);letter-spacing:var(--md-sys-typescale-title-large-letter-spacing)}.typography-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-weight:var(--md-sys-typescale-title-medium-weight);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}.typography-title-small{font-family:var(--md-sys-typescale-title-small-font);font-weight:var(--md-sys-typescale-title-small-weight);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing)}.typography-body-large{font-family:var(--md-sys-typescale-body-large-font);font-weight:var(--md-sys-typescale-body-large-weight);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing)}.typography-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-weight:var(--md-sys-typescale-body-medium-weight);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing)}.typography-body-small{font-family:var(--md-sys-typescale-body-small-font);font-weight:var(--md-sys-typescale-body-small-weight);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-letter-spacing)}.typography-label-large{font-family:var(--md-sys-typescale-label-large-font);font-weight:var(--md-sys-typescale-label-large-weight);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing)}.typography-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-weight:var(--md-sys-typescale-label-medium-weight);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing)}.typography-label-small{font-family:var(--md-sys-typescale-label-small-font);font-weight:var(--md-sys-typescale-label-small-weight);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing)}.typography-display-large-fluid{font-family:var(--md-sys-typescale-display-large-font);font-weight:var(--md-sys-typescale-display-large-weight);font-size:clamp(var(--md-sys-typescale-display-small-size), calc(1.5rem + 2vw), var(--md-sys-typescale-display-large-size));line-height:var(--md-sys-typescale-display-large-line-height);letter-spacing:var(--md-sys-typescale-display-large-letter-spacing)}.typography-display-medium-fluid{font-family:var(--md-sys-typescale-display-medium-font);font-weight:var(--md-sys-typescale-display-medium-weight);font-size:clamp(var(--md-sys-typescale-headline-large-size), calc(1.25rem + 1.8vw), var(--md-sys-typescale-display-medium-size));line-height:var(--md-sys-typescale-display-medium-line-height);letter-spacing:var(--md-sys-typescale-display-medium-letter-spacing)}.typography-display-small-fluid{font-family:var(--md-sys-typescale-display-small-font);font-weight:var(--md-sys-typescale-display-small-weight);font-size:clamp(var(--md-sys-typescale-headline-medium-size), calc(1.125rem + 1.5vw), var(--md-sys-typescale-display-small-size));line-height:var(--md-sys-typescale-display-small-line-height);letter-spacing:var(--md-sys-typescale-display-small-letter-spacing)}.typography-headline-large-fluid{font-family:var(--md-sys-typescale-headline-large-font);font-weight:var(--md-sys-typescale-headline-large-weight);font-size:clamp(var(--md-sys-typescale-headline-small-size), calc(1rem + 1.2vw), var(--md-sys-typescale-headline-large-size));line-height:var(--md-sys-typescale-headline-large-line-height);letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing)}.typography-headline-medium-fluid{font-family:var(--md-sys-typescale-headline-medium-font);font-weight:var(--md-sys-typescale-headline-medium-weight);font-size:clamp(var(--md-sys-typescale-title-large-size), calc(.9rem + 1vw), var(--md-sys-typescale-headline-medium-size));line-height:var(--md-sys-typescale-headline-medium-line-height);letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing)}.typography-headline-small-fluid{font-family:var(--md-sys-typescale-headline-small-font);font-weight:var(--md-sys-typescale-headline-small-weight);font-size:clamp(var(--md-sys-typescale-title-medium-size), calc(.85rem + .8vw), var(--md-sys-typescale-headline-small-size));line-height:var(--md-sys-typescale-headline-small-line-height);letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing)}.typography-display-large-emphasized{font-family:var(--md-sys-typescale-display-large-font);font-weight:var(--md-sys-typescale-display-large-weight-emphasized);font-size:var(--md-sys-typescale-display-large-size);line-height:var(--md-sys-typescale-display-large-line-height);letter-spacing:var(--md-sys-typescale-display-large-letter-spacing)}.typography-display-medium-emphasized{font-family:var(--md-sys-typescale-display-medium-font);font-weight:var(--md-sys-typescale-display-medium-weight-emphasized);font-size:var(--md-sys-typescale-display-medium-size);line-height:var(--md-sys-typescale-display-medium-line-height);letter-spacing:var(--md-sys-typescale-display-medium-letter-spacing)}.typography-display-small-emphasized{font-family:var(--md-sys-typescale-display-small-font);font-weight:var(--md-sys-typescale-display-small-weight-emphasized);font-size:var(--md-sys-typescale-display-small-size);line-height:var(--md-sys-typescale-display-small-line-height);letter-spacing:var(--md-sys-typescale-display-small-letter-spacing)}.typography-headline-large-emphasized{font-family:var(--md-sys-typescale-headline-large-font);font-weight:var(--md-sys-typescale-headline-large-weight-emphasized);font-size:var(--md-sys-typescale-headline-large-size);line-height:var(--md-sys-typescale-headline-large-line-height);letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing)}.typography-headline-medium-emphasized{font-family:var(--md-sys-typescale-headline-medium-font);font-weight:var(--md-sys-typescale-headline-medium-weight-emphasized);font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height);letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing)}.typography-headline-small-emphasized{font-family:var(--md-sys-typescale-headline-small-font);font-weight:var(--md-sys-typescale-headline-small-weight-emphasized);font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height);letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing)}.typography-title-large-emphasized{font-family:var(--md-sys-typescale-title-large-font);font-weight:var(--md-sys-typescale-title-large-weight-emphasized);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);letter-spacing:var(--md-sys-typescale-title-large-letter-spacing)}.typography-title-medium-emphasized{font-family:var(--md-sys-typescale-title-medium-font);font-weight:var(--md-sys-typescale-title-medium-weight-emphasized);font-size:var(--md-sys-typescale-title-medium-size);line-height:var(--md-sys-typescale-title-medium-line-height);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}.typography-title-small-emphasized{font-family:var(--md-sys-typescale-title-small-font);font-weight:var(--md-sys-typescale-title-small-weight-emphasized);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing)}.typography-body-large-emphasized{font-family:var(--md-sys-typescale-body-large-font);font-weight:var(--md-sys-typescale-body-large-weight-emphasized);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing)}.typography-body-medium-emphasized{font-family:var(--md-sys-typescale-body-medium-font);font-weight:var(--md-sys-typescale-body-medium-weight-emphasized);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing)}.typography-body-small-emphasized{font-family:var(--md-sys-typescale-body-small-font);font-weight:var(--md-sys-typescale-body-small-weight-emphasized);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-letter-spacing)}.typography-label-large-emphasized{font-family:var(--md-sys-typescale-label-large-font);font-weight:var(--md-sys-typescale-label-large-weight-emphasized);font-size:var(--md-sys-typescale-label-large-size);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing)}.typography-label-medium-emphasized{font-family:var(--md-sys-typescale-label-medium-font);font-weight:var(--md-sys-typescale-label-medium-weight-emphasized);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing)}.typography-label-small-emphasized{font-family:var(--md-sys-typescale-label-small-font);font-weight:var(--md-sys-typescale-label-small-weight-emphasized);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing)}}@layer adgytec.comps,adgytec.overrides;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialog","names":[],"sources":["../../src/components/Dialog/ActionDialog/actionDialog.module.css","../../src/components/Dialog/ActionDialog/ActionDialog.tsx"],"sourcesContent":["@layer adgytec.comps {\n .action-dialog {\n --_divider-thickness: calc(1 * var(--dp, 1px));\n --_divider-color: rgb(\n from currentColor r g b /\n var(--md-sys-state-divider)\n );\n\n display: grid;\n grid-template-rows: 1fr;\n padding-inline: 0;\n\n &[data-actions] {\n grid-template-rows: 1fr auto;\n }\n\n &[data-dialog-head] {\n grid-template-rows: auto 1fr;\n\n &[data-actions] {\n grid-template-rows: auto 1fr auto;\n }\n }\n }\n\n .heading-container {\n color: var(--_md-dialog-icon-color);\n padding-block-end: calc(var(--_md-dialog-title-body-gap) / 2);\n padding-inline: var(--_md-dialog-container-padding);\n\n display: grid;\n gap: var(--_md-dialog-title-icon-gap);\n\n &[data-divider] {\n border-block-end: var(--_divider-thickness) solid\n var(--_divider-color);\n }\n\n &[data-icon] {\n text-align: center;\n justify-items: center;\n }\n }\n\n .heading {\n color: var(--_md-dialog-headline-text-color);\n }\n\n .action-container {\n padding-inline: var(--_md-dialog-container-padding);\n padding-block-start: calc(var(--_md-dialog-body-action-gap) / 2);\n\n &[data-divider] {\n border-block-start: var(--_divider-thickness) solid\n var(--_divider-color);\n }\n }\n\n .actions {\n display: flex;\n justify-content: flex-end;\n gap: var(--_md-dialog-action-gap);\n }\n\n .body {\n padding-inline: var(--_md-dialog-container-padding);\n overflow: auto;\n\n margin-block-start: calc(var(--_md-dialog-title-body-gap) / 2);\n margin-block-end: calc(var(--_md-dialog-body-action-gap) / 2);\n }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport {\n DialogBodyTypography,\n DialogHeadlineTypography,\n DialogIconSize,\n} from \"../core\";\nimport { Dialog } from \"../Dialog\";\nimport styles from \"./actionDialog.module.css\";\nimport type { ActionDialogProps } from \"./types\";\n\nexport const ActionDialog: React.FC<ActionDialogProps> = ({\n heading,\n icon,\n actions,\n children,\n divider = \"none\",\n ...props\n}) => {\n const headingDivider = divider === \"all\" || divider === \"after-heading\";\n const actionDivider = divider === \"all\" || divider === \"before-actions\";\n const hasActions = Array.isArray(actions) ? actions.length > 0 : !!actions;\n\n return (\n <Dialog\n className={clsx(styles[\"action-dialog\"])}\n {...props}\n data-dialog-head={!!heading || !!icon || undefined}\n data-actions={hasActions || undefined}\n >\n {(renderProps) => (\n <>\n {(heading || icon) && (\n <div\n className={clsx(styles[\"heading-container\"])}\n data-icon={!!icon || undefined}\n data-divider={headingDivider || undefined}\n >\n {icon && <Icon icon={icon} size={DialogIconSize} />}\n\n {heading && (\n <Heading\n slot=\"title\"\n className={clsx(\n DialogHeadlineTypography,\n styles[\"heading\"]\n )}\n >\n {heading}\n </Heading>\n )}\n </div>\n )}\n\n <div className={clsx(DialogBodyTypography, styles[\"body\"])}>\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </div>\n\n {hasActions && (\n <div\n className={clsx(styles[\"action-container\"])}\n data-divider={actionDivider || undefined}\n >\n <div className={clsx(styles[\"actions\"])}>\n {typeof actions === \"function\"\n ? actions(renderProps)\n : actions}\n </div>\n </div>\n )}\n </>\n )}\n </Dialog>\n );\n};\n"],"mappings":";;;;;;;;;;;;;GCYa,KAA6C,EACtD,YACA,SACA,YACA,aACA,aAAU,QACV,GAAG,QACD;CACF,IAAM,IAAiB,MAAY,SAAS,MAAY,iBAClD,IAAgB,MAAY,SAAS,MAAY,kBACjD,IAAa,MAAM,QAAQ,CAAO,IAAI,EAAQ,SAAS,IAAI,CAAC,CAAC;CAEnE,OACI,kBAAC,GAAD;EACI,WAAW,EAAK,EAAO,gBAAgB;EACvC,GAAI;EACJ,oBAAkB,CAAC,CAAC,KAAW,CAAC,CAAC,KAAQ,KAAA;EACzC,gBAAc,KAAc,KAAA;aAE1B,MACE,kBAAA,GAAA,EAAA,UAAA;IACM,KAAW,MACT,kBAAC,OAAD;IACI,WAAW,EAAK,EAAO,oBAAoB;IAC3C,aAAW,CAAC,CAAC,KAAQ,KAAA;IACrB,gBAAc,KAAkB,KAAA;cAHpC,CAKK,KAAQ,kBAAC,GAAD;KAAY;KAAM,MAAA;
|
|
1
|
+
{"version":3,"file":"ActionDialog","names":[],"sources":["../../src/components/Dialog/ActionDialog/actionDialog.module.css","../../src/components/Dialog/ActionDialog/ActionDialog.tsx"],"sourcesContent":["@layer adgytec.comps {\n .action-dialog {\n --_divider-thickness: calc(1 * var(--dp, 1px));\n --_divider-color: rgb(\n from currentColor r g b /\n var(--md-sys-state-divider)\n );\n\n display: grid;\n grid-template-rows: 1fr;\n padding-inline: 0;\n\n &[data-actions] {\n grid-template-rows: 1fr auto;\n }\n\n &[data-dialog-head] {\n grid-template-rows: auto 1fr;\n\n &[data-actions] {\n grid-template-rows: auto 1fr auto;\n }\n }\n }\n\n .heading-container {\n color: var(--_md-dialog-icon-color);\n padding-block-end: calc(var(--_md-dialog-title-body-gap) / 2);\n padding-inline: var(--_md-dialog-container-padding);\n\n display: grid;\n gap: var(--_md-dialog-title-icon-gap);\n\n &[data-divider] {\n border-block-end: var(--_divider-thickness) solid\n var(--_divider-color);\n }\n\n &[data-icon] {\n text-align: center;\n justify-items: center;\n }\n }\n\n .heading {\n color: var(--_md-dialog-headline-text-color);\n }\n\n .action-container {\n padding-inline: var(--_md-dialog-container-padding);\n padding-block-start: calc(var(--_md-dialog-body-action-gap) / 2);\n\n &[data-divider] {\n border-block-start: var(--_divider-thickness) solid\n var(--_divider-color);\n }\n }\n\n .actions {\n display: flex;\n justify-content: flex-end;\n gap: var(--_md-dialog-action-gap);\n }\n\n .body {\n padding-inline: var(--_md-dialog-container-padding);\n overflow: auto;\n\n margin-block-start: calc(var(--_md-dialog-title-body-gap) / 2);\n margin-block-end: calc(var(--_md-dialog-body-action-gap) / 2);\n }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport {\n DialogBodyTypography,\n DialogHeadlineTypography,\n DialogIconSize,\n} from \"../core\";\nimport { Dialog } from \"../Dialog\";\nimport styles from \"./actionDialog.module.css\";\nimport type { ActionDialogProps } from \"./types\";\n\nexport const ActionDialog: React.FC<ActionDialogProps> = ({\n heading,\n icon,\n actions,\n children,\n divider = \"none\",\n ...props\n}) => {\n const headingDivider = divider === \"all\" || divider === \"after-heading\";\n const actionDivider = divider === \"all\" || divider === \"before-actions\";\n const hasActions = Array.isArray(actions) ? actions.length > 0 : !!actions;\n\n return (\n <Dialog\n className={clsx(styles[\"action-dialog\"])}\n {...props}\n data-dialog-head={!!heading || !!icon || undefined}\n data-actions={hasActions || undefined}\n >\n {(renderProps) => (\n <>\n {(heading || icon) && (\n <div\n className={clsx(styles[\"heading-container\"])}\n data-icon={!!icon || undefined}\n data-divider={headingDivider || undefined}\n >\n {icon && <Icon icon={icon} size={DialogIconSize} />}\n\n {heading && (\n <Heading\n slot=\"title\"\n className={clsx(\n DialogHeadlineTypography,\n styles[\"heading\"]\n )}\n >\n {heading}\n </Heading>\n )}\n </div>\n )}\n\n <div className={clsx(DialogBodyTypography, styles[\"body\"])}>\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </div>\n\n {hasActions && (\n <div\n className={clsx(styles[\"action-container\"])}\n data-divider={actionDivider || undefined}\n >\n <div className={clsx(styles[\"actions\"])}>\n {typeof actions === \"function\"\n ? actions(renderProps)\n : actions}\n </div>\n </div>\n )}\n </>\n )}\n </Dialog>\n );\n};\n"],"mappings":";;;;;;;;;;;;;GCYa,KAA6C,EACtD,YACA,SACA,YACA,aACA,aAAU,QACV,GAAG,QACD;CACF,IAAM,IAAiB,MAAY,SAAS,MAAY,iBAClD,IAAgB,MAAY,SAAS,MAAY,kBACjD,IAAa,MAAM,QAAQ,CAAO,IAAI,EAAQ,SAAS,IAAI,CAAC,CAAC;CAEnE,OACI,kBAAC,GAAD;EACI,WAAW,EAAK,EAAO,gBAAgB;EACvC,GAAI;EACJ,oBAAkB,CAAC,CAAC,KAAW,CAAC,CAAC,KAAQ,KAAA;EACzC,gBAAc,KAAc,KAAA;aAE1B,MACE,kBAAA,GAAA,EAAA,UAAA;IACM,KAAW,MACT,kBAAC,OAAD;IACI,WAAW,EAAK,EAAO,oBAAoB;IAC3C,aAAW,CAAC,CAAC,KAAQ,KAAA;IACrB,gBAAc,KAAkB,KAAA;cAHpC,CAKK,KAAQ,kBAAC,GAAD;KAAY;KAAM,MAAA;IAAqB,CAAA,GAE/C,KACG,kBAAC,GAAD;KACI,MAAK;KACL,WAAW,EACP,GACA,EAAO,OACX;eAEC;IACI,CAAA,CAEZ;;GAGT,kBAAC,OAAD;IAAK,WAAW,EAAK,GAAsB,EAAO,IAAO;cACpD,OAAO,KAAa,aACf,EAAS,CAAW,IACpB;GACL,CAAA;GAEJ,KACG,kBAAC,OAAD;IACI,WAAW,EAAK,EAAO,mBAAmB;IAC1C,gBAAc,KAAiB,KAAA;cAE/B,kBAAC,OAAD;KAAK,WAAW,EAAK,EAAO,OAAU;eACjC,OAAO,KAAY,aACd,EAAQ,CAAW,IACnB;IACL,CAAA;GACJ,CAAA;EAEb,EAAA,CAAA;CAEA,CAAA;AAEhB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBarAction","names":[],"sources":["../../src/components/AppBar/AppBarAction/appBarAction.module.css","../../src/components/AppBar/AppBarAction/AppBarAction.tsx"],"sourcesContent":["@layer adgytec.comps {\n .action {\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n","import clsx from \"clsx\";\nimport { IconButton, type IconButtonProps } from \"@/components/Button\";\nimport styles from \"./appBarAction.module.css\";\n\nexport const AppBarAction: React.FC<Omit<IconButtonProps, \"size\">> = ({\n color = \"standard\",\n className,\n ...props\n}) => {\n return (\n <IconButton\n className={(renderProps) =>\n clsx(\n styles[\"action\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n color={color}\n size=\"small\"\n />\n );\n};\n"],"mappings":";;;uCCIa,KAAyD,EAClE,WAAQ,YACR,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,QACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;CACG;CACP,MAAK;
|
|
1
|
+
{"version":3,"file":"AppBarAction","names":[],"sources":["../../src/components/AppBar/AppBarAction/appBarAction.module.css","../../src/components/AppBar/AppBarAction/AppBarAction.tsx"],"sourcesContent":["@layer adgytec.comps {\n .action {\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n","import clsx from \"clsx\";\nimport { IconButton, type IconButtonProps } from \"@/components/Button\";\nimport styles from \"./appBarAction.module.css\";\n\nexport const AppBarAction: React.FC<Omit<IconButtonProps, \"size\">> = ({\n color = \"standard\",\n className,\n ...props\n}) => {\n return (\n <IconButton\n className={(renderProps) =>\n clsx(\n styles[\"action\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n color={color}\n size=\"small\"\n />\n );\n};\n"],"mappings":";;;uCCIa,KAAyD,EAClE,WAAQ,YACR,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAO,QACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;CACG;CACP,MAAK;AAAO,CAAA"}
|
package/dist/chunks/AppBarAvatar
CHANGED
|
@@ -1,35 +1,43 @@
|
|
|
1
|
-
import { t as e } from "./
|
|
2
|
-
import { t } from "./
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import s from "
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import { t as e } from "./compiler-runtime";
|
|
2
|
+
import { t } from "./tapTarget";
|
|
3
|
+
import { t as n } from "./base";
|
|
4
|
+
import { n as r, t as i } from "./useSplash";
|
|
5
|
+
import { f as a, l as o, u as s } from "./core";
|
|
6
|
+
import c from "clsx";
|
|
7
|
+
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
8
|
+
import { Button as d } from "react-aria-components";
|
|
9
|
+
import '../assets/AppBarAvatar.css';//#region src/components/AppBar/AppBarAvatar/appBarAvatar.module.css
|
|
10
|
+
var f = e(), p = { avatar: "_avatar_xrsa2_2" }, m = (e) => {
|
|
11
|
+
let m = (0, f.c)(15), h, g, _, v;
|
|
12
|
+
m[0] === e ? (h = m[1], g = m[2], _ = m[3], v = m[4]) : ({className: g, children: h, onPress: _, ...v} = e, m[0] = e, m[1] = h, m[2] = g, m[3] = _, m[4] = v);
|
|
13
|
+
let { splashInfo: y, handlePress: b } = i(_), x;
|
|
14
|
+
m[5] === g ? x = m[6] : (x = (e) => c(a, p.avatar, n.labelLarge, t, s("filled"), typeof g == "function" ? g(e) : g), m[5] = g, m[6] = x);
|
|
15
|
+
let S;
|
|
16
|
+
m[7] !== h || m[8] !== y ? (S = (e) => {
|
|
17
|
+
let { isDisabled: t, isFocusVisible: n, isFocused: i, isPressed: a, isHovered: s } = e, d = {
|
|
18
|
+
"data-hovered": s || void 0,
|
|
19
|
+
"data-disabled": t || void 0,
|
|
20
|
+
"data-focused": i || void 0,
|
|
21
|
+
"data-focus-visible": n || void 0,
|
|
22
|
+
"data-pressed": a || void 0,
|
|
23
|
+
"data-visual-button": !0
|
|
24
|
+
};
|
|
25
|
+
return /* @__PURE__ */ u("span", {
|
|
26
|
+
className: c(o),
|
|
27
|
+
...d,
|
|
28
|
+
children: [y && /* @__PURE__ */ l(r, { ...y }), typeof h == "function" ? h(e) : h]
|
|
29
|
+
});
|
|
30
|
+
}, m[7] = h, m[8] = y, m[9] = S) : S = m[9];
|
|
31
|
+
let C;
|
|
32
|
+
return m[10] !== b || m[11] !== v || m[12] !== x || m[13] !== S ? (C = /* @__PURE__ */ l(d, {
|
|
33
|
+
onPress: b,
|
|
34
|
+
className: x,
|
|
35
|
+
...v,
|
|
14
36
|
"data-button": !0,
|
|
15
|
-
children:
|
|
16
|
-
|
|
17
|
-
"data-hovered": u || void 0,
|
|
18
|
-
"data-disabled": t || void 0,
|
|
19
|
-
"data-focused": i || void 0,
|
|
20
|
-
"data-focus-visible": r || void 0,
|
|
21
|
-
"data-pressed": o || void 0,
|
|
22
|
-
"data-visual-button": !0
|
|
23
|
-
};
|
|
24
|
-
return /* @__PURE__ */ l("span", {
|
|
25
|
-
className: s(a),
|
|
26
|
-
...d,
|
|
27
|
-
children: [g && /* @__PURE__ */ c(n, { ...g }), typeof p == "function" ? p(e) : p]
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
});
|
|
37
|
+
children: S
|
|
38
|
+
}), m[10] = b, m[11] = v, m[12] = x, m[13] = S, m[14] = C) : C = m[14], C;
|
|
31
39
|
};
|
|
32
40
|
//#endregion
|
|
33
|
-
export {
|
|
41
|
+
export { m as t };
|
|
34
42
|
|
|
35
43
|
//# sourceMappingURL=AppBarAvatar.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBarAvatar","names":[],"sources":["../../src/components/AppBar/AppBarAvatar/appBarAvatar.module.css","../../src/components/AppBar/AppBarAvatar/AppBarAvatar.tsx"],"sourcesContent":["@layer adgytec.comps {\n .avatar {\n --_md-app-bar-avatar-size: var(--md-sys-layout-space-32);\n\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > [data-visual-button] {\n display: flex;\n align-items: center;\n justify-content: center;\n\n inline-size: var(--_md-app-bar-avatar-size);\n max-inline-size: var(--_md-app-bar-avatar-size);\n\n block-size: var(--_md-app-bar-avatar-size);\n max-block-size: var(--_md-app-bar-avatar-size);\n\n border-radius: 50%;\n overflow: clip;\n position: relative;\n\n text-align: center;\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n }\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Button } from \"react-aria-components\";\nimport {\n ButtonReset,\n buttonColorBase,\n buttonColorConfig,\n} from \"@/components/Button\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport { TapTarget, typography } from \"@/utils\";\nimport styles from \"./appBarAvatar.module.css\";\n\nexport const AppBarAvatar: React.FC<\n React.ComponentPropsWithRef<typeof Button>\n> = ({ className, children, onPress, ...props }) => {\n const { splashInfo, handlePress } = useSplash(onPress);\n\n return (\n <Button\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n styles[\"avatar\"],\n typography.labelLarge,\n TapTarget,\n buttonColorConfig(\"filled\"),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-button\n >\n {(renderProps) => {\n const {\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n \"data-hovered\": isHovered || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focused\": isFocused || undefined,\n \"data-focus-visible\": isFocusVisible || undefined,\n \"data-pressed\": isPressed || undefined,\n \"data-visual-button\": true,\n };\n\n return (\n <span className={clsx(buttonColorBase)} {...dataAttrs}>\n {splashInfo && <Splash {...splashInfo} />}\n\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </span>\n );\n }}\n </Button>\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AppBarAvatar","names":["renderProps","handlePress"],"sources":["../../src/components/AppBar/AppBarAvatar/appBarAvatar.module.css","../../src/components/AppBar/AppBarAvatar/AppBarAvatar.tsx"],"sourcesContent":["@layer adgytec.comps {\n .avatar {\n --_md-app-bar-avatar-size: var(--md-sys-layout-space-32);\n\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > [data-visual-button] {\n display: flex;\n align-items: center;\n justify-content: center;\n\n inline-size: var(--_md-app-bar-avatar-size);\n max-inline-size: var(--_md-app-bar-avatar-size);\n\n block-size: var(--_md-app-bar-avatar-size);\n max-block-size: var(--_md-app-bar-avatar-size);\n\n border-radius: 50%;\n overflow: clip;\n position: relative;\n\n text-align: center;\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n }\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Button } from \"react-aria-components\";\nimport {\n ButtonReset,\n buttonColorBase,\n buttonColorConfig,\n} from \"@/components/Button\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport { TapTarget, typography } from \"@/utils\";\nimport styles from \"./appBarAvatar.module.css\";\n\nexport const AppBarAvatar: React.FC<\n React.ComponentPropsWithRef<typeof Button>\n> = ({ className, children, onPress, ...props }) => {\n const { splashInfo, handlePress } = useSplash(onPress);\n\n return (\n <Button\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n styles[\"avatar\"],\n typography.labelLarge,\n TapTarget,\n buttonColorConfig(\"filled\"),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-button\n >\n {(renderProps) => {\n const {\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n \"data-hovered\": isHovered || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focused\": isFocused || undefined,\n \"data-focus-visible\": isFocusVisible || undefined,\n \"data-pressed\": isPressed || undefined,\n \"data-visual-button\": true,\n };\n\n return (\n <span className={clsx(buttonColorBase)} {...dataAttrs}>\n {splashInfo && <Splash {...splashInfo} />}\n\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </span>\n );\n }}\n </Button>\n );\n};\n"],"mappings":";;;;;;;;;gDCWa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAA2C,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,OAA1C,2CAAA,KAAA,GAA0C,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAC3C,IAAA,EAAA,eAAA,mBAAoC,EAAU,CAAO,GAAE;CAAA,AAAA,EAAA,OAAA,IAe1C,IAAA,EAAA,MAVM,KAAA,MACP,EACI,GACA,EAAM,QACN,EAAU,YACV,GACA,EAAkB,QAAQ,GAC1B,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAKJ,KAAA,MAAA;EACG,IAAA,EAAA,eAAA,mBAAA,cAAA,cAAA,iBAMIA,GAEJ,IAAkB;GAAA,gBACE,KAAA,KAAA;GAAsB,iBACrB,KAAA,KAAA;GAAuB,gBACxB,KAAA,KAAA;GAAsB,sBAChB,KAAA,KAAA;GAA2B,gBACjC,KAAA,KAAA;GAAsB,sBAChB;EAC1B;EAAE,OAGE,kBAAA,QAAA;GAAiB,WAAA,EAAK,CAAe;GAAC,GAAM;aAA5C,CACK,KAAc,kBAAC,GAAD,EAAO,GAAK,EAAU,CAAA,GAEpC,OAAO,KAAa,aACf,EAASA,CACF,IAFZ,CAGE;;CAAA,GAEd,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CACI,OADJ,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KA5CL,IAAA,kBAAC,GAAD;EACaC,SAAA;EACE,WAAA;EAUN,GAED;EACJ,eAAA;YAEC;CAjBE,CAAA,GA6CE,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KA7CT;AA6CS"}
|
|
@@ -1,19 +1,25 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import t from "
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
1
|
+
import { t as e } from "./compiler-runtime";
|
|
2
|
+
import { useAppBarContext as t } from "../components/AppBar/core/index.js";
|
|
3
|
+
import n from "clsx";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
import { Heading as i } from "react-aria-components";
|
|
6
|
+
import '../assets/AppBarHeadline.css';//#region src/components/AppBar/AppBarHeadline/appBarHeadline.module.css
|
|
7
|
+
var a = e(), o = {
|
|
6
8
|
headline: "_headline_172aj_2",
|
|
7
9
|
centered: "_centered_172aj_9"
|
|
8
|
-
},
|
|
9
|
-
let s =
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
}, s = (e) => {
|
|
11
|
+
let s = (0, a.c)(10), c, l;
|
|
12
|
+
s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
|
|
13
|
+
let u = t(), d = o[u.alignment], f;
|
|
14
|
+
s[3] !== u.headlineTypography || s[4] !== c || s[5] !== d ? (f = n(u.headlineTypography, o.headline, d, c), s[3] = u.headlineTypography, s[4] = c, s[5] = d, s[6] = f) : f = s[6];
|
|
15
|
+
let p;
|
|
16
|
+
return s[7] !== l || s[8] !== f ? (p = /* @__PURE__ */ r(i, {
|
|
17
|
+
className: f,
|
|
18
|
+
...l,
|
|
13
19
|
"data-app-bar-headline": !0
|
|
14
|
-
});
|
|
20
|
+
}), s[7] = l, s[8] = f, s[9] = p) : p = s[9], p;
|
|
15
21
|
};
|
|
16
22
|
//#endregion
|
|
17
|
-
export {
|
|
23
|
+
export { s as t };
|
|
18
24
|
|
|
19
25
|
//# sourceMappingURL=AppBarHeadline.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBarHeadline","names":[],"sources":["../../src/components/AppBar/AppBarHeadline/appBarHeadline.module.css","../../src/components/AppBar/AppBarHeadline/AppBarHeadline.tsx"],"sourcesContent":["@layer adgytec.comps {\n .headline {\n color: var(--_md-app-bar-title-color);\n\n max-block-size: var(--_md-app-bar-headline-block-size);\n block-size: var(--_md-app-bar-headline-block-size);\n }\n\n .centered {\n text-align: center;\n }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { useAppBarContext } from \"../core\";\nimport styles from \"./appBarHeadline.module.css\";\n\nexport const AppBarHeadline: React.FC<\n React.ComponentPropsWithRef<typeof Heading>\n> = ({ className, ...props }) => {\n const appBarContext = useAppBarContext();\n\n return (\n <Heading\n className={clsx(\n appBarContext.headlineTypography,\n styles[\"headline\"],\n styles[appBarContext.alignment],\n className\n )}\n {...props}\n data-app-bar-headline\n />\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AppBarHeadline","names":[],"sources":["../../src/components/AppBar/AppBarHeadline/appBarHeadline.module.css","../../src/components/AppBar/AppBarHeadline/AppBarHeadline.tsx"],"sourcesContent":["@layer adgytec.comps {\n .headline {\n color: var(--_md-app-bar-title-color);\n\n max-block-size: var(--_md-app-bar-headline-block-size);\n block-size: var(--_md-app-bar-headline-block-size);\n }\n\n .centered {\n text-align: center;\n }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { useAppBarContext } from \"../core\";\nimport styles from \"./appBarHeadline.module.css\";\n\nexport const AppBarHeadline: React.FC<\n React.ComponentPropsWithRef<typeof Heading>\n> = ({ className, ...props }) => {\n const appBarContext = useAppBarContext();\n\n return (\n <Heading\n className={clsx(\n appBarContext.headlineTypography,\n styles[\"headline\"],\n styles[appBarContext.alignment],\n className\n )}\n {...props}\n data-app-bar-headline\n />\n );\n};\n"],"mappings":";;;;;;;;;GCKa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CACxB,IAAA,IAAsB,EAAiB,GAO3B,IAAA,EAAO,EAAa,YAAW;CAAA,AAAA,EAAA,OAAA,EAAA,sBAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAHxB,IAAA,EACP,EAAa,oBACb,EAAM,UACN,GACA,CACJ,GAAC,EAAA,KAAA,EAAA,oBAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CAGH,OAHG,EAAA,OAAA,KAAA,EAAA,OAAA,KANL,IAAA,kBAAC,GAAD;EACe,WAAA;EAKV,GACG;EACJ,yBAAA;CAAqB,CAAA,GACvB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IATF;AASE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseCalendar","names":[],"sources":["../../src/components/Calendar/BaseCalendar/baseCalendar.module.css","../../src/components/Calendar/BaseCalendar/BaseCalendar.tsx"],"sourcesContent":["@layer adgytec.comps {\n .header {\n padding-inline: var(--md-sys-layout-space-12);\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n [data-visual-button] {\n &[data-disabled] {\n background-color: transparent;\n }\n }\n }\n\n .selection {\n --rotate: 0;\n\n &[data-pressed] {\n --rotate: 180deg;\n\n [data-visual-button] {\n --state-layer-opacity: var(--md-sys-state-pressed);\n }\n }\n\n svg {\n rotate: var(--rotate);\n transition: rotate var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n }\n\n .options {\n display: flex;\n align-items: center;\n }\n\n .transition-group {\n position: relative;\n overflow: clip;\n }\n\n .view {\n transition: opacity var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n opacity: 0;\n\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n\n &[data-exiting] {\n position: absolute;\n inset: 0;\n opacity: 0;\n }\n\n &[data-entered] {\n opacity: 1;\n }\n\n [data-menu] {\n max-block-size: calc(6 * var(--_md-calendar-cell-size));\n block-size: calc(6 * var(--_md-calendar-cell-size));\n\n min-inline-size: calc(7 * var(--_md-calendar-cell-size));\n\n overflow-y: auto;\n padding-block-start: var(--md-sys-layout-space-12);\n padding-block-end: var(--md-sys-layout-space-4);\n\n border-block-start: calc(1 * var(--dp, 1px)) solid\n var(--_md-calendar-menu-divider-color);\n }\n }\n}\n","import { type CalendarDate, today } from \"@internationalized/date\";\nimport clsx from \"clsx\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { createRef, useMemo, useRef, useState } from \"react\";\nimport { useDateFormatter } from \"react-aria\";\nimport { ButtonContext } from \"react-aria-components\";\nimport { Transition, TransitionGroup } from \"react-transition-group\";\nimport { Button, IconButton } from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarGrid } from \"../CalendarGrid\";\nimport { CalendarMonthMenu } from \"../CalendarMonthMenu\";\nimport { CalendarYearMenu } from \"../CalendarYearMenu\";\nimport {\n defaultMaxYearIncrement,\n defaultMinYear,\n isRangeCalendarState,\n type MonthItem,\n useCalendarState,\n type WeekdayStyle,\n type YearItem,\n} from \"../core\";\nimport styles from \"./baseCalendar.module.css\";\n\ntype View = \"calendar\" | \"month\" | \"year\";\n\nexport const BaseCalendar: React.FC<{\n isRangeCalendar?: boolean;\n weekdayStyle?: WeekdayStyle;\n}> = ({ isRangeCalendar, weekdayStyle }) => {\n const [view, setView] = useState<View>(\"calendar\");\n const nodeRefs = useRef({\n calendar: createRef<HTMLDivElement>(),\n month: createRef<HTMLDivElement>(),\n year: createRef<HTMLDivElement>(),\n }).current;\n const currentRef = nodeRefs[view];\n // fixes menu selection issue in range calendar\n const anchorDate = useRef<CalendarDate | null>(null);\n\n const calendarState = useCalendarState();\n const timeZone = calendarState.timeZone;\n\n const monthShortFormatter = useDateFormatter({\n month: \"short\",\n timeZone: timeZone,\n });\n const monthLongFormatter = useDateFormatter({\n month: \"long\",\n timeZone,\n });\n const yearFormatter = useDateFormatter({\n year: \"numeric\",\n timeZone: timeZone,\n });\n\n const focusedMonth = monthShortFormatter.format(\n calendarState.focusedDate.toDate(timeZone)\n );\n const focusedYear = yearFormatter.format(\n calendarState.focusedDate.toDate(timeZone)\n );\n\n // create year menu items\n const currentYear = today(timeZone).year;\n\n const minYear = calendarState.minValue?.year ?? defaultMinYear;\n const maxYear =\n calendarState.maxValue?.year ?? currentYear + defaultMaxYearIncrement;\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect rendered year labels\n const years = useMemo(() => {\n const items: YearItem[] = [];\n\n for (let year = minYear; year <= maxYear; year++) {\n const date = calendarState.focusedDate.set({ year });\n\n items.push({\n id: year,\n formatted: yearFormatter.format(date.toDate(timeZone)),\n });\n }\n\n return items;\n }, [minYear, maxYear, timeZone, yearFormatter]);\n\n // create month menu items\n // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect generated month items\n const months = useMemo(() => {\n const items: MonthItem[] = [];\n\n const numMonths = calendarState.focusedDate.calendar.getMonthsInYear(\n calendarState.focusedDate\n );\n\n for (let month = 1; month <= numMonths; month++) {\n const date = calendarState.focusedDate.set({ month });\n\n items.push({\n id: month,\n formatted: monthLongFormatter.format(date.toDate(timeZone)),\n });\n }\n\n return items;\n }, [calendarState.focusedDate.calendar, timeZone, monthLongFormatter]);\n\n const isYearInvalid = (date: CalendarDate) => {\n const startOfYear = date.set({ month: 1, day: 1 });\n\n const lastMonth = date.calendar.getMonthsInYear(date);\n const endOfYear = date.set({\n month: lastMonth,\n day: date.calendar.getDaysInMonth(date.set({ month: lastMonth })),\n });\n\n return (\n (calendarState.maxValue != null &&\n startOfYear.compare(calendarState.maxValue) > 0) ||\n (calendarState.minValue != null &&\n endOfYear.compare(calendarState.minValue) < 0)\n );\n };\n\n const nextYearIsInvalid = () => {\n return isYearInvalid(calendarState.focusedDate.cycle(\"year\", 1));\n };\n\n const prevYearIsInvalid = () => {\n return isYearInvalid(calendarState.focusedDate.cycle(\"year\", -1));\n };\n\n const saveAnchorDateForRangeCalendar = () => {\n if (!isRangeCalendarState(calendarState)) return;\n\n anchorDate.current = calendarState.anchorDate;\n calendarState.setAnchorDate(null);\n };\n\n const restoreAnchorDateForRangeCalendar = () => {\n if (!isRangeCalendarState(calendarState)) return;\n\n calendarState.setAnchorDate(anchorDate.current);\n anchorDate.current = null;\n };\n\n const menuItemOnSelection = () => {\n setView(\"calendar\");\n restoreAnchorDateForRangeCalendar();\n };\n\n return (\n <ButtonContext\n value={{\n slots: {\n \"previous-month\": {\n onPress: () => calendarState.focusPreviousPage(),\n isDisabled:\n calendarState.isDisabled ||\n view !== \"calendar\" ||\n calendarState.isPreviousVisibleRangeInvalid(),\n },\n \"next-month\": {\n onPress: () => calendarState.focusNextPage(),\n isDisabled:\n calendarState.isDisabled ||\n view !== \"calendar\" ||\n calendarState.isNextVisibleRangeInvalid(),\n },\n \"month-view\": {\n onPress: () => {\n if (view === \"month\") {\n restoreAnchorDateForRangeCalendar();\n setView(\"calendar\");\n return;\n }\n\n saveAnchorDateForRangeCalendar();\n setView(\"month\");\n },\n isDisabled: calendarState.isDisabled || view === \"year\",\n isPressed: view === \"month\",\n },\n\n \"previous-year\": {\n onPress: () => {\n calendarState.setFocusedDate(\n calendarState.focusedDate.cycle(\"year\", -1)\n );\n },\n isDisabled:\n calendarState.isDisabled ||\n view !== \"calendar\" ||\n prevYearIsInvalid(),\n },\n \"next-year\": {\n onPress: () => {\n calendarState.setFocusedDate(\n calendarState.focusedDate.cycle(\"year\", 1)\n );\n },\n isDisabled:\n calendarState.isDisabled ||\n view !== \"calendar\" ||\n nextYearIsInvalid(),\n },\n \"year-view\": {\n onPress: () => {\n if (view === \"year\") {\n restoreAnchorDateForRangeCalendar();\n setView(\"calendar\");\n return;\n }\n\n saveAnchorDateForRangeCalendar();\n setView(\"year\");\n },\n isDisabled:\n calendarState.isDisabled || view === \"month\",\n isPressed: view === \"year\",\n },\n },\n }}\n >\n <header className={clsx(styles[\"header\"])}>\n <div className={clsx(styles[\"options\"])}>\n <IconButton\n slot=\"previous-month\"\n icon={ChevronLeft}\n color=\"standard\"\n size=\"extra-small\"\n />\n\n <Button\n slot=\"month-view\"\n color=\"text\"\n shape=\"square\"\n size=\"extra-small\"\n className={clsx(styles[\"selection\"])}\n >\n {focusedMonth}\n <Icon icon={ChevronDown} size={18} />\n </Button>\n\n <IconButton\n slot=\"next-month\"\n icon={ChevronRight}\n color=\"standard\"\n size=\"extra-small\"\n />\n </div>\n\n <div className={clsx(styles[\"options\"])}>\n <IconButton\n slot=\"previous-year\"\n icon={ChevronLeft}\n color=\"standard\"\n size=\"extra-small\"\n />\n\n <Button\n slot=\"year-view\"\n color=\"text\"\n shape=\"square\"\n size=\"extra-small\"\n className={clsx(styles[\"selection\"])}\n >\n {focusedYear}\n <Icon icon={ChevronDown} size={18} />\n </Button>\n\n <IconButton\n slot=\"next-year\"\n icon={ChevronRight}\n color=\"standard\"\n size=\"extra-small\"\n />\n </div>\n </header>\n\n <TransitionGroup className={clsx(styles[\"transition-group\"])}>\n <Transition\n key={view}\n nodeRef={currentRef}\n timeout={150}\n unmountOnExit\n >\n {(transitionState) => (\n <div\n ref={currentRef}\n className={clsx(styles[\"view\"])}\n data-entering={\n transitionState === \"entering\" || undefined\n }\n data-exiting={\n transitionState === \"exiting\" || undefined\n }\n data-entered={\n transitionState === \"entered\" || undefined\n }\n >\n {view === \"calendar\" && (\n <CalendarGrid\n weekdayStyle={weekdayStyle}\n isRangeCalendar={isRangeCalendar}\n />\n )}\n\n {view === \"month\" && (\n <CalendarMonthMenu\n onSelection={menuItemOnSelection}\n months={months}\n />\n )}\n\n {view === \"year\" && (\n <CalendarYearMenu\n onSelection={menuItemOnSelection}\n years={years}\n />\n )}\n </div>\n )}\n </Transition>\n </TransitionGroup>\n </ButtonContext>\n );\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BaseCalendar","names":["items","date"],"sources":["../../src/components/Calendar/BaseCalendar/baseCalendar.module.css","../../src/components/Calendar/BaseCalendar/BaseCalendar.tsx"],"sourcesContent":["@layer adgytec.comps {\n .header {\n padding-inline: var(--md-sys-layout-space-12);\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n [data-visual-button] {\n &[data-disabled] {\n background-color: transparent;\n }\n }\n }\n\n .selection {\n --rotate: 0;\n\n &[data-pressed] {\n --rotate: 180deg;\n\n [data-visual-button] {\n --state-layer-opacity: var(--md-sys-state-pressed);\n }\n }\n\n svg {\n rotate: var(--rotate);\n transition: rotate var(--md-sys-motion-expressive-fast-spatial)\n var(--md-sys-motion-expressive-fast-spatial-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n }\n\n .options {\n display: flex;\n align-items: center;\n }\n\n .transition-group {\n position: relative;\n overflow: clip;\n }\n\n .view {\n transition: opacity var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n opacity: 0;\n\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n\n &[data-exiting] {\n position: absolute;\n inset: 0;\n opacity: 0;\n }\n\n &[data-entered] {\n opacity: 1;\n }\n\n [data-menu] {\n max-block-size: calc(6 * var(--_md-calendar-cell-size));\n block-size: calc(6 * var(--_md-calendar-cell-size));\n\n min-inline-size: calc(7 * var(--_md-calendar-cell-size));\n\n overflow-y: auto;\n padding-block-start: var(--md-sys-layout-space-12);\n padding-block-end: var(--md-sys-layout-space-4);\n\n border-block-start: calc(1 * var(--dp, 1px)) solid\n var(--_md-calendar-menu-divider-color);\n }\n }\n}\n","import { type CalendarDate, today } from \"@internationalized/date\";\nimport clsx from \"clsx\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { createRef, useMemo, useRef, useState } from \"react\";\nimport { useDateFormatter } from \"react-aria\";\nimport { ButtonContext } from \"react-aria-components\";\nimport { Transition, TransitionGroup } from \"react-transition-group\";\nimport { Button, IconButton } from \"@/components/Button\";\nimport { Icon } from \"@/components/Icon\";\nimport { CalendarGrid } from \"../CalendarGrid\";\nimport { CalendarMonthMenu } from \"../CalendarMonthMenu\";\nimport { CalendarYearMenu } from \"../CalendarYearMenu\";\nimport {\n defaultMaxYearIncrement,\n defaultMinYear,\n isRangeCalendarState,\n type MonthItem,\n useCalendarState,\n type WeekdayStyle,\n type YearItem,\n} from \"../core\";\nimport styles from \"./baseCalendar.module.css\";\n\ntype View = \"calendar\" | \"month\" | \"year\";\n\nexport const BaseCalendar: React.FC<{\n isRangeCalendar?: boolean;\n weekdayStyle?: WeekdayStyle;\n}> = ({ isRangeCalendar, weekdayStyle }) => {\n const [view, setView] = useState<View>(\"calendar\");\n const nodeRefs = useRef({\n calendar: createRef<HTMLDivElement>(),\n month: createRef<HTMLDivElement>(),\n year: createRef<HTMLDivElement>(),\n }).current;\n const currentRef = nodeRefs[view];\n // fixes menu selection issue in range calendar\n const anchorDate = useRef<CalendarDate | null>(null);\n\n const calendarState = useCalendarState();\n const timeZone = calendarState.timeZone;\n\n const monthShortFormatter = useDateFormatter({\n month: \"short\",\n timeZone: timeZone,\n });\n const monthLongFormatter = useDateFormatter({\n month: \"long\",\n timeZone,\n });\n const yearFormatter = useDateFormatter({\n year: \"numeric\",\n timeZone: timeZone,\n });\n\n const focusedMonth = monthShortFormatter.format(\n calendarState.focusedDate.toDate(timeZone)\n );\n const focusedYear = yearFormatter.format(\n calendarState.focusedDate.toDate(timeZone)\n );\n\n // create year menu items\n const currentYear = today(timeZone).year;\n\n const minYear = calendarState.minValue?.year ?? defaultMinYear;\n const maxYear =\n calendarState.maxValue?.year ?? currentYear + defaultMaxYearIncrement;\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect rendered year labels\n const years = useMemo(() => {\n const items: YearItem[] = [];\n\n for (let year = minYear; year <= maxYear; year++) {\n const date = calendarState.focusedDate.set({ year });\n\n items.push({\n id: year,\n formatted: yearFormatter.format(date.toDate(timeZone)),\n });\n }\n\n return items;\n }, [minYear, maxYear, timeZone, yearFormatter]);\n\n // create month menu items\n // biome-ignore lint/correctness/useExhaustiveDependencies: focusedDate month/day changes do not affect generated month items\n const months = useMemo(() => {\n const items: MonthItem[] = [];\n\n const numMonths = calendarState.focusedDate.calendar.getMonthsInYear(\n calendarState.focusedDate\n );\n\n for (let month = 1; month <= numMonths; month++) {\n const date = calendarState.focusedDate.set({ month });\n\n items.push({\n id: month,\n formatted: monthLongFormatter.format(date.toDate(timeZone)),\n });\n }\n\n return items;\n }, [calendarState.focusedDate.calendar, timeZone, monthLongFormatter]);\n\n const isYearInvalid = (date: CalendarDate) => {\n const startOfYear = date.set({ month: 1, day: 1 });\n\n const lastMonth = date.calendar.getMonthsInYear(date);\n const endOfYear = date.set({\n month: lastMonth,\n day: date.calendar.getDaysInMonth(date.set({ month: lastMonth })),\n });\n\n return (\n (calendarState.maxValue != null &&\n startOfYear.compare(calendarState.maxValue) > 0) ||\n (calendarState.minValue != null &&\n endOfYear.compare(calendarState.minValue) < 0)\n );\n };\n\n const nextYearIsInvalid = () => {\n return isYearInvalid(calendarState.focusedDate.cycle(\"year\", 1));\n };\n\n const prevYearIsInvalid = () => {\n return isYearInvalid(calendarState.focusedDate.cycle(\"year\", -1));\n };\n\n const saveAnchorDateForRangeCalendar = () => {\n if (!isRangeCalendarState(calendarState)) return;\n\n anchorDate.current = calendarState.anchorDate;\n calendarState.setAnchorDate(null);\n };\n\n const restoreAnchorDateForRangeCalendar = () => {\n if (!isRangeCalendarState(calendarState)) return;\n\n calendarState.setAnchorDate(anchorDate.current);\n anchorDate.current = null;\n };\n\n const menuItemOnSelection = () => {\n setView(\"calendar\");\n restoreAnchorDateForRangeCalendar();\n };\n\n return (\n <ButtonContext\n value={{\n slots: {\n \"previous-month\": {\n onPress: () => calendarState.focusPreviousPage(),\n isDisabled:\n calendarState.isDisabled ||\n view !== \"calendar\" ||\n calendarState.isPreviousVisibleRangeInvalid(),\n },\n \"next-month\": {\n onPress: () => calendarState.focusNextPage(),\n isDisabled:\n calendarState.isDisabled ||\n view !== \"calendar\" ||\n calendarState.isNextVisibleRangeInvalid(),\n },\n \"month-view\": {\n onPress: () => {\n if (view === \"month\") {\n restoreAnchorDateForRangeCalendar();\n setView(\"calendar\");\n return;\n }\n\n saveAnchorDateForRangeCalendar();\n setView(\"month\");\n },\n isDisabled: calendarState.isDisabled || view === \"year\",\n isPressed: view === \"month\",\n },\n\n \"previous-year\": {\n onPress: () => {\n calendarState.setFocusedDate(\n calendarState.focusedDate.cycle(\"year\", -1)\n );\n },\n isDisabled:\n calendarState.isDisabled ||\n view !== \"calendar\" ||\n prevYearIsInvalid(),\n },\n \"next-year\": {\n onPress: () => {\n calendarState.setFocusedDate(\n calendarState.focusedDate.cycle(\"year\", 1)\n );\n },\n isDisabled:\n calendarState.isDisabled ||\n view !== \"calendar\" ||\n nextYearIsInvalid(),\n },\n \"year-view\": {\n onPress: () => {\n if (view === \"year\") {\n restoreAnchorDateForRangeCalendar();\n setView(\"calendar\");\n return;\n }\n\n saveAnchorDateForRangeCalendar();\n setView(\"year\");\n },\n isDisabled:\n calendarState.isDisabled || view === \"month\",\n isPressed: view === \"year\",\n },\n },\n }}\n >\n <header className={clsx(styles[\"header\"])}>\n <div className={clsx(styles[\"options\"])}>\n <IconButton\n slot=\"previous-month\"\n icon={ChevronLeft}\n color=\"standard\"\n size=\"extra-small\"\n />\n\n <Button\n slot=\"month-view\"\n color=\"text\"\n shape=\"square\"\n size=\"extra-small\"\n className={clsx(styles[\"selection\"])}\n >\n {focusedMonth}\n <Icon icon={ChevronDown} size={18} />\n </Button>\n\n <IconButton\n slot=\"next-month\"\n icon={ChevronRight}\n color=\"standard\"\n size=\"extra-small\"\n />\n </div>\n\n <div className={clsx(styles[\"options\"])}>\n <IconButton\n slot=\"previous-year\"\n icon={ChevronLeft}\n color=\"standard\"\n size=\"extra-small\"\n />\n\n <Button\n slot=\"year-view\"\n color=\"text\"\n shape=\"square\"\n size=\"extra-small\"\n className={clsx(styles[\"selection\"])}\n >\n {focusedYear}\n <Icon icon={ChevronDown} size={18} />\n </Button>\n\n <IconButton\n slot=\"next-year\"\n icon={ChevronRight}\n color=\"standard\"\n size=\"extra-small\"\n />\n </div>\n </header>\n\n <TransitionGroup className={clsx(styles[\"transition-group\"])}>\n <Transition\n key={view}\n nodeRef={currentRef}\n timeout={150}\n unmountOnExit\n >\n {(transitionState) => (\n <div\n ref={currentRef}\n className={clsx(styles[\"view\"])}\n data-entering={\n transitionState === \"entering\" || undefined\n }\n data-exiting={\n transitionState === \"exiting\" || undefined\n }\n data-entered={\n transitionState === \"entered\" || undefined\n }\n >\n {view === \"calendar\" && (\n <CalendarGrid\n weekdayStyle={weekdayStyle}\n isRangeCalendar={isRangeCalendar}\n />\n )}\n\n {view === \"month\" && (\n <CalendarMonthMenu\n onSelection={menuItemOnSelection}\n months={months}\n />\n )}\n\n {view === \"year\" && (\n <CalendarYearMenu\n onSelection={menuItemOnSelection}\n years={years}\n />\n )}\n </div>\n )}\n </Transition>\n </TransitionGroup>\n </ButtonContext>\n );\n};\n"],"mappings":"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"}
|
package/dist/chunks/BottomSheet
CHANGED
|
@@ -1,23 +1,30 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import n from "
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
1
|
+
import { t as e } from "./compiler-runtime";
|
|
2
|
+
import { DialogContext as t } from "../components/Dialog/core/index.js";
|
|
3
|
+
import { n } from "./BottomSheetModal";
|
|
4
|
+
import r from "clsx";
|
|
5
|
+
import { useContext as i } from "react";
|
|
6
|
+
import { Fragment as a, jsx as o } from "react/jsx-runtime";
|
|
7
|
+
import { Dialog as s } from "react-aria-components";
|
|
7
8
|
import '../assets/BottomSheet.css';//#region src/components/Sheets/BottomSheet/bottomSheet.module.css
|
|
8
|
-
var
|
|
9
|
-
let
|
|
10
|
-
|
|
9
|
+
var c = e(), l = { "bottom-sheet": "_bottom-sheet_1fkp9_9" }, u = (e) => {
|
|
10
|
+
let u = (0, c.c)(13), d, f, p;
|
|
11
|
+
u[0] === e ? (d = u[1], f = u[2], p = u[3]) : ({children: d, className: f, ...p} = e, u[0] = e, u[1] = d, u[2] = f, u[3] = p);
|
|
12
|
+
let { layout: m } = i(n), h;
|
|
13
|
+
u[4] === f ? h = u[5] : (h = r(l["bottom-sheet"], f), u[4] = f, u[5] = h);
|
|
14
|
+
let g;
|
|
15
|
+
u[6] === d ? g = u[7] : (g = (e) => /* @__PURE__ */ o(a, { children: typeof d == "function" ? d(e) : d }), u[6] = d, u[7] = g);
|
|
16
|
+
let _;
|
|
17
|
+
return u[8] !== m || u[9] !== p || u[10] !== h || u[11] !== g ? (_ = /* @__PURE__ */ o(t, {
|
|
11
18
|
value: !0,
|
|
12
|
-
children: /* @__PURE__ */
|
|
13
|
-
className:
|
|
14
|
-
"data-layout":
|
|
15
|
-
...
|
|
16
|
-
children:
|
|
19
|
+
children: /* @__PURE__ */ o(s, {
|
|
20
|
+
className: h,
|
|
21
|
+
"data-layout": m,
|
|
22
|
+
...p,
|
|
23
|
+
children: g
|
|
17
24
|
})
|
|
18
|
-
});
|
|
25
|
+
}), u[8] = m, u[9] = p, u[10] = h, u[11] = g, u[12] = _) : _ = u[12], _;
|
|
19
26
|
};
|
|
20
27
|
//#endregion
|
|
21
|
-
export {
|
|
28
|
+
export { u as t };
|
|
22
29
|
|
|
23
30
|
//# sourceMappingURL=BottomSheet.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet","names":[],"sources":["../../src/components/Sheets/BottomSheet/bottomSheet.module.css","../../src/components/Sheets/BottomSheet/BottomSheet.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-bottom-sheet-background\n* --md-bottom-sheet-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n .bottom-sheet {\n --_md-bottom-sheet-background: var(\n --md-bottom-sheet-background,\n var(--md-sys-color-surface-container-low)\n );\n --_md-bottom-sheet-color: var(\n --md-bottom-sheet-color,\n var(--md-sys-color-on-surface)\n );\n --_max-inline-size: calc(640 * var(--dp, 1px));\n\n background-color: var(--_md-bottom-sheet-background);\n color: var(--_md-bottom-sheet-color);\n\n box-shadow: var(--md-sys-elevation-shadow-1);\n border-radius: var(--md-sys-shape-corner-radius-large);\n\n inline-size: min(100svi, var(--_max-inline-size));\n max-block-size: calc(100svb - var(--_top-padding));\n\n padding: var(--md-sys-layout-space-20);\n\n overflow-y: auto;\n\n &[data-layout=\"detached\"] {\n max-block-size: calc(\n 100svb -\n calc(var(--_top-padding) + var(--_detached-margin))\n );\n inline-size: min(\n calc(100svi - calc(2 * var(--_detached-margin))),\n var(--_max-inline-size)\n );\n }\n\n &[data-layout=\"standard\"] {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Dialog } from \"react-aria-components\";\nimport { DialogContext } from \"@/components/Dialog\";\nimport { BottomSheetContext } from \"../BottomSheetModal\";\nimport styles from \"./bottomSheet.module.css\";\n\nexport const BottomSheet: React.FC<\n React.ComponentPropsWithRef<typeof Dialog>\n> = ({ children, className, ...props }) => {\n const { layout } = useContext(BottomSheetContext);\n\n return (\n <DialogContext value={true}>\n <Dialog\n className={clsx(styles[\"bottom-sheet\"], className)}\n data-layout={layout}\n {...props}\n >\n {(renderProps) => (\n <>\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </>\n )}\n </Dialog>\n </DialogContext>\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"BottomSheet","names":["layout"],"sources":["../../src/components/Sheets/BottomSheet/bottomSheet.module.css","../../src/components/Sheets/BottomSheet/BottomSheet.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-bottom-sheet-background\n* --md-bottom-sheet-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n .bottom-sheet {\n --_md-bottom-sheet-background: var(\n --md-bottom-sheet-background,\n var(--md-sys-color-surface-container-low)\n );\n --_md-bottom-sheet-color: var(\n --md-bottom-sheet-color,\n var(--md-sys-color-on-surface)\n );\n --_max-inline-size: calc(640 * var(--dp, 1px));\n\n background-color: var(--_md-bottom-sheet-background);\n color: var(--_md-bottom-sheet-color);\n\n box-shadow: var(--md-sys-elevation-shadow-1);\n border-radius: var(--md-sys-shape-corner-radius-large);\n\n inline-size: min(100svi, var(--_max-inline-size));\n max-block-size: calc(100svb - var(--_top-padding));\n\n padding: var(--md-sys-layout-space-20);\n\n overflow-y: auto;\n\n &[data-layout=\"detached\"] {\n max-block-size: calc(\n 100svb -\n calc(var(--_top-padding) + var(--_detached-margin))\n );\n inline-size: min(\n calc(100svi - calc(2 * var(--_detached-margin))),\n var(--_max-inline-size)\n );\n }\n\n &[data-layout=\"standard\"] {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n }\n }\n}\n","import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Dialog } from \"react-aria-components\";\nimport { DialogContext } from \"@/components/Dialog\";\nimport { BottomSheetContext } from \"../BottomSheetModal\";\nimport styles from \"./bottomSheet.module.css\";\n\nexport const BottomSheet: React.FC<\n React.ComponentPropsWithRef<typeof Dialog>\n> = ({ children, className, ...props }) => {\n const { layout } = useContext(BottomSheetContext);\n\n return (\n <DialogContext value={true}>\n <Dialog\n className={clsx(styles[\"bottom-sheet\"], className)}\n data-layout={layout}\n {...props}\n >\n {(renderProps) => (\n <>\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </>\n )}\n </Dialog>\n </DialogContext>\n );\n};\n"],"mappings":";;;;;;;;8DCOa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAkC,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,OAAjC,+BAAA,KAAA,GAAiC,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAClC,IAAA,EAAA,cAAmB,EAAW,CAAkB,GAAE;CAAA,AAAA,EAAA,OAAA,IAKY,IAAA,EAAA,MAAvC,IAAA,EAAK,EAAO,iBAAiB,CAAS,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAUjD,IAAA,EAAA,MANA,KAAA,MACG,kBAAA,GAAA,EAAA,UACK,OAAO,KAAa,aACf,EAAS,CACF,IAFZ,EAEa,CAAA,GAErB,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAEO,OAFP,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAZT,IAAA,kBAAC,GAAD;EAAsB,OAAA;YAClB,kBAAC,GAAD;GACe,WAAA;GACEA,eAAA;GAAM,GACf;aAEH;EALE,CAAA;CADG,CAAA,GAcE,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAdhB;AAcgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetModal","names":[],"sources":["../../src/components/Sheets/BottomSheetModal/bottomSheetModal.module.css","../../src/components/Sheets/BottomSheetModal/context.ts","../../src/components/Sheets/BottomSheetModal/BottomSheetModal.tsx"],"sourcesContent":["@layer adgytec.comps {\n .modal {\n --_detached-margin: var(--md-sys-layout-space-16);\n --_top-padding: var(--md-sys-layout-space-64);\n\n position: fixed;\n inset-block-end: 0;\n\n inset-inline-start: 50%;\n translate: -50%;\n\n margin-block-start: var(--_top-padding);\n\n &[data-layout=\"detached\"] {\n margin-block-end: var(--_detached-margin);\n }\n\n transition: translate var(--_modal-motion) var(--_modal-motion-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-entering],\n &[data-exiting] {\n translate: -50% 100%;\n }\n }\n}\n","import { createContext } from \"react\";\nimport type { SheetLayout } from \"../core\";\n\nexport type BottomSheetContextValue = {\n layout: SheetLayout;\n};\n\nexport const BottomSheetContext = createContext<BottomSheetContextValue>({\n layout: \"standard\",\n});\n","import clsx from \"clsx\";\nimport { Modal } from \"react-aria-components\";\nimport styles from \"./bottomSheetModal.module.css\";\nimport { BottomSheetContext } from \"./context\";\nimport type { BottomSheetModalProps } from \"./types\";\n\nexport const BottomSheetModal: React.FC<BottomSheetModalProps> = ({\n className,\n layout = \"standard\",\n ...props\n}) => {\n return (\n <BottomSheetContext value={{ layout }}>\n <Modal\n data-layout={layout}\n className={(renderProps) =>\n clsx(\n styles[\"modal\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n </BottomSheetContext>\n );\n};\n"],"mappings":";;;;qCCOa,IAAqB,EAAuC,EACrE,QAAQ,WACZ,CAAC,GCHY,KAAqD,EAC9D,cACA,YAAS,YACT,GAAG,QAGC,kBAAC,GAAD;CAAoB,OAAO,EAAE,UAAO;WAChC,kBAAC,GAAD;EACI,eAAa;EACb,YAAY,MACR,EACI,EAAO,OACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;
|
|
1
|
+
{"version":3,"file":"BottomSheetModal","names":[],"sources":["../../src/components/Sheets/BottomSheetModal/bottomSheetModal.module.css","../../src/components/Sheets/BottomSheetModal/context.ts","../../src/components/Sheets/BottomSheetModal/BottomSheetModal.tsx"],"sourcesContent":["@layer adgytec.comps {\n .modal {\n --_detached-margin: var(--md-sys-layout-space-16);\n --_top-padding: var(--md-sys-layout-space-64);\n\n position: fixed;\n inset-block-end: 0;\n\n inset-inline-start: 50%;\n translate: -50%;\n\n margin-block-start: var(--_top-padding);\n\n &[data-layout=\"detached\"] {\n margin-block-end: var(--_detached-margin);\n }\n\n transition: translate var(--_modal-motion) var(--_modal-motion-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-entering],\n &[data-exiting] {\n translate: -50% 100%;\n }\n }\n}\n","import { createContext } from \"react\";\nimport type { SheetLayout } from \"../core\";\n\nexport type BottomSheetContextValue = {\n layout: SheetLayout;\n};\n\nexport const BottomSheetContext = createContext<BottomSheetContextValue>({\n layout: \"standard\",\n});\n","import clsx from \"clsx\";\nimport { Modal } from \"react-aria-components\";\nimport styles from \"./bottomSheetModal.module.css\";\nimport { BottomSheetContext } from \"./context\";\nimport type { BottomSheetModalProps } from \"./types\";\n\nexport const BottomSheetModal: React.FC<BottomSheetModalProps> = ({\n className,\n layout = \"standard\",\n ...props\n}) => {\n return (\n <BottomSheetContext value={{ layout }}>\n <Modal\n data-layout={layout}\n className={(renderProps) =>\n clsx(\n styles[\"modal\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n </BottomSheetContext>\n );\n};\n"],"mappings":";;;;qCCOa,IAAqB,EAAuC,EACrE,QAAQ,WACZ,CAAC,GCHY,KAAqD,EAC9D,cACA,YAAS,YACT,GAAG,QAGC,kBAAC,GAAD;CAAoB,OAAO,EAAE,UAAO;WAChC,kBAAC,GAAD;EACI,eAAa;EACb,YAAY,MACR,EACI,EAAO,OACP,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEJ,GAAI;CAAM,CAAA;AAEE,CAAA"}
|
package/dist/chunks/ButtonGroup
CHANGED
|
@@ -1,34 +1,42 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { t as e } from "./compiler-runtime";
|
|
2
|
+
import { ButtonGroupContext as t } from "../components/Button/ButtonGroups/ButtonGroupContext/index.js";
|
|
3
|
+
import { clsx as n } from "clsx";
|
|
4
|
+
import "react";
|
|
4
5
|
import { jsx as r } from "react/jsx-runtime";
|
|
5
6
|
import { ToggleButtonGroup as i } from "react-aria-components";
|
|
6
|
-
import '../assets/ButtonGroup.css'
|
|
7
|
+
import '../assets/ButtonGroup.css';//#region src/components/Button/ButtonGroups/ButtonGroup/buttonGroup.module.css
|
|
8
|
+
var a = e(), o = {
|
|
7
9
|
"button-group": "_button-group_1enif_2",
|
|
8
10
|
"extra-small": "_extra-small_1enif_41",
|
|
9
11
|
small: "_small_1enif_49",
|
|
10
12
|
medium: "_medium_1enif_57",
|
|
11
13
|
large: "_large_1enif_65",
|
|
12
14
|
"extra-large": "_extra-large_1enif_73"
|
|
13
|
-
},
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
}, s = (e) => {
|
|
16
|
+
let s = (0, a.c)(21), c, l, u, d, f, p;
|
|
17
|
+
s[0] === e ? (c = s[1], l = s[2], u = s[3], d = s[4], f = s[5], p = s[6]) : ({size: p, shape: f, color: l, className: c, iconPlacement: u, ...d} = e, s[0] = e, s[1] = c, s[2] = l, s[3] = u, s[4] = d, s[5] = f, s[6] = p);
|
|
18
|
+
let m;
|
|
19
|
+
s[7] !== l || s[8] !== u || s[9] !== f || s[10] !== p ? (m = {
|
|
20
|
+
size: p,
|
|
21
|
+
shape: f,
|
|
22
|
+
color: l,
|
|
18
23
|
iconPlacement: u
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
children: /* @__PURE__ */ r(i, {
|
|
26
|
-
className: (e) => t(a["button-group"], a[o ?? "small"], typeof l == "function" ? l(e) : l),
|
|
24
|
+
}, s[7] = l, s[8] = u, s[9] = f, s[10] = p, s[11] = m) : m = s[11];
|
|
25
|
+
let h = m, g;
|
|
26
|
+
s[12] !== c || s[13] !== p ? (g = (e) => n(o["button-group"], o[p ?? "small"], typeof c == "function" ? c(e) : c), s[12] = c, s[13] = p, s[14] = g) : g = s[14];
|
|
27
|
+
let _;
|
|
28
|
+
s[15] !== d || s[16] !== g ? (_ = /* @__PURE__ */ r(i, {
|
|
29
|
+
className: g,
|
|
27
30
|
...d,
|
|
28
31
|
"data-button-group": !0
|
|
29
|
-
})
|
|
30
|
-
|
|
32
|
+
}), s[15] = d, s[16] = g, s[17] = _) : _ = s[17];
|
|
33
|
+
let v;
|
|
34
|
+
return s[18] !== h || s[19] !== _ ? (v = /* @__PURE__ */ r(t, {
|
|
35
|
+
value: h,
|
|
36
|
+
children: _
|
|
37
|
+
}), s[18] = h, s[19] = _, s[20] = v) : v = s[20], v;
|
|
38
|
+
};
|
|
31
39
|
//#endregion
|
|
32
|
-
export {
|
|
40
|
+
export { s as t };
|
|
33
41
|
|
|
34
42
|
//# sourceMappingURL=ButtonGroup.map
|