@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/Select/Select.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Select as AriaSelect } from \"react-aria-components\";\nimport { Colors, InputGroupStyles, SupportingTextStyles } from \"../../core\";\nimport { Description } from \"../../Description\";\nimport { FieldError } from \"../../FieldError\";\nimport { Label } from \"../../Label\";\nimport type { SelectProps } from \"./types\";\n\nexport const Select = <\n T extends object,\n M extends \"single\" | \"multiple\" = \"single\",\n>({\n label,\n description,\n errorMessage,\n showDescriptionOnInvalid = false,\n children,\n className,\n ...props\n}: SelectProps<T, M>) => {\n return (\n <AriaSelect\n className={(renderProps) =>\n clsx(\n Colors,\n InputGroupStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n >\n {(renderProps) => {\n const { isInvalid } = renderProps;\n const showDescription =\n description &&\n (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n return (\n <>\n {label && <Label>{label}</Label>}\n\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n\n {showDescription && (\n <Description className={clsx(SupportingTextStyles)}>\n {description}\n </Description>\n )}\n\n <FieldError className={clsx(SupportingTextStyles)}>\n {errorMessage}\n </FieldError>\n </>\n );\n }}\n </AriaSelect>\n );\n};\n"],"mappings":";;;;;;;;AAQA,IAAa,KAGX,EACE,UACA,gBACA,iBACA,8BAA2B,IAC3B,aACA,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;
|
|
1
|
+
{"version":3,"file":"index.js","names":["renderProps"],"sources":["../../../../../src/components/Input/Select/Select/Select.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Select as AriaSelect } from \"react-aria-components\";\nimport { Colors, InputGroupStyles, SupportingTextStyles } from \"../../core\";\nimport { Description } from \"../../Description\";\nimport { FieldError } from \"../../FieldError\";\nimport { Label } from \"../../Label\";\nimport type { SelectProps } from \"./types\";\n\nexport const Select = <\n T extends object,\n M extends \"single\" | \"multiple\" = \"single\",\n>({\n label,\n description,\n errorMessage,\n showDescriptionOnInvalid = false,\n children,\n className,\n ...props\n}: SelectProps<T, M>) => {\n return (\n <AriaSelect\n className={(renderProps) =>\n clsx(\n Colors,\n InputGroupStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n >\n {(renderProps) => {\n const { isInvalid } = renderProps;\n const showDescription =\n description &&\n (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n return (\n <>\n {label && <Label>{label}</Label>}\n\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n\n {showDescription && (\n <Description className={clsx(SupportingTextStyles)}>\n {description}\n </Description>\n )}\n\n <FieldError className={clsx(SupportingTextStyles)}>\n {errorMessage}\n </FieldError>\n </>\n );\n }}\n </AriaSelect>\n );\n};\n"],"mappings":";;;;;;;;AAQA,IAAa,KAGX,EACE,UACA,gBACA,iBACA,8BAA2B,IAC3B,aACA,cACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;YAEFA,MAAgB;EACd,IAAM,EAAE,iBAAcA,GAChB,IACF,MACC,CAAC,KAAc,KAAa;EAEjC,OACI,kBAAA,GAAA,EAAA,UAAA;GACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA;GAE9B,OAAO,KAAa,aACf,EAASA,CAAW,IACpB;GAEL,KACG,kBAAC,GAAD;IAAa,WAAW,EAAK,CAAoB;cAC5C;GACQ,CAAA;GAGjB,kBAAC,GAAD;IAAY,WAAW,EAAK,CAAoB;cAC3C;GACO,CAAA;EAChB,EAAA,CAAA;CAER;AACQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/SelectItem/SelectItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Check } from \"lucide-react\";\nimport { ListBoxItem } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport {\n MenuItemIconSize,\n MenuItemLeadingStyles,\n MenuItemStyles,\n MenuItemTrailingStyles,\n menuItemBaseColor,\n menuItemLabelColor,\n} from \"@/components/Menu\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { typography } from \"@/utils\";\nimport type { SelectItemProps } from \"./types\";\n\nexport const SelectItem: React.FC<SelectItemProps> = ({\n leadingIcon,\n label,\n supportingText,\n trailingText,\n trailingIcon,\n className,\n onPress,\n textValue = label,\n ...props\n}) => {\n const { splashInfo, handlePress } = useSplash(onPress);\n\n return (\n <ListBoxItem\n className={(renderProps) =>\n clsx(\n menuItemBaseColor,\n MenuItemStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n textValue={textValue}\n onPress={handlePress}\n {...props}\n data-multi-line={supportingText ? true : undefined}\n >\n {({ isSelected }) => (\n <>\n {splashInfo && <Splash {...splashInfo} />}\n\n {/* leading comps */}\n <div className={clsx(MenuItemLeadingStyles)}>\n {isSelected ? (\n <Icon icon={Check} size={MenuItemIconSize} />\n ) : (\n leadingIcon && (\n <Icon\n icon={leadingIcon}\n size={MenuItemIconSize}\n />\n )\n )}\n\n <div>\n <p\n slot=\"label\"\n className={clsx(\n typography.labelLarge,\n menuItemLabelColor\n )}\n >\n {label}\n </p>\n\n {supportingText && (\n <p\n slot=\"description\"\n className={clsx(typography.bodySmall)}\n >\n {supportingText}\n </p>\n )}\n </div>\n </div>\n\n {/* trailing comps */}\n <div className={clsx(MenuItemTrailingStyles)}>\n {trailingText && trailingText}\n\n {trailingIcon && (\n <Icon icon={trailingIcon} size={MenuItemIconSize} />\n )}\n </div>\n </>\n )}\n </ListBoxItem>\n );\n};\n"],"mappings":";;;;;;;;;AAiBA,IAAa,KAAyC,EAClD,gBACA,UACA,mBACA,iBACA,iBACA,cACA,YACA,eAAY,GACZ,GAAG,QACD;CACF,IAAM,EAAE,eAAY,mBAAgB,EAAU,CAAO;CAErD,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEO;EACX,SAAS;EACT,GAAI;EACJ,mBAAiB,IAAiB,KAAO,KAAA;aAEvC,EAAE,oBACA,kBAAA,GAAA,EAAA,UAAA;GACK,KAAc,kBAAC,GAAD,EAAQ,GAAI,
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/SelectItem/SelectItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Check } from \"lucide-react\";\nimport { ListBoxItem } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport {\n MenuItemIconSize,\n MenuItemLeadingStyles,\n MenuItemStyles,\n MenuItemTrailingStyles,\n menuItemBaseColor,\n menuItemLabelColor,\n} from \"@/components/Menu\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { typography } from \"@/utils\";\nimport type { SelectItemProps } from \"./types\";\n\nexport const SelectItem: React.FC<SelectItemProps> = ({\n leadingIcon,\n label,\n supportingText,\n trailingText,\n trailingIcon,\n className,\n onPress,\n textValue = label,\n ...props\n}) => {\n const { splashInfo, handlePress } = useSplash(onPress);\n\n return (\n <ListBoxItem\n className={(renderProps) =>\n clsx(\n menuItemBaseColor,\n MenuItemStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n textValue={textValue}\n onPress={handlePress}\n {...props}\n data-multi-line={supportingText ? true : undefined}\n >\n {({ isSelected }) => (\n <>\n {splashInfo && <Splash {...splashInfo} />}\n\n {/* leading comps */}\n <div className={clsx(MenuItemLeadingStyles)}>\n {isSelected ? (\n <Icon icon={Check} size={MenuItemIconSize} />\n ) : (\n leadingIcon && (\n <Icon\n icon={leadingIcon}\n size={MenuItemIconSize}\n />\n )\n )}\n\n <div>\n <p\n slot=\"label\"\n className={clsx(\n typography.labelLarge,\n menuItemLabelColor\n )}\n >\n {label}\n </p>\n\n {supportingText && (\n <p\n slot=\"description\"\n className={clsx(typography.bodySmall)}\n >\n {supportingText}\n </p>\n )}\n </div>\n </div>\n\n {/* trailing comps */}\n <div className={clsx(MenuItemTrailingStyles)}>\n {trailingText && trailingText}\n\n {trailingIcon && (\n <Icon icon={trailingIcon} size={MenuItemIconSize} />\n )}\n </div>\n </>\n )}\n </ListBoxItem>\n );\n};\n"],"mappings":";;;;;;;;;AAiBA,IAAa,KAAyC,EAClD,gBACA,UACA,mBACA,iBACA,iBACA,cACA,YACA,eAAY,GACZ,GAAG,QACD;CACF,IAAM,EAAE,eAAY,mBAAgB,EAAU,CAAO;CAErD,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEO;EACX,SAAS;EACT,GAAI;EACJ,mBAAiB,IAAiB,KAAO,KAAA;aAEvC,EAAE,oBACA,kBAAA,GAAA,EAAA,UAAA;GACK,KAAc,kBAAC,GAAD,EAAQ,GAAI,EAAW,CAAA;GAGtC,kBAAC,OAAD;IAAK,WAAW,EAAK,CAAqB;cAA1C,CACK,IACG,kBAAC,GAAD;KAAM,MAAM;KAAO,MAAA;IAAuB,CAAA,IAE1C,KACI,kBAAC,GAAD;KACI,MAAM;KACN,MAAA;IAAuB,CAAA,GAKnC,kBAAC,OAAD,EAAA,UAAA,CACI,kBAAC,KAAD;KACI,MAAK;KACL,WAAW,EACP,EAAW,YACX,CACJ;eAEC;IACF,CAAA,GAEF,KACG,kBAAC,KAAD;KACI,MAAK;KACL,WAAW,EAAK,EAAW,SAAS;eAEnC;IACF,CAAA,CAEN,EAAA,CAAA,CACJ;;GAGL,kBAAC,OAAD;IAAK,WAAW,EAAK,CAAsB;cAA3C,CACK,KAAgB,GAEhB,KACG,kBAAC,GAAD;KAAM,MAAM;KAAc,MAAA;IAAuB,CAAA,CAEpD;;EACT,EAAA,CAAA;CAEK,CAAA;AAErB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/SelectList/SelectList.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ListBox } from \"react-aria-components\";\nimport {\n MenuBaseLayout,\n type MenuColor,\n type MenuLayout,\n MenuStyles,\n menuBaseColor,\n menuColorConfig,\n menuLayoutConfig,\n} from \"@/components/Menu\";\n\nexport const SelectList = <T extends object>({\n color = \"standard\",\n menuLayout = \"standard\",\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof ListBox<T>> & {\n color?: MenuColor;\n menuLayout?: MenuLayout;\n}) => {\n return (\n <ListBox\n className={(renderProps) =>\n clsx(\n menuColorConfig(color),\n menuBaseColor,\n MenuBaseLayout,\n menuLayoutConfig(menuLayout),\n MenuStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;AAYA,IAAa,KAAgC,EACzC,WAAQ,YACR,gBAAa,YACb,cACA,GAAG,QAMC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAgB,CAAK,GACrB,GACA,GACA,EAAiB,CAAU,GAC3B,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/SelectList/SelectList.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ListBox } from \"react-aria-components\";\nimport {\n MenuBaseLayout,\n type MenuColor,\n type MenuLayout,\n MenuStyles,\n menuBaseColor,\n menuColorConfig,\n menuLayoutConfig,\n} from \"@/components/Menu\";\n\nexport const SelectList = <T extends object>({\n color = \"standard\",\n menuLayout = \"standard\",\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof ListBox<T>> & {\n color?: MenuColor;\n menuLayout?: MenuLayout;\n}) => {\n return (\n <ListBox\n className={(renderProps) =>\n clsx(\n menuColorConfig(color),\n menuBaseColor,\n MenuBaseLayout,\n menuLayoutConfig(menuLayout),\n MenuStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n />\n );\n};\n"],"mappings":";;;;;AAYA,IAAa,KAAgC,EACzC,WAAQ,YACR,gBAAa,YACb,cACA,GAAG,QAMC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,EAAgB,CAAK,GACrB,GACA,GACA,EAAiB,CAAU,GAC3B,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;AAAM,CAAA"}
|
|
@@ -1,13 +1,21 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { t as e } from "../../../../chunks/compiler-runtime";
|
|
2
|
+
import { a as t } from "../../../../chunks/core6";
|
|
3
|
+
import { clsx as n } from "clsx";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
import { ListBoxSection as i } from "react-aria-components";
|
|
5
6
|
//#region src/components/Input/Select/SelectListSection/SelectListSection.tsx
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
...
|
|
9
|
-
|
|
7
|
+
var a = e(), o = (e) => {
|
|
8
|
+
let o = (0, a.c)(8), s, c;
|
|
9
|
+
o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
|
|
10
|
+
let l;
|
|
11
|
+
o[3] === s ? l = o[4] : (l = n(t, s), o[3] = s, o[4] = l);
|
|
12
|
+
let u;
|
|
13
|
+
return o[5] !== c || o[6] !== l ? (u = /* @__PURE__ */ r(i, {
|
|
14
|
+
className: l,
|
|
15
|
+
...c
|
|
16
|
+
}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
|
|
17
|
+
};
|
|
10
18
|
//#endregion
|
|
11
|
-
export {
|
|
19
|
+
export { o as SelectListSection };
|
|
12
20
|
|
|
13
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/SelectListSection/SelectListSection.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ListBoxSection } from \"react-aria-components\";\nimport { MenuSectionStyles } from \"@/components/Menu\";\n\nexport const SelectListSection = <T extends object>({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof ListBoxSection<T>>) => {\n return (\n <ListBoxSection\n className={clsx(MenuSectionStyles, className)}\n {...props}\n />\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/SelectListSection/SelectListSection.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ListBoxSection } from \"react-aria-components\";\nimport { MenuSectionStyles } from \"@/components/Menu\";\n\nexport const SelectListSection = <T extends object>({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof ListBoxSection<T>>) => {\n return (\n <ListBoxSection\n className={clsx(MenuSectionStyles, className)}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;aAIa,KAAoB,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAGuB,IAAA,EAAA,IAAA,IAAA,EAAA,OAHJ,kBAAA,KAAA,GAGI,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAGC,IAAA,EAAA,MAAlC,IAAA,EAAK,GAAmB,CAAS,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAE/C,OAF+C,EAAA,OAAA,KAAA,EAAA,OAAA,KADjD,IAAA,kBAAC,GAAD;EACe,WAAA;EAAkC,GACzC;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAHF;AAGE"}
|
|
@@ -1,14 +1,22 @@
|
|
|
1
|
-
import { t as e } from "../../../../chunks/
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
1
|
+
import { t as e } from "../../../../chunks/compiler-runtime";
|
|
2
|
+
import { t } from "../../../../chunks/base";
|
|
3
|
+
import { i as n } from "../../../../chunks/core6";
|
|
4
|
+
import { clsx as r } from "clsx";
|
|
5
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
6
|
+
import { Header as a } from "react-aria-components";
|
|
6
7
|
//#region src/components/Input/Select/SelectListSectionHeader/SelectListSectionHeader.tsx
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
...
|
|
10
|
-
|
|
8
|
+
var o = e(), s = (e) => {
|
|
9
|
+
let s = (0, o.c)(8), c, l;
|
|
10
|
+
s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
|
|
11
|
+
let u;
|
|
12
|
+
s[3] === c ? u = s[4] : (u = r(t.labelLarge, n, c), s[3] = c, s[4] = u);
|
|
13
|
+
let d;
|
|
14
|
+
return s[5] !== l || s[6] !== u ? (d = /* @__PURE__ */ i(a, {
|
|
15
|
+
className: u,
|
|
16
|
+
...l
|
|
17
|
+
}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
|
|
18
|
+
};
|
|
11
19
|
//#endregion
|
|
12
|
-
export {
|
|
20
|
+
export { s as SelectListSectionHeader };
|
|
13
21
|
|
|
14
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/SelectListSectionHeader/SelectListSectionHeader.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Header } from \"react-aria-components\";\nimport { MenuSectionHeaderStyles } from \"@/components/Menu\";\nimport { typography } from \"@/utils\";\n\nexport const SelectListSectionHeader: React.FC<\n React.ComponentPropsWithRef<\"header\">\n> = ({ className, ...props }) => {\n return (\n <Header\n className={clsx(\n typography.labelLarge,\n MenuSectionHeaderStyles,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Select/SelectListSectionHeader/SelectListSectionHeader.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { Header } from \"react-aria-components\";\nimport { MenuSectionHeaderStyles } from \"@/components/Menu\";\nimport { typography } from \"@/utils\";\n\nexport const SelectListSectionHeader: React.FC<\n React.ComponentPropsWithRef<\"header\">\n> = ({ className, ...props }) => {\n return (\n <Header\n className={clsx(\n typography.labelLarge,\n MenuSectionHeaderStyles,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;;aAKa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAOf,IAAA,EAAA,MAJU,IAAA,EACP,EAAU,YACV,GACA,CACJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAEH,OAFG,EAAA,OAAA,KAAA,EAAA,OAAA,KALL,IAAA,kBAAC,GAAD;EACe,WAAA;EAIV,GACG;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAPF;AAOE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Slider/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Slider as AriaSlider, SliderTrack } from \"react-aria-components\";\nimport { Label } from \"../../Label\";\nimport {\n ActiveTrackStyles,\n InactiveTrackStyles,\n SliderColors,\n SliderSizeStyles,\n SliderStyles,\n TrackContainerStyles,\n TrackStyles,\n VisualTrackStyles,\n} from \"../core\";\nimport { SliderStops } from \"../SliderStops\";\nimport { SliderThumb } from \"../SliderThumb\";\nimport type { RangeSliderProps, RangeSliderType } from \"./types\";\n\nexport const RangeSlider = <T extends RangeSliderType>({\n label,\n thumbLabels,\n size = \"small\",\n minValue = 0,\n maxValue = 100,\n step = 1,\n defaultValue = [minValue, minValue] as T,\n showInBetweenSteps,\n maxStops,\n outputRenderer,\n className,\n ...props\n}: RangeSliderProps<T>) => {\n return (\n <AriaSlider\n minValue={minValue}\n maxValue={maxValue}\n step={step}\n defaultValue={defaultValue}\n className={(renderProps) =>\n clsx(\n SliderStyles,\n SliderColors,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n >\n {({ orientation, state }) => {\n const startThumbValue = state.getThumbPercent(0);\n const endThumbValue = state.getThumbPercent(1);\n\n const start = startThumbValue * 100;\n const mid = (endThumbValue - startThumbValue) * 100;\n const end = (1 - endThumbValue) * 100;\n\n const sizeKey =\n orientation === \"horizontal\" ? \"inlineSize\" : \"blockSize\";\n\n return (\n <>\n {label && <Label>{label}</Label>}\n\n <div\n className={clsx(TrackContainerStyles)}\n data-orientation={orientation}\n >\n <SliderTrack\n className={clsx(\n TrackStyles,\n SliderSizeStyles(size)\n )}\n >\n <div\n className={clsx(VisualTrackStyles)}\n data-orientation={orientation}\n >\n <div\n className={clsx(InactiveTrackStyles)}\n data-orientation={orientation}\n data-track=\"start\"\n style={{\n [sizeKey]: `${start}%`,\n }}\n />\n\n <div\n className={clsx(ActiveTrackStyles)}\n data-orientation={orientation}\n data-track=\"mid\"\n style={{\n [sizeKey]: `${mid}%`,\n }}\n >\n <div />\n </div>\n\n <div\n className={clsx(InactiveTrackStyles)}\n data-orientation={orientation}\n data-track=\"end\"\n style={{\n [sizeKey]: `${end}%`,\n }}\n />\n </div>\n\n <SliderStops\n minValue={minValue}\n maxValue={maxValue}\n step={step}\n orientation={orientation}\n slider=\"range\"\n showInBetweenSteps={showInBetweenSteps}\n maxStops={maxStops}\n />\n\n {state.values.map((_, i) => {\n const increaseZindex =\n i === 0 &&\n state.getThumbValue(i) === maxValue;\n return (\n <SliderThumb\n // biome-ignore lint: index is stable here\n key={i}\n index={i}\n size={size}\n orientation={orientation}\n aria-label={thumbLabels?.[i]}\n data-z-index-increase={\n increaseZindex || undefined\n }\n outputRenderer={outputRenderer}\n />\n );\n })}\n </SliderTrack>\n </div>\n </>\n );\n }}\n </AriaSlider>\n );\n};\n"],"mappings":";;;;;;;;AAiBA,IAAa,KAA0C,EACnD,UACA,gBACA,UAAO,SACP,cAAW,GACX,cAAW,KACX,UAAO,GACP,kBAAe,CAAC,GAAU,CAAQ,GAClC,uBACA,aACA,mBACA,cACA,GAAG,QAGC,kBAAC,GAAD;CACc;CACA;CACJ;CACQ;CACd,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;YAEF,EAAE,gBAAa,eAAY;EACzB,IAAM,IAAkB,EAAM,gBAAgB,CAAC,GACzC,IAAgB,EAAM,gBAAgB,CAAC,GAEvC,IAAQ,IAAkB,KAC1B,KAAO,IAAgB,KAAmB,KAC1C,KAAO,IAAI,KAAiB,KAE5B,IACF,MAAgB,eAAe,eAAe;EAElD,OACI,kBAAA,GAAA,EAAA,UAAA,CACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA,GAE/B,kBAAC,OAAD;GACI,WAAW,EAAK,CAAoB;GACpC,oBAAkB;aAElB,kBAAC,GAAD;IACI,WAAW,EACP,GACA,EAAiB,CAAI,CACzB;cAJJ;KAMI,kBAAC,OAAD;MACI,WAAW,EAAK,CAAiB;MACjC,oBAAkB;gBAFtB;OAII,kBAAC,OAAD;QACI,WAAW,EAAK,CAAmB;QACnC,oBAAkB;QAClB,cAAW;QACX,OAAO,GACF,IAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Input/Slider/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Slider as AriaSlider, SliderTrack } from \"react-aria-components\";\nimport { Label } from \"../../Label\";\nimport {\n ActiveTrackStyles,\n InactiveTrackStyles,\n SliderColors,\n SliderSizeStyles,\n SliderStyles,\n TrackContainerStyles,\n TrackStyles,\n VisualTrackStyles,\n} from \"../core\";\nimport { SliderStops } from \"../SliderStops\";\nimport { SliderThumb } from \"../SliderThumb\";\nimport type { RangeSliderProps, RangeSliderType } from \"./types\";\n\nexport const RangeSlider = <T extends RangeSliderType>({\n label,\n thumbLabels,\n size = \"small\",\n minValue = 0,\n maxValue = 100,\n step = 1,\n defaultValue = [minValue, minValue] as T,\n showInBetweenSteps,\n maxStops,\n outputRenderer,\n className,\n ...props\n}: RangeSliderProps<T>) => {\n return (\n <AriaSlider\n minValue={minValue}\n maxValue={maxValue}\n step={step}\n defaultValue={defaultValue}\n className={(renderProps) =>\n clsx(\n SliderStyles,\n SliderColors,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n >\n {({ orientation, state }) => {\n const startThumbValue = state.getThumbPercent(0);\n const endThumbValue = state.getThumbPercent(1);\n\n const start = startThumbValue * 100;\n const mid = (endThumbValue - startThumbValue) * 100;\n const end = (1 - endThumbValue) * 100;\n\n const sizeKey =\n orientation === \"horizontal\" ? \"inlineSize\" : \"blockSize\";\n\n return (\n <>\n {label && <Label>{label}</Label>}\n\n <div\n className={clsx(TrackContainerStyles)}\n data-orientation={orientation}\n >\n <SliderTrack\n className={clsx(\n TrackStyles,\n SliderSizeStyles(size)\n )}\n >\n <div\n className={clsx(VisualTrackStyles)}\n data-orientation={orientation}\n >\n <div\n className={clsx(InactiveTrackStyles)}\n data-orientation={orientation}\n data-track=\"start\"\n style={{\n [sizeKey]: `${start}%`,\n }}\n />\n\n <div\n className={clsx(ActiveTrackStyles)}\n data-orientation={orientation}\n data-track=\"mid\"\n style={{\n [sizeKey]: `${mid}%`,\n }}\n >\n <div />\n </div>\n\n <div\n className={clsx(InactiveTrackStyles)}\n data-orientation={orientation}\n data-track=\"end\"\n style={{\n [sizeKey]: `${end}%`,\n }}\n />\n </div>\n\n <SliderStops\n minValue={minValue}\n maxValue={maxValue}\n step={step}\n orientation={orientation}\n slider=\"range\"\n showInBetweenSteps={showInBetweenSteps}\n maxStops={maxStops}\n />\n\n {state.values.map((_, i) => {\n const increaseZindex =\n i === 0 &&\n state.getThumbValue(i) === maxValue;\n return (\n <SliderThumb\n // biome-ignore lint: index is stable here\n key={i}\n index={i}\n size={size}\n orientation={orientation}\n aria-label={thumbLabels?.[i]}\n data-z-index-increase={\n increaseZindex || undefined\n }\n outputRenderer={outputRenderer}\n />\n );\n })}\n </SliderTrack>\n </div>\n </>\n );\n }}\n </AriaSlider>\n );\n};\n"],"mappings":";;;;;;;;AAiBA,IAAa,KAA0C,EACnD,UACA,gBACA,UAAO,SACP,cAAW,GACX,cAAW,KACX,UAAO,GACP,kBAAe,CAAC,GAAU,CAAQ,GAClC,uBACA,aACA,mBACA,cACA,GAAG,QAGC,kBAAC,GAAD;CACc;CACA;CACJ;CACQ;CACd,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;YAEF,EAAE,gBAAa,eAAY;EACzB,IAAM,IAAkB,EAAM,gBAAgB,CAAC,GACzC,IAAgB,EAAM,gBAAgB,CAAC,GAEvC,IAAQ,IAAkB,KAC1B,KAAO,IAAgB,KAAmB,KAC1C,KAAO,IAAI,KAAiB,KAE5B,IACF,MAAgB,eAAe,eAAe;EAElD,OACI,kBAAA,GAAA,EAAA,UAAA,CACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA,GAE/B,kBAAC,OAAD;GACI,WAAW,EAAK,CAAoB;GACpC,oBAAkB;aAElB,kBAAC,GAAD;IACI,WAAW,EACP,GACA,EAAiB,CAAI,CACzB;cAJJ;KAMI,kBAAC,OAAD;MACI,WAAW,EAAK,CAAiB;MACjC,oBAAkB;gBAFtB;OAII,kBAAC,OAAD;QACI,WAAW,EAAK,CAAmB;QACnC,oBAAkB;QAClB,cAAW;QACX,OAAO,GACF,IAAU,GAAG,EAAK,GACvB;OAAE,CAAA;OAGN,kBAAC,OAAD;QACI,WAAW,EAAK,CAAiB;QACjC,oBAAkB;QAClB,cAAW;QACX,OAAO,GACF,IAAU,GAAG,EAAG,GACrB;kBAEA,kBAAC,OAAD,CAAI,CAAA;OACH,CAAA;OAEL,kBAAC,OAAD;QACI,WAAW,EAAK,CAAmB;QACnC,oBAAkB;QAClB,cAAW;QACX,OAAO,GACF,IAAU,GAAG,EAAG,GACrB;OAAE,CAAA;MAEL;;KAEL,kBAAC,GAAD;MACc;MACA;MACJ;MACO;MACb,QAAO;MACa;MACV;KAAS,CAAA;KAGtB,EAAM,OAAO,KAAK,GAAG,MAAM;MACxB,IAAM,IACF,MAAM,KACN,EAAM,cAAc,CAAC,MAAM;MAC/B,OACI,kBAAC,GAAD;OAGI,OAAO;OACD;OACO;OACb,cAAY,IAAc;OAC1B,yBACI,KAAkB,KAAA;OAEN;MAAe,GAR1B,CAQ0B;KAG3C,CAAC;IACQ;;EACZ,CAAA,CACT,EAAA,CAAA;CAER;AACQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Input/TextArea/TextArea.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n TextArea as AriaTextArea,\n TextField as AriaTextField,\n} from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { CharacterCount } from \"../CharacterCount\";\nimport {\n Colors,\n EditorInputStyles,\n EditorStyles,\n InputGroupStyles,\n SupportingTextStyles,\n UnsetStyles,\n} from \"../core\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { useControllableState } from \"../hooks\";\nimport { Label } from \"../Label\";\nimport type { TextAreaProps } from \"./types\";\n\nexport const TextArea: React.FC<TextAreaProps> = ({\n label,\n description,\n errorMessage,\n showDescriptionOnInvalid = false,\n placeholder,\n showCharacterCount: hasCharacterCount,\n rows,\n className,\n maxLength,\n value,\n defaultValue,\n onChange,\n ref,\n ...props\n}) => {\n const { currentValue, setValue } = useControllableState({\n value,\n defaultValue,\n onChange,\n });\n\n return (\n <AriaTextField\n className={(renderProps) =>\n clsx(\n Colors,\n InputGroupStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n maxLength={maxLength}\n value={currentValue}\n defaultValue={defaultValue}\n onChange={setValue}\n {...props}\n >\n {({ isInvalid }) => {\n const hasDescription =\n description &&\n (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n return (\n <>\n {label && <Label>{label}</Label>}\n\n <AriaTextArea\n ref={ref}\n rows={rows}\n placeholder={placeholder}\n className={clsx(\n UnsetStyles,\n EditorStyles,\n EditorInputStyles,\n typography.bodyLarge\n )}\n data-textarea={true}\n />\n\n {hasDescription && (\n <span className={clsx(SupportingTextStyles)}>\n <Description>{description}</Description>\n\n {hasCharacterCount && (\n <CharacterCount\n count={currentValue.length}\n maxLength={maxLength}\n />\n )}\n </span>\n )}\n\n {!hasDescription && hasCharacterCount && (\n <span className={clsx(SupportingTextStyles)}>\n <FieldError>{errorMessage}</FieldError>\n\n <CharacterCount\n count={currentValue.length}\n maxLength={maxLength}\n />\n </span>\n )}\n\n {/* Error placement */}\n {hasDescription || !hasCharacterCount ? (\n <FieldError className={clsx(SupportingTextStyles)}>\n {errorMessage}\n </FieldError>\n ) : null}\n </>\n );\n }}\n </AriaTextField>\n );\n};\n"],"mappings":";;;;;;;;;;;AAqBA,IAAa,KAAqC,EAC9C,UACA,gBACA,iBACA,8BAA2B,IAC3B,gBACA,oBAAoB,GACpB,SACA,cACA,cACA,UACA,iBACA,aACA,QACA,GAAG,QACD;CACF,IAAM,EAAE,iBAAc,gBAAa,EAAqB;EACpD;EACA;EACA;CACJ,CAAC;CAED,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEO;EACX,OAAO;EACO;EACd,UAAU;EACV,GAAI;aAEF,EAAE,mBAAgB;GAChB,IAAM,IACF,MACC,CAAC,KAAc,KAAa;GAEjC,OACI,kBAAA,GAAA,EAAA,UAAA;IACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA;IAE/B,kBAAC,GAAD;KACS;KACC;KACO;KACb,WAAW,EACP,GACA,GACA,GACA,EAAW,SACf;KACA,iBAAe;
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Input/TextArea/TextArea.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n TextArea as AriaTextArea,\n TextField as AriaTextField,\n} from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { CharacterCount } from \"../CharacterCount\";\nimport {\n Colors,\n EditorInputStyles,\n EditorStyles,\n InputGroupStyles,\n SupportingTextStyles,\n UnsetStyles,\n} from \"../core\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { useControllableState } from \"../hooks\";\nimport { Label } from \"../Label\";\nimport type { TextAreaProps } from \"./types\";\n\nexport const TextArea: React.FC<TextAreaProps> = ({\n label,\n description,\n errorMessage,\n showDescriptionOnInvalid = false,\n placeholder,\n showCharacterCount: hasCharacterCount,\n rows,\n className,\n maxLength,\n value,\n defaultValue,\n onChange,\n ref,\n ...props\n}) => {\n const { currentValue, setValue } = useControllableState({\n value,\n defaultValue,\n onChange,\n });\n\n return (\n <AriaTextField\n className={(renderProps) =>\n clsx(\n Colors,\n InputGroupStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n maxLength={maxLength}\n value={currentValue}\n defaultValue={defaultValue}\n onChange={setValue}\n {...props}\n >\n {({ isInvalid }) => {\n const hasDescription =\n description &&\n (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n return (\n <>\n {label && <Label>{label}</Label>}\n\n <AriaTextArea\n ref={ref}\n rows={rows}\n placeholder={placeholder}\n className={clsx(\n UnsetStyles,\n EditorStyles,\n EditorInputStyles,\n typography.bodyLarge\n )}\n data-textarea={true}\n />\n\n {hasDescription && (\n <span className={clsx(SupportingTextStyles)}>\n <Description>{description}</Description>\n\n {hasCharacterCount && (\n <CharacterCount\n count={currentValue.length}\n maxLength={maxLength}\n />\n )}\n </span>\n )}\n\n {!hasDescription && hasCharacterCount && (\n <span className={clsx(SupportingTextStyles)}>\n <FieldError>{errorMessage}</FieldError>\n\n <CharacterCount\n count={currentValue.length}\n maxLength={maxLength}\n />\n </span>\n )}\n\n {/* Error placement */}\n {hasDescription || !hasCharacterCount ? (\n <FieldError className={clsx(SupportingTextStyles)}>\n {errorMessage}\n </FieldError>\n ) : null}\n </>\n );\n }}\n </AriaTextField>\n );\n};\n"],"mappings":";;;;;;;;;;;AAqBA,IAAa,KAAqC,EAC9C,UACA,gBACA,iBACA,8BAA2B,IAC3B,gBACA,oBAAoB,GACpB,SACA,cACA,cACA,UACA,iBACA,aACA,QACA,GAAG,QACD;CACF,IAAM,EAAE,iBAAc,gBAAa,EAAqB;EACpD;EACA;EACA;CACJ,CAAC;CAED,OACI,kBAAC,GAAD;EACI,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;EAEO;EACX,OAAO;EACO;EACd,UAAU;EACV,GAAI;aAEF,EAAE,mBAAgB;GAChB,IAAM,IACF,MACC,CAAC,KAAc,KAAa;GAEjC,OACI,kBAAA,GAAA,EAAA,UAAA;IACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA;IAE/B,kBAAC,GAAD;KACS;KACC;KACO;KACb,WAAW,EACP,GACA,GACA,GACA,EAAW,SACf;KACA,iBAAe;IAAK,CAAA;IAGvB,KACG,kBAAC,QAAD;KAAM,WAAW,EAAK,CAAoB;eAA1C,CACI,kBAAC,GAAD,EAAA,UAAc,EAAyB,CAAA,GAEtC,KACG,kBAAC,GAAD;MACI,OAAO,EAAa;MACT;KAAU,CAAA,CAG3B;;IAGT,CAAC,KAAkB,KAChB,kBAAC,QAAD;KAAM,WAAW,EAAK,CAAoB;eAA1C,CACI,kBAAC,GAAD,EAAA,UAAa,EAAyB,CAAA,GAEtC,kBAAC,GAAD;MACI,OAAO,EAAa;MACT;KAAU,CAAA,CAEvB;;IAIT,KAAkB,CAAC,IAChB,kBAAC,GAAD;KAAY,WAAW,EAAK,CAAoB;eAC3C;IACO,CAAA,IACZ;GACR,EAAA,CAAA;EAER;CACW,CAAA;AAEvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Input/TimeField/TimeField.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n TimeField as AriaTimeField,\n DateInput,\n DateSegment,\n type TimeValue,\n} from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport {\n Colors,\n DateInputStyles,\n DateSegmentStyles,\n EditorInputStyles,\n EditorStyles,\n InputGroupStyles,\n SupportingTextStyles,\n UnsetStyles,\n} from \"../core\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { Label } from \"../Label\";\nimport type { TimeFieldProps } from \"./types\";\n\nexport const TimeField = <T extends TimeValue>({\n label,\n description,\n errorMessage,\n showDescriptionOnInvalid = false,\n className,\n ref,\n ...props\n}: TimeFieldProps<T>) => {\n return (\n <AriaTimeField\n className={(renderProps) =>\n clsx(\n Colors,\n InputGroupStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n >\n {({ isInvalid }) => {\n const showDescription =\n description &&\n (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n return (\n <>\n {label && <Label>{label}</Label>}\n\n <DateInput\n ref={ref}\n className={clsx(\n UnsetStyles,\n EditorStyles,\n EditorInputStyles,\n typography.bodyLarge,\n DateInputStyles\n )}\n data-date-input={true}\n >\n {(segment) => {\n return (\n <DateSegment\n className={clsx(\n DateSegmentStyles,\n typography.bodyLarge\n )}\n segment={segment}\n />\n );\n }}\n </DateInput>\n\n {showDescription && (\n <Description className={clsx(SupportingTextStyles)}>\n {description}\n </Description>\n )}\n <FieldError className={clsx(SupportingTextStyles)}>\n {errorMessage}\n </FieldError>\n </>\n );\n }}\n </AriaTimeField>\n );\n};\n"],"mappings":";;;;;;;;;AAuBA,IAAa,KAAkC,EAC3C,UACA,gBACA,iBACA,8BAA2B,IAC3B,cACA,QACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;YAEF,EAAE,mBAAgB;EAChB,IAAM,IACF,MACC,CAAC,KAAc,KAAa;EAEjC,OACI,kBAAA,GAAA,EAAA,UAAA;GACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA;GAE/B,kBAAC,GAAD;IACS;IACL,WAAW,EACP,GACA,GACA,GACA,EAAW,WACX,CACJ;IACA,mBAAiB;eAEf,MAEM,kBAAC,GAAD;KACI,WAAW,EACP,GACA,EAAW,SACf;KACS;
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Input/TimeField/TimeField.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n TimeField as AriaTimeField,\n DateInput,\n DateSegment,\n type TimeValue,\n} from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport {\n Colors,\n DateInputStyles,\n DateSegmentStyles,\n EditorInputStyles,\n EditorStyles,\n InputGroupStyles,\n SupportingTextStyles,\n UnsetStyles,\n} from \"../core\";\nimport { Description } from \"../Description\";\nimport { FieldError } from \"../FieldError\";\nimport { Label } from \"../Label\";\nimport type { TimeFieldProps } from \"./types\";\n\nexport const TimeField = <T extends TimeValue>({\n label,\n description,\n errorMessage,\n showDescriptionOnInvalid = false,\n className,\n ref,\n ...props\n}: TimeFieldProps<T>) => {\n return (\n <AriaTimeField\n className={(renderProps) =>\n clsx(\n Colors,\n InputGroupStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n >\n {({ isInvalid }) => {\n const showDescription =\n description &&\n (!isInvalid || (isInvalid && showDescriptionOnInvalid));\n\n return (\n <>\n {label && <Label>{label}</Label>}\n\n <DateInput\n ref={ref}\n className={clsx(\n UnsetStyles,\n EditorStyles,\n EditorInputStyles,\n typography.bodyLarge,\n DateInputStyles\n )}\n data-date-input={true}\n >\n {(segment) => {\n return (\n <DateSegment\n className={clsx(\n DateSegmentStyles,\n typography.bodyLarge\n )}\n segment={segment}\n />\n );\n }}\n </DateInput>\n\n {showDescription && (\n <Description className={clsx(SupportingTextStyles)}>\n {description}\n </Description>\n )}\n <FieldError className={clsx(SupportingTextStyles)}>\n {errorMessage}\n </FieldError>\n </>\n );\n }}\n </AriaTimeField>\n );\n};\n"],"mappings":";;;;;;;;;AAuBA,IAAa,KAAkC,EAC3C,UACA,gBACA,iBACA,8BAA2B,IAC3B,cACA,QACA,GAAG,QAGC,kBAAC,GAAD;CACI,YAAY,MACR,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CAAW,IACrB,CACV;CAEJ,GAAI;YAEF,EAAE,mBAAgB;EAChB,IAAM,IACF,MACC,CAAC,KAAc,KAAa;EAEjC,OACI,kBAAA,GAAA,EAAA,UAAA;GACK,KAAS,kBAAC,GAAD,EAAA,UAAQ,EAAa,CAAA;GAE/B,kBAAC,GAAD;IACS;IACL,WAAW,EACP,GACA,GACA,GACA,EAAW,WACX,CACJ;IACA,mBAAiB;eAEf,MAEM,kBAAC,GAAD;KACI,WAAW,EACP,GACA,EAAW,SACf;KACS;IAAQ,CAAA;GAItB,CAAA;GAEV,KACG,kBAAC,GAAD;IAAa,WAAW,EAAK,CAAoB;cAC5C;GACQ,CAAA;GAEjB,kBAAC,GAAD;IAAY,WAAW,EAAK,CAAoB;cAC3C;GACO,CAAA;EAChB,EAAA,CAAA;CAER;AACW,CAAA"}
|
|
@@ -1,15 +1,21 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { t as e } from "../../../chunks/compiler-runtime";
|
|
2
|
+
import { useState as t } from "react";
|
|
2
3
|
//#region src/components/Input/hooks/useControllableState.ts
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
};
|
|
4
|
+
var n = e();
|
|
5
|
+
function r(e) {
|
|
6
|
+
let r = (0, n.c)(8), { value: i, defaultValue: a, onChange: o } = e, s = i !== void 0, c;
|
|
7
|
+
r[0] === a ? c = r[1] : (c = () => a ?? "", r[0] = a, r[1] = c);
|
|
8
|
+
let [l, u] = t(c), d = s ? i : l, f;
|
|
9
|
+
r[2] !== s || r[3] !== o ? (f = (e) => {
|
|
10
|
+
o?.(e), s || u(e);
|
|
11
|
+
}, r[2] = s, r[3] = o, r[4] = f) : f = r[4];
|
|
12
|
+
let p = f, m;
|
|
13
|
+
return r[5] !== d || r[6] !== p ? (m = {
|
|
14
|
+
currentValue: d,
|
|
15
|
+
setValue: p
|
|
16
|
+
}, r[5] = d, r[6] = p, r[7] = m) : m = r[7], m;
|
|
11
17
|
}
|
|
12
18
|
//#endregion
|
|
13
|
-
export {
|
|
19
|
+
export { r as useControllableState };
|
|
14
20
|
|
|
15
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Input/hooks/useControllableState.ts"],"sourcesContent":["import { useState } from \"react\";\n\nexport function useControllableState({\n value,\n defaultValue,\n onChange,\n}: {\n value?: string;\n defaultValue?: string;\n onChange?: (value: string) => void;\n}) {\n const isControlled = value !== undefined;\n\n const [internalValue, setInternalValue] = useState(\n () => defaultValue ?? \"\"\n );\n\n const currentValue = isControlled ? value : internalValue;\n\n const setValue = (val: string) => {\n onChange?.(val);\n\n if (!isControlled) {\n setInternalValue(val);\n }\n };\n\n return {\n currentValue,\n setValue,\n };\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Input/hooks/useControllableState.ts"],"sourcesContent":["import { useState } from \"react\";\n\nexport function useControllableState({\n value,\n defaultValue,\n onChange,\n}: {\n value?: string;\n defaultValue?: string;\n onChange?: (value: string) => void;\n}) {\n const isControlled = value !== undefined;\n\n const [internalValue, setInternalValue] = useState(\n () => defaultValue ?? \"\"\n );\n\n const currentValue = isControlled ? value : internalValue;\n\n const setValue = (val: string) => {\n onChange?.(val);\n\n if (!isControlled) {\n setInternalValue(val);\n }\n };\n\n return {\n currentValue,\n setValue,\n };\n}\n"],"mappings":";;;;AAEA,SAAO,EAAA,GAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAA8B,EAAA,UAAA,iBAAA,gBAAA,GASjC,IAAqB,MAAU,KAAA,GAAU;CAAA,AAAA,EAAA,OAAA,IAGb,IAAA,EAAA,MAAxB,UAAM,KAAA,IAAkB,EAAA,KAAA,GAAA,EAAA,KAAA;CAD5B,IAAA,CAAA,GAAA,KAA0C,EACtC,CACJ,GAEA,IAAqB,IAAA,IAAA,GAAqC;CAAA,AAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEzC,KAAA,MAAA;EAGb,AAFA,IAAW,CAAG,GAET,KACD,EAAiB,CAAG;CACvB,GACJ,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAND,IAAA,IAAiB,GAMf;CAKD,OALC,EAAA,OAAA,KAAA,EAAA,OAAA,KAEK,IAAA;EAAA;EAAA;CAGP,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAHM;AAGN"}
|
|
@@ -1,20 +1,25 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import o from "
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
1
|
+
import { t as e } from "../../../chunks/compiler-runtime";
|
|
2
|
+
import { d as t, l as n, o as r, s as i, u as a } from "../../../chunks/core6";
|
|
3
|
+
import { MenuConfigContext as o } from "../context/index.js";
|
|
4
|
+
import s from "clsx";
|
|
5
|
+
import { useContext as c } from "react";
|
|
6
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
7
|
+
import { Menu as u } from "react-aria-components";
|
|
7
8
|
//#region src/components/Menu/Menu/Menu.tsx
|
|
8
|
-
var
|
|
9
|
-
let
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
var d = e(), f = (e) => {
|
|
10
|
+
let f = (0, d.c)(13), p, m, h, g;
|
|
11
|
+
f[0] === e ? (p = f[1], m = f[2], h = f[3], g = f[4]) : ({color: m, layout: h, className: p, ...g} = e, f[0] = e, f[1] = p, f[2] = m, f[3] = h, f[4] = g);
|
|
12
|
+
let { color: _, layout: v } = c(o), y = m ?? _ ?? "standard", b = h ?? v ?? "standard", x;
|
|
13
|
+
f[5] !== p || f[6] !== y || f[7] !== b ? (x = (e) => s(t(y), a, i, n(b), r, typeof p == "function" ? p(e) : p), f[5] = p, f[6] = y, f[7] = b, f[8] = x) : x = f[8];
|
|
14
|
+
let S;
|
|
15
|
+
return f[9] !== h || f[10] !== g || f[11] !== x ? (S = /* @__PURE__ */ l(u, {
|
|
16
|
+
className: x,
|
|
17
|
+
...g,
|
|
18
|
+
"data-layout": h,
|
|
14
19
|
"data-menu": !0
|
|
15
|
-
});
|
|
20
|
+
}), f[9] = h, f[10] = g, f[11] = x, f[12] = S) : S = f[12], S;
|
|
16
21
|
};
|
|
17
22
|
//#endregion
|
|
18
|
-
export {
|
|
23
|
+
export { f as Menu };
|
|
19
24
|
|
|
20
25
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Menu as AriaMenu } from \"react-aria-components\";\nimport { MenuConfigContext } from \"../context\";\nimport {\n MenuBaseLayout,\n MenuStyles,\n menuBaseColor,\n menuColorConfig,\n menuLayoutConfig,\n} from \"../core\";\nimport type { MenuProps } from \"./types\";\n\nexport const Menu = <T extends object>({\n color,\n layout,\n className,\n ...props\n}: MenuProps<T>) => {\n const { color: configColor, layout: configLayout } =\n useContext(MenuConfigContext);\n const menuColor = color ?? configColor ?? \"standard\";\n const menuLayout = layout ?? configLayout ?? \"standard\";\n\n return (\n <AriaMenu\n className={(renderProps) =>\n clsx(\n menuColorConfig(menuColor),\n menuBaseColor,\n MenuBaseLayout,\n menuLayoutConfig(menuLayout),\n MenuStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-layout={layout}\n data-menu\n />\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["layout"],"sources":["../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { Menu as AriaMenu } from \"react-aria-components\";\nimport { MenuConfigContext } from \"../context\";\nimport {\n MenuBaseLayout,\n MenuStyles,\n menuBaseColor,\n menuColorConfig,\n menuLayoutConfig,\n} from \"../core\";\nimport type { MenuProps } from \"./types\";\n\nexport const Menu = <T extends object>({\n color,\n layout,\n className,\n ...props\n}: MenuProps<T>) => {\n const { color: configColor, layout: configLayout } =\n useContext(MenuConfigContext);\n const menuColor = color ?? configColor ?? \"standard\";\n const menuLayout = layout ?? configLayout ?? \"standard\";\n\n return (\n <AriaMenu\n className={(renderProps) =>\n clsx(\n menuColorConfig(menuColor),\n menuBaseColor,\n MenuBaseLayout,\n menuLayoutConfig(menuLayout),\n MenuStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-layout={layout}\n data-menu\n />\n );\n};\n"],"mappings":";;;;;;;;aAaa,KAAO,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAKL,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,OALwB,uCAAA,KAAA,GAKxB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CACX,IAAA,EAAA,OAAA,GAAA,QAAA,MACI,EAAW,CAAiB,GAChC,IAAkB,KAAA,KAAA,YAClB,IAAmB,KAAA,KAAA,YAAqC;CAAA,AAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAIrC,KAAA,MACP,EACI,EAAgB,CAAS,GACzB,GACA,GACA,EAAiB,CAAU,GAC3B,GACA,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CAKP,OALO,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAXT,IAAA,kBAAC,GAAD;EACe,WAAA;EAUN,GAED;EACSA,eAAA;EACb,aAAA;CAAS,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAhBF;AAgBE"}
|
|
@@ -1,53 +1,63 @@
|
|
|
1
|
-
import { t as e } from "../../../chunks/
|
|
2
|
-
import { t } from "../../../chunks/
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import l from "
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
1
|
+
import { t as e } from "../../../chunks/compiler-runtime";
|
|
2
|
+
import { t } from "../../../chunks/base";
|
|
3
|
+
import { t as n } from "../../../chunks/Icon";
|
|
4
|
+
import { n as r, t as i } from "../../../chunks/useSplash";
|
|
5
|
+
import { f as a, n as o, p as s, r as c, t as l } from "../../../chunks/core6";
|
|
6
|
+
import u from "clsx";
|
|
7
|
+
import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
8
|
+
import { MenuItem as m } from "react-aria-components";
|
|
9
|
+
import { Check as h, ChevronRight as g } from "lucide-react";
|
|
9
10
|
//#region src/components/Menu/MenuItem/MenuItem.tsx
|
|
10
|
-
var
|
|
11
|
-
let
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
/* @__PURE__ */ f(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
11
|
+
var _ = e(), v = (e) => {
|
|
12
|
+
let v = (0, _.c)(24), y, b, x, S, C, w, T, E;
|
|
13
|
+
v[0] === e ? (y = v[1], b = v[2], x = v[3], S = v[4], C = v[5], w = v[6], T = v[7], E = v[8]) : ({leadingIcon: x, label: b, supportingText: w, trailingText: E, trailingIcon: T, className: y, onPress: S, ...C} = e, v[0] = e, v[1] = y, v[2] = b, v[3] = x, v[4] = S, v[5] = C, v[6] = w, v[7] = T, v[8] = E);
|
|
14
|
+
let { splashInfo: D, handlePress: O } = i(S), k;
|
|
15
|
+
v[9] === y ? k = v[10] : (k = (e) => u(a, o, typeof y == "function" ? y(e) : y), v[9] = y, v[10] = k);
|
|
16
|
+
let A = w ? !0 : void 0, j;
|
|
17
|
+
v[11] !== b || v[12] !== x || v[13] !== D || v[14] !== w || v[15] !== T || v[16] !== E ? (j = (e) => {
|
|
18
|
+
let { hasSubmenu: i, isSelected: a } = e;
|
|
19
|
+
return /* @__PURE__ */ p(d, { children: [
|
|
20
|
+
D && /* @__PURE__ */ f(r, { ...D }),
|
|
21
|
+
/* @__PURE__ */ p("div", {
|
|
22
|
+
className: u(l),
|
|
23
|
+
children: [a ? /* @__PURE__ */ f(n, {
|
|
24
|
+
icon: h,
|
|
23
25
|
size: 20
|
|
24
|
-
}) :
|
|
25
|
-
icon:
|
|
26
|
+
}) : x && /* @__PURE__ */ f(n, {
|
|
27
|
+
icon: x,
|
|
26
28
|
size: 20
|
|
27
|
-
}), /* @__PURE__ */
|
|
29
|
+
}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("p", {
|
|
28
30
|
slot: "label",
|
|
29
|
-
className:
|
|
30
|
-
children:
|
|
31
|
-
}),
|
|
31
|
+
className: u(t.labelLarge, s),
|
|
32
|
+
children: b
|
|
33
|
+
}), w && /* @__PURE__ */ f("p", {
|
|
32
34
|
slot: "description",
|
|
33
|
-
className:
|
|
34
|
-
children:
|
|
35
|
+
className: u(t.bodySmall),
|
|
36
|
+
children: w
|
|
35
37
|
})] })]
|
|
36
38
|
}),
|
|
37
|
-
/* @__PURE__ */
|
|
38
|
-
className:
|
|
39
|
-
children: [
|
|
40
|
-
icon:
|
|
39
|
+
/* @__PURE__ */ p("div", {
|
|
40
|
+
className: u(c),
|
|
41
|
+
children: [E && E, i ? /* @__PURE__ */ f(n, {
|
|
42
|
+
icon: g,
|
|
41
43
|
size: 20
|
|
42
|
-
}) :
|
|
43
|
-
icon:
|
|
44
|
+
}) : T && /* @__PURE__ */ f(n, {
|
|
45
|
+
icon: T,
|
|
44
46
|
size: 20
|
|
45
47
|
})]
|
|
46
48
|
})
|
|
47
|
-
] })
|
|
48
|
-
});
|
|
49
|
+
] });
|
|
50
|
+
}, v[11] = b, v[12] = x, v[13] = D, v[14] = w, v[15] = T, v[16] = E, v[17] = j) : j = v[17];
|
|
51
|
+
let M;
|
|
52
|
+
return v[18] !== O || v[19] !== C || v[20] !== k || v[21] !== A || v[22] !== j ? (M = /* @__PURE__ */ f(m, {
|
|
53
|
+
className: k,
|
|
54
|
+
onPress: O,
|
|
55
|
+
...C,
|
|
56
|
+
"data-multi-line": A,
|
|
57
|
+
children: j
|
|
58
|
+
}), v[18] = O, v[19] = C, v[20] = k, v[21] = A, v[22] = j, v[23] = M) : M = v[23], M;
|
|
49
59
|
};
|
|
50
60
|
//#endregion
|
|
51
|
-
export {
|
|
61
|
+
export { v as MenuItem };
|
|
52
62
|
|
|
53
63
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Check, ChevronRight } from \"lucide-react\";\nimport { MenuItem as AriaMenuItem } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { typography } from \"@/utils/typography\";\nimport {\n MenuItemIconSize,\n MenuItemLeadingStyles,\n MenuItemStyles,\n MenuItemTrailingStyles,\n menuItemBaseColor,\n menuItemLabelColor,\n} from \"../core\";\nimport type { MenuItemProps } from \"./types\";\n\nexport const MenuItem: React.FC<MenuItemProps> = ({\n leadingIcon,\n label,\n supportingText,\n trailingText,\n trailingIcon,\n className,\n onPress,\n ...props\n}) => {\n const { splashInfo, handlePress } = useSplash(onPress);\n\n return (\n <AriaMenuItem\n className={(renderProps) =>\n clsx(\n menuItemBaseColor,\n MenuItemStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n onPress={handlePress}\n {...props}\n data-multi-line={supportingText ? true : undefined}\n >\n {({ hasSubmenu, isSelected }) => {\n return (\n <>\n {splashInfo && <Splash {...splashInfo} />}\n\n {/* leading comps */}\n <div className={clsx(MenuItemLeadingStyles)}>\n {isSelected ? (\n <Icon icon={Check} size={MenuItemIconSize} />\n ) : (\n leadingIcon && (\n <Icon\n icon={leadingIcon}\n size={MenuItemIconSize}\n />\n )\n )}\n\n <div>\n <p\n slot=\"label\"\n className={clsx(\n typography.labelLarge,\n menuItemLabelColor\n )}\n >\n {label}\n </p>\n\n {supportingText && (\n <p\n slot=\"description\"\n className={clsx(typography.bodySmall)}\n >\n {supportingText}\n </p>\n )}\n </div>\n </div>\n\n {/* trailing comps */}\n <div className={clsx(MenuItemTrailingStyles)}>\n {trailingText && trailingText}\n\n {hasSubmenu ? (\n <Icon\n icon={ChevronRight}\n size={MenuItemIconSize}\n />\n ) : (\n trailingIcon && (\n <Icon\n icon={trailingIcon}\n size={MenuItemIconSize}\n />\n )\n )}\n </div>\n </>\n );\n }}\n </AriaMenuItem>\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["Check","MenuItemIconSize","leadingIcon","label","supportingText","ChevronRight","trailingIcon","handlePress"],"sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Check, ChevronRight } from \"lucide-react\";\nimport { MenuItem as AriaMenuItem } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport { Splash } from \"@/components/Splash/Splash\";\nimport { useSplash } from \"@/components/Splash/useSplash\";\nimport { typography } from \"@/utils/typography\";\nimport {\n MenuItemIconSize,\n MenuItemLeadingStyles,\n MenuItemStyles,\n MenuItemTrailingStyles,\n menuItemBaseColor,\n menuItemLabelColor,\n} from \"../core\";\nimport type { MenuItemProps } from \"./types\";\n\nexport const MenuItem: React.FC<MenuItemProps> = ({\n leadingIcon,\n label,\n supportingText,\n trailingText,\n trailingIcon,\n className,\n onPress,\n ...props\n}) => {\n const { splashInfo, handlePress } = useSplash(onPress);\n\n return (\n <AriaMenuItem\n className={(renderProps) =>\n clsx(\n menuItemBaseColor,\n MenuItemStyles,\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n onPress={handlePress}\n {...props}\n data-multi-line={supportingText ? true : undefined}\n >\n {({ hasSubmenu, isSelected }) => {\n return (\n <>\n {splashInfo && <Splash {...splashInfo} />}\n\n {/* leading comps */}\n <div className={clsx(MenuItemLeadingStyles)}>\n {isSelected ? (\n <Icon icon={Check} size={MenuItemIconSize} />\n ) : (\n leadingIcon && (\n <Icon\n icon={leadingIcon}\n size={MenuItemIconSize}\n />\n )\n )}\n\n <div>\n <p\n slot=\"label\"\n className={clsx(\n typography.labelLarge,\n menuItemLabelColor\n )}\n >\n {label}\n </p>\n\n {supportingText && (\n <p\n slot=\"description\"\n className={clsx(typography.bodySmall)}\n >\n {supportingText}\n </p>\n )}\n </div>\n </div>\n\n {/* trailing comps */}\n <div className={clsx(MenuItemTrailingStyles)}>\n {trailingText && trailingText}\n\n {hasSubmenu ? (\n <Icon\n icon={ChevronRight}\n size={MenuItemIconSize}\n />\n ) : (\n trailingIcon && (\n <Icon\n icon={trailingIcon}\n size={MenuItemIconSize}\n />\n )\n )}\n </div>\n </>\n );\n }}\n </AriaMenuItem>\n );\n};\n"],"mappings":";;;;;;;;;;aAiBa,KAAoC,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,EAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAShD,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,IAAA,IAAA,EAAA,OATiD,6GAAA,KAAA,GASjD,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CACG,IAAA,EAAA,eAAA,mBAAoC,EAAU,CAAO,GAAE;CAAA,AAAA,EAAA,OAAA,IAW1C,IAAA,EAAA,OAPM,KAAA,MACP,EACI,GACA,GACA,OAAO,KAAc,aACf,EAAU,CACF,IAFd,CAGJ,GAAC,EAAA,KAAA,GAAA,EAAA,MAAA;CAIY,IAAA,IAAA,IAAA,KAAA,KAAA,GAAiC;CAAA,AAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAEjD,KAAA,MAAA;EAAC,IAAA,EAAA,eAAA,kBAAA;EAA0B,OAEpB,kBAAA,GAAA,EAAA,UAAA;GACK,KAAc,kBAAC,GAAD,EAAO,GAAK,EAAU,CAAA;GAGrC,kBAAA,OAAA;IAAgB,WAAA,EAAK,CAAqB;cAA1C,CACK,IACG,kBAAC,GAAD;KAAYA,MAAA;KAAaC,MAAAA;IAAgB,CAAA,IAEzC,KACI,kBAAC,GAAD;KACUC,MAAA;KACAD,MAAAA;IAAgB,CAAA,GAKlC,kBAAA,OAAA,EAAA,UAAA,CACI,kBAAA,KAAA;KACS,MAAA;KACM,WAAA,EACP,EAAU,YACV,CACJ;eAEC;IACD,CAAA,GAEH,KACG,kBAAA,KAAA;KACS,MAAA;KACM,WAAA,EAAK,EAAU,SAAU;eAEnC;IACD,CAAA,CAEN,EAAA,CAAA,CACJ;;GAGN,kBAAA,OAAA;IAAgB,WAAA,EAAK,CAAsB;cAA3C,CACK,KAAA,GAEA,IACG,kBAAC,GAAD;KACUI,MAAA;KACAJ,MAAAA;IAAgB,CAAA,IAG1B,KACI,kBAAC,GAAD;KACUK,MAAA;KACAL,MAAAA;IAAgB,CAAA,CAIhC;;EAAA,EAAA,CAAA;CACP,GAEV,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CAAA,IAAA;CACU,OADV,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KA1EL,IAAA,kBAAC,GAAD;EACe,WAAA;EASFM,SAAA;EAAW,GAChB;EACa,mBAAA;YAEhB;CAdQ,CAAA,GA2EE,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KA3Ef;AA2Ee"}
|
|
@@ -1,14 +1,22 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import t from "
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
1
|
+
import { t as e } from "../../../chunks/compiler-runtime";
|
|
2
|
+
import { a as t } from "../../../chunks/core6";
|
|
3
|
+
import n from "clsx";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
import { MenuSection as i } from "react-aria-components";
|
|
5
6
|
//#region src/components/Menu/MenuSection/MenuSection.tsx
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
...
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
var a = e(), o = (e) => {
|
|
8
|
+
let o = (0, a.c)(8), s, c;
|
|
9
|
+
o[0] === e ? (s = o[1], c = o[2]) : ({className: s, ...c} = e, o[0] = e, o[1] = s, o[2] = c);
|
|
10
|
+
let l;
|
|
11
|
+
o[3] === s ? l = o[4] : (l = n(t, s), o[3] = s, o[4] = l);
|
|
12
|
+
let u;
|
|
13
|
+
return o[5] !== c || o[6] !== l ? (u = /* @__PURE__ */ r(i, {
|
|
14
|
+
className: l,
|
|
15
|
+
...c,
|
|
16
|
+
"data-menu-section": !0
|
|
17
|
+
}), o[5] = c, o[6] = l, o[7] = u) : u = o[7], u;
|
|
18
|
+
};
|
|
11
19
|
//#endregion
|
|
12
|
-
export {
|
|
20
|
+
export { o as MenuSection };
|
|
13
21
|
|
|
14
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Menu/MenuSection/MenuSection.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { MenuSection as AriaMenuSection } from \"react-aria-components\";\nimport { MenuSectionStyles } from \"../core\";\n\nexport const MenuSection = <T extends object>({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof AriaMenuSection<T>>) => {\n return (\n <AriaMenuSection\n className={clsx(MenuSectionStyles, className)}\n {...props}\n data-menu-section\n />\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Menu/MenuSection/MenuSection.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { MenuSection as AriaMenuSection } from \"react-aria-components\";\nimport { MenuSectionStyles } from \"../core\";\n\nexport const MenuSection = <T extends object>({\n className,\n ...props\n}: React.ComponentPropsWithRef<typeof AriaMenuSection<T>>) => {\n return (\n <AriaMenuSection\n className={clsx(MenuSectionStyles, className)}\n {...props}\n data-menu-section\n />\n );\n};\n"],"mappings":";;;;;;aAIa,KAAc,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAG8B,IAAA,EAAA,IAAA,IAAA,EAAA,OAHX,kBAAA,KAAA,GAGW,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAGA,IAAA,EAAA,MAAlC,IAAA,EAAK,GAAmB,CAAS,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAG/C,OAH+C,EAAA,OAAA,KAAA,EAAA,OAAA,KADjD,IAAA,kBAAC,GAAD;EACe,WAAA;EAAkC,GACzC;EACJ,qBAAA;CAAiB,CAAA,GACnB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAJF;AAIE"}
|
|
@@ -1,14 +1,22 @@
|
|
|
1
|
-
import { t as e } from "../../../chunks/
|
|
2
|
-
import {
|
|
3
|
-
import n from "
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
1
|
+
import { t as e } from "../../../chunks/compiler-runtime";
|
|
2
|
+
import { t } from "../../../chunks/base";
|
|
3
|
+
import { i as n } from "../../../chunks/core6";
|
|
4
|
+
import r from "clsx";
|
|
5
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
6
|
+
import { Header as a } from "react-aria-components";
|
|
6
7
|
//#region src/components/Menu/MenuSectionHeader/MenuSectionHeader.tsx
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
...
|
|
10
|
-
|
|
8
|
+
var o = e(), s = (e) => {
|
|
9
|
+
let s = (0, o.c)(8), c, l;
|
|
10
|
+
s[0] === e ? (c = s[1], l = s[2]) : ({className: c, ...l} = e, s[0] = e, s[1] = c, s[2] = l);
|
|
11
|
+
let u;
|
|
12
|
+
s[3] === c ? u = s[4] : (u = r(t.labelLarge, n, c), s[3] = c, s[4] = u);
|
|
13
|
+
let d;
|
|
14
|
+
return s[5] !== l || s[6] !== u ? (d = /* @__PURE__ */ i(a, {
|
|
15
|
+
className: u,
|
|
16
|
+
...l
|
|
17
|
+
}), s[5] = l, s[6] = u, s[7] = d) : d = s[7], d;
|
|
18
|
+
};
|
|
11
19
|
//#endregion
|
|
12
|
-
export {
|
|
20
|
+
export { s as MenuSectionHeader };
|
|
13
21
|
|
|
14
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Menu/MenuSectionHeader/MenuSectionHeader.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Header } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { MenuSectionHeaderStyles } from \"../core\";\n\nexport const MenuSectionHeader: React.FC<\n React.ComponentPropsWithRef<\"header\">\n> = ({ className, ...props }) => {\n return (\n <Header\n className={clsx(\n typography.labelLarge,\n MenuSectionHeaderStyles,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Menu/MenuSectionHeader/MenuSectionHeader.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { Header } from \"react-aria-components\";\nimport { typography } from \"@/utils\";\nimport { MenuSectionHeaderStyles } from \"../core\";\n\nexport const MenuSectionHeader: React.FC<\n React.ComponentPropsWithRef<\"header\">\n> = ({ className, ...props }) => {\n return (\n <Header\n className={clsx(\n typography.labelLarge,\n MenuSectionHeaderStyles,\n className\n )}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;;aAKa,KAET,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAAwB,IAAA,EAAA,IAAA,IAAA,EAAA,OAAvB,kBAAA,KAAA,GAAuB,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAOf,IAAA,EAAA,MAJU,IAAA,EACP,EAAU,YACV,GACA,CACJ,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAEH,OAFG,EAAA,OAAA,KAAA,EAAA,OAAA,KALL,IAAA,kBAAC,GAAD;EACe,WAAA;EAIV,GACG;CAAK,CAAA,GACX,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAPF;AAOE"}
|
|
@@ -1,12 +1,20 @@
|
|
|
1
|
-
import { t as e } from "../../../chunks/
|
|
2
|
-
import t from "
|
|
3
|
-
import
|
|
1
|
+
import { t as e } from "../../../chunks/compiler-runtime";
|
|
2
|
+
import { t } from "../../../chunks/base";
|
|
3
|
+
import n from "clsx";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
4
5
|
//#region src/components/Menu/MenuShortcut/MenuShortcut.tsx
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
...
|
|
8
|
-
|
|
6
|
+
var i = e(), a = (e) => {
|
|
7
|
+
let a = (0, i.c)(8), o, s;
|
|
8
|
+
a[0] === e ? (o = a[1], s = a[2]) : ({className: o, ...s} = e, a[0] = e, a[1] = o, a[2] = s);
|
|
9
|
+
let c;
|
|
10
|
+
a[3] === o ? c = a[4] : (c = n(t.labelLarge, o), a[3] = o, a[4] = c);
|
|
11
|
+
let l;
|
|
12
|
+
return a[5] !== s || a[6] !== c ? (l = /* @__PURE__ */ r("kbd", {
|
|
13
|
+
className: c,
|
|
14
|
+
...s
|
|
15
|
+
}), a[5] = s, a[6] = c, a[7] = l) : l = a[7], l;
|
|
16
|
+
};
|
|
9
17
|
//#endregion
|
|
10
|
-
export {
|
|
18
|
+
export { a as MenuShortcut };
|
|
11
19
|
|
|
12
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Menu/MenuShortcut/MenuShortcut.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { typography } from \"@/utils/typography\";\n\nexport const MenuShortcut: React.FC<React.ComponentPropsWithRef<\"kbd\">> = ({\n className,\n ...props\n}) => {\n return (\n <kbd className={clsx(typography.labelLarge, className)} {...props} />\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Menu/MenuShortcut/MenuShortcut.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { typography } from \"@/utils/typography\";\n\nexport const MenuShortcut: React.FC<React.ComponentPropsWithRef<\"kbd\">> = ({\n className,\n ...props\n}) => {\n return (\n <kbd className={clsx(typography.labelLarge, className)} {...props} />\n );\n};\n"],"mappings":";;;;;aAGa,KAA6D,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,EAAA,CAAA,CAAA,GAAA,GAAA;CAAA,AAAA,EAAA,OAAA,KAGzE,IAAA,EAAA,IAAA,IAAA,EAAA,OAH0E,kBAAA,KAAA,GAG1E,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAA,AAAA,EAAA,OAAA,IAE6D,IAAA,EAAA,MAAtC,IAAA,EAAK,EAAU,YAAa,CAAS,GAAC,EAAA,KAAA,GAAA,EAAA,KAAA;CAAA,IAAA;CAAe,OAAf,EAAA,OAAA,KAAA,EAAA,OAAA,KAAtD,IAAA,kBAAA,OAAA;EAAgB,WAAA;EAAsC,GAAM;CAAK,CAAA,GAAI,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAArE;AAAqE"}
|