@pathscale/ui 0.0.161 → 0.0.163
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion/collapse.css +248 -0
- package/dist/alert/alert.css +123 -0
- package/dist/avatar/avatar.css +58 -0
- package/dist/badge/badge.css +128 -0
- package/dist/breadcrumbs/breadcrumbs.css +85 -0
- package/dist/button/btn.css +429 -0
- package/dist/calendar/input.css +277 -0
- package/dist/card/card.css +171 -0
- package/dist/carousel/carousel.css +39 -0
- package/dist/chatbubble/chat.css +153 -0
- package/dist/checkbox/checkbox.css +168 -0
- package/dist/collapse/collapse.css +248 -0
- package/dist/components/accordion/Accordion.d.ts +1 -0
- package/dist/components/accordion/Accordion.js +180 -0
- package/dist/components/accordion/collapse.css +248 -0
- package/dist/components/accordion/index.js +3 -0
- package/dist/components/alert/Alert.d.ts +1 -0
- package/dist/components/alert/Alert.js +75 -0
- package/dist/components/alert/alert.css +123 -0
- package/dist/components/alert/index.js +3 -0
- package/dist/components/artboard/Artboard.js +42 -0
- package/dist/components/artboard/index.js +3 -0
- package/dist/components/avatar/Avatar.d.ts +1 -0
- package/dist/components/avatar/Avatar.js +164 -0
- package/dist/components/avatar/AvatarGroup.js +52 -0
- package/dist/components/avatar/avatar.css +58 -0
- package/dist/components/avatar/index.js +3 -0
- package/dist/components/background/Background.js +22 -0
- package/dist/components/background/index.js +3 -0
- package/dist/components/badge/Badge.d.ts +1 -0
- package/dist/components/badge/Badge.js +75 -0
- package/dist/components/badge/badge.css +128 -0
- package/dist/components/badge/index.js +3 -0
- package/dist/components/bottom-sheet/BottomSheet.js +109 -0
- package/dist/components/bottom-sheet/index.js +3 -0
- package/dist/components/breadcrumbs/Breadcrumbs.d.ts +1 -0
- package/dist/components/breadcrumbs/Breadcrumbs.js +36 -0
- package/dist/components/breadcrumbs/BreadcrumbsItem.js +30 -0
- package/dist/components/breadcrumbs/breadcrumbs.css +85 -0
- package/dist/components/breadcrumbs/index.js +5 -0
- package/dist/components/browsermockup/BrowserMockup.js +55 -0
- package/dist/components/browsermockup/index.js +3 -0
- package/dist/components/button/Button.d.ts +1 -0
- package/dist/components/button/Button.js +205 -0
- package/dist/components/button/btn.css +429 -0
- package/dist/components/button/index.js +3 -0
- package/dist/components/calendar/Calendar.d.ts +1 -0
- package/dist/components/calendar/Calendar.js +194 -0
- package/dist/components/calendar/index.js +3 -0
- package/dist/components/calendar/input.css +277 -0
- package/dist/components/card/Card.d.ts +1 -0
- package/dist/components/card/Card.js +98 -0
- package/dist/components/card/CardActions.js +15 -0
- package/dist/components/card/CardBody.js +15 -0
- package/dist/components/card/CardImage.js +10 -0
- package/dist/components/card/CardTitle.js +13 -0
- package/dist/components/card/card.css +171 -0
- package/dist/components/card/index.js +3 -0
- package/dist/components/carousel/Carousel.d.ts +1 -0
- package/dist/components/carousel/Carousel.js +70 -0
- package/dist/components/carousel/CarouselItem.js +27 -0
- package/dist/components/carousel/carousel.css +39 -0
- package/dist/components/carousel/index.js +3 -0
- package/dist/components/chatbubble/ChatBubble.d.ts +1 -0
- package/dist/components/chatbubble/ChatBubble.js +48 -0
- package/dist/components/chatbubble/ChatBubbleAvatar.js +16 -0
- package/dist/components/chatbubble/ChatBubbleFooter.js +14 -0
- package/dist/components/chatbubble/ChatBubbleHeader.js +14 -0
- package/dist/components/chatbubble/ChatBubbleMessage.js +28 -0
- package/dist/components/chatbubble/ChatBubbleTime.js +14 -0
- package/dist/components/chatbubble/chat.css +153 -0
- package/dist/components/chatbubble/index.js +3 -0
- package/dist/components/checkbox/Checkbox.d.ts +1 -0
- package/dist/components/checkbox/Checkbox.js +78 -0
- package/dist/components/checkbox/checkbox.css +168 -0
- package/dist/components/checkbox/index.js +3 -0
- package/dist/components/codemockup/CodeMockup.js +33 -0
- package/dist/components/codemockup/CodeMockupLine.js +53 -0
- package/dist/components/codemockup/index.js +5 -0
- package/dist/components/collapse/Collapse.d.ts +1 -0
- package/dist/components/collapse/Collapse.js +104 -0
- package/dist/components/collapse/CollapseContent.js +15 -0
- package/dist/components/collapse/CollapseDetails.js +33 -0
- package/dist/components/collapse/CollapseTitle.js +47 -0
- package/dist/components/collapse/collapse.css +248 -0
- package/dist/components/collapse/index.js +10 -0
- package/dist/components/colorpicker/AlphaSlider.js +107 -0
- package/dist/components/colorpicker/ColorInput.js +88 -0
- package/dist/components/colorpicker/ColorPicker.js +264 -0
- package/dist/components/colorpicker/ColorPickerFlowerSelector.js +9 -0
- package/dist/components/colorpicker/ColorPickerGradientSelector.js +9 -0
- package/dist/components/colorpicker/ColorPickerWheelSelector.js +9 -0
- package/dist/components/colorpicker/ColorPreview.js +47 -0
- package/dist/components/colorpicker/ColorSwatches.js +67 -0
- package/dist/components/colorpicker/ColorUtils.js +216 -0
- package/dist/components/colorpicker/ColorWheel.js +106 -0
- package/dist/components/colorpicker/ColorWheelFlower.js +462 -0
- package/dist/components/colorpicker/HueSlider.js +105 -0
- package/dist/components/colorpicker/LightnessSlider.js +111 -0
- package/dist/components/colorpicker/SaturationBrightness.js +120 -0
- package/dist/components/colorpicker/colorpickerContext.js +8 -0
- package/dist/components/colorpicker/index.js +31 -0
- package/dist/components/confirm-dialog/ConfirmDialog.js +102 -0
- package/dist/components/confirm-dialog/index.js +3 -0
- package/dist/components/connectionstatus/ConnectionStatus.js +189 -0
- package/dist/components/connectionstatus/index.js +3 -0
- package/dist/components/copy-button/CopyButton.js +70 -0
- package/dist/components/copy-button/index.js +3 -0
- package/dist/components/countdown/Countdown.d.ts +1 -0
- package/dist/components/countdown/Countdown.js +37 -0
- package/dist/components/countdown/countdown.css +58 -0
- package/dist/components/countdown/index.js +3 -0
- package/dist/components/diff/Diff.d.ts +1 -0
- package/dist/components/diff/Diff.js +29 -0
- package/dist/components/diff/diff.css +162 -0
- package/dist/components/diff/index.js +3 -0
- package/dist/components/divider/Divider.js +41 -0
- package/dist/components/divider/Divider.styles.js +71 -0
- package/dist/components/divider/index.js +3 -0
- package/dist/components/dock/Dock.d.ts +1 -0
- package/dist/components/dock/Dock.js +40 -0
- package/dist/components/dock/DockItem.js +45 -0
- package/dist/components/dock/DockLabel.js +22 -0
- package/dist/components/dock/dock.css +147 -0
- package/dist/components/dock/index.js +3 -0
- package/dist/components/drawer/Drawer.d.ts +1 -0
- package/dist/components/drawer/Drawer.js +68 -0
- package/dist/components/drawer/drawer.css +184 -0
- package/dist/components/drawer/index.js +3 -0
- package/dist/components/dropdown/Dropdown.d.ts +3 -3
- package/dist/components/dropdown/Dropdown.js +133 -0
- package/dist/components/dropdown/DropdownDetails.js +44 -0
- package/dist/components/dropdown/DropdownItem.js +60 -0
- package/dist/components/dropdown/DropdownMenu.js +44 -0
- package/dist/components/dropdown/DropdownToggle.js +92 -0
- package/dist/components/dropdown/dropdown.css +253 -0
- package/dist/components/dropdown/dropdownContext.d.ts +10 -0
- package/dist/components/dropdown/dropdownContext.js +54 -0
- package/dist/components/dropdown/index.js +3 -0
- package/dist/components/dropdown-select/DropdownSelect.js +279 -0
- package/dist/components/dropdown-select/index.js +3 -0
- package/dist/components/empty-state/EmptyState.js +88 -0
- package/dist/components/empty-state/index.js +3 -0
- package/dist/components/fieldset/Fieldset.js +73 -0
- package/dist/components/fieldset/index.js +3 -0
- package/dist/components/fileinput/FileInput.d.ts +1 -0
- package/dist/components/fileinput/FileInput.js +51 -0
- package/dist/components/fileinput/index.js +3 -0
- package/dist/components/fileinput/input.css +277 -0
- package/dist/components/flex/Flex.js +101 -0
- package/dist/components/flex/index.js +3 -0
- package/dist/components/floating-dock/FloatingDock.js +550 -0
- package/dist/components/floating-dock/index.js +3 -0
- package/dist/components/footer/Footer.d.ts +1 -0
- package/dist/components/footer/Footer.js +41 -0
- package/dist/components/footer/FooterTitle.js +27 -0
- package/dist/components/footer/footer.css +51 -0
- package/dist/components/footer/index.js +3 -0
- package/dist/components/form/Form.d.ts +3 -8
- package/dist/components/form/Form.js +17 -0
- package/dist/components/form/FormBase.d.ts +8 -0
- package/dist/components/form/FormBase.js +74 -0
- package/dist/components/form/FormDropdown.js +138 -0
- package/dist/components/form/FormField.js +78 -0
- package/dist/components/form/Label.js +31 -0
- package/dist/components/form/NumberField.js +109 -0
- package/dist/components/form/PasswordField.js +113 -0
- package/dist/components/form/ValidatedForm.d.ts +1 -1
- package/dist/components/form/ValidatedForm.js +55 -0
- package/dist/components/form/index.js +6 -0
- package/dist/components/form-actions/FormActions.js +142 -0
- package/dist/components/form-actions/index.js +3 -0
- package/dist/components/glass-panel/GlassPanel.js +146 -0
- package/dist/components/glass-panel/index.js +3 -0
- package/dist/components/glow-card/GlowCard.css +65 -0
- package/dist/components/glow-card/GlowCard.js +47 -0
- package/dist/components/glow-card/index.js +3 -0
- package/dist/components/grid/Grid.js +89 -0
- package/dist/components/grid/index.js +3 -0
- package/dist/components/hero/Hero.d.ts +1 -0
- package/dist/components/hero/Hero.js +47 -0
- package/dist/components/hero/HeroContent.js +31 -0
- package/dist/components/hero/HeroOverlay.js +39 -0
- package/dist/components/hero/hero.css +38 -0
- package/dist/components/hero/index.js +3 -0
- package/dist/components/icon/Icon.js +38 -0
- package/dist/components/icon/index.js +3 -0
- package/dist/components/immersive-landing/ImmersiveLanding.js +218 -0
- package/dist/components/immersive-landing/ImmersiveLandingArrows.js +60 -0
- package/dist/components/immersive-landing/ImmersiveLandingContext.js +8 -0
- package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +91 -0
- package/dist/components/immersive-landing/ImmersiveLandingPage.js +46 -0
- package/dist/components/immersive-landing/components/CookieConsent.js +256 -0
- package/dist/components/immersive-landing/components/FirefoxPWABanner.js +173 -0
- package/dist/components/immersive-landing/components/PWAInstallPrompt.js +178 -0
- package/dist/components/immersive-landing/index.js +14 -0
- package/dist/components/immersive-landing/types.js +0 -0
- package/dist/components/immersive-landing/useImmersiveLanding.js +151 -0
- package/dist/components/indicator/Indicator.d.ts +1 -0
- package/dist/components/indicator/Indicator.js +76 -0
- package/dist/components/indicator/index.js +3 -0
- package/dist/components/indicator/indicator.css +70 -0
- package/dist/components/input/Input.d.ts +1 -0
- package/dist/components/input/Input.js +136 -0
- package/dist/components/input/index.js +3 -0
- package/dist/components/input/input.css +277 -0
- package/dist/components/join/Join.js +41 -0
- package/dist/components/join/index.js +3 -0
- package/dist/components/kbd/Kbd.d.ts +1 -0
- package/dist/components/kbd/Kbd.js +22 -0
- package/dist/components/kbd/index.js +3 -0
- package/dist/components/kbd/kbd.css +55 -0
- package/dist/components/language-switcher/LanguageSwitcher.js +101 -0
- package/dist/components/language-switcher/createI18n.js +85 -0
- package/dist/components/language-switcher/index.js +8 -0
- package/dist/components/link/Link.d.ts +1 -0
- package/dist/components/link/Link.js +70 -0
- package/dist/components/link/index.js +3 -0
- package/dist/components/link/link.css +153 -0
- package/dist/components/live-chat/LiveChatBubble.js +106 -0
- package/dist/components/live-chat/LiveChatPanel.js +359 -0
- package/dist/components/live-chat/index.js +5 -0
- package/dist/components/live-chat/types.js +0 -0
- package/dist/components/loading/Loading.d.ts +1 -0
- package/dist/components/loading/Loading.js +75 -0
- package/dist/components/loading/index.js +3 -0
- package/dist/components/loading/loading.css +58 -0
- package/dist/components/mask/Mask.d.ts +1 -0
- package/dist/components/mask/Mask.js +62 -0
- package/dist/components/mask/index.js +3 -0
- package/dist/components/mask/mask.css +89 -0
- package/dist/components/menu/Menu.d.ts +1 -0
- package/dist/components/menu/Menu.js +51 -0
- package/dist/components/menu/MenuDetails.js +37 -0
- package/dist/components/menu/MenuDropdown.js +48 -0
- package/dist/components/menu/MenuItem.js +40 -0
- package/dist/components/menu/MenuTitle.js +22 -0
- package/dist/components/menu/index.js +3 -0
- package/dist/components/menu/menu.css +364 -0
- package/dist/components/modal/Modal.d.ts +1 -0
- package/dist/components/modal/Modal.js +125 -0
- package/dist/components/modal/ModalActions.js +14 -0
- package/dist/components/modal/ModalBody.js +14 -0
- package/dist/components/modal/ModalHeader.js +15 -0
- package/dist/components/modal/ModalLegacy.js +36 -0
- package/dist/components/modal/index.js +3 -0
- package/dist/components/modal/modal.css +170 -0
- package/dist/components/navbar/Navbar.d.ts +1 -0
- package/dist/components/navbar/Navbar.js +54 -0
- package/dist/components/navbar/NavbarRow.js +49 -0
- package/dist/components/navbar/NavbarSection.js +38 -0
- package/dist/components/navbar/NavbarStack.js +39 -0
- package/dist/components/navbar/index.js +3 -0
- package/dist/components/navbar/navbar.css +33 -0
- package/dist/components/noise-background/NoiseBackground.js +200 -0
- package/dist/components/noise-background/index.js +3 -0
- package/dist/components/pagination/Pagination.js +17 -0
- package/dist/components/pagination/index.js +3 -0
- package/dist/components/phonemockup/PhoneMockup.js +44 -0
- package/dist/components/phonemockup/index.js +3 -0
- package/dist/components/progress/Progress.d.ts +1 -0
- package/dist/components/progress/Progress.js +70 -0
- package/dist/components/progress/index.js +3 -0
- package/dist/components/progress/progress.css +94 -0
- package/dist/components/props-table/PropsTable.js +56 -0
- package/dist/components/props-table/index.js +3 -0
- package/dist/components/radialprogress/RadialProgress.js +47 -0
- package/dist/components/radialprogress/index.js +3 -0
- package/dist/components/radio/Radio.d.ts +1 -0
- package/dist/components/radio/Radio.js +73 -0
- package/dist/components/radio/index.js +3 -0
- package/dist/components/radio/radio.css +152 -0
- package/dist/components/radio-group/RadioGroup.d.ts +1 -0
- package/dist/components/radio-group/RadioGroup.js +107 -0
- package/dist/components/radio-group/index.js +3 -0
- package/dist/components/radio-group/radio.css +152 -0
- package/dist/components/range/Range.d.ts +1 -0
- package/dist/components/range/Range.js +85 -0
- package/dist/components/range/index.js +3 -0
- package/dist/components/range/range.css +174 -0
- package/dist/components/range-slider/RangeSlider.d.ts +1 -0
- package/dist/components/range-slider/RangeSlider.js +112 -0
- package/dist/components/range-slider/index.js +3 -0
- package/dist/components/range-slider/range.css +174 -0
- package/dist/components/rating/Rating.d.ts +1 -0
- package/dist/components/rating/Rating.js +54 -0
- package/dist/components/rating/RatingHidden.js +29 -0
- package/dist/components/rating/RatingItem.js +62 -0
- package/dist/components/rating/index.js +3 -0
- package/dist/components/rating/rating.css +106 -0
- package/dist/components/select/Select.d.ts +1 -0
- package/dist/components/select/Select.js +62 -0
- package/dist/components/select/index.js +3 -0
- package/dist/components/select/select.css +351 -0
- package/dist/components/showcase/ShowcaseBlock.js +48 -0
- package/dist/components/showcase/index.js +3 -0
- package/dist/components/showcase-section/ShowcaseSection.js +73 -0
- package/dist/components/showcase-section/index.js +3 -0
- package/dist/components/sidenav/Sidenav.css +176 -0
- package/dist/components/sidenav/Sidenav.js +66 -0
- package/dist/components/sidenav/SidenavButton.js +41 -0
- package/dist/components/sidenav/SidenavGroup.js +45 -0
- package/dist/components/sidenav/SidenavItem.js +37 -0
- package/dist/components/sidenav/SidenavLink.js +36 -0
- package/dist/components/sidenav/SidenavMenu.js +31 -0
- package/dist/components/sidenav/index.js +13 -0
- package/dist/components/size-picker/SizePicker.js +63 -0
- package/dist/components/size-picker/index.js +6 -0
- package/dist/components/size-picker/sizeStore.js +36 -0
- package/dist/components/skeleton/Skeleton.d.ts +1 -0
- package/dist/components/skeleton/Skeleton.js +30 -0
- package/dist/components/skeleton/index.js +3 -0
- package/dist/components/skeleton/skeleton.css +22 -0
- package/dist/components/skip-link/SkipLink.js +34 -0
- package/dist/components/skip-link/index.js +3 -0
- package/dist/components/stack/Stack.d.ts +1 -0
- package/dist/components/stack/Stack.js +53 -0
- package/dist/components/stack/index.js +3 -0
- package/dist/components/stack/stack.css +90 -0
- package/dist/components/stat-card/StatCard.js +46 -0
- package/dist/components/stat-card/StatCardSection.js +39 -0
- package/dist/components/stat-card/index.js +3 -0
- package/dist/components/stats/Stat.d.ts +1 -0
- package/dist/components/stats/Stat.js +51 -0
- package/dist/components/stats/StatSection.js +29 -0
- package/dist/components/stats/Stats.js +29 -0
- package/dist/components/stats/index.js +3 -0
- package/dist/components/stats/stat.css +67 -0
- package/dist/components/status/Status.js +30 -0
- package/dist/components/status/index.js +3 -0
- package/dist/components/steps/Step.d.ts +1 -0
- package/dist/components/steps/Step.js +88 -0
- package/dist/components/steps/Steps.js +80 -0
- package/dist/components/steps/index.js +3 -0
- package/dist/components/steps/step.css +179 -0
- package/dist/components/streaming-table/StreamingTable.js +343 -0
- package/dist/components/streaming-table/createRowStore.js +18 -0
- package/dist/components/streaming-table/createStreamingTableStore.js +68 -0
- package/dist/components/streaming-table/index.js +5 -0
- package/dist/components/streaming-table/types.js +0 -0
- package/dist/components/svgbackground/SvgBackground.js +413 -0
- package/dist/components/svgbackground/index.js +3 -0
- package/dist/components/swap/Swap.d.ts +1 -0
- package/dist/components/swap/Swap.js +57 -0
- package/dist/components/swap/index.js +3 -0
- package/dist/components/swap/swap.css +92 -0
- package/dist/components/switch-field/SwitchField.js +91 -0
- package/dist/components/switch-field/index.js +3 -0
- package/dist/components/table/EnhancedTable.d.ts +3 -0
- package/dist/components/table/EnhancedTable.js +733 -0
- package/dist/components/table/Table.d.ts +1 -0
- package/dist/components/table/Table.js +57 -0
- package/dist/components/table/TableBody.js +30 -0
- package/dist/components/table/TableCell.js +34 -0
- package/dist/components/table/TableFooter.js +45 -0
- package/dist/components/table/TableHead.js +45 -0
- package/dist/components/table/TableHeadCell.js +34 -0
- package/dist/components/table/TableRow.js +34 -0
- package/dist/components/table/index.js +5 -0
- package/dist/components/table/table.css +148 -0
- package/dist/components/tabs/RadioTab.d.ts +1 -0
- package/dist/components/tabs/RadioTab.js +64 -0
- package/dist/components/tabs/Tab.js +43 -0
- package/dist/components/tabs/Tabs.d.ts +1 -0
- package/dist/components/tabs/Tabs.js +45 -0
- package/dist/components/tabs/index.js +3 -0
- package/dist/components/tabs/tab.css +414 -0
- package/dist/components/textarea/Textarea.d.ts +1 -0
- package/dist/components/textarea/Textarea.js +53 -0
- package/dist/components/textarea/index.js +3 -0
- package/dist/components/textarea/textarea.css +191 -0
- package/dist/components/theme-color-picker/ThemeColorPicker.js +151 -0
- package/dist/components/theme-color-picker/hueShift.js +476 -0
- package/dist/components/theme-color-picker/index.js +7 -0
- package/dist/components/timeline/Timeline.d.ts +1 -0
- package/dist/components/timeline/Timeline.js +42 -0
- package/dist/components/timeline/TimelineEnd.js +28 -0
- package/dist/components/timeline/TimelineItem.js +47 -0
- package/dist/components/timeline/TimelineMiddle.js +25 -0
- package/dist/components/timeline/TimelineStart.js +28 -0
- package/dist/components/timeline/index.js +11 -0
- package/dist/components/timeline/timeline.css +286 -0
- package/dist/components/toast/Toast.d.ts +1 -0
- package/dist/components/toast/Toast.js +54 -0
- package/dist/components/toast/index.js +3 -0
- package/dist/components/toast/toast.css +58 -0
- package/dist/components/toastcontainer/ToastContainer.js +15 -0
- package/dist/components/toastcontainer/ToastStack.js +172 -0
- package/dist/components/toastcontainer/index.js +5 -0
- package/dist/components/toggle/Toggle.d.ts +1 -0
- package/dist/components/toggle/Toggle.js +74 -0
- package/dist/components/toggle/index.js +3 -0
- package/dist/components/toggle/toggle.css +234 -0
- package/dist/components/tooltip/Tooltip.d.ts +1 -0
- package/dist/components/tooltip/Tooltip.js +54 -0
- package/dist/components/tooltip/index.js +3 -0
- package/dist/components/tooltip/tooltip.css +198 -0
- package/dist/components/types.js +8 -0
- package/dist/components/utils.js +46 -0
- package/dist/components/video-preview/VideoPreview.js +55 -0
- package/dist/components/video-preview/index.js +3 -0
- package/dist/components/windowmockup/WindowMockup.js +85 -0
- package/dist/components/windowmockup/index.js +3 -0
- package/dist/countdown/countdown.css +58 -0
- package/dist/diff/diff.css +162 -0
- package/dist/dock/dock.css +147 -0
- package/dist/drawer/drawer.css +184 -0
- package/dist/dropdown/dropdown.css +253 -0
- package/dist/fileinput/input.css +277 -0
- package/dist/footer/footer.css +51 -0
- package/dist/hero/hero.css +38 -0
- package/dist/index.css +53 -55
- package/dist/index.js +239 -19828
- package/dist/indicator/indicator.css +70 -0
- package/dist/input/input.css +277 -0
- package/dist/kbd/kbd.css +55 -0
- package/dist/lib/iterable.js +6 -0
- package/dist/lib/props/index.js +0 -0
- package/dist/lib/props/types.js +0 -0
- package/dist/lib/refs/index.js +3 -0
- package/dist/lib/refs/mergeRefs.js +5 -0
- package/dist/lib/refs/types.js +0 -0
- package/dist/lib/style/classes.js +40 -0
- package/dist/lib/style/index.js +4 -0
- package/dist/lib/tag/createIsButton.js +23 -0
- package/dist/lib/tag/createTagName.js +5 -0
- package/dist/lib/tag/index.js +7 -0
- package/dist/link/link.css +153 -0
- package/dist/loading/loading.css +58 -0
- package/dist/mask/mask.css +89 -0
- package/dist/menu/menu.css +364 -0
- package/dist/modal/modal.css +170 -0
- package/dist/motion/driver.js +13 -0
- package/dist/motion/easing.js +18 -0
- package/dist/motion/engine.js +85 -0
- package/dist/motion/index.js +34 -0
- package/dist/motion/popmotion.js +6 -0
- package/dist/motion/presets.js +203 -0
- package/dist/motion/reduced-motion.js +2 -0
- package/dist/motion/route.js +24 -0
- package/dist/motion/solid/MotionDiv.js +76 -0
- package/dist/motion/solid/index.js +3 -0
- package/dist/motion/system.js +59 -0
- package/dist/motion/tokens.js +42 -0
- package/dist/motion/types.js +0 -0
- package/dist/navbar/navbar.css +33 -0
- package/dist/progress/progress.css +94 -0
- package/dist/radio/radio.css +152 -0
- package/dist/radio-group/radio.css +152 -0
- package/dist/range/range.css +174 -0
- package/dist/range-slider/range.css +174 -0
- package/dist/rating/rating.css +106 -0
- package/dist/select/select.css +351 -0
- package/dist/skeleton/skeleton.css +22 -0
- package/dist/stack/stack.css +90 -0
- package/dist/stats/stat.css +67 -0
- package/dist/steps/step.css +179 -0
- package/dist/stores/index.js +1 -0
- package/dist/stores/toastStore.js +64 -0
- package/dist/swap/swap.css +92 -0
- package/dist/table/table.css +148 -0
- package/dist/tabs/tab.css +414 -0
- package/dist/textarea/textarea.css +191 -0
- package/dist/timeline/timeline.css +286 -0
- package/dist/toast/toast.css +58 -0
- package/dist/toggle/toggle.css +234 -0
- package/dist/tooltip/tooltip.css +198 -0
- package/package.json +26 -5
- package/dist/styles/compat/daisy-primitives.css +0 -6919
|
@@ -0,0 +1,277 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.input {
|
|
3
|
+
cursor: text;
|
|
4
|
+
border: var(--border) solid #0000;
|
|
5
|
+
position: relative;
|
|
6
|
+
display: inline-flex;
|
|
7
|
+
flex-shrink: 1;
|
|
8
|
+
appearance: none;
|
|
9
|
+
align-items: center;
|
|
10
|
+
gap: calc(0.25rem * 2);
|
|
11
|
+
background-color: var(--color-base-100);
|
|
12
|
+
padding-inline: calc(0.25rem * 3);
|
|
13
|
+
vertical-align: middle;
|
|
14
|
+
white-space: nowrap;
|
|
15
|
+
width: clamp(3rem, 20rem, 100%);
|
|
16
|
+
height: var(--size);
|
|
17
|
+
font-size: max(var(--font-size, 0.875rem), 0.875rem);
|
|
18
|
+
touch-action: manipulation;
|
|
19
|
+
border-start-start-radius: var(--join-ss, var(--radius-field));
|
|
20
|
+
border-start-end-radius: var(--join-se, var(--radius-field));
|
|
21
|
+
border-end-start-radius: var(--join-es, var(--radius-field));
|
|
22
|
+
border-end-end-radius: var(--join-ee, var(--radius-field));
|
|
23
|
+
border-color: var(--input-color);
|
|
24
|
+
box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
|
|
25
|
+
--size: calc(var(--size-field, 0.25rem) * 10);
|
|
26
|
+
--input-color: var(--color-base-content);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
30
|
+
.input {
|
|
31
|
+
box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
36
|
+
.input {
|
|
37
|
+
--input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.input:where(input) {
|
|
42
|
+
display: inline-flex;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.input :where(input) {
|
|
46
|
+
display: inline-flex;
|
|
47
|
+
height: 100%;
|
|
48
|
+
width: 100%;
|
|
49
|
+
appearance: none;
|
|
50
|
+
background-color: transparent;
|
|
51
|
+
border: none;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.input :where(input):focus,
|
|
55
|
+
.input :where(input):focus-within {
|
|
56
|
+
--tw-outline-style: none;
|
|
57
|
+
outline-style: none;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
@media (forced-colors: active) {
|
|
61
|
+
.input :where(input):focus,
|
|
62
|
+
.input :where(input):focus-within {
|
|
63
|
+
outline: 2px solid transparent;
|
|
64
|
+
outline-offset: 2px;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.input :where(input[type="url"]),
|
|
69
|
+
.input :where(input[type="email"]) {
|
|
70
|
+
direction: ltr;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.input :where(input[type="date"]) {
|
|
74
|
+
display: inline-flex;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.input:focus,
|
|
78
|
+
.input:focus-within {
|
|
79
|
+
--input-color: var(--color-base-content);
|
|
80
|
+
box-shadow: 0 1px var(--input-color);
|
|
81
|
+
outline: 2px solid var(--input-color);
|
|
82
|
+
outline-offset: 2px;
|
|
83
|
+
isolation: isolate;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
87
|
+
.input:focus,
|
|
88
|
+
.input:focus-within {
|
|
89
|
+
box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
@media (pointer: coarse) {
|
|
94
|
+
@supports (-webkit-touch-callout: none) {
|
|
95
|
+
.input:focus,
|
|
96
|
+
.input:focus-within {
|
|
97
|
+
--font-size: 1rem;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.input:has(> input[disabled]),
|
|
103
|
+
.input:is(:disabled, [disabled]),
|
|
104
|
+
fieldset:disabled .input {
|
|
105
|
+
cursor: not-allowed;
|
|
106
|
+
border-color: var(--color-base-200);
|
|
107
|
+
background-color: var(--color-base-200);
|
|
108
|
+
color: var(--color-base-content);
|
|
109
|
+
box-shadow: none;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
113
|
+
.input:has(> input[disabled]),
|
|
114
|
+
.input:is(:disabled, [disabled]),
|
|
115
|
+
fieldset:disabled .input {
|
|
116
|
+
color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.input:has(> input[disabled])::placeholder,
|
|
121
|
+
.input:is(:disabled, [disabled])::placeholder,
|
|
122
|
+
fieldset:disabled .input::placeholder {
|
|
123
|
+
color: var(--color-base-content);
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
127
|
+
.input:has(> input[disabled])::placeholder,
|
|
128
|
+
.input:is(:disabled, [disabled])::placeholder,
|
|
129
|
+
fieldset:disabled .input::placeholder {
|
|
130
|
+
color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.input:has(> input[disabled]) > input[disabled] {
|
|
135
|
+
cursor: not-allowed;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.input::-webkit-date-and-time-value {
|
|
139
|
+
text-align: inherit;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.input[type="number"]::-webkit-inner-spin-button {
|
|
143
|
+
margin-block: calc(0.25rem * -3);
|
|
144
|
+
margin-inline-end: calc(0.25rem * -3);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.input::-webkit-calendar-picker-indicator {
|
|
148
|
+
position: absolute;
|
|
149
|
+
inset-inline-end: 0.75em;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.input:has(> input[type="date"]) :where(input[type="date"]) {
|
|
153
|
+
display: inline-flex;
|
|
154
|
+
webkit-appearance: none;
|
|
155
|
+
appearance: none;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.input:has(> input[type="date"]) input[type="date"]::-webkit-calendar-picker-indicator {
|
|
159
|
+
position: absolute;
|
|
160
|
+
inset-inline-end: 0.75em;
|
|
161
|
+
width: 1em;
|
|
162
|
+
height: 1em;
|
|
163
|
+
cursor: pointer;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.input-lg {
|
|
167
|
+
--size: calc(var(--size-field, 0.25rem) * 12);
|
|
168
|
+
font-size: max(var(--font-size, 1.125rem), 1.125rem);
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.input-lg[type="number"]::-webkit-inner-spin-button {
|
|
172
|
+
margin-block: calc(0.25rem * -3);
|
|
173
|
+
margin-inline-end: calc(0.25rem * -3);
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.input-md {
|
|
177
|
+
--size: calc(var(--size-field, 0.25rem) * 10);
|
|
178
|
+
font-size: max(var(--font-size, 0.875rem), 0.875rem);
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.input-md[type="number"]::-webkit-inner-spin-button {
|
|
182
|
+
margin-block: calc(0.25rem * -3);
|
|
183
|
+
margin-inline-end: calc(0.25rem * -3);
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.input-sm {
|
|
187
|
+
--size: calc(var(--size-field, 0.25rem) * 8);
|
|
188
|
+
font-size: max(var(--font-size, 0.75rem), 0.75rem);
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.input-sm[type="number"]::-webkit-inner-spin-button {
|
|
192
|
+
margin-block: calc(0.25rem * -2);
|
|
193
|
+
margin-inline-end: calc(0.25rem * -3);
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
.input-xl {
|
|
197
|
+
--size: calc(var(--size-field, 0.25rem) * 14);
|
|
198
|
+
font-size: max(var(--font-size, 1.375rem), 1.375rem);
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.input-xl[type="number"]::-webkit-inner-spin-button {
|
|
202
|
+
margin-block: calc(0.25rem * -4);
|
|
203
|
+
margin-inline-end: calc(0.25rem * -3);
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.input-xs {
|
|
207
|
+
--size: calc(var(--size-field, 0.25rem) * 6);
|
|
208
|
+
font-size: max(var(--font-size, 0.6875rem), 0.6875rem);
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
.input-xs[type="number"]::-webkit-inner-spin-button {
|
|
212
|
+
margin-block: calc(0.25rem * -1);
|
|
213
|
+
margin-inline-end: calc(0.25rem * -3);
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.input-ghost {
|
|
217
|
+
background-color: transparent;
|
|
218
|
+
box-shadow: none;
|
|
219
|
+
border-color: #0000;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
.input-ghost:focus,
|
|
223
|
+
.input-ghost:focus-within {
|
|
224
|
+
background-color: var(--color-base-100);
|
|
225
|
+
color: var(--color-base-content);
|
|
226
|
+
border-color: #0000;
|
|
227
|
+
box-shadow: none;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
.input-accent,
|
|
231
|
+
.input-accent:focus,
|
|
232
|
+
.input-accent:focus-within {
|
|
233
|
+
--input-color: var(--color-accent);
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.input-error,
|
|
237
|
+
.input-error:focus,
|
|
238
|
+
.input-error:focus-within {
|
|
239
|
+
--input-color: var(--color-error);
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.input-info,
|
|
243
|
+
.input-info:focus,
|
|
244
|
+
.input-info:focus-within {
|
|
245
|
+
--input-color: var(--color-info);
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
.input-neutral,
|
|
249
|
+
.input-neutral:focus,
|
|
250
|
+
.input-neutral:focus-within {
|
|
251
|
+
--input-color: var(--color-neutral);
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.input-primary,
|
|
255
|
+
.input-primary:focus,
|
|
256
|
+
.input-primary:focus-within {
|
|
257
|
+
--input-color: var(--color-primary);
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
.input-secondary,
|
|
261
|
+
.input-secondary:focus,
|
|
262
|
+
.input-secondary:focus-within {
|
|
263
|
+
--input-color: var(--color-secondary);
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
.input-success,
|
|
267
|
+
.input-success:focus,
|
|
268
|
+
.input-success:focus-within {
|
|
269
|
+
--input-color: var(--color-success);
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
.input-warning,
|
|
273
|
+
.input-warning:focus,
|
|
274
|
+
.input-warning:focus-within {
|
|
275
|
+
--input-color: var(--color-warning);
|
|
276
|
+
}
|
|
277
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
5
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
6
|
+
const Join = (props)=>{
|
|
7
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
8
|
+
"responsive",
|
|
9
|
+
"vertical",
|
|
10
|
+
"horizontal",
|
|
11
|
+
"class",
|
|
12
|
+
"className",
|
|
13
|
+
"dataTheme",
|
|
14
|
+
"style",
|
|
15
|
+
"children"
|
|
16
|
+
]);
|
|
17
|
+
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
18
|
+
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("join", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
|
|
19
|
+
"join-vertical": !local.responsive && local.vertical,
|
|
20
|
+
"join-horizontal": !local.responsive && local.horizontal,
|
|
21
|
+
"join-vertical lg:join-horizontal": local.responsive
|
|
22
|
+
}), local.class, local.className));
|
|
23
|
+
return (()=>{
|
|
24
|
+
var _el$ = _tmpl$();
|
|
25
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
26
|
+
get ["class"] () {
|
|
27
|
+
return classes();
|
|
28
|
+
},
|
|
29
|
+
get ["data-theme"] () {
|
|
30
|
+
return local.dataTheme;
|
|
31
|
+
},
|
|
32
|
+
get style () {
|
|
33
|
+
return local.style;
|
|
34
|
+
}
|
|
35
|
+
}), false, true);
|
|
36
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
|
|
37
|
+
return _el$;
|
|
38
|
+
})();
|
|
39
|
+
};
|
|
40
|
+
const join_Join = Join;
|
|
41
|
+
export { join_Join as default };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import "./kbd.css";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<kbd>");
|
|
7
|
+
const Kbd = (props)=>{
|
|
8
|
+
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
9
|
+
"class"
|
|
10
|
+
]);
|
|
11
|
+
return (()=>{
|
|
12
|
+
var _el$ = _tmpl$();
|
|
13
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
14
|
+
get ["class"] () {
|
|
15
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("kbd", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class));
|
|
16
|
+
}
|
|
17
|
+
}), false, false);
|
|
18
|
+
return _el$;
|
|
19
|
+
})();
|
|
20
|
+
};
|
|
21
|
+
const kbd_Kbd = Kbd;
|
|
22
|
+
export { kbd_Kbd as default };
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
@layer components {
|
|
2
|
+
.kbd {
|
|
3
|
+
box-shadow: none;
|
|
4
|
+
display: inline-flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
border-radius: var(--radius-field);
|
|
8
|
+
background-color: var(--color-base-200);
|
|
9
|
+
vertical-align: middle;
|
|
10
|
+
padding-inline: 0.5em;
|
|
11
|
+
border: var(--border) solid var(--color-base-content);
|
|
12
|
+
border-bottom: calc(var(--border) + 1px) solid var(--color-base-content);
|
|
13
|
+
--size: calc(var(--size-selector, 0.25rem) * 6);
|
|
14
|
+
font-size: 0.875rem;
|
|
15
|
+
height: var(--size);
|
|
16
|
+
min-width: var(--size);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
20
|
+
.kbd {
|
|
21
|
+
border: var(--border) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
26
|
+
.kbd {
|
|
27
|
+
border-bottom: calc(var(--border) + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.kbd-lg {
|
|
32
|
+
--size: calc(var(--size-selector, 0.25rem) * 7);
|
|
33
|
+
font-size: 1rem;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.kbd-md {
|
|
37
|
+
--size: calc(var(--size-selector, 0.25rem) * 6);
|
|
38
|
+
font-size: 0.875rem;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.kbd-sm {
|
|
42
|
+
--size: calc(var(--size-selector, 0.25rem) * 5);
|
|
43
|
+
font-size: 0.75rem;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.kbd-xl {
|
|
47
|
+
--size: calc(var(--size-selector, 0.25rem) * 8);
|
|
48
|
+
font-size: 1.125rem;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.kbd-xs {
|
|
52
|
+
--size: calc(var(--size-selector, 0.25rem) * 4);
|
|
53
|
+
font-size: 0.625rem;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__ from "../dropdown/index.js";
|
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
|
|
7
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs font-bold uppercase"aria-hidden=true>');
|
|
8
|
+
const LanguageSwitcher = (props)=>{
|
|
9
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
10
|
+
"i18n",
|
|
11
|
+
"class",
|
|
12
|
+
"className",
|
|
13
|
+
"style",
|
|
14
|
+
"aria-label",
|
|
15
|
+
"currentLanguageLabel",
|
|
16
|
+
"optionsLabel",
|
|
17
|
+
"loadingLabel",
|
|
18
|
+
"onLanguageChange"
|
|
19
|
+
]);
|
|
20
|
+
const currentLanguageName = ()=>local.i18n.languageNames[local.i18n.locale];
|
|
21
|
+
const isSelected = (lang)=>local.i18n.locale === lang;
|
|
22
|
+
const handleSelect = async (lang)=>{
|
|
23
|
+
await local.i18n.setLocale(lang);
|
|
24
|
+
local.onLanguageChange?.(lang);
|
|
25
|
+
};
|
|
26
|
+
const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class, local.className));
|
|
27
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
28
|
+
get ["class"] () {
|
|
29
|
+
return classes();
|
|
30
|
+
},
|
|
31
|
+
get style () {
|
|
32
|
+
return local.style;
|
|
33
|
+
},
|
|
34
|
+
role: void 0,
|
|
35
|
+
get ["aria-label"] () {
|
|
36
|
+
return local["aria-label"] ?? "Language selector";
|
|
37
|
+
},
|
|
38
|
+
"aria-haspopup": "menu",
|
|
39
|
+
get children () {
|
|
40
|
+
return [
|
|
41
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Toggle, {
|
|
42
|
+
button: true,
|
|
43
|
+
size: "sm",
|
|
44
|
+
get ["aria-label"] () {
|
|
45
|
+
return `${local.currentLanguageLabel ?? "Current language"}: ${currentLanguageName()}`;
|
|
46
|
+
},
|
|
47
|
+
get children () {
|
|
48
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
49
|
+
get when () {
|
|
50
|
+
return !local.i18n.isLoading;
|
|
51
|
+
},
|
|
52
|
+
get fallback () {
|
|
53
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
|
|
54
|
+
name: "icon-[mdi--loading]",
|
|
55
|
+
class: "animate-spin",
|
|
56
|
+
width: 16,
|
|
57
|
+
height: 16,
|
|
58
|
+
get ["aria-label"] () {
|
|
59
|
+
return local.loadingLabel ?? "Loading language";
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
},
|
|
63
|
+
get children () {
|
|
64
|
+
var _el$ = _tmpl$();
|
|
65
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.i18n.locale.toUpperCase());
|
|
66
|
+
return _el$;
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
}),
|
|
71
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Menu, {
|
|
72
|
+
class: "min-w-32",
|
|
73
|
+
get ["aria-label"] () {
|
|
74
|
+
return local.optionsLabel ?? "Language options";
|
|
75
|
+
},
|
|
76
|
+
get children () {
|
|
77
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
78
|
+
get each () {
|
|
79
|
+
return local.i18n.languages;
|
|
80
|
+
},
|
|
81
|
+
children: (lang)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Item, {
|
|
82
|
+
onClick: ()=>handleSelect(lang.code),
|
|
83
|
+
get ["class"] () {
|
|
84
|
+
return isSelected(lang.code) ? "bg-base-200" : "";
|
|
85
|
+
},
|
|
86
|
+
get ["aria-current"] () {
|
|
87
|
+
return isSelected(lang.code) ? "true" : void 0;
|
|
88
|
+
},
|
|
89
|
+
get children () {
|
|
90
|
+
return lang.name;
|
|
91
|
+
}
|
|
92
|
+
})
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
})
|
|
96
|
+
];
|
|
97
|
+
}
|
|
98
|
+
}));
|
|
99
|
+
};
|
|
100
|
+
const language_switcher_LanguageSwitcher = LanguageSwitcher;
|
|
101
|
+
export { language_switcher_LanguageSwitcher as default };
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
3
|
+
function getNestedValue(obj, path) {
|
|
4
|
+
const keys = path.split(".");
|
|
5
|
+
let value = obj;
|
|
6
|
+
for (const key of keys){
|
|
7
|
+
value = value?.[key];
|
|
8
|
+
if (void 0 === value) return path;
|
|
9
|
+
}
|
|
10
|
+
return "string" == typeof value ? value : path;
|
|
11
|
+
}
|
|
12
|
+
function createI18n(options) {
|
|
13
|
+
const { languages, defaultLanguage = languages[0]?.code ?? "en", storageKey, loadTranslations, initialTranslations = {} } = options;
|
|
14
|
+
const supportedCodes = languages.map((l)=>l.code);
|
|
15
|
+
const languageNames = languages.reduce((acc, lang)=>({
|
|
16
|
+
...acc,
|
|
17
|
+
[lang.code]: lang.name
|
|
18
|
+
}), {});
|
|
19
|
+
const [localeSignal, setLocaleSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(defaultLanguage);
|
|
20
|
+
const [translations, setTranslations] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initialTranslations);
|
|
21
|
+
const [isLoadingSignal, setIsLoading] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
|
|
22
|
+
const t = (key)=>getNestedValue(translations(), key);
|
|
23
|
+
const setLocale = async (lang)=>{
|
|
24
|
+
if (!supportedCodes.includes(lang)) lang = defaultLanguage;
|
|
25
|
+
if (lang === localeSignal() && Object.keys(translations()).length > 0) return;
|
|
26
|
+
setIsLoading(true);
|
|
27
|
+
try {
|
|
28
|
+
const minDelay = new Promise((resolve)=>setTimeout(resolve, 100));
|
|
29
|
+
let data;
|
|
30
|
+
await minDelay;
|
|
31
|
+
data = lang === defaultLanguage && Object.keys(initialTranslations).length > 0 ? initialTranslations : loadTranslations ? await loadTranslations(lang) : initialTranslations;
|
|
32
|
+
setTranslations(data);
|
|
33
|
+
setLocaleSignal(lang);
|
|
34
|
+
if ("undefined" != typeof window) localStorage.setItem(storageKey, lang);
|
|
35
|
+
} finally{
|
|
36
|
+
setIsLoading(false);
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
const init = async ()=>{
|
|
40
|
+
if ("undefined" == typeof window) return;
|
|
41
|
+
const urlParams = new URLSearchParams(globalThis.location.search);
|
|
42
|
+
const urlLang = urlParams.get("lang");
|
|
43
|
+
const saved = localStorage.getItem(storageKey);
|
|
44
|
+
const browserLang = navigator.language.split("-")[0];
|
|
45
|
+
let detected;
|
|
46
|
+
if (urlLang && supportedCodes.includes(urlLang)) {
|
|
47
|
+
detected = urlLang;
|
|
48
|
+
urlParams.delete("lang");
|
|
49
|
+
const newUrl = urlParams.toString() ? `${globalThis.location.pathname}?${urlParams.toString()}` : globalThis.location.pathname;
|
|
50
|
+
globalThis.history.replaceState({}, "", newUrl);
|
|
51
|
+
} else detected = saved && supportedCodes.includes(saved) ? saved : supportedCodes.includes(browserLang) ? browserLang : defaultLanguage;
|
|
52
|
+
await setLocale(detected);
|
|
53
|
+
};
|
|
54
|
+
return {
|
|
55
|
+
get locale () {
|
|
56
|
+
return localeSignal();
|
|
57
|
+
},
|
|
58
|
+
get isLoading () {
|
|
59
|
+
return isLoadingSignal();
|
|
60
|
+
},
|
|
61
|
+
t,
|
|
62
|
+
setLocale,
|
|
63
|
+
init,
|
|
64
|
+
languages,
|
|
65
|
+
languageNames,
|
|
66
|
+
supportedCodes
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
const I18nContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
|
|
70
|
+
function useI18n() {
|
|
71
|
+
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(I18nContext);
|
|
72
|
+
if (!context) throw new Error("useI18n must be used within an I18nProvider");
|
|
73
|
+
return context.i18n;
|
|
74
|
+
}
|
|
75
|
+
const I18nProvider = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(I18nContext.Provider, {
|
|
76
|
+
get value () {
|
|
77
|
+
return {
|
|
78
|
+
i18n: props.i18n
|
|
79
|
+
};
|
|
80
|
+
},
|
|
81
|
+
get children () {
|
|
82
|
+
return props.children;
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
export { I18nContext, I18nProvider, createI18n, useI18n };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_js_68b561ec__ from "./LanguageSwitcher.js";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__ from "./createI18n.js";
|
|
3
|
+
var __webpack_exports__I18nContext = __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__.I18nContext;
|
|
4
|
+
var __webpack_exports__I18nProvider = __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__.I18nProvider;
|
|
5
|
+
var __webpack_exports__LanguageSwitcher = __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_js_68b561ec__["default"];
|
|
6
|
+
var __webpack_exports__createI18n = __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__.createI18n;
|
|
7
|
+
var __webpack_exports__useI18n = __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__.useI18n;
|
|
8
|
+
export { __webpack_exports__I18nContext as I18nContext, __webpack_exports__I18nProvider as I18nProvider, __webpack_exports__LanguageSwitcher as LanguageSwitcher, __webpack_exports__createI18n as createI18n, __webpack_exports__useI18n as useI18n };
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import "./link.css";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>");
|
|
7
|
+
const Link = (props)=>{
|
|
8
|
+
const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
9
|
+
"children",
|
|
10
|
+
"href",
|
|
11
|
+
"color",
|
|
12
|
+
"hover",
|
|
13
|
+
"class",
|
|
14
|
+
"className",
|
|
15
|
+
"dataTheme",
|
|
16
|
+
"style",
|
|
17
|
+
"asChild",
|
|
18
|
+
"aria-current",
|
|
19
|
+
"aria-label",
|
|
20
|
+
"aria-describedby"
|
|
21
|
+
]);
|
|
22
|
+
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
23
|
+
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("link", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
|
|
24
|
+
"link-hover": false !== local.hover,
|
|
25
|
+
"link-neutral": "neutral" === local.color,
|
|
26
|
+
"link-primary": "primary" === local.color,
|
|
27
|
+
"link-secondary": "secondary" === local.color,
|
|
28
|
+
"link-accent": "accent" === local.color,
|
|
29
|
+
"link-info": "info" === local.color,
|
|
30
|
+
"link-success": "success" === local.color,
|
|
31
|
+
"link-warning": "warning" === local.color,
|
|
32
|
+
"link-error": "error" === local.color,
|
|
33
|
+
"link-ghost": "ghost" === local.color
|
|
34
|
+
}), local.class, local.className));
|
|
35
|
+
const ariaCurrent = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-current"]);
|
|
36
|
+
const ariaLabel = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-label"]);
|
|
37
|
+
const ariaDescribedby = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-describedby"]);
|
|
38
|
+
if (local.asChild) return resolvedChildren();
|
|
39
|
+
return (()=>{
|
|
40
|
+
var _el$ = _tmpl$();
|
|
41
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
42
|
+
get href () {
|
|
43
|
+
return local.href;
|
|
44
|
+
},
|
|
45
|
+
get ["class"] () {
|
|
46
|
+
return classes();
|
|
47
|
+
},
|
|
48
|
+
get style () {
|
|
49
|
+
return local.style;
|
|
50
|
+
},
|
|
51
|
+
get ["data-theme"] () {
|
|
52
|
+
return local.dataTheme;
|
|
53
|
+
},
|
|
54
|
+
get ["aria-current"] () {
|
|
55
|
+
return ariaCurrent();
|
|
56
|
+
},
|
|
57
|
+
get ["aria-label"] () {
|
|
58
|
+
return ariaLabel();
|
|
59
|
+
},
|
|
60
|
+
get ["aria-describedby"] () {
|
|
61
|
+
return ariaDescribedby();
|
|
62
|
+
},
|
|
63
|
+
rel: "noopener noreferrer"
|
|
64
|
+
}), false, true);
|
|
65
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
|
|
66
|
+
return _el$;
|
|
67
|
+
})();
|
|
68
|
+
};
|
|
69
|
+
const link_Link = Link;
|
|
70
|
+
export { link_Link as default };
|