react-miui 0.32.3 → 0.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude/settings.local.json +8 -1
- package/.storybook/main.ts +4 -1
- package/CHANGELOG.md +7 -0
- package/dist/components/form/Checkbox.styled.d.ts +6 -6
- package/dist/components/form/ColorPicker.styled.d.ts +5 -5
- package/dist/components/form/Label.d.ts +3 -3
- package/dist/components/form/Label.styled.d.ts +5 -5
- package/dist/components/form/Select.styled.d.ts +3 -3
- package/dist/components/form/Toggle.d.ts +3 -3
- package/dist/components/form/Toggle.styled.d.ts +5 -5
- package/dist/components/form/choice/Choice.styled.d.ts +3 -3
- package/dist/components/form/choice/ChoiceItem.styled.d.ts +2 -2
- package/dist/components/form/input/Input.css.d.ts +47 -1
- package/dist/components/form/input/Input.css.d.ts.map +1 -1
- package/dist/components/form/input/Input.css.js +49 -1
- package/dist/components/form/input/Input.css.js.map +1 -1
- package/dist/components/form/input/Input.d.ts +5 -1
- package/dist/components/form/input/Input.d.ts.map +1 -1
- package/dist/components/form/input/Input.js +28 -5
- package/dist/components/form/input/Input.js.map +1 -1
- package/dist/components/form/input/Input.styled.d.ts +183 -10
- package/dist/components/form/input/Input.styled.d.ts.map +1 -1
- package/dist/components/form/input/Input.styled.js +5 -1
- package/dist/components/form/input/Input.styled.js.map +1 -1
- package/dist/components/form/textarea/TextArea.d.ts +6 -1
- package/dist/components/form/textarea/TextArea.d.ts.map +1 -1
- package/dist/components/form/textarea/TextArea.js +32 -4
- package/dist/components/form/textarea/TextArea.js.map +1 -1
- package/dist/components/form/textarea/TextArea.styled.d.ts +177 -4
- package/dist/components/form/textarea/TextArea.styled.d.ts.map +1 -1
- package/dist/components/form/textarea/TextArea.styled.js +10 -2
- package/dist/components/form/textarea/TextArea.styled.js.map +1 -1
- package/dist/components/layout/card/Card.styled.d.ts +3 -3
- package/dist/components/layout/header/Header.styled.d.ts +9 -9
- package/dist/components/layout/header/HeaderIconAction.styled.d.ts +8 -8
- package/dist/components/layout/header/StickyHeader.d.ts +3 -3
- package/dist/components/layout/header/StickyHeader.styled.d.ts +6 -6
- package/dist/components/layout/list/Header.d.ts +7 -7
- package/dist/components/layout/list/Item.d.ts +8 -8
- package/dist/components/layout/list/Item.styled.d.ts +9 -9
- package/dist/components/layout/list/Label.d.ts +2 -2
- package/dist/components/layout/list/List.d.ts +18 -18
- package/dist/components/layout/list/Value.d.ts +2 -2
- package/dist/components/layout/section/SearchContainer.d.ts +2 -2
- package/dist/components/layout/section/Section.d.ts +5 -5
- package/dist/components/layout/section/SectionContainer.d.ts +2 -2
- package/dist/components/layout/table/Table.styled.d.ts +3 -3
- package/dist/components/native/index.d.ts +2 -2
- package/dist/components/ui/action/Action.styled.d.ts +8 -8
- package/dist/components/ui/action/EqualActions.styled.d.ts +3 -3
- package/dist/components/ui/button/Button.styled.d.ts +3 -3
- package/dist/components/ui/directionPad/Button.styled.d.ts +4 -4
- package/dist/components/ui/directionPad/Middle.styled.d.ts +2 -2
- package/dist/components/ui/directionPad/Pad.styled.d.ts +4 -4
- package/dist/components/ui/drawer/Drawer.styled.d.ts +4 -4
- package/dist/components/ui/keyValue/KeyValue.styled.d.ts +13 -13
- package/dist/components/ui/line/Line.d.ts +3 -3
- package/dist/components/ui/message/Message.styled.d.ts +3 -3
- package/dist/components/ui/modal/Modal.d.ts +2 -2
- package/dist/components/ui/modal/Modal.d.ts.map +1 -1
- package/dist/components/ui/modal/Modal.js.map +1 -1
- package/dist/components/ui/modal/Modal.styled.d.ts +10 -10
- package/dist/components/ui/modal/ModalButtons.styled.d.ts +5 -5
- package/dist/components/ui/pop/Pop.styled.d.ts +12 -12
- package/dist/components/ui/progress/Progress.styled.d.ts +8 -8
- package/dist/components/ui/stats/Stats.styled.d.ts +11 -11
- package/dist/components/ui/tabs/Item.styled.d.ts +2 -2
- package/dist/components/ui/tabs/Selector.styled.d.ts +5 -5
- package/dist/components/ui/toaster/Toaster.d.ts +8 -15
- package/dist/components/ui/toaster/Toaster.d.ts.map +1 -1
- package/dist/components/ui/toaster/Toaster.js +25 -55
- package/dist/components/ui/toaster/Toaster.js.map +1 -1
- package/dist/components/ui/toolButton/ToolButton.styled.d.ts +3 -3
- package/dist/components/utils/Gap.d.ts +3 -3
- package/dist/components/utils/Spacer.d.ts +2 -2
- package/dist/theme.d.ts +86 -86
- package/docs/assets/navigation.js +1 -1
- package/docs/assets/search.js +1 -1
- package/docs/classes/index.Pop.html +18 -18
- package/docs/documents/Test.html +2 -2
- package/docs/enums/index.ICON.html +2 -2
- package/docs/functions/index.Action.html +5 -5
- package/docs/functions/index.Button.html +5 -5
- package/docs/functions/index.Card.html +4 -4
- package/docs/functions/index.Checkbox.html +5 -5
- package/docs/functions/index.Choice.html +4 -4
- package/docs/functions/index.ColorPicker.html +5 -5
- package/docs/functions/index.CoveringLoader.html +5 -5
- package/docs/functions/index.DirectionPad.html +4 -4
- package/docs/functions/index.Drawer.html +4 -4
- package/docs/functions/index.EqualActions.html +4 -4
- package/docs/functions/index.FullLoader.html +5 -5
- package/docs/functions/index.Gap.html +4 -4
- package/docs/functions/index.HandleEsc.html +6 -6
- package/docs/functions/index.Header.html +5 -5
- package/docs/functions/index.HeaderIconAction.html +5 -5
- package/docs/functions/index.Icon-1.html +4 -4
- package/docs/functions/index.If.html +6 -6
- package/docs/functions/index.Input.html +1 -1
- package/docs/functions/index.KeyValue.html +4 -4
- package/docs/functions/index.Label.html +4 -4
- package/docs/functions/index.Line.html +5 -5
- package/docs/functions/index.List.html +4 -4
- package/docs/functions/index.Loader.html +5 -5
- package/docs/functions/index.Loading.html +6 -6
- package/docs/functions/index.Message.html +5 -5
- package/docs/functions/index.Modal.html +4 -4
- package/docs/functions/index.ModalButtons.html +4 -4
- package/docs/functions/index.PopLoader.html +5 -5
- package/docs/functions/index.PopOption.html +4 -4
- package/docs/functions/index.Progress.html +4 -4
- package/docs/functions/index.SearchContainer.html +4 -4
- package/docs/functions/index.Section.html +5 -5
- package/docs/functions/index.Select.html +4 -4
- package/docs/functions/index.Selector.html +4 -4
- package/docs/functions/index.Spacer.html +4 -4
- package/docs/functions/index.Stats.html +4 -4
- package/docs/functions/index.StickyHeader.html +5 -5
- package/docs/functions/index.Table.html +4 -4
- package/docs/functions/index.TextArea.html +4 -4
- package/docs/functions/index.ToasterProvider.html +29 -0
- package/docs/functions/index.Toggle.html +5 -5
- package/docs/functions/index.ToolButton.html +5 -5
- package/docs/functions/index.borderPxToRem.html +1 -1
- package/docs/functions/index.createTheme.html +1 -1
- package/docs/functions/index.css.html +1 -1
- package/docs/functions/index.dimensionsPxToRem.html +1 -1
- package/docs/functions/index.fontPxToRem.html +1 -1
- package/docs/functions/index.getCssText.html +1 -1
- package/docs/functions/index.globalCss.html +2 -2
- package/docs/functions/index.injectGlobalStyles.html +1 -1
- package/docs/functions/index.keyframes.html +1 -1
- package/docs/functions/index.pxToRem.html +1 -1
- package/docs/functions/index.styled.html +1 -1
- package/docs/functions/index.toast.html +12 -0
- package/docs/functions/index.useToaster.html +1 -1
- package/docs/index.html +2 -2
- package/docs/interfaces/index.IconProps.html +2 -2
- package/docs/interfaces/index.InputCustomProps.html +7 -2
- package/docs/interfaces/index.LoaderProps.html +6 -6
- package/docs/interfaces/index.StickyHeaderProps.html +4 -4
- package/docs/interfaces/index.ToasterProviderProps.html +28 -0
- package/docs/modules/index.html +1 -1
- package/docs/modules.html +1 -1
- package/docs/types/index.ActionProps.html +1 -1
- package/docs/types/index.CardProps.html +1 -1
- package/docs/types/index.CheckboxProps.html +2 -2
- package/docs/types/index.ChoiceProps.html +1 -1
- package/docs/types/index.ColorPickerProps.html +1 -1
- package/docs/types/index.DirectionPadProps.html +1 -1
- package/docs/types/index.DrawerProps.html +1 -1
- package/docs/types/index.EqualActionsProps.html +1 -1
- package/docs/types/index.HeaderProps.html +1 -1
- package/docs/types/index.InputProps.html +1 -1
- package/docs/types/index.KeyValueProps.html +1 -1
- package/docs/types/index.LabelProps.html +1 -1
- package/docs/types/index.OverwriteProps.html +1 -1
- package/docs/types/index.ProgressProps.html +2 -2
- package/docs/types/index.SelectProps.html +1 -1
- package/docs/types/index.SelectorProps.html +1 -1
- package/docs/types/index.Stat.html +1 -1
- package/docs/types/index.StatsProps.html +1 -1
- package/docs/types/index.TextAreaProps.html +1 -1
- package/docs/types/index.ThemeCSS.html +1 -1
- package/docs/types/index.ToggleProps.html +2 -2
- package/docs/variables/index.ActionBadgeSelector.html +1 -1
- package/docs/variables/index.ActionCircleSelector.html +1 -1
- package/docs/variables/index.CheckboxCheckmarkWrapperSelector.html +1 -1
- package/docs/variables/index.CheckboxTextLabelSelector.html +1 -1
- package/docs/variables/index.ChoiceItemSelector.html +1 -1
- package/docs/variables/index.ColorPickerColorDisplaySelector.html +1 -1
- package/docs/variables/index.DirectionPadButtonDotSelector.html +1 -1
- package/docs/variables/index.DirectionPadButtonSelector.html +1 -1
- package/docs/variables/index.DirectionPadLineSelector.html +1 -1
- package/docs/variables/index.DirectionPadMiddleSelector.html +1 -1
- package/docs/variables/index.DrawerContentSelector.html +1 -1
- package/docs/variables/index.HeaderAfterSelector.html +1 -1
- package/docs/variables/index.HeaderBeforeSelector.html +1 -1
- package/docs/variables/index.HeaderContentsSelector.html +1 -1
- package/docs/variables/index.HeaderIconActionIconSelector.html +1 -1
- package/docs/variables/index.InputContainerSelector.html +1 -0
- package/docs/variables/index.InputInputSelector.html +1 -1
- package/docs/variables/index.InputLabelSelector.html +1 -0
- package/docs/variables/index.InputPrefixSelector.html +1 -1
- package/docs/variables/index.InputSuffixSelector.html +1 -1
- package/docs/variables/index.KeyValueIconSelector.html +1 -1
- package/docs/variables/index.KeyValueItemSelector.html +1 -1
- package/docs/variables/index.KeyValueKeySelector.html +1 -1
- package/docs/variables/index.KeyValuePairSelector.html +1 -1
- package/docs/variables/index.KeyValueValueSelector.html +1 -1
- package/docs/variables/index.LabelTextSelector.html +1 -1
- package/docs/variables/index.ListItemInnerContainerClassNameSelector.html +1 -1
- package/docs/variables/index.ModalContainerSelector.html +1 -1
- package/docs/variables/index.ModalRemovePaddingSelector.html +1 -1
- package/docs/variables/index.ModalTitleSelector.html +1 -1
- package/docs/variables/index.PopListSelector.html +1 -1
- package/docs/variables/index.PopOptionButtonSelector.html +1 -1
- package/docs/variables/index.PopOptionIconSelector.html +1 -1
- package/docs/variables/index.PopOverlaySelector.html +1 -1
- package/docs/variables/index.ProgressBackgroundSelector.html +1 -1
- package/docs/variables/index.ProgressValueSelector.html +1 -1
- package/docs/variables/index.SelectorItemSelector.html +1 -1
- package/docs/variables/index.StatsItemSelector.html +1 -1
- package/docs/variables/index.StatsLabelSelector.html +1 -1
- package/docs/variables/index.StatsSeparatorSelector.html +1 -1
- package/docs/variables/index.StatsValueSelector.html +1 -1
- package/docs/variables/index.TextAreaLabelSelector.html +1 -0
- package/docs/variables/index.TextAreaTextAreaSelector.html +1 -0
- package/docs/variables/index.TextAreaWrapperSelector.html +1 -0
- package/docs/variables/index.ToggleStyledToggleSelector.html +1 -1
- package/docs/variables/index.config.html +1 -1
- package/docs/variables/index.cssReset.html +2 -2
- package/docs/variables/index.darkTheme.html +1 -1
- package/docs/variables/index.miuiScrollbars.html +1 -1
- package/docs/variables/index.theme.html +1 -1
- package/esm/components/form/Checkbox.styled.d.ts +6 -6
- package/esm/components/form/ColorPicker.styled.d.ts +5 -5
- package/esm/components/form/Label.d.ts +3 -3
- package/esm/components/form/Label.styled.d.ts +5 -5
- package/esm/components/form/Select.styled.d.ts +3 -3
- package/esm/components/form/Toggle.d.ts +3 -3
- package/esm/components/form/Toggle.styled.d.ts +5 -5
- package/esm/components/form/choice/Choice.styled.d.ts +3 -3
- package/esm/components/form/choice/ChoiceItem.styled.d.ts +2 -2
- package/esm/components/form/input/Input.css.d.ts +47 -1
- package/esm/components/form/input/Input.css.d.ts.map +1 -1
- package/esm/components/form/input/Input.css.js +47 -1
- package/esm/components/form/input/Input.css.js.map +1 -1
- package/esm/components/form/input/Input.d.ts +5 -1
- package/esm/components/form/input/Input.d.ts.map +1 -1
- package/esm/components/form/input/Input.js +27 -6
- package/esm/components/form/input/Input.js.map +1 -1
- package/esm/components/form/input/Input.styled.d.ts +183 -10
- package/esm/components/form/input/Input.styled.d.ts.map +1 -1
- package/esm/components/form/input/Input.styled.js +4 -2
- package/esm/components/form/input/Input.styled.js.map +1 -1
- package/esm/components/form/textarea/TextArea.d.ts +6 -1
- package/esm/components/form/textarea/TextArea.d.ts.map +1 -1
- package/esm/components/form/textarea/TextArea.js +31 -6
- package/esm/components/form/textarea/TextArea.js.map +1 -1
- package/esm/components/form/textarea/TextArea.styled.d.ts +177 -4
- package/esm/components/form/textarea/TextArea.styled.d.ts.map +1 -1
- package/esm/components/form/textarea/TextArea.styled.js +14 -4
- package/esm/components/form/textarea/TextArea.styled.js.map +1 -1
- package/esm/components/layout/card/Card.styled.d.ts +3 -3
- package/esm/components/layout/header/Header.styled.d.ts +9 -9
- package/esm/components/layout/header/HeaderIconAction.styled.d.ts +8 -8
- package/esm/components/layout/header/StickyHeader.d.ts +3 -3
- package/esm/components/layout/header/StickyHeader.styled.d.ts +6 -6
- package/esm/components/layout/list/Header.d.ts +7 -7
- package/esm/components/layout/list/Item.d.ts +8 -8
- package/esm/components/layout/list/Item.styled.d.ts +9 -9
- package/esm/components/layout/list/Label.d.ts +2 -2
- package/esm/components/layout/list/List.d.ts +18 -18
- package/esm/components/layout/list/Value.d.ts +2 -2
- package/esm/components/layout/section/SearchContainer.d.ts +2 -2
- package/esm/components/layout/section/Section.d.ts +5 -5
- package/esm/components/layout/section/SectionContainer.d.ts +2 -2
- package/esm/components/layout/table/Table.styled.d.ts +3 -3
- package/esm/components/native/index.d.ts +2 -2
- package/esm/components/ui/action/Action.styled.d.ts +8 -8
- package/esm/components/ui/action/EqualActions.styled.d.ts +3 -3
- package/esm/components/ui/button/Button.styled.d.ts +3 -3
- package/esm/components/ui/directionPad/Button.styled.d.ts +4 -4
- package/esm/components/ui/directionPad/Middle.styled.d.ts +2 -2
- package/esm/components/ui/directionPad/Pad.styled.d.ts +4 -4
- package/esm/components/ui/drawer/Drawer.styled.d.ts +4 -4
- package/esm/components/ui/keyValue/KeyValue.styled.d.ts +13 -13
- package/esm/components/ui/line/Line.d.ts +3 -3
- package/esm/components/ui/message/Message.styled.d.ts +3 -3
- package/esm/components/ui/modal/Modal.d.ts +2 -2
- package/esm/components/ui/modal/Modal.d.ts.map +1 -1
- package/esm/components/ui/modal/Modal.js.map +1 -1
- package/esm/components/ui/modal/Modal.styled.d.ts +10 -10
- package/esm/components/ui/modal/ModalButtons.styled.d.ts +5 -5
- package/esm/components/ui/pop/Pop.styled.d.ts +12 -12
- package/esm/components/ui/progress/Progress.styled.d.ts +8 -8
- package/esm/components/ui/stats/Stats.styled.d.ts +11 -11
- package/esm/components/ui/tabs/Item.styled.d.ts +2 -2
- package/esm/components/ui/tabs/Selector.styled.d.ts +5 -5
- package/esm/components/ui/toaster/Toaster.d.ts +8 -15
- package/esm/components/ui/toaster/Toaster.d.ts.map +1 -1
- package/esm/components/ui/toaster/Toaster.js +13 -74
- package/esm/components/ui/toaster/Toaster.js.map +1 -1
- package/esm/components/ui/toolButton/ToolButton.styled.d.ts +3 -3
- package/esm/components/utils/Gap.d.ts +3 -3
- package/esm/components/utils/Spacer.d.ts +2 -2
- package/esm/theme.d.ts +86 -86
- package/package.json +21 -20
- package/patches/{@stitches+react+1.2.8.patch → @stitches__react@1.2.8.patch} +6 -6
- package/src/components/form/input/Input.css.ts +52 -0
- package/src/components/form/input/Input.stories.tsx +32 -1
- package/src/components/form/input/Input.styled.ts +7 -1
- package/src/components/form/input/Input.tsx +67 -13
- package/src/components/form/textarea/TextArea.stories.tsx +25 -1
- package/src/components/form/textarea/TextArea.styled.ts +17 -3
- package/src/components/form/textarea/TextArea.tsx +76 -12
- package/src/components/ui/modal/Modal.tsx +0 -1
- package/src/components/ui/modal/ModalButtons.stories.tsx +3 -3
- package/src/components/ui/toaster/Toaster.stories.tsx +160 -30
- package/src/components/ui/toaster/Toaster.tsx +24 -100
- package/storybook-static/assets/Action.stories-DBtNlWQo.js +1 -0
- package/storybook-static/assets/Button.stories-DFO8nsTN.js +1 -0
- package/storybook-static/assets/Card.stories-BoCt66U4.js +1 -0
- package/storybook-static/assets/Checkbox.stories-C58YeH4u.js +1 -0
- package/storybook-static/assets/Choice.stories-Cf7UbPxn.js +1 -0
- package/storybook-static/assets/Color-23OOGO2C-CELuW8GR.js +1 -0
- package/storybook-static/assets/ColorPicker.stories-Dc7-AuPQ.js +1 -0
- package/storybook-static/assets/CoveringLoader.stories-DrUQAhI6.js +1 -0
- package/storybook-static/assets/DocsRenderer-LL677BLK-BOcEjZ28.js +755 -0
- package/storybook-static/assets/Drawer.stories-D3_-TuT0.js +1 -0
- package/storybook-static/assets/EqualActions.stories-CwjZlkUA.js +1 -0
- package/storybook-static/assets/FullLoader.stories-DFAaVMfI.js +1 -0
- package/storybook-static/assets/Header.stories-BN7BuQx2.js +1 -0
- package/storybook-static/assets/Header.stories-CzPBNEkp.js +1 -0
- package/storybook-static/assets/HeaderIconAction.stories-Dm3Q-BVW.js +1 -0
- package/storybook-static/assets/Icon.stories-D1YeVBlB.js +1 -0
- package/storybook-static/assets/Input.stories-Cbj2X3kT.js +197 -0
- package/storybook-static/assets/Item.stories-CmjyxdgQ.js +1 -0
- package/storybook-static/assets/KeyValue.stories-CogaZP09.js +1 -0
- package/storybook-static/assets/Label.stories-B6pCT45X.js +1 -0
- package/storybook-static/assets/Label.stories-BR3gNHqM.js +1 -0
- package/storybook-static/assets/Line.stories-BJLer7gg.js +1 -0
- package/storybook-static/assets/List.stories-MSQY1Rdo.js +1 -0
- package/storybook-static/assets/Loader.stories-CbN84qNp.js +1 -0
- package/storybook-static/assets/Loading.stories-BOANGXsc.js +1 -0
- package/storybook-static/assets/Message.stories-_51K9ZDn.js +1 -0
- package/storybook-static/assets/Modal.stories-CixfvMuM.js +1 -0
- package/storybook-static/assets/ModalButtons.stories-DHHsnoGB.js +1 -0
- package/storybook-static/assets/Pad.stories-hrKerezi.js +1 -0
- package/storybook-static/assets/Pop.stories-BTlQGve1.js +1 -0
- package/storybook-static/assets/PopLoader.stories-CyskY4fX.js +1 -0
- package/storybook-static/assets/Progress.stories-BLMPF6Ju.js +1 -0
- package/storybook-static/assets/Section.stories-M-QRH2_i.js +1 -0
- package/storybook-static/assets/Select.stories-BJjJqLTa.js +1 -0
- package/storybook-static/assets/Selector.stories-BxHyFnYo.js +1 -0
- package/storybook-static/assets/Stats.stories-VB0pi5k5.js +1 -0
- package/storybook-static/assets/StickyHeader.stories-BnxgnjJW.js +3 -0
- package/storybook-static/assets/Table.stories-6F-WrDBs.js +1 -0
- package/storybook-static/assets/TextArea.stories-DqzHYgIv.js +1 -0
- package/storybook-static/assets/Toaster.stories-C0ktk0DW.js +1 -0
- package/storybook-static/assets/Toggle.stories-tBlD8SJi.js +1 -0
- package/storybook-static/assets/ToolButton.stories-0rGBGqAt.js +1 -0
- package/storybook-static/assets/Value.stories-CFT20m8r.js +1 -0
- package/storybook-static/assets/WithTooltip-65CFNBJE-CEiAC9o_.js +9 -0
- package/storybook-static/assets/formatter-EIJCOSYU-3FZOx6vn.js +1 -0
- package/storybook-static/assets/iframe-DvhcA1iZ.js +1244 -0
- package/storybook-static/assets/preload-helper-PPVm8Dsz.js +1 -0
- package/storybook-static/assets/react-18-oqx706Mo.js +1 -0
- package/storybook-static/assets/syntaxhighlighter-W7WJGI2T-D7f2o1Z3.js +6 -0
- package/storybook-static/favicon-wrapper.svg +46 -0
- package/storybook-static/favicon.svg +1 -0
- package/storybook-static/iframe.html +709 -0
- package/storybook-static/index.html +146 -0
- package/storybook-static/index.json +1 -0
- package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/project.json +1 -0
- package/storybook-static/sb-addons/docs-1/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/onboarding-2/manager-bundle.js +97 -0
- package/storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +630 -0
- package/storybook-static/sb-common-assets/favicon-wrapper.svg +46 -0
- package/storybook-static/sb-common-assets/favicon.svg +1 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/sb-manager/globals-runtime.js +76749 -0
- package/storybook-static/sb-manager/globals.js +24 -0
- package/storybook-static/sb-manager/manager-stores.js +23 -0
- package/storybook-static/sb-manager/runtime.js +27463 -0
- package/storybook-static/vite-inject-mocker-entry.js +2 -0
- package/dist/components/ui/toaster/Notification.d.ts +0 -9
- package/dist/components/ui/toaster/Notification.d.ts.map +0 -1
- package/dist/components/ui/toaster/Notification.js +0 -53
- package/dist/components/ui/toaster/Notification.js.map +0 -1
- package/dist/components/ui/toaster/Toaster.styled.d.ts +0 -89
- package/dist/components/ui/toaster/Toaster.styled.d.ts.map +0 -1
- package/dist/components/ui/toaster/Toaster.styled.js +0 -39
- package/dist/components/ui/toaster/Toaster.styled.js.map +0 -1
- package/dist/components/ui/toaster/types.d.ts +0 -7
- package/dist/components/ui/toaster/types.d.ts.map +0 -1
- package/dist/components/ui/toaster/types.js +0 -3
- package/dist/components/ui/toaster/types.js.map +0 -1
- package/docs/classes/index.ToasterProvider.html +0 -120
- package/esm/components/form/Checkbox.stories.d.ts +0 -9
- package/esm/components/form/Checkbox.stories.d.ts.map +0 -1
- package/esm/components/form/Checkbox.stories.js +0 -80
- package/esm/components/form/Checkbox.stories.js.map +0 -1
- package/esm/components/form/ColorPicker.stories.d.ts +0 -10
- package/esm/components/form/ColorPicker.stories.d.ts.map +0 -1
- package/esm/components/form/ColorPicker.stories.js +0 -75
- package/esm/components/form/ColorPicker.stories.js.map +0 -1
- package/esm/components/form/Label.stories.d.ts +0 -11
- package/esm/components/form/Label.stories.d.ts.map +0 -1
- package/esm/components/form/Label.stories.js +0 -43
- package/esm/components/form/Label.stories.js.map +0 -1
- package/esm/components/form/Select.stories.d.ts +0 -8
- package/esm/components/form/Select.stories.d.ts.map +0 -1
- package/esm/components/form/Select.stories.js +0 -24
- package/esm/components/form/Select.stories.js.map +0 -1
- package/esm/components/form/Toggle.stories.d.ts +0 -14
- package/esm/components/form/Toggle.stories.d.ts.map +0 -1
- package/esm/components/form/Toggle.stories.js +0 -76
- package/esm/components/form/Toggle.stories.js.map +0 -1
- package/esm/components/form/choice/Choice.stories.d.ts +0 -10
- package/esm/components/form/choice/Choice.stories.d.ts.map +0 -1
- package/esm/components/form/choice/Choice.stories.js +0 -80
- package/esm/components/form/choice/Choice.stories.js.map +0 -1
- package/esm/components/form/input/Input.stories.d.ts +0 -10
- package/esm/components/form/input/Input.stories.d.ts.map +0 -1
- package/esm/components/form/input/Input.stories.js +0 -54
- package/esm/components/form/input/Input.stories.js.map +0 -1
- package/esm/components/form/textarea/TextArea.stories.d.ts +0 -8
- package/esm/components/form/textarea/TextArea.stories.d.ts.map +0 -1
- package/esm/components/form/textarea/TextArea.stories.js +0 -19
- package/esm/components/form/textarea/TextArea.stories.js.map +0 -1
- package/esm/components/icons/Icon.stories.d.ts +0 -10
- package/esm/components/icons/Icon.stories.d.ts.map +0 -1
- package/esm/components/icons/Icon.stories.js +0 -49
- package/esm/components/icons/Icon.stories.js.map +0 -1
- package/esm/components/layout/card/Card.stories.d.ts +0 -11
- package/esm/components/layout/card/Card.stories.d.ts.map +0 -1
- package/esm/components/layout/card/Card.stories.js +0 -39
- package/esm/components/layout/card/Card.stories.js.map +0 -1
- package/esm/components/layout/header/Header.stories.d.ts +0 -11
- package/esm/components/layout/header/Header.stories.d.ts.map +0 -1
- package/esm/components/layout/header/Header.stories.js +0 -56
- package/esm/components/layout/header/Header.stories.js.map +0 -1
- package/esm/components/layout/header/HeaderIconAction.stories.d.ts +0 -10
- package/esm/components/layout/header/HeaderIconAction.stories.d.ts.map +0 -1
- package/esm/components/layout/header/HeaderIconAction.stories.js +0 -43
- package/esm/components/layout/header/HeaderIconAction.stories.js.map +0 -1
- package/esm/components/layout/header/StickyHeader.stories.d.ts +0 -9
- package/esm/components/layout/header/StickyHeader.stories.d.ts.map +0 -1
- package/esm/components/layout/header/StickyHeader.stories.js +0 -60
- package/esm/components/layout/header/StickyHeader.stories.js.map +0 -1
- package/esm/components/layout/list/Header.stories.d.ts +0 -8
- package/esm/components/layout/list/Header.stories.d.ts.map +0 -1
- package/esm/components/layout/list/Header.stories.js +0 -27
- package/esm/components/layout/list/Header.stories.js.map +0 -1
- package/esm/components/layout/list/Item.stories.d.ts +0 -11
- package/esm/components/layout/list/Item.stories.d.ts.map +0 -1
- package/esm/components/layout/list/Item.stories.js +0 -98
- package/esm/components/layout/list/Item.stories.js.map +0 -1
- package/esm/components/layout/list/Label.stories.d.ts +0 -8
- package/esm/components/layout/list/Label.stories.d.ts.map +0 -1
- package/esm/components/layout/list/Label.stories.js +0 -29
- package/esm/components/layout/list/Label.stories.js.map +0 -1
- package/esm/components/layout/list/List.stories.d.ts +0 -9
- package/esm/components/layout/list/List.stories.d.ts.map +0 -1
- package/esm/components/layout/list/List.stories.js +0 -46
- package/esm/components/layout/list/List.stories.js.map +0 -1
- package/esm/components/layout/list/Value.stories.d.ts +0 -8
- package/esm/components/layout/list/Value.stories.d.ts.map +0 -1
- package/esm/components/layout/list/Value.stories.js +0 -23
- package/esm/components/layout/list/Value.stories.js.map +0 -1
- package/esm/components/layout/section/Section.stories.d.ts +0 -8
- package/esm/components/layout/section/Section.stories.d.ts.map +0 -1
- package/esm/components/layout/section/Section.stories.js +0 -31
- package/esm/components/layout/section/Section.stories.js.map +0 -1
- package/esm/components/layout/table/Table.stories.d.ts +0 -8
- package/esm/components/layout/table/Table.stories.d.ts.map +0 -1
- package/esm/components/layout/table/Table.stories.js +0 -49
- package/esm/components/layout/table/Table.stories.js.map +0 -1
- package/esm/components/ui/action/Action.stories.d.ts +0 -11
- package/esm/components/ui/action/Action.stories.d.ts.map +0 -1
- package/esm/components/ui/action/Action.stories.js +0 -58
- package/esm/components/ui/action/Action.stories.js.map +0 -1
- package/esm/components/ui/action/EqualActions.stories.d.ts +0 -10
- package/esm/components/ui/action/EqualActions.stories.d.ts.map +0 -1
- package/esm/components/ui/action/EqualActions.stories.js +0 -38
- package/esm/components/ui/action/EqualActions.stories.js.map +0 -1
- package/esm/components/ui/button/Button.stories.d.ts +0 -9
- package/esm/components/ui/button/Button.stories.d.ts.map +0 -1
- package/esm/components/ui/button/Button.stories.js +0 -35
- package/esm/components/ui/button/Button.stories.js.map +0 -1
- package/esm/components/ui/directionPad/Pad.stories.d.ts +0 -10
- package/esm/components/ui/directionPad/Pad.stories.d.ts.map +0 -1
- package/esm/components/ui/directionPad/Pad.stories.js +0 -79
- package/esm/components/ui/directionPad/Pad.stories.js.map +0 -1
- package/esm/components/ui/drawer/Drawer.stories.d.ts +0 -11
- package/esm/components/ui/drawer/Drawer.stories.d.ts.map +0 -1
- package/esm/components/ui/drawer/Drawer.stories.js +0 -102
- package/esm/components/ui/drawer/Drawer.stories.js.map +0 -1
- package/esm/components/ui/keyValue/KeyValue.stories.d.ts +0 -11
- package/esm/components/ui/keyValue/KeyValue.stories.d.ts.map +0 -1
- package/esm/components/ui/keyValue/KeyValue.stories.js +0 -98
- package/esm/components/ui/keyValue/KeyValue.stories.js.map +0 -1
- package/esm/components/ui/line/Line.stories.d.ts +0 -8
- package/esm/components/ui/line/Line.stories.d.ts.map +0 -1
- package/esm/components/ui/line/Line.stories.js +0 -27
- package/esm/components/ui/line/Line.stories.js.map +0 -1
- package/esm/components/ui/loader/CoveringLoader.stories.d.ts +0 -8
- package/esm/components/ui/loader/CoveringLoader.stories.d.ts.map +0 -1
- package/esm/components/ui/loader/CoveringLoader.stories.js +0 -50
- package/esm/components/ui/loader/CoveringLoader.stories.js.map +0 -1
- package/esm/components/ui/loader/FullLoader.stories.d.ts +0 -8
- package/esm/components/ui/loader/FullLoader.stories.d.ts.map +0 -1
- package/esm/components/ui/loader/FullLoader.stories.js +0 -19
- package/esm/components/ui/loader/FullLoader.stories.js.map +0 -1
- package/esm/components/ui/loader/Loader.stories.d.ts +0 -8
- package/esm/components/ui/loader/Loader.stories.d.ts.map +0 -1
- package/esm/components/ui/loader/Loader.stories.js +0 -23
- package/esm/components/ui/loader/Loader.stories.js.map +0 -1
- package/esm/components/ui/loader/Loading.stories.d.ts +0 -8
- package/esm/components/ui/loader/Loading.stories.d.ts.map +0 -1
- package/esm/components/ui/loader/Loading.stories.js +0 -32
- package/esm/components/ui/loader/Loading.stories.js.map +0 -1
- package/esm/components/ui/loader/PopLoader.stories.d.ts +0 -8
- package/esm/components/ui/loader/PopLoader.stories.d.ts.map +0 -1
- package/esm/components/ui/loader/PopLoader.stories.js +0 -24
- package/esm/components/ui/loader/PopLoader.stories.js.map +0 -1
- package/esm/components/ui/message/Message.stories.d.ts +0 -9
- package/esm/components/ui/message/Message.stories.d.ts.map +0 -1
- package/esm/components/ui/message/Message.stories.js +0 -43
- package/esm/components/ui/message/Message.stories.js.map +0 -1
- package/esm/components/ui/modal/Modal.stories.d.ts +0 -10
- package/esm/components/ui/modal/Modal.stories.d.ts.map +0 -1
- package/esm/components/ui/modal/Modal.stories.js +0 -84
- package/esm/components/ui/modal/Modal.stories.js.map +0 -1
- package/esm/components/ui/modal/ModalButtons.stories.d.ts +0 -8
- package/esm/components/ui/modal/ModalButtons.stories.d.ts.map +0 -1
- package/esm/components/ui/modal/ModalButtons.stories.js +0 -19
- package/esm/components/ui/modal/ModalButtons.stories.js.map +0 -1
- package/esm/components/ui/pop/Pop.stories.d.ts +0 -8
- package/esm/components/ui/pop/Pop.stories.d.ts.map +0 -1
- package/esm/components/ui/pop/Pop.stories.js +0 -65
- package/esm/components/ui/pop/Pop.stories.js.map +0 -1
- package/esm/components/ui/progress/Progress.stories.d.ts +0 -9
- package/esm/components/ui/progress/Progress.stories.d.ts.map +0 -1
- package/esm/components/ui/progress/Progress.stories.js +0 -29
- package/esm/components/ui/progress/Progress.stories.js.map +0 -1
- package/esm/components/ui/stats/Stats.stories.d.ts +0 -11
- package/esm/components/ui/stats/Stats.stories.d.ts.map +0 -1
- package/esm/components/ui/stats/Stats.stories.js +0 -104
- package/esm/components/ui/stats/Stats.stories.js.map +0 -1
- package/esm/components/ui/tabs/Selector.stories.d.ts +0 -12
- package/esm/components/ui/tabs/Selector.stories.d.ts.map +0 -1
- package/esm/components/ui/tabs/Selector.stories.js +0 -110
- package/esm/components/ui/tabs/Selector.stories.js.map +0 -1
- package/esm/components/ui/toaster/Notification.d.ts +0 -9
- package/esm/components/ui/toaster/Notification.d.ts.map +0 -1
- package/esm/components/ui/toaster/Notification.js +0 -17
- package/esm/components/ui/toaster/Notification.js.map +0 -1
- package/esm/components/ui/toaster/Toaster.stories.d.ts +0 -7
- package/esm/components/ui/toaster/Toaster.stories.d.ts.map +0 -1
- package/esm/components/ui/toaster/Toaster.stories.js +0 -39
- package/esm/components/ui/toaster/Toaster.stories.js.map +0 -1
- package/esm/components/ui/toaster/Toaster.styled.d.ts +0 -89
- package/esm/components/ui/toaster/Toaster.styled.d.ts.map +0 -1
- package/esm/components/ui/toaster/Toaster.styled.js +0 -36
- package/esm/components/ui/toaster/Toaster.styled.js.map +0 -1
- package/esm/components/ui/toaster/types.d.ts +0 -7
- package/esm/components/ui/toaster/types.d.ts.map +0 -1
- package/esm/components/ui/toaster/types.js +0 -2
- package/esm/components/ui/toaster/types.js.map +0 -1
- package/esm/components/ui/toolButton/ToolButton.stories.d.ts +0 -8
- package/esm/components/ui/toolButton/ToolButton.stories.d.ts.map +0 -1
- package/esm/components/ui/toolButton/ToolButton.stories.js +0 -29
- package/esm/components/ui/toolButton/ToolButton.stories.js.map +0 -1
- package/src/components/ui/toaster/Notification.tsx +0 -39
- package/src/components/ui/toaster/Toaster.styled.ts +0 -42
- package/src/components/ui/toaster/types.ts +0 -9
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as c,aC as t,R as e,B as o,z as d,aI as u}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const E={title:"UI/Drawer",component:c,parameters:{layout:"fullscreen"},tags:["autodocs"]},h={render:()=>{const[n,l]=t.useState(!1),r=t.useCallback(()=>{l(s=>!s)},[]),a=t.useCallback(()=>{l(!1)},[]);return e.createElement("div",{style:{padding:"20px"}},e.createElement(c,{isOpen:n,onClose:a},e.createElement("div",{style:{padding:"20px"}},e.createElement("h2",null,"Drawer Content"),e.createElement("p",null,"This is the content inside the drawer."),e.createElement("p",null,"Press ESC to close."))),e.createElement(o,{onClick:r},n?"Close Drawer":"Open Drawer"))}},g={render:()=>{const[n,l]=t.useState(!1),r=t.useCallback(()=>{l(s=>!s)},[]),a=t.useCallback(()=>{l(!1)},[]);return e.createElement("div",{style:{padding:"20px"}},e.createElement(c,{isOpen:n,onClose:a,closeOnEsc:!1},e.createElement("div",{style:{padding:"20px"}},e.createElement("h2",null,"Drawer Without ESC Close"),e.createElement("p",null,"This drawer will not close when you press ESC."),e.createElement("p",null,"Use the button below to close it."),e.createElement(o,{onClick:a},"Close Drawer"))),e.createElement(o,{onClick:r},n?"Close Drawer":"Open Drawer (No ESC Close)"))}},w={render:()=>{const[n,l]=t.useState(!1),r=t.useCallback(()=>{l(s=>!s)},[]),a=t.useCallback(()=>{l(!1)},[]);return e.createElement("div",{style:{padding:"20px"}},e.createElement(c,{isOpen:n,onClose:a},e.createElement("div",{style:{padding:"20px"}},e.createElement("h2",null,"Drawer with Long Content"),e.createElement("p",null,"This drawer has enough content to demonstrate scrolling behavior."),Array(20).fill(0).map((s,i)=>e.createElement(d,{key:i,vertical:!0,horizontal:!0}," ",e.createElement("h3",null,"Section ",i+1),e.createElement("p",null,"This is content section ",i+1," in the scrollable drawer."))))),e.createElement(o,{onClick:r},n?"Close Drawer":"Open Drawer with Long Content"))}},p=u(c,{"&&":{background:"linear-gradient(to bottom, #c5f7fa, #63cfe2)"}}),D={render:()=>{const[n,l]=t.useState(!1),r=t.useCallback(()=>{l(s=>!s)},[]),a=t.useCallback(()=>{l(!1)},[]);return e.createElement("div",{style:{padding:"20px"}},e.createElement(p,{isOpen:n,onClose:a},e.createElement("div",{style:{padding:"20px"}},e.createElement("h2",null,"Custom Styled Drawer"),e.createElement("p",null,"This drawer has custom styling with a gradient background"),e.createElement(o,{onClick:a},"Close Drawer"))),e.createElement(o,{onClick:r},n?"Close Custom Drawer":"Open Custom Drawer"))}},f=["Default","NoEscClose","WithLongContent","CustomStyled"];export{D as CustomStyled,h as Default,g as NoEscClose,w as WithLongContent,f as __namedExportsOrder,E as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{E as a,R as e,A as t,I as c}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const o={title:"Components/UI/EqualActions",component:a,tags:["autodocs","ui"]},m={render:()=>e.createElement(a,null,e.createElement(t,{icon:c.checkmark,label:"Add"}),e.createElement(t,{icon:c.checkmark,label:"Delete"}),e.createElement(t,{icon:c.checkmark,label:"Share on Web"}))},s={render:()=>e.createElement(a,{mode:"vertical"},e.createElement(t,{icon:c.checkmark,label:"Add"}),e.createElement(t,{icon:c.checkmark,label:"Delete"}),e.createElement(t,{icon:c.checkmark,label:"Share on Web"}))},d={render:()=>{const l={padding:"10px",background:"#f5f5f5",borderRadius:"8px"};return e.createElement("div",{style:l},e.createElement(a,{className:"custom-equal-actions"},e.createElement(t,{icon:c.checkmark,label:"Add"}),e.createElement(t,{icon:c.checkmark,label:"Delete"}),e.createElement(t,{icon:c.checkmark,label:"Share on Web"})))}},i=["Default","VerticalMode","CustomStyled"];export{d as CustomStyled,m as Default,s as VerticalMode,i as __namedExportsOrder,o as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{F as t,R as e}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const o={title:"Components/UI/Loader/FullLoader",component:t,tags:["autodocs","ui"]},n={args:{},render:()=>e.createElement(e.Fragment,null,"Container:",e.createElement("div",{style:{border:"1px solid black",width:300,height:300}},e.createElement(t,null)))},l=["Primary"];export{n as Primary,l as __namedExportsOrder,o as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{e as m,R as e,p as t}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const a={title:"Components/Layout/List/Header",component:m,tags:["autodocs","layout"]},c={args:{children:"Section name"},render:n=>e.createElement(t,null,e.createElement(m,{...n}),e.createElement(t.Item,null,"Item 1"),e.createElement(t.Item,null,"Item 2"),e.createElement(t.Item,null,"Item 3"),e.createElement(m,{...n}),e.createElement(t.Item,null,"Item 1"),e.createElement(t.Item,null,"Item 2"),e.createElement(t.Item,null,"Item 3"))},o=["Primary"];export{c as Primary,o as __namedExportsOrder,a as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{H as o,R as e,g as t,I as n}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const d={title:"Components/Layout/Header/Header",component:o,tags:["autodocs","layout"],argTypes:{before:{control:{type:"text"}},after:{control:{type:"text"}}},args:{before:"Left side",children:"Title",after:"[Icons]"}},f={},g={render:a=>{const c=new Array(1e3).fill(null).map((i,l)=>e.createElement("div",{key:l},"content"));return e.createElement(e.Fragment,null,e.createElement(o,{...a}),c)}},r=()=>{alert(1)},u={args:{before:e.createElement(e.Fragment,null,e.createElement(t,{icon:n.back,onClick:r}),e.createElement(t,{icon:n.checkmark,onClick:r}))}},k={args:{before:e.createElement(e.Fragment,null,e.createElement(t,{icon:n.back,onClick:r}),e.createElement(t,{icon:n.checkmark,onClick:r})),after:null,position:"left",children:"M"}},p=["Primary","LongContent","WithButtons","Vertical"];export{g as LongContent,f as Primary,k as Vertical,u as WithButtons,p as __namedExportsOrder,d as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{g as t,R as e,H as c,aI as m}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const E={title:"Components/Layout/Header/HeaderIconAction",component:t,tags:["autodocs","layout"],render:r=>e.createElement(c,{before:e.createElement(t,{...r,icon:e.createElement(e.Fragment,null,"i")})},"On the left you can see the icon")},d={},f={render:({onClick:r,...n})=>{const l=e.createElement(e.Fragment,null,e.createElement("div",null,"some text"),e.createElement(t,{...n,icon:e.createElement(e.Fragment,null,"i")}),e.createElement(t,{...n,icon:e.createElement(e.Fragment,null,"i")}));return e.createElement(c,{after:l},"On the left you can see the icon")}},i=m(c,{[`& ${t.toString()}`]:{color:"red"}}),p={render:({onClick:r,...n})=>{const l=e.createElement(e.Fragment,null,e.createElement("div",null,"some text"),e.createElement(t,{to:"/",Link:({children:o})=>e.createElement("a",{href:"/",onClick:a=>{a.preventDefault(),alert("custom link clicked")}},o),...n,icon:e.createElement(e.Fragment,null,"i")}),e.createElement(t,{href:"/",...n,icon:e.createElement(e.Fragment,null,"i")}),e.createElement(t,{...n,icon:e.createElement(e.Fragment,null,"i")}));return e.createElement(i,{after:l},"On the left you can see the icon")}},h=["Primary","MultipleIcons","DeepSelector"];export{p as DeepSelector,f as MultipleIcons,d as Primary,h as __namedExportsOrder,E as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{I as t,h as n,R as e,p as a}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const s={title:"Icons/Icon",component:n,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{name:{options:Object.values(t),control:{type:"select"}}}},m={args:{name:t.heart}},i={render:()=>{const l=Object.values(t).map(r=>e.createElement(a.Item,{key:r,ratio:"1/"},r,e.createElement(n,{name:r})));return e.createElement(a,null,l)}},p={render:()=>e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"20px"}},e.createElement("div",{style:{textAlign:"center",color:"red"}},e.createElement(n,{name:t.heart}),e.createElement("div",{style:{marginTop:"8px",fontSize:"12px"}},"Red")),e.createElement("div",{style:{textAlign:"center",color:"blue"}},e.createElement(n,{name:t.heart}),e.createElement("div",{style:{marginTop:"8px",fontSize:"12px"}},"Blue")),e.createElement("div",{style:{textAlign:"center",color:"green"}},e.createElement(n,{name:t.heart}),e.createElement("div",{style:{marginTop:"8px",fontSize:"12px"}},"Green")))},d=["SingleIcon","AllIcons","CustomStyledIcons"];export{i as AllIcons,p as CustomStyledIcons,m as SingleIcon,d as __namedExportsOrder,s as default};
|
|
@@ -0,0 +1,197 @@
|
|
|
1
|
+
import{i as e,R as a,aC as o,h as r,I as t,B as l,G as s}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const u=`Afghanistan
|
|
2
|
+
Albania
|
|
3
|
+
Algeria
|
|
4
|
+
Andorra
|
|
5
|
+
Angola
|
|
6
|
+
Antigua & Deps
|
|
7
|
+
Argentina
|
|
8
|
+
Armenia
|
|
9
|
+
Australia
|
|
10
|
+
Austria
|
|
11
|
+
Azerbaijan
|
|
12
|
+
Bahamas
|
|
13
|
+
Bahrain
|
|
14
|
+
Bangladesh
|
|
15
|
+
Barbados
|
|
16
|
+
Belarus
|
|
17
|
+
Belgium
|
|
18
|
+
Belize
|
|
19
|
+
Benin
|
|
20
|
+
Bhutan
|
|
21
|
+
Bolivia
|
|
22
|
+
Bosnia Herzegovina
|
|
23
|
+
Botswana
|
|
24
|
+
Brazil
|
|
25
|
+
Brunei
|
|
26
|
+
Bulgaria
|
|
27
|
+
Burkina
|
|
28
|
+
Burundi
|
|
29
|
+
Cambodia
|
|
30
|
+
Cameroon
|
|
31
|
+
Canada
|
|
32
|
+
Cape Verde
|
|
33
|
+
Central African Rep
|
|
34
|
+
Chad
|
|
35
|
+
Chile
|
|
36
|
+
China
|
|
37
|
+
Colombia
|
|
38
|
+
Comoros
|
|
39
|
+
Congo
|
|
40
|
+
Congo {Democratic Rep}
|
|
41
|
+
Costa Rica
|
|
42
|
+
Croatia
|
|
43
|
+
Cuba
|
|
44
|
+
Cyprus
|
|
45
|
+
Czech Republic
|
|
46
|
+
Denmark
|
|
47
|
+
Djibouti
|
|
48
|
+
Dominica
|
|
49
|
+
Dominican Republic
|
|
50
|
+
East Timor
|
|
51
|
+
Ecuador
|
|
52
|
+
Egypt
|
|
53
|
+
El Salvador
|
|
54
|
+
Equatorial Guinea
|
|
55
|
+
Eritrea
|
|
56
|
+
Estonia
|
|
57
|
+
Ethiopia
|
|
58
|
+
Fiji
|
|
59
|
+
Finland
|
|
60
|
+
France
|
|
61
|
+
Gabon
|
|
62
|
+
Gambia
|
|
63
|
+
Georgia
|
|
64
|
+
Germany
|
|
65
|
+
Ghana
|
|
66
|
+
Greece
|
|
67
|
+
Grenada
|
|
68
|
+
Guatemala
|
|
69
|
+
Guinea
|
|
70
|
+
Guinea-Bissau
|
|
71
|
+
Guyana
|
|
72
|
+
Haiti
|
|
73
|
+
Honduras
|
|
74
|
+
Hungary
|
|
75
|
+
Iceland
|
|
76
|
+
India
|
|
77
|
+
Indonesia
|
|
78
|
+
Iran
|
|
79
|
+
Iraq
|
|
80
|
+
Ireland {Republic}
|
|
81
|
+
Israel
|
|
82
|
+
Italy
|
|
83
|
+
Ivory Coast
|
|
84
|
+
Jamaica
|
|
85
|
+
Japan
|
|
86
|
+
Jordan
|
|
87
|
+
Kazakhstan
|
|
88
|
+
Kenya
|
|
89
|
+
Kiribati
|
|
90
|
+
Korea North
|
|
91
|
+
Korea South
|
|
92
|
+
Kosovo
|
|
93
|
+
Kuwait
|
|
94
|
+
Kyrgyzstan
|
|
95
|
+
Laos
|
|
96
|
+
Latvia
|
|
97
|
+
Lebanon
|
|
98
|
+
Lesotho
|
|
99
|
+
Liberia
|
|
100
|
+
Libya
|
|
101
|
+
Liechtenstein
|
|
102
|
+
Lithuania
|
|
103
|
+
Luxembourg
|
|
104
|
+
Macedonia
|
|
105
|
+
Madagascar
|
|
106
|
+
Malawi
|
|
107
|
+
Malaysia
|
|
108
|
+
Maldives
|
|
109
|
+
Mali
|
|
110
|
+
Malta
|
|
111
|
+
Marshall Islands
|
|
112
|
+
Mauritania
|
|
113
|
+
Mauritius
|
|
114
|
+
Mexico
|
|
115
|
+
Micronesia
|
|
116
|
+
Moldova
|
|
117
|
+
Monaco
|
|
118
|
+
Mongolia
|
|
119
|
+
Montenegro
|
|
120
|
+
Morocco
|
|
121
|
+
Mozambique
|
|
122
|
+
Myanmar, {Burma}
|
|
123
|
+
Namibia
|
|
124
|
+
Nauru
|
|
125
|
+
Nepal
|
|
126
|
+
Netherlands
|
|
127
|
+
New Zealand
|
|
128
|
+
Nicaragua
|
|
129
|
+
Niger
|
|
130
|
+
Nigeria
|
|
131
|
+
Norway
|
|
132
|
+
Oman
|
|
133
|
+
Pakistan
|
|
134
|
+
Palau
|
|
135
|
+
Panama
|
|
136
|
+
Papua New Guinea
|
|
137
|
+
Paraguay
|
|
138
|
+
Peru
|
|
139
|
+
Philippines
|
|
140
|
+
Poland
|
|
141
|
+
Portugal
|
|
142
|
+
Qatar
|
|
143
|
+
Romania
|
|
144
|
+
Russian Federation
|
|
145
|
+
Rwanda
|
|
146
|
+
St Kitts & Nevis
|
|
147
|
+
St Lucia
|
|
148
|
+
Saint Vincent & the Grenadines
|
|
149
|
+
Samoa
|
|
150
|
+
San Marino
|
|
151
|
+
Sao Tome & Principe
|
|
152
|
+
Saudi Arabia
|
|
153
|
+
Senegal
|
|
154
|
+
Serbia
|
|
155
|
+
Seychelles
|
|
156
|
+
Sierra Leone
|
|
157
|
+
Singapore
|
|
158
|
+
Slovakia
|
|
159
|
+
Slovenia
|
|
160
|
+
Solomon Islands
|
|
161
|
+
Somalia
|
|
162
|
+
South Africa
|
|
163
|
+
South Sudan
|
|
164
|
+
Spain
|
|
165
|
+
Sri Lanka
|
|
166
|
+
Sudan
|
|
167
|
+
Suriname
|
|
168
|
+
Swaziland
|
|
169
|
+
Sweden
|
|
170
|
+
Switzerland
|
|
171
|
+
Syria
|
|
172
|
+
Taiwan
|
|
173
|
+
Tajikistan
|
|
174
|
+
Tanzania
|
|
175
|
+
Thailand
|
|
176
|
+
Togo
|
|
177
|
+
Tonga
|
|
178
|
+
Trinidad & Tobago
|
|
179
|
+
Tunisia
|
|
180
|
+
Turkey
|
|
181
|
+
Turkmenistan
|
|
182
|
+
Tuvalu
|
|
183
|
+
Uganda
|
|
184
|
+
Ukraine
|
|
185
|
+
United Arab Emirates
|
|
186
|
+
United Kingdom
|
|
187
|
+
United States
|
|
188
|
+
Uruguay
|
|
189
|
+
Uzbekistan
|
|
190
|
+
Vanuatu
|
|
191
|
+
Vatican City
|
|
192
|
+
Venezuela
|
|
193
|
+
Vietnam
|
|
194
|
+
Yemen
|
|
195
|
+
Zambia
|
|
196
|
+
Zimbabwe`.split(`
|
|
197
|
+
`).map(n=>n.trim()),p={title:"Components/Form/Input",component:e,tags:["autodocs","form"],argTypes:{error:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"},prefix:{type:"string"},suffix:{type:"string"},children:{table:{disable:!0}}}},g={args:{placeholder:"Capacity",prefix:a.createElement(r,{name:t.battery}),suffix:"kWh"}},c=(n,i)=>{alert("Suggestion "+(i?"picked":"matched")+" : "+n)},h={render:()=>a.createElement(s,null,a.createElement(e,{placeholder:"Capacity",prefix:a.createElement(r,{name:t.battery}),suffix:"kWh"}),a.createElement(e,{value:"William J. Welter"}),a.createElement(e,{prefix:"Text prefix",value:"Polly W. Wilson"}),a.createElement(e,{prefix:"Disabled",value:"Clayton J. Foster",disabled:!0}),a.createElement(e,{prefix:"Read only",value:"Norma J. Gomez",readOnly:!0}),a.createElement(e,{placeholder:"With suggestions, try country name",suggestions:u,onSuggestionMatch:c}))},y={render:()=>{const n=a.useRef(null),i=o.useCallback(()=>{n.current&&(n.current.value=(Math.random()*100).toFixed(2))},[]);return a.createElement(a.Fragment,null,a.createElement(e,{ref:n,placeholder:"Capacity",prefix:a.createElement(r,{name:t.battery}),suffix:"kWh"}),a.createElement(l,{onClick:i},"Set random value"))}},b=["Primary","Mixed","InputRef"];export{y as InputRef,h as Mixed,g as Primary,b as __namedExportsOrder,p as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as t,R as e,p as r,n as c,a3 as i,ay as o}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const s={table:{category:"Demo controls"}},E={title:"Components/Layout/List/Item",component:t,tags:["autodocs","layout"],argTypes:{inset:{type:"boolean"},selected:{type:"boolean"},Link:{controls:"none"},renderList:{...s,type:"boolean",name:"Render <List> around"}}},y={args:{children:"I am a list item"},render:n=>{const a=n.renderList,m=o(n,["renderList"]),l=[e.createElement(t,{key:1,...m}),e.createElement(t,{key:2},"Other item"),e.createElement(t,{key:3},"Other item")];return a?e.createElement(r,null,l):e.createElement("div",null,l)}},k={args:{children:[e.createElement("div",{key:"1st"},"first"),e.createElement("div",{key:"2nd"},"2nd"),e.createElement("div",{key:"3rd"},"last")],ratio:"1/2/1"},render:n=>e.createElement(r,null,e.createElement(t,{...n}),e.createElement(t,null,"Other item"),e.createElement(t,null,"Other item"))},h={args:{children:"I am a list item, but I will render a button, click me",onClick:()=>{alert("Clicked!")}},render:n=>e.createElement(r,null,e.createElement(t,{...n}),e.createElement(t,null,"Other item"),e.createElement(t,null,"Other item"))},p={args:{children:[e.createElement(c,{key:"l"},"Hi"),e.createElement(i,{key:"v"},"Value")],selected:!0},render:n=>e.createElement(r,null,e.createElement(t,{...n}),e.createElement(t,null,"Other item"),e.createElement(t,null,"Other item"))},O=["Primary","Alignment","OnClick","Complex"];export{k as Alignment,p as Complex,h as OnClick,y as Primary,O as __namedExportsOrder,E as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{K as o,R as e,ay as n,h as l,I as a,aI as u,k as c,m as s,l as m}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const v={title:"UI/KeyValue",component:o,parameters:{layout:"centered"},tags:["autodocs"]},i=u(o,{"--kv-background-color":"#f5f5f5","--kv-border-color":"#ddd","--kv-hover-background-color":"#e8e8e8",borderRadius:"8px",boxShadow:"0 2px 4px rgba(0,0,0,0.05)",[`& ${m}`]:{fontFamily:"serif",fontStyle:"italic",color:"$blue1"},[`& ${s}`]:{fontWeight:"bold",color:"$green1"},[`& ${c}`]:{color:"$orange1"}}),t=[{key:"Turbo",value:"100x"},{key:"Turbo",value:"100x",icon:e.createElement(l,{name:a.heart}),onClick:()=>{alert("Clicked item with heart icon")}},{value:"99%",icon:e.createElement(l,{name:a.battery})},{key:"4,25 V",value:"99%",icon:e.createElement(l,{name:a.battery})},{key:"Just key"},{value:"Just value"},{key:e.createElement(e.Fragment,null,"Multi line",e.createElement("br",null),"key")},{value:e.createElement(e.Fragment,null,"Multi line",e.createElement("br",null),"value")}],k={args:{items:t,valueFirst:!0,cols:3}},b={args:{items:t,valueFirst:!1,cols:2}},f={args:{items:t,valueFirst:!1,cols:1}},g={render:r=>e.createElement(i,{items:t,valueFirst:!0,cols:2,...n(r,["ref","items"])})},S=["Default","TwoColumn","SingleColumn","CustomStyled"];export{g as CustomStyled,k as Default,f as SingleColumn,b as TwoColumn,S as __namedExportsOrder,v as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{L as a,R as e,i as t,h as n,I as r}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const s={title:"Components/Form/Label",component:a,parameters:{layout:"centered"},tags:["autodocs"]},l=e.createElement(t,{placeholder:"ie: 500",prefix:e.createElement(n,{name:r.battery}),suffix:"kWh"}),i={args:{label:"Username",children:l}},m={args:{label:"Big Label",variant:"big",children:l}},p={args:{children:l}},b={render:()=>e.createElement("div",null,e.createElement(a,{label:"First name"},e.createElement(t,{placeholder:"John"})),e.createElement(a,{label:"Last name"},e.createElement(t,{placeholder:"Doe"})),e.createElement(a,{label:"Email",variant:"big"},e.createElement(t,{placeholder:"john@example.com"})))},d=["Default","BigVariant","WithoutLabel","MultipleLabels"];export{m as BigVariant,i as Default,b as MultipleLabels,p as WithoutLabel,d as __namedExportsOrder,s as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{n as a,R as e,p as s,j as t}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const m={title:"Components/Layout/List/Label",component:a,tags:["autodocs","layout"],argTypes:{sub:{type:"string"}}},o={args:{children:"I am a label",sub:"Sub text"},render:r=>e.createElement(s,null,e.createElement(t,null,e.createElement(a,{...r})),e.createElement(t,null,"I am classic list item"))},c=["Primary"];export{o as Primary,c as __namedExportsOrder,m as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{o as i,ay as s,R as o}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const m={title:"Components/UI/Line",component:i,tags:["autodocs","ui"],argTypes:{"--miui-line-size":{description:"CSS property that defines length of the line"}},args:{vertical:!1,"--miui-line-size":"100px"}},l={render:e=>{const t=e["--miui-line-size"],n=s(e,["--miui-line-size"]);return o.createElement(i,{...n,css:{"--miui-line-size":t}})}},p=["Primary"];export{l as Primary,p as __namedExportsOrder,m as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as t,R as e,h as a,I as n}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const s={title:"Components/Layout/List/List",component:t,tags:["autodocs","layout"],argTypes:{inset:{type:"boolean"}}},o={args:{inset:!1},render:l=>e.createElement(t,{...l},e.createElement(t.Item,null,"I am a list item"),e.createElement(t.Item,null,"I am a list item"))},c={render:l=>e.createElement(t,null,e.createElement(t.Header,null,"GPS settings"),e.createElement(t.Item,null,e.createElement(t.Item.Label,{sub:"Higher precision means higher battery usage"},"GPS precision"),e.createElement(t.Item.Value,null,"Low"),e.createElement(a,{name:n.forward})),e.createElement(t.Item,null,e.createElement(t.Item,null,"Something")),e.createElement(t.Header,null,"Last trips"),e.createElement(t.Item,null,"Portugal"),e.createElement(t.Item,null,e.createElement(t.Item.Label,{sub:"Visited 2 times in last year"},"Poland")),e.createElement(t.Item,null,"Sweden"),e.createElement(t.Header,null,"Choose one option"),e.createElement(t.Item,{selected:!0},"yes"),e.createElement(t.Item,{selected:!1},"no"))},u=["Primary","FullFeaturedExample"];export{c as FullFeaturedExample,o as Primary,u as __namedExportsOrder,s as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{q as o}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const r={title:"Components/UI/Loader/Loader (basic)",component:o,tags:["autodocs","ui"],argTypes:{show:{type:"boolean"},size:{type:"string"}}},s={args:{size:32,show:!0}},a=["Primary"];export{s as Primary,a as __namedExportsOrder,r as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,R as e,aI as o}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const d={title:"Components/UI/Loader/Loading",component:t,tags:["autodocs","ui"],argTypes:{data:{type:"boolean"},isLoading:{type:"boolean"}}},i=o("div",{border:"1px solid black",background:"#ddd",width:300,height:300,position:"relative"}),s={args:{isLoading:!1,data:!0},render:a=>e.createElement(i,null,e.createElement(t,{isLoading:!!a.isLoading,data:a.data},"Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quibusdam."))},l=["Primary"];export{s as Primary,l as __namedExportsOrder,d as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as a,R as e,aI as n}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const t=a,i={title:"Components/UI/Message",component:t,tags:["autodocs","ui"],argTypes:{children:{control:{type:"text"},type:"string",defaultValue:"This is an example message."},type:{options:["tip","warning","error","info"]},variant:{options:["stretch","box"]}}},o={args:{children:"This is an example message."}},r=n("div",{display:"flex",flexDirection:"column",gap:10}),c={render:()=>e.createElement(r,null,e.createElement(t,{type:"warning"},"Files will be deleted after 30 days."),e.createElement(t,{type:"error"},"Files cannot be deleted."),e.createElement(t,{type:"info"},"These files got deleted."),e.createElement(t,{type:"warning",variant:"box"},"Files will be deleted after 30 days."),e.createElement(t,{type:"error",variant:"box"},"Files cannot be deleted."),e.createElement(t,{type:"info",variant:"box"},"These files got deleted."))},d=["Primary","MultipleAtOnce"];export{c as MultipleAtOnce,o as Primary,d as __namedExportsOrder,i as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{M as m,aC as n,R as e,B as d,L as c,i as r,C as p,s as i,y as u,p as s}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const k={title:"Components/UI/Modal",component:m,tags:["autodocs","ui"]},E=()=>{},f={args:{},render:()=>{const[a,l]=n.useState(!1),t=n.useCallback(()=>{l(!1)},[]),o=n.useCallback(()=>{l(!0)},[]);return e.createElement("div",null,e.createElement(d,{onClick:o},"Open modal"),e.createElement(m,{onClose:t,isOpen:a,title:"95.5 MHz",position:"bottom",full:!0},e.createElement(c,null,e.createElement(r,{placeholder:"New station"})),e.createElement(c,null,e.createElement(p,{name:"",onChange:E,checked:!0},"Remember me")),e.createElement(i,null,e.createElement(i.Button,{onClick:t},"Cancel"),e.createElement(i.Button,{variant:"main",onClick:t},"Ok"))))}},O={args:{},render:()=>{const[a,l]=n.useState(!1),t=n.useCallback(()=>{l(!1)},[]),o=n.useCallback(()=>{l(!0)},[]);return e.createElement("div",null,e.createElement(d,{onClick:o},"Open modal"),e.createElement(m,{onClose:t,isOpen:a,position:"bottom",full:!0},e.createElement(u,null,e.createElement(c,null,e.createElement(r,{placeholder:"New station"}))),e.createElement(c,null,e.createElement(r,{placeholder:"New station"})),e.createElement(u,null,e.createElement(c,null,e.createElement(r,{placeholder:"New station"})))))}},b={args:{},render:()=>{const[a,l]=n.useState(!1),t=n.useCallback(()=>{l(!1)},[]),o=n.useCallback(()=>{l(!0)},[]);return e.createElement("div",null,e.createElement(d,{onClick:o},"Open modal"),e.createElement(m,{onClose:t,isOpen:a,position:"bottom",full:!0},e.createElement(u,null,e.createElement(s,{inset:!0},e.createElement(s.Item,{selected:!1,onClick:t},"First item"),e.createElement(s.Item,{selected:!0,onClick:t},"Second item"),e.createElement(s.Item,{selected:!1,onClick:t},"Third item"),e.createElement(s.Item,{selected:!1,onClick:t},"Last option")))))}},I=["Primary","WithRemovedPaddingSections","WithList"];export{f as Primary,b as WithList,O as WithRemovedPaddingSections,I as __namedExportsOrder,k as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{s as t,R as e,M as n}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const l={title:"Components/UI/ModalButtons",component:t,tags:["autodocs","ui"]},i={args:{},render:()=>e.createElement(n,{onClose:()=>null,isOpen:!0,title:"System message"},e.createElement("div",null,"Check out these pretty buttons. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur, diam eget aliquam tincidunt, diam nisl ultrices velit, nec aliquet nunc diam eget."),e.createElement(t,null,e.createElement(t.Button,{onClick:()=>null},"Cancel"),e.createElement(t.Button,{variant:"main",onClick:()=>null},"Ok")))},s=["Primary"];export{i as Primary,s as __namedExportsOrder,l as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{P as o,aC as e,R as l}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const C={title:"UI/DirectionPad",component:o,tags:["autodocs"]},u={render:()=>{const[n,t]=e.useState("<none>"),s=e.useCallback(()=>{t("left")},[]),a=e.useCallback(()=>{t("right")},[]),c=e.useCallback(()=>{t("up")},[]),r=e.useCallback(()=>{t("down")},[]),d=e.useCallback(()=>{t("res")},[]);return l.createElement(l.Fragment,null,l.createElement(o,{onLeftPress:s,onRightPress:a,onUpPress:c,onDownPress:r,onMiddlePress:d,middleLabel:"RES"}),l.createElement("div",{style:{marginTop:"20px",textAlign:"center"}},"Last clicked button: ",n))}},m={render:()=>{const[n,t]=e.useState("<none>"),s=e.useCallback(()=>{t("left")},[]),a=e.useCallback(()=>{t("right")},[]),c=e.useCallback(()=>{t("middle")},[]);return l.createElement(l.Fragment,null,l.createElement(o,{onLeftPress:s,onRightPress:a,onMiddlePress:c,middleLabel:"OK"}),l.createElement("div",{style:{marginTop:"20px",textAlign:"center"}},"Last clicked button: ",n))}},h={render:()=>{const[n,t]=e.useState("<none>"),s=e.useCallback(()=>{t("left")},[]),a=e.useCallback(()=>{t("right")},[]),c=e.useCallback(()=>{t("up")},[]),r=e.useCallback(()=>{t("down")},[]),d=e.useCallback(()=>{t("middle")},[]);return l.createElement("div",{style:{backgroundColor:"#f5f5f5",padding:"20px",borderRadius:"8px"}},l.createElement(o,{onLeftPress:s,onRightPress:a,onUpPress:c,onDownPress:r,onMiddlePress:d,middleLabel:"OK",className:"custom-pad"}),l.createElement("div",{style:{marginTop:"20px",textAlign:"center"}},"Last clicked button: ",n))}},p=["Default","HorizontalOnly","CustomStyled"];export{h as CustomStyled,u as Default,m as HorizontalOnly,p as __namedExportsOrder,C as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{aC as u,R as t,t as i,g,I as s,h as m,Y as y,H as P,z as x}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";var S=["size","strokeWidth","strokeLinecap","strokeLinejoin","theme","fill","className","spin"];function v(n,l){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);l&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(n,o).enumerable})),r.push.apply(r,e)}return r}function b(n){for(var l=1;l<arguments.length;l++){var r=arguments[l]!=null?arguments[l]:{};l%2?v(Object(r),!0).forEach(function(e){I(n,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}function I(n,l,r){return l in n?Object.defineProperty(n,l,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[l]=r,n}function W(n,l){if(n==null)return{};var r=z(n,l),e,o;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o<a.length;o++)e=a[o],!(l.indexOf(e)>=0)&&Object.prototype.propertyIsEnumerable.call(n,e)&&(r[e]=n[e])}return r}function z(n,l){if(n==null)return{};var r={},e=Object.keys(n),o,a;for(a=0;a<e.length;a++)o=e[a],!(l.indexOf(o)>=0)&&(r[o]=n[o]);return r}var M={size:"1em",strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round",rtl:!1,theme:"outline",colors:{outline:{fill:"#333",background:"transparent"},filled:{fill:"#333",background:"#FFF"},twoTone:{fill:"#333",twoTone:"#2F88FF"},multiColor:{outStrokeColor:"#333",outFillColor:"#2F88FF",innerStrokeColor:"#FFF",innerFillColor:"#43CCF8"}},prefix:"i"};function T(){return"icon-"+((1+Math.random())*4294967296|0).toString(16).substring(1)}function _(n,l,r){var e=typeof l.fill=="string"?[l.fill]:l.fill||[],o=[],a=l.theme||r.theme;switch(a){case"outline":o.push(typeof e[0]=="string"?e[0]:"currentColor"),o.push("none"),o.push(typeof e[0]=="string"?e[0]:"currentColor"),o.push("none");break;case"filled":o.push(typeof e[0]=="string"?e[0]:"currentColor"),o.push(typeof e[0]=="string"?e[0]:"currentColor"),o.push("#FFF"),o.push("#FFF");break;case"two-tone":o.push(typeof e[0]=="string"?e[0]:"currentColor"),o.push(typeof e[1]=="string"?e[1]:r.colors.twoTone.twoTone),o.push(typeof e[0]=="string"?e[0]:"currentColor"),o.push(typeof e[1]=="string"?e[1]:r.colors.twoTone.twoTone);break;case"multi-color":o.push(typeof e[0]=="string"?e[0]:"currentColor"),o.push(typeof e[1]=="string"?e[1]:r.colors.multiColor.outFillColor),o.push(typeof e[2]=="string"?e[2]:r.colors.multiColor.innerStrokeColor),o.push(typeof e[3]=="string"?e[3]:r.colors.multiColor.innerFillColor);break}return{size:l.size||r.size,strokeWidth:l.strokeWidth||r.strokeWidth,strokeLinecap:l.strokeLinecap||r.strokeLinecap,strokeLinejoin:l.strokeLinejoin||r.strokeLinejoin,colors:o,id:n}}var F=u.createContext(M);F.Provider;function N(n,l,r){return function(e){var o=e.size,a=e.strokeWidth,k=e.strokeLinecap,d=e.strokeLinejoin,E=e.theme,O=e.fill,f=e.className,C=e.spin,j=W(e,S),h=u.useContext(F),w=u.useMemo(T,[]),L=_(w,{size:o,strokeWidth:a,strokeLinecap:k,strokeLinejoin:d,theme:E,fill:O},h),p=[h.prefix+"-icon"];return p.push(h.prefix+"-icon-"+n),C&&p.push(h.prefix+"-icon-spin"),f&&p.push(f),t.createElement("span",b(b({},j),{},{className:p.join(" ")}),r(L))}}const Z=N("sun-one",!1,function(n){return t.createElement("svg",{width:n.size,height:n.size,viewBox:"0 0 48 48",fill:"none"},t.createElement("path",{d:"M24 37C31.1797 37 37 31.1797 37 24C37 16.8203 31.1797 11 24 11C16.8203 11 11 16.8203 11 24C11 31.1797 16.8203 37 24 37Z",fill:n.colors[1],stroke:n.colors[0],strokeWidth:n.strokeWidth,strokeLinejoin:n.strokeLinejoin}),t.createElement("path",{d:"M24 6C25.3807 6 26.5 4.88071 26.5 3.5C26.5 2.11929 25.3807 1 24 1C22.6193 1 21.5 2.11929 21.5 3.5C21.5 4.88071 22.6193 6 24 6Z",fill:n.colors[0]}),t.createElement("path",{d:"M38.5 12C39.8807 12 41 10.8807 41 9.5C41 8.11929 39.8807 7 38.5 7C37.1193 7 36 8.11929 36 9.5C36 10.8807 37.1193 12 38.5 12Z",fill:n.colors[0]}),t.createElement("path",{d:"M44.5 26.5C45.8807 26.5 47 25.3807 47 24C47 22.6193 45.8807 21.5 44.5 21.5C43.1193 21.5 42 22.6193 42 24C42 25.3807 43.1193 26.5 44.5 26.5Z",fill:n.colors[0]}),t.createElement("path",{d:"M38.5 41C39.8807 41 41 39.8807 41 38.5C41 37.1193 39.8807 36 38.5 36C37.1193 36 36 37.1193 36 38.5C36 39.8807 37.1193 41 38.5 41Z",fill:n.colors[0]}),t.createElement("path",{d:"M24 47C25.3807 47 26.5 45.8807 26.5 44.5C26.5 43.1193 25.3807 42 24 42C22.6193 42 21.5 43.1193 21.5 44.5C21.5 45.8807 22.6193 47 24 47Z",fill:n.colors[0]}),t.createElement("path",{d:"M9.5 41C10.8807 41 12 39.8807 12 38.5C12 37.1193 10.8807 36 9.5 36C8.11929 36 7 37.1193 7 38.5C7 39.8807 8.11929 41 9.5 41Z",fill:n.colors[0]}),t.createElement("path",{d:"M3.5 26.5C4.88071 26.5 6 25.3807 6 24C6 22.6193 4.88071 21.5 3.5 21.5C2.11929 21.5 1 22.6193 1 24C1 25.3807 2.11929 26.5 3.5 26.5Z",fill:n.colors[0]}),t.createElement("path",{d:"M9.5 12C10.8807 12 12 10.8807 12 9.5C12 8.11929 10.8807 7 9.5 7C8.11929 7 7 8.11929 7 9.5C7 10.8807 8.11929 12 9.5 12Z",fill:n.colors[0]}))}),D={title:"Components/UI/Pop",component:i,tags:["autodocs","layout"],args:{value:25,valueFrom:15,scaleFrom:10,scaleTo:30}},c=()=>{console.info("Clicked an option")},H={render:n=>{const[l,r]=u.useState(!1),[e,o]=u.useState(!1),a=u.useCallback(()=>{r(C=>!C)},[]),k=u.useCallback(()=>{o(C=>!C)},[]),d=u.useCallback(()=>{r(!1)},[]),E=u.useCallback(()=>{o(!1)},[]),O=t.createElement(t.Fragment,null,t.createElement(g,{icon:s.config,onClick:a}),t.createElement(i,{anchor:"prev",open:l,onClose:d},t.createElement(i.Option,{icon:t.createElement(m,{name:s.heart}),onClick:c},"Add new list"),t.createElement(i.Option,{icon:t.createElement(m,{name:s.trash}),onClick:c},"Remove empty lists"),t.createElement(i.Option,{onClick:c},"Configure"))),f=t.createElement(t.Fragment,null,t.createElement(g,{icon:s.checkmark,onClick:k}),t.createElement(i,{anchor:"prev",open:e,onClose:E},t.createElement(i.Option,{icon:t.createElement(m,{name:s.heart}),onClick:c},"Add new list"),t.createElement(i.Option,{icon:t.createElement(m,{name:s.trash}),onClick:c},"Remove empty lists"),t.createElement(i.Option,{icon:t.createElement(Z,null),onClick:c},"Configure"),t.createElement(i.Option,{icon:t.createElement(m,{name:s.heart}),onClick:c},"Add new list"),t.createElement(i.Option,{icon:t.createElement(m,{name:s.trash}),onClick:c},"Remove empty lists"),t.createElement(i.Option,{onClick:c},"Configure"),t.createElement(i.Option,{icon:t.createElement(m,{name:s.heart}),onClick:c},"Add new list"),t.createElement(i.Option,{icon:t.createElement(m,{name:s.trash}),onClick:c},"Remove empty lists"),t.createElement(i.Option,{icon:t.createElement(t.Fragment,null,"text"),onClick:c},"Configure")));return t.createElement(y,null,t.createElement(P,{before:f,after:O},"Some place"),t.createElement(y.Content,null,t.createElement(x,{horizontal:!0,vertical:!0,css:{minHeight:600}},"Click on the left or right icon to open the menu")))}},G=["Primary"];export{H as Primary,G as __namedExportsOrder,D as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{u as e,R as t,aI as o}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const d={title:"Components/UI/Loader/PopLoader",component:e,tags:["autodocs","ui"]},n=o("div",{border:"1px solid black",background:"#ddd",width:300,height:300,position:"relative"}),c={args:{},render:()=>t.createElement(n,null,t.createElement(e,null),"content, content,",t.createElement("br",null),"content, content")},s=["Primary"];export{c as Primary,s as __namedExportsOrder,d as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{v as o,R as e,aI as t}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const l={title:"Components/UI/Progress",component:o,tags:["autodocs","layout"],args:{value:25,valueFrom:15,scaleFrom:10,scaleTo:30}},n={},s=t(o,{"--value-background-color":"linear-gradient(to right, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8b00ff)",[`& ${o.selectors.value}`]:{borderWidth:0}}),m={render:r=>e.createElement(s,{...r})},c=["Primary","CustomizedColors"];export{m as CustomizedColors,n as Primary,c as __namedExportsOrder,l as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{z as t,R as e,p as o,j as a}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const s={title:"Components/Layout/Section",component:t,tags:["autodocs","layout"],argTypes:{vertical:{type:"boolean"},horizontal:{type:"boolean"}}},i={args:{},render:n=>e.createElement("div",{style:{border:"1px solid #ddd"}},e.createElement(t.Container,null,e.createElement(t,{...n},"This is an example section, arguments in the arguments table are applied only to this section. By default sections do not have any padding, so you can place elements that should touch the edges. Use `vertical` and `horizontal` arguments to add padding."),e.createElement(t,{vertical:!0,horizontal:!0},"Some section"),e.createElement(t,null,e.createElement(o,null,e.createElement(a,null,"Some item"),e.createElement(a,null,"Some item")))))},m=["Primary"];export{i as Primary,m as __namedExportsOrder,s as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{J as t,R as e}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const r={title:"Components/Form/Select",component:t,tags:["autodocs","form"],argTypes:{error:{type:"boolean"},disabled:{type:"boolean"}}},n={args:{children:[e.createElement("option",{key:"1",value:"1"},"First"),e.createElement("option",{key:"2",value:"2"},"Second"),e.createElement("option",{key:"3",value:"3"},"Third")],disabled:!1}},l=["Primary"];export{n as Primary,l as __namedExportsOrder,r as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{N as a,aC as l,R as r,H as s,f as c,aI as i,O as C}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const f={title:"Components/UI/Selector",component:a,tags:["autodocs","ui"],args:{values:["Recent","Categories","Whole Disk"],value:"Recent"},argTypes:{onChange:{action:"onChange"}}},g={render:e=>{const[n,o]=l.useState(e.value??"");return r.createElement(a,{...e,value:n,onChange:t=>{o(t),e.onChange&&e.onChange(t)}})}},S={render:e=>{const[n,o]=l.useState(e.value??"");return r.createElement(s,null,r.createElement(a,{...e,value:n,onChange:t=>{o(t),e.onChange&&e.onChange(t)}}))}},m=i(a,{backgroundColor:"$blue2",borderRadius:"8px","&&":{"--selector-active":"$colors$green1"},[`& ${C}`]:{fontFamily:"serif",fontWeight:"bold"}}),v={render:e=>{const[n,o]=l.useState(e.value??"");return r.createElement(m,{...e,value:n,onChange:t=>{o(t),e.onChange&&e.onChange(t)}})},args:{values:["Music","Video","Photos","Documents"]}},u=["First element","Apple","Pie","Dogs and cats","Flying vehicles","Random text that is very long","Computer","Leaflet","Jar of nuts","POE Network Switch"],y={render:e=>{const[n,o]=l.useState(e.value??"");return r.createElement(s,null,r.createElement(a,{...e,multiLine:!0,value:n,values:u,onChange:t=>{o(t),e.onChange&&e.onChange(t)}}))}},p={render:e=>{const[n,o]=l.useState(e.value??"");return r.createElement(s,{css:{[`& ${c}`]:{overflow:"hidden"}}},r.createElement(a,{...e,values:u,multiLine:!1,value:n,onChange:t=>{o(t),e.onChange&&e.onChange(t)}}))}},E=["Primary","WithinHeader","CustomStyled","Lengthy","MultiLine"];export{v as CustomStyled,p as Lengthy,y as MultiLine,g as Primary,S as WithinHeader,E as __namedExportsOrder,f as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{T as t,R as e,D as r,aI as l,U as o,W as n,V as d,X as m}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const g={title:"UI/Stats",component:t,parameters:{layout:"padded"},tags:["autodocs"]},a=[{label:"Temperature",value:"32°C"},{label:"Used",value:"320.3 mAh"},{label:"Used for",value:"14h 32m"}],b={render:()=>e.createElement(r,{css:{background:"$green1Darker",height:"200px",display:"flex",alignItems:"flex-end"}},e.createElement(t,{stats:a}))},u={render:()=>e.createElement(r,{css:{background:"$activeBg",height:"200px",display:"flex",alignItems:"flex-end"}},e.createElement(t,{stats:a,variant:"dark"}))},x={render:()=>{const s=[...a,{label:"Voltage",value:"4.2V"},{label:"Capacity",value:"5000 mAh"}];return e.createElement(r,{css:{background:"$green1Darker",height:"200px",display:"flex",alignItems:"flex-end"}},e.createElement(t,{stats:s}))}},c=l(t,{"--stats-border":"1px solid rgba(0, 0, 100, 0.2)","--stats-bg":"linear-gradient(to bottom, rgba(100, 149, 237, 0.1), rgba(100, 149, 237, 0.2))","--stats-value-color":"#1a237e","--stats-label-color":"#3949ab",borderRadius:"8px 8px 0 0",boxShadow:"0 -2px 10px rgba(0, 0, 0, 0.05)",[`& ${m}`]:{fontSize:"1.5rem",fontWeight:"bold"},[`& ${d}`]:{textTransform:"uppercase",letterSpacing:"0.05em",fontSize:"0.8rem"},[`& ${n}`]:{borderLeft:"2px dotted rgba(0, 0, 100, 0.2)"},[`& ${o}`]:{transition:"transform 0.2s ease","&:hover":{transform:"translateY(-5px)"}}}),f={render:()=>e.createElement("div",{style:{background:"#e8eaf6",height:"200px",display:"flex",alignItems:"flex-end"}},e.createElement(c,{stats:a}))},S=["Default","DarkVariant","WithMoreItems","CustomStyled"];export{f as CustomStyled,u as DarkVariant,b as Default,x as WithMoreItems,S as __namedExportsOrder,g as default};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{aC as a,Y as o,R as e,H as l}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const s=()=>{const[,n]=a.useState(0);return a.useCallback(()=>{n(t=>t+1)},[])};typeof GeolocationCoordinates>"u"||Object.getOwnPropertyNames(GeolocationCoordinates.prototype);const i=a.createContext("missing-input-device-provider");i.displayName="InputDeviceContext";const d={title:"Components/Layout/Header/StickyHeader",component:o,tags:["autodocs","layout"],argTypes:{children:{control:{disable:!0},description:"Usual children"},position:{control:{type:"select"},description:"Position of the header",options:["top","left","right","bottom"]}}},p={render:n=>{const t=new Array(1e3).fill(null).map((r,c)=>e.createElement("div",{key:c},"content"));return e.createElement(e.Fragment,null,e.createElement("style",null,`#story--components-layout-header-stickyheader--primary--primary-inner {
|
|
2
|
+
height: 400px;
|
|
3
|
+
}`),e.createElement(o,{...n},e.createElement(l,null,"x"),e.createElement(o.Content,null,t)))}},f={render:n=>{const t=e.useRef(null),r=e.useRef(null),c=s();return a.useEffect(()=>{c()},[]),console.info("RefsDemo",{ref:t.current,refContent:r.current}),e.createElement(e.Fragment,null,e.createElement(o,{...n,ref:t},e.createElement(l,null,"x"),e.createElement(o.Content,{ref:r},`Ref: ${t.current?`set ${t.current.nodeName}`:"not set"}`,e.createElement("br",null),`RefContent: ${r.current?`set ${r.current.nodeName}`:"not set"}`,e.createElement("br",null))))}},y=["Primary","RefsDemo"];export{p as Primary,f as RefsDemo,y as __namedExportsOrder,d as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{$ as t,R as e}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const a={title:"Components/Layout/Table/Table",component:t,tags:["autodocs","layout"],argTypes:{},args:{striped:!0,wide:!0,centered:!0}},m={render:l=>e.createElement(t,{...l},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",null,"Name"),e.createElement("th",null,"Age"),e.createElement("th",null,"Actions"))),e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",null,"Stefan"),e.createElement("td",null,"41"),e.createElement("td",null,"edit")),e.createElement("tr",null,e.createElement("td",null,"Juliette"),e.createElement("td",null,"23"),e.createElement("td",null,"edit")),e.createElement("tr",null,e.createElement("td",null,"Amy"),e.createElement("td",null,"55"),e.createElement("td",null,"edit")),e.createElement("tr",null,e.createElement("td",null,"Stefan"),e.createElement("td",null,"41"),e.createElement("td",null,"edit")),e.createElement("tr",null,e.createElement("td",null,"Juliette"),e.createElement("td",null,"23"),e.createElement("td",null,"edit")),e.createElement("tr",null,e.createElement("td",null,"Amy"),e.createElement("td",null,"55"),e.createElement("td",null,"edit"))))},c=["Primary"];export{m as Primary,c as __namedExportsOrder,a as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a0 as e}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const t={title:"Components/Form/TextArea",component:e,tags:["autodocs","form"],argTypes:{error:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"}}},a={args:{placeholder:"Type something here"}},n=["Primary"];export{a as Primary,n as __namedExportsOrder,t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{aP as n,R as t,D as m,B as c}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const p={title:"Components/UI/Toaster",tags:["autodocs","ui"],argTypes:{text:{control:{type:"text"}},time:{control:{type:"number",step:100}}}},u={args:{text:"",time:5e3},render:e=>{const o=n(),{text:s,time:r}=e,a=()=>{o(s||"Lorem ipsum dolor sit amet",r)};return t.createElement(m,{css:{height:400}},t.createElement(c,{onClick:a},"Show toast"))}},d=["Primary"];export{u as Primary,d as __namedExportsOrder,p as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a1 as t,R as e,aC as l}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const o={title:"Components/Form/Toggle",component:t,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{value:{control:{type:"select",options:[!0,!1,null]}}}},u={args:{value:!1,onChange:()=>{}}},i={args:{value:!0,onChange:()=>{}}},m={args:{value:null,onChange:()=>{}}},d={args:{value:!0,disabled:!0,onChange:()=>{}}},g={render:()=>{const[n,a]=l.useState(!1);return e.createElement(t,{value:n,onChange:a,onContextMenu:r=>{r.preventDefault(),alert("Right-clicked/long pressed!")}})}},p={render:()=>{const[n,a]=l.useState(null);return e.createElement(t,{value:n,onChange:a,undeterminedClickValue:!0})}},v={render:()=>e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",alignItems:"flex-start"}},e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem"}},e.createElement(t,{value:!1,onChange:()=>{}}),e.createElement("span",null,"Off")),e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem"}},e.createElement(t,{value:!0,onChange:()=>{}}),e.createElement("span",null,"On")),e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem"}},e.createElement(t,{value:null,onChange:()=>{}}),e.createElement("span",null,"Undetermined")),e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem"}},e.createElement(t,{value:!0,disabled:!0,onChange:()=>{}}),e.createElement("span",null,"Disabled")))},f=["Default","On","Undetermined","Disabled","Interactive","WithUndeterminedClick","AllStates"];export{v as AllStates,u as Default,d as Disabled,g as Interactive,i as On,m as Undetermined,p as WithUndeterminedClick,f as __namedExportsOrder,o as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a2 as o,R as e,D as a}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const c={title:"Components/UI/ToolButton",component:o,tags:["autodocs","ui"],argTypes:{variant:{control:{type:"select"},options:["default","secondary","secondaryOnLight"]}}},s={args:{children:"Click me",onClick:()=>{alert("Clicked")}},render:t=>e.createElement(a,{css:{background:t.variant==="secondaryOnLight"?"white":"$blue5",padding:50}},e.createElement(o,{...t}))},i=["Primary"];export{s as Primary,i as __namedExportsOrder,c as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a3 as t,R as e,p as r,j as l}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const m={title:"Components/Layout/List/Value",component:t,tags:["autodocs","layout"]},s={args:{children:"23,4*C"},render:a=>e.createElement(r,null,e.createElement(l,null,e.createElement("div",null,"Some label"),e.createElement(t,{...a})))},c=["Primary"];export{s as Primary,c as __namedExportsOrder,m as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{s as Re,l as pe,_ as te,b as Bt,r as Pt}from"./DocsRenderer-LL677BLK-BOcEjZ28.js";import{R as U,aC as y,x as Mt,a9 as We,aB as _t,a5 as ft}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";import"./react-18-oqx706Mo.js";var Ht=ft({"../../node_modules/react-fast-compare/index.js"(e,t){var r=typeof Element<"u",o=typeof Map=="function",n=typeof Set=="function",s=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function l(u,a){if(u===a)return!0;if(u&&a&&typeof u=="object"&&typeof a=="object"){if(u.constructor!==a.constructor)return!1;var i,f,p;if(Array.isArray(u)){if(i=u.length,i!=a.length)return!1;for(f=i;f--!==0;)if(!l(u[f],a[f]))return!1;return!0}var c;if(o&&u instanceof Map&&a instanceof Map){if(u.size!==a.size)return!1;for(c=u.entries();!(f=c.next()).done;)if(!a.has(f.value[0]))return!1;for(c=u.entries();!(f=c.next()).done;)if(!l(f.value[1],a.get(f.value[0])))return!1;return!0}if(n&&u instanceof Set&&a instanceof Set){if(u.size!==a.size)return!1;for(c=u.entries();!(f=c.next()).done;)if(!a.has(f.value[0]))return!1;return!0}if(s&&ArrayBuffer.isView(u)&&ArrayBuffer.isView(a)){if(i=u.length,i!=a.length)return!1;for(f=i;f--!==0;)if(u[f]!==a[f])return!1;return!0}if(u.constructor===RegExp)return u.source===a.source&&u.flags===a.flags;if(u.valueOf!==Object.prototype.valueOf&&typeof u.valueOf=="function"&&typeof a.valueOf=="function")return u.valueOf()===a.valueOf();if(u.toString!==Object.prototype.toString&&typeof u.toString=="function"&&typeof a.toString=="function")return u.toString()===a.toString();if(p=Object.keys(u),i=p.length,i!==Object.keys(a).length)return!1;for(f=i;f--!==0;)if(!Object.prototype.hasOwnProperty.call(a,p[f]))return!1;if(r&&u instanceof Element)return!1;for(f=i;f--!==0;)if(!((p[f]==="_owner"||p[f]==="__v"||p[f]==="__o")&&u.$$typeof)&&!l(u[p[f]],a[p[f]]))return!1;return!0}return u!==u&&a!==a}t.exports=function(u,a){try{return l(u,a)}catch(i){if((i.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw i}}}}),Nt=ft({"../../node_modules/warning/warning.js"(e,t){var r=function(){};t.exports=r}}),Vt=We(Pt(),1);const{deprecate:lt}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{global:qt}=__STORYBOOK_MODULE_GLOBAL__;y.createContext();y.createContext();var Ke=function(e){return e.reduce(function(t,r){var o=r[0],n=r[1];return t[o]=n,t},{})},Je=typeof window<"u"&&window.document&&window.document.createElement?y.useLayoutEffect:y.useEffect,$="top",H="bottom",N="right",B="left",je="auto",ye=[$,H,N,B],ie="start",ge="end",Ut="clippingParents",ct="viewport",ce="popper",zt="reference",Qe=ye.reduce(function(e,t){return e.concat([t+"-"+ie,t+"-"+ge])},[]),pt=[].concat(ye,[je]).reduce(function(e,t){return e.concat([t,t+"-"+ie,t+"-"+ge])},[]),It="beforeRead",Yt="read",Xt="afterRead",Ft="beforeMain",Gt="main",Kt="afterMain",Jt="beforeWrite",Qt="write",Zt="afterWrite",er=[It,Yt,Xt,Ft,Gt,Kt,Jt,Qt,Zt];function I(e){return e?(e.nodeName||"").toLowerCase():null}function P(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function ne(e){var t=P(e).Element;return e instanceof t||e instanceof Element}function _(e){var t=P(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function $e(e){if(typeof ShadowRoot>"u")return!1;var t=P(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function tr(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var o=t.styles[r]||{},n=t.attributes[r]||{},s=t.elements[r];!_(s)||!I(s)||(Object.assign(s.style,o),Object.keys(n).forEach(function(l){var u=n[l];u===!1?s.removeAttribute(l):s.setAttribute(l,u===!0?"":u)}))})}function rr(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(o){var n=t.elements[o],s=t.attributes[o]||{},l=Object.keys(t.styles.hasOwnProperty(o)?t.styles[o]:r[o]),u=l.reduce(function(a,i){return a[i]="",a},{});!_(n)||!I(n)||(Object.assign(n.style,u),Object.keys(s).forEach(function(a){n.removeAttribute(a)}))})}}var dt={name:"applyStyles",enabled:!0,phase:"write",fn:tr,effect:rr,requires:["computeStyles"]};function z(e){return e.split("-")[0]}var re=Math.max,Te=Math.min,ae=Math.round;function ke(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function vt(){return!/^((?!chrome|android).)*safari/i.test(ke())}function se(e,t,r){t===void 0&&(t=!1),r===void 0&&(r=!1);var o=e.getBoundingClientRect(),n=1,s=1;t&&_(e)&&(n=e.offsetWidth>0&&ae(o.width)/e.offsetWidth||1,s=e.offsetHeight>0&&ae(o.height)/e.offsetHeight||1);var l=ne(e)?P(e):window,u=l.visualViewport,a=!vt()&&r,i=(o.left+(a&&u?u.offsetLeft:0))/n,f=(o.top+(a&&u?u.offsetTop:0))/s,p=o.width/n,c=o.height/s;return{width:p,height:c,top:f,right:i+p,bottom:f+c,left:i,x:i,y:f}}function Be(e){var t=se(e),r=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:o}}function mt(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&$e(r)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function F(e){return P(e).getComputedStyle(e)}function nr(e){return["table","td","th"].indexOf(I(e))>=0}function K(e){return((ne(e)?e.ownerDocument:e.document)||window.document).documentElement}function Ce(e){return I(e)==="html"?e:e.assignedSlot||e.parentNode||($e(e)?e.host:null)||K(e)}function Ze(e){return!_(e)||F(e).position==="fixed"?null:e.offsetParent}function or(e){var t=/firefox/i.test(ke()),r=/Trident/i.test(ke());if(r&&_(e)){var o=F(e);if(o.position==="fixed")return null}var n=Ce(e);for($e(n)&&(n=n.host);_(n)&&["html","body"].indexOf(I(n))<0;){var s=F(n);if(s.transform!=="none"||s.perspective!=="none"||s.contain==="paint"||["transform","perspective"].indexOf(s.willChange)!==-1||t&&s.willChange==="filter"||t&&s.filter&&s.filter!=="none")return n;n=n.parentNode}return null}function be(e){for(var t=P(e),r=Ze(e);r&&nr(r)&&F(r).position==="static";)r=Ze(r);return r&&(I(r)==="html"||I(r)==="body"&&F(r).position==="static")?t:r||or(e)||t}function Pe(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function de(e,t,r){return re(e,Te(t,r))}function ir(e,t,r){var o=de(e,t,r);return o>r?r:o}function gt(){return{top:0,right:0,bottom:0,left:0}}function ht(e){return Object.assign({},gt(),e)}function yt(e,t){return t.reduce(function(r,o){return r[o]=e,r},{})}var ar=function(e,t){return e=typeof e=="function"?e(Object.assign({},t.rects,{placement:t.placement})):e,ht(typeof e!="number"?e:yt(e,ye))};function sr(e){var t,r=e.state,o=e.name,n=e.options,s=r.elements.arrow,l=r.modifiersData.popperOffsets,u=z(r.placement),a=Pe(u),i=[B,N].indexOf(u)>=0,f=i?"height":"width";if(!(!s||!l)){var p=ar(n.padding,r),c=Be(s),v=a==="y"?$:B,g=a==="y"?H:N,d=r.rects.reference[f]+r.rects.reference[a]-l[a]-r.rects.popper[f],x=l[a]-r.rects.reference[a],O=be(s),C=O?a==="y"?O.clientHeight||0:O.clientWidth||0:0,A=d/2-x/2,m=p[v],b=C-c[f]-p[g],E=C/2-c[f]/2+A,T=de(m,E,b),S=a;r.modifiersData[o]=(t={},t[S]=T,t.centerOffset=T-E,t)}}function ur(e){var t=e.state,r=e.options,o=r.element,n=o===void 0?"[data-popper-arrow]":o;n!=null&&(typeof n=="string"&&(n=t.elements.popper.querySelector(n),!n)||mt(t.elements.popper,n)&&(t.elements.arrow=n))}var fr={name:"arrow",enabled:!0,phase:"main",fn:sr,effect:ur,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ue(e){return e.split("-")[1]}var lr={top:"auto",right:"auto",bottom:"auto",left:"auto"};function cr(e,t){var r=e.x,o=e.y,n=t.devicePixelRatio||1;return{x:ae(r*n)/n||0,y:ae(o*n)/n||0}}function et(e){var t,r=e.popper,o=e.popperRect,n=e.placement,s=e.variation,l=e.offsets,u=e.position,a=e.gpuAcceleration,i=e.adaptive,f=e.roundOffsets,p=e.isFixed,c=l.x,v=c===void 0?0:c,g=l.y,d=g===void 0?0:g,x=typeof f=="function"?f({x:v,y:d}):{x:v,y:d};v=x.x,d=x.y;var O=l.hasOwnProperty("x"),C=l.hasOwnProperty("y"),A=B,m=$,b=window;if(i){var E=be(r),T="clientHeight",S="clientWidth";if(E===P(r)&&(E=K(r),F(E).position!=="static"&&u==="absolute"&&(T="scrollHeight",S="scrollWidth")),E=E,n===$||(n===B||n===N)&&s===ge){m=H;var w=p&&E===b&&b.visualViewport?b.visualViewport.height:E[T];d-=w-o.height,d*=a?1:-1}if(n===B||(n===$||n===H)&&s===ge){A=N;var R=p&&E===b&&b.visualViewport?b.visualViewport.width:E[S];v-=R-o.width,v*=a?1:-1}}var k=Object.assign({position:u},i&&lr),j=f===!0?cr({x:v,y:d},P(r)):{x:v,y:d};if(v=j.x,d=j.y,a){var W;return Object.assign({},k,(W={},W[m]=C?"0":"",W[A]=O?"0":"",W.transform=(b.devicePixelRatio||1)<=1?"translate("+v+"px, "+d+"px)":"translate3d("+v+"px, "+d+"px, 0)",W))}return Object.assign({},k,(t={},t[m]=C?d+"px":"",t[A]=O?v+"px":"",t.transform="",t))}function pr(e){var t=e.state,r=e.options,o=r.gpuAcceleration,n=o===void 0?!0:o,s=r.adaptive,l=s===void 0?!0:s,u=r.roundOffsets,a=u===void 0?!0:u,i={placement:z(t.placement),variation:ue(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:n,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,et(Object.assign({},i,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:l,roundOffsets:a})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,et(Object.assign({},i,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:a})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var bt={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:pr,data:{}},Ee={passive:!0};function dr(e){var t=e.state,r=e.instance,o=e.options,n=o.scroll,s=n===void 0?!0:n,l=o.resize,u=l===void 0?!0:l,a=P(t.elements.popper),i=[].concat(t.scrollParents.reference,t.scrollParents.popper);return s&&i.forEach(function(f){f.addEventListener("scroll",r.update,Ee)}),u&&a.addEventListener("resize",r.update,Ee),function(){s&&i.forEach(function(f){f.removeEventListener("scroll",r.update,Ee)}),u&&a.removeEventListener("resize",r.update,Ee)}}var wt={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:dr,data:{}},vr={left:"right",right:"left",bottom:"top",top:"bottom"};function Se(e){return e.replace(/left|right|bottom|top/g,function(t){return vr[t]})}var mr={start:"end",end:"start"};function tt(e){return e.replace(/start|end/g,function(t){return mr[t]})}function Me(e){var t=P(e),r=t.pageXOffset,o=t.pageYOffset;return{scrollLeft:r,scrollTop:o}}function _e(e){return se(K(e)).left+Me(e).scrollLeft}function gr(e,t){var r=P(e),o=K(e),n=r.visualViewport,s=o.clientWidth,l=o.clientHeight,u=0,a=0;if(n){s=n.width,l=n.height;var i=vt();(i||!i&&t==="fixed")&&(u=n.offsetLeft,a=n.offsetTop)}return{width:s,height:l,x:u+_e(e),y:a}}function hr(e){var t,r=K(e),o=Me(e),n=(t=e.ownerDocument)==null?void 0:t.body,s=re(r.scrollWidth,r.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),l=re(r.scrollHeight,r.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),u=-o.scrollLeft+_e(e),a=-o.scrollTop;return F(n||r).direction==="rtl"&&(u+=re(r.clientWidth,n?n.clientWidth:0)-s),{width:s,height:l,x:u,y:a}}function He(e){var t=F(e),r=t.overflow,o=t.overflowX,n=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+n+o)}function xt(e){return["html","body","#document"].indexOf(I(e))>=0?e.ownerDocument.body:_(e)&&He(e)?e:xt(Ce(e))}function ve(e,t){var r;t===void 0&&(t=[]);var o=xt(e),n=o===((r=e.ownerDocument)==null?void 0:r.body),s=P(o),l=n?[s].concat(s.visualViewport||[],He(o)?o:[]):o,u=t.concat(l);return n?u:u.concat(ve(Ce(l)))}function De(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function yr(e,t){var r=se(e,!1,t==="fixed");return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}function rt(e,t,r){return t===ct?De(gr(e,r)):ne(t)?yr(t,r):De(hr(K(e)))}function br(e){var t=ve(Ce(e)),r=["absolute","fixed"].indexOf(F(e).position)>=0,o=r&&_(e)?be(e):e;return ne(o)?t.filter(function(n){return ne(n)&&mt(n,o)&&I(n)!=="body"}):[]}function wr(e,t,r,o){var n=t==="clippingParents"?br(e):[].concat(t),s=[].concat(n,[r]),l=s[0],u=s.reduce(function(a,i){var f=rt(e,i,o);return a.top=re(f.top,a.top),a.right=Te(f.right,a.right),a.bottom=Te(f.bottom,a.bottom),a.left=re(f.left,a.left),a},rt(e,l,o));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}function Ot(e){var t=e.reference,r=e.element,o=e.placement,n=o?z(o):null,s=o?ue(o):null,l=t.x+t.width/2-r.width/2,u=t.y+t.height/2-r.height/2,a;switch(n){case $:a={x:l,y:t.y-r.height};break;case H:a={x:l,y:t.y+t.height};break;case N:a={x:t.x+t.width,y:u};break;case B:a={x:t.x-r.width,y:u};break;default:a={x:t.x,y:t.y}}var i=n?Pe(n):null;if(i!=null){var f=i==="y"?"height":"width";switch(s){case ie:a[i]=a[i]-(t[f]/2-r[f]/2);break;case ge:a[i]=a[i]+(t[f]/2-r[f]/2);break}}return a}function he(e,t){t===void 0&&(t={});var r=t,o=r.placement,n=o===void 0?e.placement:o,s=r.strategy,l=s===void 0?e.strategy:s,u=r.boundary,a=u===void 0?Ut:u,i=r.rootBoundary,f=i===void 0?ct:i,p=r.elementContext,c=p===void 0?ce:p,v=r.altBoundary,g=v===void 0?!1:v,d=r.padding,x=d===void 0?0:d,O=ht(typeof x!="number"?x:yt(x,ye)),C=c===ce?zt:ce,A=e.rects.popper,m=e.elements[g?C:c],b=wr(ne(m)?m:m.contextElement||K(e.elements.popper),a,f,l),E=se(e.elements.reference),T=Ot({reference:E,element:A,placement:n}),S=De(Object.assign({},A,T)),w=c===ce?S:E,R={top:b.top-w.top+O.top,bottom:w.bottom-b.bottom+O.bottom,left:b.left-w.left+O.left,right:w.right-b.right+O.right},k=e.modifiersData.offset;if(c===ce&&k){var j=k[n];Object.keys(R).forEach(function(W){var V=[N,H].indexOf(W)>=0?1:-1,h=[$,H].indexOf(W)>=0?"y":"x";R[W]+=j[h]*V})}return R}function xr(e,t){t===void 0&&(t={});var r=t,o=r.placement,n=r.boundary,s=r.rootBoundary,l=r.padding,u=r.flipVariations,a=r.allowedAutoPlacements,i=a===void 0?pt:a,f=ue(o),p=f?u?Qe:Qe.filter(function(g){return ue(g)===f}):ye,c=p.filter(function(g){return i.indexOf(g)>=0});c.length===0&&(c=p);var v=c.reduce(function(g,d){return g[d]=he(e,{placement:d,boundary:n,rootBoundary:s,padding:l})[z(d)],g},{});return Object.keys(v).sort(function(g,d){return v[g]-v[d]})}function Or(e){if(z(e)===je)return[];var t=Se(e);return[tt(e),t,tt(t)]}function Er(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var n=r.mainAxis,s=n===void 0?!0:n,l=r.altAxis,u=l===void 0?!0:l,a=r.fallbackPlacements,i=r.padding,f=r.boundary,p=r.rootBoundary,c=r.altBoundary,v=r.flipVariations,g=v===void 0?!0:v,d=r.allowedAutoPlacements,x=t.options.placement,O=z(x),C=O===x,A=a||(C||!g?[Se(x)]:Or(x)),m=[x].concat(A).reduce(function(Z,X){return Z.concat(z(X)===je?xr(t,{placement:X,boundary:f,rootBoundary:p,padding:i,flipVariations:g,allowedAutoPlacements:d}):X)},[]),b=t.rects.reference,E=t.rects.popper,T=new Map,S=!0,w=m[0],R=0;R<m.length;R++){var k=m[R],j=z(k),W=ue(k)===ie,V=[$,H].indexOf(j)>=0,h=V?"width":"height",L=he(t,{placement:k,boundary:f,rootBoundary:p,altBoundary:c,padding:i}),D=V?W?N:B:W?H:$;b[h]>E[h]&&(D=Se(D));var Y=Se(D),q=[];if(s&&q.push(L[j]<=0),u&&q.push(L[D]<=0,L[Y]<=0),q.every(function(Z){return Z})){w=k,S=!1;break}T.set(k,q)}if(S)for(var J=g?3:1,Q=function(Z){var X=m.find(function(xe){var le=T.get(xe);if(le)return le.slice(0,Z).every(function(oe){return oe})});if(X)return w=X,"break"},fe=J;fe>0;fe--){var we=Q(fe);if(we==="break")break}t.placement!==w&&(t.modifiersData[o]._skip=!0,t.placement=w,t.reset=!0)}}var Sr={name:"flip",enabled:!0,phase:"main",fn:Er,requiresIfExists:["offset"],data:{_skip:!1}};function nt(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function ot(e){return[$,N,H,B].some(function(t){return e[t]>=0})}function Tr(e){var t=e.state,r=e.name,o=t.rects.reference,n=t.rects.popper,s=t.modifiersData.preventOverflow,l=he(t,{elementContext:"reference"}),u=he(t,{altBoundary:!0}),a=nt(l,o),i=nt(u,n,s),f=ot(a),p=ot(i);t.modifiersData[r]={referenceClippingOffsets:a,popperEscapeOffsets:i,isReferenceHidden:f,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":f,"data-popper-escaped":p})}var Rr={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Tr};function Cr(e,t,r){var o=z(e),n=[B,$].indexOf(o)>=0?-1:1,s=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,l=s[0],u=s[1];return l=l||0,u=(u||0)*n,[B,N].indexOf(o)>=0?{x:u,y:l}:{x:l,y:u}}function Lr(e){var t=e.state,r=e.options,o=e.name,n=r.offset,s=n===void 0?[0,0]:n,l=pt.reduce(function(f,p){return f[p]=Cr(p,t.rects,s),f},{}),u=l[t.placement],a=u.x,i=u.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=a,t.modifiersData.popperOffsets.y+=i),t.modifiersData[o]=l}var Ar={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Lr};function kr(e){var t=e.state,r=e.name;t.modifiersData[r]=Ot({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}var Et={name:"popperOffsets",enabled:!0,phase:"read",fn:kr,data:{}};function Dr(e){return e==="x"?"y":"x"}function Wr(e){var t=e.state,r=e.options,o=e.name,n=r.mainAxis,s=n===void 0?!0:n,l=r.altAxis,u=l===void 0?!1:l,a=r.boundary,i=r.rootBoundary,f=r.altBoundary,p=r.padding,c=r.tether,v=c===void 0?!0:c,g=r.tetherOffset,d=g===void 0?0:g,x=he(t,{boundary:a,rootBoundary:i,padding:p,altBoundary:f}),O=z(t.placement),C=ue(t.placement),A=!C,m=Pe(O),b=Dr(m),E=t.modifiersData.popperOffsets,T=t.rects.reference,S=t.rects.popper,w=typeof d=="function"?d(Object.assign({},t.rects,{placement:t.placement})):d,R=typeof w=="number"?{mainAxis:w,altAxis:w}:Object.assign({mainAxis:0,altAxis:0},w),k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,j={x:0,y:0};if(E){if(s){var W,V=m==="y"?$:B,h=m==="y"?H:N,L=m==="y"?"height":"width",D=E[m],Y=D+x[V],q=D-x[h],J=v?-S[L]/2:0,Q=C===ie?T[L]:S[L],fe=C===ie?-S[L]:-T[L],we=t.elements.arrow,Z=v&&we?Be(we):{width:0,height:0},X=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:gt(),xe=X[V],le=X[h],oe=de(0,T[L],Z[L]),Lt=A?T[L]/2-J-oe-xe-R.mainAxis:Q-oe-xe-R.mainAxis,At=A?-T[L]/2+J+oe+le+R.mainAxis:fe+oe+le+R.mainAxis,Le=t.elements.arrow&&be(t.elements.arrow),kt=Le?m==="y"?Le.clientTop||0:Le.clientLeft||0:0,Ve=(W=k?.[m])!=null?W:0,Dt=D+Lt-Ve-kt,Wt=D+At-Ve,qe=de(v?Te(Y,Dt):Y,D,v?re(q,Wt):q);E[m]=qe,j[m]=qe-D}if(u){var Ue,jt=m==="x"?$:B,$t=m==="x"?H:N,ee=E[b],Oe=b==="y"?"height":"width",ze=ee+x[jt],Ie=ee-x[$t],Ae=[$,B].indexOf(O)!==-1,Ye=(Ue=k?.[b])!=null?Ue:0,Xe=Ae?ze:ee-T[Oe]-S[Oe]-Ye+R.altAxis,Fe=Ae?ee+T[Oe]+S[Oe]-Ye-R.altAxis:Ie,Ge=v&&Ae?ir(Xe,ee,Fe):de(v?Xe:ze,ee,v?Fe:Ie);E[b]=Ge,j[b]=Ge-ee}t.modifiersData[o]=j}}var jr={name:"preventOverflow",enabled:!0,phase:"main",fn:Wr,requiresIfExists:["offset"]};function $r(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Br(e){return e===P(e)||!_(e)?Me(e):$r(e)}function Pr(e){var t=e.getBoundingClientRect(),r=ae(t.width)/e.offsetWidth||1,o=ae(t.height)/e.offsetHeight||1;return r!==1||o!==1}function Mr(e,t,r){r===void 0&&(r=!1);var o=_(t),n=_(t)&&Pr(t),s=K(t),l=se(e,n,r),u={scrollLeft:0,scrollTop:0},a={x:0,y:0};return(o||!o&&!r)&&((I(t)!=="body"||He(s))&&(u=Br(t)),_(t)?(a=se(t,!0),a.x+=t.clientLeft,a.y+=t.clientTop):s&&(a.x=_e(s))),{x:l.left+u.scrollLeft-a.x,y:l.top+u.scrollTop-a.y,width:l.width,height:l.height}}function _r(e){var t=new Map,r=new Set,o=[];e.forEach(function(s){t.set(s.name,s)});function n(s){r.add(s.name);var l=[].concat(s.requires||[],s.requiresIfExists||[]);l.forEach(function(u){if(!r.has(u)){var a=t.get(u);a&&n(a)}}),o.push(s)}return e.forEach(function(s){r.has(s.name)||n(s)}),o}function Hr(e){var t=_r(e);return er.reduce(function(r,o){return r.concat(t.filter(function(n){return n.phase===o}))},[])}function Nr(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function Vr(e){var t=e.reduce(function(r,o){var n=r[o.name];return r[o.name]=n?Object.assign({},n,o,{options:Object.assign({},n.options,o.options),data:Object.assign({},n.data,o.data)}):o,r},{});return Object.keys(t).map(function(r){return t[r]})}var it={placement:"bottom",modifiers:[],strategy:"absolute"};function at(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some(function(o){return!(o&&typeof o.getBoundingClientRect=="function")})}function Ne(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,o=r===void 0?[]:r,n=t.defaultOptions,s=n===void 0?it:n;return function(l,u,a){a===void 0&&(a=s);var i={placement:"bottom",orderedModifiers:[],options:Object.assign({},it,s),modifiersData:{},elements:{reference:l,popper:u},attributes:{},styles:{}},f=[],p=!1,c={state:i,setOptions:function(d){var x=typeof d=="function"?d(i.options):d;g(),i.options=Object.assign({},s,i.options,x),i.scrollParents={reference:ne(l)?ve(l):l.contextElement?ve(l.contextElement):[],popper:ve(u)};var O=Hr(Vr([].concat(o,i.options.modifiers)));return i.orderedModifiers=O.filter(function(C){return C.enabled}),v(),c.update()},forceUpdate:function(){if(!p){var d=i.elements,x=d.reference,O=d.popper;if(at(x,O)){i.rects={reference:Mr(x,be(O),i.options.strategy==="fixed"),popper:Be(O)},i.reset=!1,i.placement=i.options.placement,i.orderedModifiers.forEach(function(S){return i.modifiersData[S.name]=Object.assign({},S.data)});for(var C=0;C<i.orderedModifiers.length;C++){if(i.reset===!0){i.reset=!1,C=-1;continue}var A=i.orderedModifiers[C],m=A.fn,b=A.options,E=b===void 0?{}:b,T=A.name;typeof m=="function"&&(i=m({state:i,options:E,name:T,instance:c})||i)}}}},update:Nr(function(){return new Promise(function(d){c.forceUpdate(),d(i)})}),destroy:function(){g(),p=!0}};if(!at(l,u))return c;c.setOptions(a).then(function(d){!p&&a.onFirstUpdate&&a.onFirstUpdate(d)});function v(){i.orderedModifiers.forEach(function(d){var x=d.name,O=d.options,C=O===void 0?{}:O,A=d.effect;if(typeof A=="function"){var m=A({state:i,name:x,instance:c,options:C}),b=function(){};f.push(m||b)}})}function g(){f.forEach(function(d){return d()}),f=[]}return c}}Ne();var qr=[wt,Et,bt,dt];Ne({defaultModifiers:qr});var Ur=[wt,Et,bt,dt,Ar,Sr,jr,fr,Rr],zr=Ne({defaultModifiers:Ur}),Ir=We(Ht()),Yr=[],Xr=function(e,t,r){r===void 0&&(r={});var o=y.useRef(null),n={onFirstUpdate:r.onFirstUpdate,placement:r.placement||"bottom",strategy:r.strategy||"absolute",modifiers:r.modifiers||Yr},s=y.useState({styles:{popper:{position:n.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),l=s[0],u=s[1],a=y.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(p){var c=p.state,v=Object.keys(c.elements);_t.flushSync(function(){u({styles:Ke(v.map(function(g){return[g,c.styles[g]||{}]})),attributes:Ke(v.map(function(g){return[g,c.attributes[g]]}))})})},requires:["computeStyles"]}},[]),i=y.useMemo(function(){var p={onFirstUpdate:n.onFirstUpdate,placement:n.placement,strategy:n.strategy,modifiers:[].concat(n.modifiers,[a,{name:"applyStyles",enabled:!1}])};return(0,Ir.default)(o.current,p)?o.current||p:(o.current=p,p)},[n.onFirstUpdate,n.placement,n.strategy,n.modifiers,a]),f=y.useRef();return Je(function(){f.current&&f.current.setOptions(i)},[i]),Je(function(){if(!(e==null||t==null)){var p=r.createPopper||zr,c=p(e,t,i);return f.current=c,function(){c.destroy(),f.current=null}}},[e,t,r.createPopper]),{state:f.current?f.current.state:null,styles:l.styles,attributes:l.attributes,update:f.current?f.current.update:null,forceUpdate:f.current?f.current.forceUpdate:null}};We(Nt());function St(e){var t=y.useRef(e);return t.current=e,y.useCallback(function(){return t.current},[])}var Fr=function(){};function Gr(e){var t=e.initial,r=e.value,o=e.onChange,n=o===void 0?Fr:o;if(t===void 0&&r===void 0)throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined');var s=y.useState(t),l=s[0],u=s[1],a=St(l),i=y.useCallback(function(p){var c=a(),v=typeof p=="function"?p(c):p;typeof v.persist=="function"&&v.persist(),u(v),typeof n=="function"&&n(v)},[a,n]),f=r!==void 0;return[f?r:l,f?n:i]}function Tt(e,t){return e===void 0&&(e=0),t===void 0&&(t=0),function(){return{width:0,height:0,top:t,right:e,bottom:t,left:e,x:0,y:0,toJSON:function(){return null}}}}var Kr=["styles","attributes"],st={getBoundingClientRect:Tt()},ut={closeOnOutsideClick:!0,closeOnTriggerHidden:!1,defaultVisible:!1,delayHide:0,delayShow:0,followCursor:!1,interactive:!1,mutationObserverOptions:{attributes:!0,childList:!0,subtree:!0},offset:[0,6],trigger:"hover"};function Jr(e,t){var r,o,n;e===void 0&&(e={}),t===void 0&&(t={});var s=Object.keys(ut).reduce(function(h,L){var D;return te({},h,(D={},D[L]=h[L]!==void 0?h[L]:ut[L],D))},e),l=y.useMemo(function(){return[{name:"offset",options:{offset:s.offset}}]},Array.isArray(s.offset)?s.offset:[]),u=te({},t,{placement:t.placement||s.placement,modifiers:t.modifiers||l}),a=y.useState(null),i=a[0],f=a[1],p=y.useState(null),c=p[0],v=p[1],g=Gr({initial:s.defaultVisible,value:s.visible,onChange:s.onVisibleChange}),d=g[0],x=g[1],O=y.useRef();y.useEffect(function(){return function(){return clearTimeout(O.current)}},[]);var C=Xr(s.followCursor?st:i,c,u),A=C.styles,m=C.attributes,b=Bt(C,Kr),E=b.update,T=St({visible:d,triggerRef:i,tooltipRef:c,finalConfig:s}),S=y.useCallback(function(h){return Array.isArray(s.trigger)?s.trigger.includes(h):s.trigger===h},Array.isArray(s.trigger)?s.trigger:[s.trigger]),w=y.useCallback(function(){clearTimeout(O.current),O.current=window.setTimeout(function(){return x(!1)},s.delayHide)},[s.delayHide,x]),R=y.useCallback(function(){clearTimeout(O.current),O.current=window.setTimeout(function(){return x(!0)},s.delayShow)},[s.delayShow,x]),k=y.useCallback(function(){T().visible?w():R()},[T,w,R]);y.useEffect(function(){if(T().finalConfig.closeOnOutsideClick){var h=function(L){var D,Y=T(),q=Y.tooltipRef,J=Y.triggerRef,Q=(L.composedPath==null||(D=L.composedPath())==null?void 0:D[0])||L.target;Q instanceof Node&&q!=null&&J!=null&&!q.contains(Q)&&!J.contains(Q)&&w()};return document.addEventListener("mousedown",h),function(){return document.removeEventListener("mousedown",h)}}},[T,w]),y.useEffect(function(){if(!(i==null||!S("click")))return i.addEventListener("click",k),function(){return i.removeEventListener("click",k)}},[i,S,k]),y.useEffect(function(){if(!(i==null||!S("double-click")))return i.addEventListener("dblclick",k),function(){return i.removeEventListener("dblclick",k)}},[i,S,k]),y.useEffect(function(){if(!(i==null||!S("right-click"))){var h=function(L){L.preventDefault(),k()};return i.addEventListener("contextmenu",h),function(){return i.removeEventListener("contextmenu",h)}}},[i,S,k]),y.useEffect(function(){if(!(i==null||!S("focus")))return i.addEventListener("focus",R),i.addEventListener("blur",w),function(){i.removeEventListener("focus",R),i.removeEventListener("blur",w)}},[i,S,R,w]),y.useEffect(function(){if(!(i==null||!S("hover")))return i.addEventListener("mouseenter",R),i.addEventListener("mouseleave",w),function(){i.removeEventListener("mouseenter",R),i.removeEventListener("mouseleave",w)}},[i,S,R,w]),y.useEffect(function(){if(!(c==null||!S("hover")||!T().finalConfig.interactive))return c.addEventListener("mouseenter",R),c.addEventListener("mouseleave",w),function(){c.removeEventListener("mouseenter",R),c.removeEventListener("mouseleave",w)}},[c,S,R,w,T]);var j=b==null||(r=b.state)==null||(o=r.modifiersData)==null||(n=o.hide)==null?void 0:n.isReferenceHidden;y.useEffect(function(){s.closeOnTriggerHidden&&j&&w()},[s.closeOnTriggerHidden,w,j]),y.useEffect(function(){if(!s.followCursor||i==null)return;function h(L){var D=L.clientX,Y=L.clientY;st.getBoundingClientRect=Tt(D,Y),E?.()}return i.addEventListener("mousemove",h),function(){return i.removeEventListener("mousemove",h)}},[s.followCursor,i,E]),y.useEffect(function(){if(!(c==null||E==null||s.mutationObserverOptions==null)){var h=new MutationObserver(E);return h.observe(c,s.mutationObserverOptions),function(){return h.disconnect()}}},[s.mutationObserverOptions,c,E]);var W=function(h){return h===void 0&&(h={}),te({},h,{style:te({},h.style,A.popper)},m.popper,{"data-popper-interactive":s.interactive})},V=function(h){return h===void 0&&(h={}),te({},h,m.arrow,{style:te({},h.style,A.arrow),"data-popper-arrow":!0})};return te({getArrowProps:V,getTooltipProps:W,setTooltipRef:v,setTriggerRef:f,tooltipRef:c,triggerRef:i,visible:d},b)}var{document:me}=qt,M=(0,Vt.default)(1e3)((e,t,r,o=0)=>t.split("-")[0]===e?r:o),G=8,Qr=Re.div({position:"absolute",borderStyle:"solid"},({placement:e})=>{let t=0,r=0;switch(!0){case(e.startsWith("left")||e.startsWith("right")):{r=8;break}case(e.startsWith("top")||e.startsWith("bottom")):{t=8;break}}return{transform:`translate3d(${t}px, ${r}px, 0px)`}},({theme:e,color:t,placement:r})=>({bottom:`${M("top",r,`${G*-1}px`,"auto")}`,top:`${M("bottom",r,`${G*-1}px`,"auto")}`,right:`${M("left",r,`${G*-1}px`,"auto")}`,left:`${M("right",r,`${G*-1}px`,"auto")}`,borderBottomWidth:`${M("top",r,"0",G)}px`,borderTopWidth:`${M("bottom",r,"0",G)}px`,borderRightWidth:`${M("left",r,"0",G)}px`,borderLeftWidth:`${M("right",r,"0",G)}px`,borderTopColor:M("top",r,e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,"transparent"),borderBottomColor:M("bottom",r,e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,"transparent"),borderLeftColor:M("left",r,e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,"transparent"),borderRightColor:M("right",r,e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,"transparent")})),Zr=Re.div(({hidden:e})=>({display:e?"none":"inline-block",zIndex:2147483647,colorScheme:"light dark"}),({theme:e,color:t,hasChrome:r})=>r?{background:t&&e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,filter:`
|
|
2
|
+
drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
|
|
3
|
+
drop-shadow(0 1px 3px rgba(0,0,0,0.1))
|
|
4
|
+
`,borderRadius:e.appBorderRadius+2,fontSize:e.typography.size.s1}:{}),Rt=U.forwardRef(({placement:e="top",hasChrome:t=!0,children:r,arrowProps:o={},tooltipRef:n,color:s,withArrows:l,...u},a)=>U.createElement(Zr,{"data-testid":"tooltip",hasChrome:t,ref:a,...u,color:s},t&&l&&U.createElement(Qr,{placement:e,...o,color:s}),r));Rt.displayName="Tooltip";var en=Re.div`
|
|
5
|
+
display: inline-block;
|
|
6
|
+
cursor: ${e=>e.trigger==="hover"||e.trigger?.includes("hover")?"default":"pointer"};
|
|
7
|
+
`,tn=Re.g`
|
|
8
|
+
cursor: ${e=>e.trigger==="hover"||e.trigger?.includes("hover")?"default":"pointer"};
|
|
9
|
+
`,Ct=({svg:e=!1,trigger:t="click",closeOnOutsideClick:r=!1,placement:o="top",modifiers:n=[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:s=!0,defaultVisible:l=!1,withArrows:u,offset:a,tooltip:i,children:f,closeOnTriggerHidden:p,mutationObserverOptions:c,delayHide:v=t==="hover"?200:0,visible:g,interactive:d,delayShow:x=t==="hover"?400:0,strategy:O,followCursor:C,onVisibleChange:A,portalContainer:m,...b})=>{let E=e?tn:en,{getArrowProps:T,getTooltipProps:S,setTooltipRef:w,setTriggerRef:R,visible:k,state:j}=Jr({trigger:t,placement:o,defaultVisible:l,delayHide:v,interactive:d,closeOnOutsideClick:r,closeOnTriggerHidden:p,onVisibleChange:A,delayShow:x,followCursor:C,mutationObserverOptions:c,visible:g,offset:a},{modifiers:n,strategy:O}),W=(typeof m=="string"?me.querySelector(m):m)||me.body,V=k?U.createElement(Rt,{placement:j?.placement,ref:w,hasChrome:s,arrowProps:T(),withArrows:u,...S()},typeof i=="function"?i({onHide:()=>A(!1)}):i):null;return U.createElement(U.Fragment,null,U.createElement(E,{trigger:t,ref:R,...b},f),k&&Mt.createPortal(V,W))},rn=({startOpen:e=!1,onVisibleChange:t,...r})=>{let[o,n]=y.useState(e),s=y.useCallback(l=>{t&&t(l)===!1||n(l)},[t]);return y.useEffect(()=>{let l=()=>s(!1),u=f=>{f.key==="Escape"&&l()};me.addEventListener("keydown",u,!1);let a=Array.from(me.getElementsByTagName("iframe")),i=[];return a.forEach(f=>{let p=()=>{try{f.contentWindow.document&&(f.contentWindow.document.addEventListener("click",l),i.push(()=>{try{f.contentWindow.document.removeEventListener("click",l)}catch{}}))}catch{}};p(),f.addEventListener("load",p),i.push(()=>{f.removeEventListener("load",p)})}),()=>{me.removeEventListener("keydown",u),i.forEach(f=>{f()})}}),U.createElement(Ct,{...r,visible:o,onVisibleChange:s})},un=e=>(lt("WithTooltipPure is deprecated and will be removed in Storybook 11. Please use WithTooltip instead."),U.createElement(Ct,{"data-deprecated":"WithTooltipPure",...e})),fn=e=>(lt("WithToolTipState is deprecated and will be removed in Storybook 11. Please use WithTooltip instead."),U.createElement(rn,{"data-deprecated":"WithToolTipState",...e}));export{Rt as Tooltip,fn as WithToolTipState,rn as WithTooltip,un as WithTooltipPure};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{d as m,r as e}from"./DocsRenderer-LL677BLK-BOcEjZ28.js";import{a9 as o}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";import"./react-18-oqx706Mo.js";var t=o(e(),1),s=(0,t.default)(2)(async(i,r)=>i===!1?r:m(r));export{s as formatter};
|