@pathscale/ui 1.2.6 → 1.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +22 -22
- package/README.md +59 -59
- package/dist/components/_shared/index.js +1 -3
- package/dist/components/_shared/overlayPosition.js +6 -6
- package/dist/components/accordion/Accordion.css +158 -158
- package/dist/components/accordion/Accordion.js +46 -45
- package/dist/components/accordion/index.js +3 -9
- package/dist/components/alert/Alert.css +116 -116
- package/dist/components/alert/Alert.js +34 -33
- package/dist/components/alert/index.js +1 -8
- package/dist/components/auth-card/AuthCard.js +21 -21
- package/dist/components/auth-card/index.js +1 -3
- package/dist/components/auth-error-message/AuthErrorMessage.js +10 -10
- package/dist/components/auth-error-message/index.js +1 -3
- package/dist/components/auth-field-group/AuthFieldGroup.js +9 -9
- package/dist/components/auth-field-group/index.js +1 -3
- package/dist/components/auth-footer-links/AuthFooterLinks.js +21 -21
- package/dist/components/auth-footer-links/index.js +1 -3
- package/dist/components/auth-form/AuthForm.js +11 -11
- package/dist/components/auth-form/index.js +1 -3
- package/dist/components/auth-powered-by/AuthPoweredBy.js +15 -15
- package/dist/components/auth-powered-by/index.js +1 -3
- package/dist/components/auth-submit-button/AuthSubmitButton.js +10 -10
- package/dist/components/auth-submit-button/index.js +1 -3
- package/dist/components/auth-success-message/AuthSuccessMessage.js +12 -12
- package/dist/components/auth-success-message/index.js +1 -3
- package/dist/components/avatar/Avatar.css +124 -124
- package/dist/components/avatar/Avatar.js +28 -27
- package/dist/components/avatar/AvatarGroup.js +11 -11
- package/dist/components/avatar/index.js +1 -6
- package/dist/components/badge/Badge.css +164 -164
- package/dist/components/badge/Badge.js +19 -19
- package/dist/components/badge/index.js +7 -9
- package/dist/components/breadcrumbs/Breadcrumbs.css +63 -63
- package/dist/components/breadcrumbs/Breadcrumbs.js +27 -26
- package/dist/components/breadcrumbs/index.js +1 -5
- package/dist/components/button/Button.css +194 -194
- package/dist/components/button/Button.js +23 -23
- package/dist/components/button/index.js +1 -3
- package/dist/components/button-group/ButtonGroup.css +117 -117
- package/dist/components/button-group/ButtonGroup.js +16 -15
- package/dist/components/button-group/context.js +2 -2
- package/dist/components/button-group/index.js +3 -6
- package/dist/components/calendar/Calendar.css +258 -258
- package/dist/components/calendar/Calendar.js +88 -88
- package/dist/components/calendar/index.js +1 -3
- package/dist/components/card/Card.css +110 -110
- package/dist/components/card/Card.js +23 -22
- package/dist/components/card/index.js +3 -8
- package/dist/components/chatbubble/ChatBubble.css +164 -164
- package/dist/components/chatbubble/ChatBubble.js +20 -20
- package/dist/components/chatbubble/ChatBubbleAvatar.js +9 -9
- package/dist/components/chatbubble/ChatBubbleFooter.js +9 -9
- package/dist/components/chatbubble/ChatBubbleHeader.js +11 -11
- package/dist/components/chatbubble/ChatBubbleMessage.js +12 -12
- package/dist/components/chatbubble/ChatBubbleTime.js +9 -9
- package/dist/components/chatbubble/index.js +1 -3
- package/dist/components/checkbox/Checkbox.css +183 -183
- package/dist/components/checkbox/Checkbox.js +32 -32
- package/dist/components/checkbox/index.js +1 -3
- package/dist/components/checkbox-group/CheckboxGroup.css +10 -10
- package/dist/components/checkbox-group/CheckboxGroup.js +14 -14
- package/dist/components/checkbox-group/context.js +2 -2
- package/dist/components/checkbox-group/index.js +4 -4
- package/dist/components/chip/Chip.css +197 -197
- package/dist/components/chip/Chip.js +32 -32
- package/dist/components/chip/index.js +6 -7
- package/dist/components/close-button/CloseButton.css +81 -81
- package/dist/components/close-button/CloseButton.js +22 -22
- package/dist/components/close-button/index.js +1 -3
- package/dist/components/color-area/ColorArea.css +54 -54
- package/dist/components/color-area/ColorArea.js +16 -16
- package/dist/components/color-area/index.js +3 -3
- package/dist/components/color-field/ColorField.css +88 -88
- package/dist/components/color-field/ColorField.js +21 -21
- package/dist/components/color-field/index.js +3 -3
- package/dist/components/color-picker/ColorPicker.css +28 -28
- package/dist/components/color-picker/ColorPicker.js +46 -45
- package/dist/components/color-picker/index.js +3 -8
- package/dist/components/color-slider/ColorSlider.css +57 -57
- package/dist/components/color-slider/ColorSlider.js +19 -19
- package/dist/components/color-slider/index.js +3 -3
- package/dist/components/color-swatch/ColorSwatch.css +84 -84
- package/dist/components/color-swatch/ColorSwatch.js +12 -12
- package/dist/components/color-swatch/index.js +3 -3
- package/dist/components/color-swatch-picker/ColorSwatchPicker.css +12 -12
- package/dist/components/color-swatch-picker/ColorSwatchPicker.js +16 -15
- package/dist/components/color-swatch-picker/index.js +1 -5
- package/dist/components/color-wheel-flower/ColorWheelFlower.css +147 -147
- package/dist/components/color-wheel-flower/ColorWheelFlower.js +84 -84
- package/dist/components/color-wheel-flower/colorWheelFlowerContext.js +3 -3
- package/dist/components/color-wheel-flower/index.js +2 -6
- package/dist/components/combo-box/ComboBox.css +344 -344
- package/dist/components/combo-box/ComboBox.js +92 -91
- package/dist/components/combo-box/index.js +3 -10
- package/dist/components/date-field/DateField.css +215 -215
- package/dist/components/date-field/DateField.js +45 -44
- package/dist/components/date-field/index.js +3 -11
- package/dist/components/date-picker/DatePicker.css +143 -143
- package/dist/components/date-picker/DatePicker.js +38 -38
- package/dist/components/date-picker/index.js +1 -3
- package/dist/components/date-range-picker/DateRangePicker.css +149 -149
- package/dist/components/date-range-picker/DateRangePicker.js +53 -53
- package/dist/components/date-range-picker/index.js +1 -3
- package/dist/components/description/Description.css +10 -10
- package/dist/components/description/Description.js +11 -10
- package/dist/components/description/index.js +3 -5
- package/dist/components/disclosure/Disclosure.css +84 -84
- package/dist/components/disclosure/Disclosure.js +44 -43
- package/dist/components/disclosure/index.js +4 -9
- package/dist/components/disclosure-group/DisclosureGroup.css +9 -9
- package/dist/components/disclosure-group/DisclosureGroup.js +15 -14
- package/dist/components/disclosure-group/index.js +5 -6
- package/dist/components/disclosure-group/useDisclosureGroupNavigation.js +4 -4
- package/dist/components/drawer/Drawer.context.js +3 -3
- package/dist/components/drawer/Drawer.css +463 -463
- package/dist/components/drawer/Drawer.js +109 -108
- package/dist/components/drawer/index.js +1 -15
- package/dist/components/dropdown/Dropdown.css +211 -211
- package/dist/components/dropdown/Dropdown.js +68 -67
- package/dist/components/dropdown/index.js +3 -4
- package/dist/components/empty-state/EmptyState.css +39 -39
- package/dist/components/empty-state/EmptyState.js +27 -26
- package/dist/components/empty-state/index.js +1 -8
- package/dist/components/error-message/ErrorMessage.css +20 -20
- package/dist/components/error-message/ErrorMessage.js +13 -12
- package/dist/components/error-message/index.js +1 -5
- package/dist/components/field-error/FieldError.css +27 -27
- package/dist/components/field-error/FieldError.js +18 -17
- package/dist/components/field-error/index.js +1 -5
- package/dist/components/fieldset/Fieldset.css +30 -30
- package/dist/components/fieldset/Fieldset.js +23 -22
- package/dist/components/fieldset/index.js +3 -8
- package/dist/components/flex/Flex.css +5 -5
- package/dist/components/flex/Flex.js +14 -14
- package/dist/components/flex/index.js +1 -3
- package/dist/components/floating-dock/FloatingDock.css +208 -208
- package/dist/components/floating-dock/FloatingDock.js +78 -78
- package/dist/components/floating-dock/index.js +1 -3
- package/dist/components/footer/Footer.js +12 -12
- package/dist/components/footer/FooterTitle.js +9 -9
- package/dist/components/footer/footer.css +51 -51
- package/dist/components/footer/index.js +1 -3
- package/dist/components/form/FieldErrorMessage.js +10 -9
- package/dist/components/form/Form.css +5 -5
- package/dist/components/form/Form.js +18 -17
- package/dist/components/form/FormField.js +21 -20
- package/dist/components/form/FormSubmitButton.js +12 -11
- package/dist/components/form/index.js +6 -12
- package/dist/components/glass-panel/GlassPanel.classes.d.ts +3 -0
- package/dist/components/glass-panel/GlassPanel.classes.js +3 -0
- package/dist/components/glass-panel/GlassPanel.css +359 -282
- package/dist/components/glass-panel/GlassPanel.d.ts +3 -0
- package/dist/components/glass-panel/GlassPanel.js +30 -27
- package/dist/components/glass-panel/index.js +1 -3
- package/dist/components/glow-card/GlowCard.css +100 -100
- package/dist/components/glow-card/GlowCard.js +11 -11
- package/dist/components/glow-card/index.js +1 -3
- package/dist/components/grid/Grid.css +5 -5
- package/dist/components/grid/Grid.js +15 -15
- package/dist/components/grid/index.js +1 -3
- package/dist/components/header/Header.css +13 -13
- package/dist/components/header/Header.js +11 -10
- package/dist/components/header/index.js +3 -5
- package/dist/components/icon/Icon.css +10 -10
- package/dist/components/icon/Icon.js +9 -9
- package/dist/components/icon/index.js +1 -3
- package/dist/components/immersive-landing/ImmersiveLanding.css +565 -565
- package/dist/components/immersive-landing/ImmersiveLanding.js +45 -45
- package/dist/components/immersive-landing/ImmersiveLandingArrows.js +18 -18
- package/dist/components/immersive-landing/ImmersiveLandingContext.js +3 -3
- package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +34 -34
- package/dist/components/immersive-landing/ImmersiveLandingPage.js +16 -16
- package/dist/components/immersive-landing/components/CookieConsent.js +71 -71
- package/dist/components/immersive-landing/components/FirefoxPWABanner.js +42 -42
- package/dist/components/immersive-landing/components/PWAInstallPrompt.js +40 -40
- package/dist/components/immersive-landing/index.js +6 -14
- package/dist/components/immersive-landing/useImmersiveLanding.js +8 -8
- package/dist/components/input/Input.css +155 -155
- package/dist/components/input/Input.js +46 -46
- package/dist/components/input/index.js +3 -3
- package/dist/components/input-group/InputGroup.css +172 -172
- package/dist/components/input-group/InputGroup.js +32 -31
- package/dist/components/input-group/index.js +3 -9
- package/dist/components/input-otp/InputOTP.css +170 -170
- package/dist/components/input-otp/InputOTP.js +52 -51
- package/dist/components/input-otp/index.js +1 -11
- package/dist/components/join/Join.js +15 -15
- package/dist/components/join/index.js +1 -3
- package/dist/components/kbd/Kbd.css +60 -60
- package/dist/components/kbd/Kbd.js +39 -38
- package/dist/components/kbd/index.js +1 -8
- package/dist/components/label/Label.css +30 -30
- package/dist/components/label/Label.js +11 -10
- package/dist/components/label/index.js +3 -5
- package/dist/components/language-switcher/LanguageSwitcher.css +56 -56
- package/dist/components/language-switcher/LanguageSwitcher.js +24 -24
- package/dist/components/language-switcher/createI18n.js +10 -10
- package/dist/components/language-switcher/index.js +2 -8
- package/dist/components/link/Link.css +131 -131
- package/dist/components/link/Link.js +21 -20
- package/dist/components/link/index.js +1 -5
- package/dist/components/list-box/ListBox.css +148 -148
- package/dist/components/list-box/ListBox.js +19 -18
- package/dist/components/list-box/ListBoxItem.js +31 -30
- package/dist/components/list-box/ListBoxSection.js +15 -14
- package/dist/components/list-box/context.js +2 -2
- package/dist/components/list-box/index.js +11 -16
- package/dist/components/live-chat/LiveChat.css +324 -324
- package/dist/components/live-chat/LiveChatBubble.js +28 -28
- package/dist/components/live-chat/LiveChatPanel.js +67 -67
- package/dist/components/live-chat/index.js +2 -5
- package/dist/components/menu/Menu.css +199 -199
- package/dist/components/menu/Menu.js +24 -28
- package/dist/components/menu/MenuItem.js +37 -36
- package/dist/components/menu/MenuSection.js +15 -14
- package/dist/components/menu/context.js +2 -2
- package/dist/components/menu/index.js +4 -12
- package/dist/components/meter/Meter.css +89 -89
- package/dist/components/meter/Meter.js +35 -34
- package/dist/components/meter/index.js +1 -8
- package/dist/components/modal/Modal.css +320 -320
- package/dist/components/modal/Modal.js +79 -78
- package/dist/components/modal/index.js +1 -13
- package/dist/components/navbar/Navbar.classes.d.ts +9 -0
- package/dist/components/navbar/Navbar.classes.js +9 -0
- package/dist/components/navbar/Navbar.css +110 -110
- package/dist/components/navbar/Navbar.js +16 -16
- package/dist/components/navbar/NavbarRow.js +11 -11
- package/dist/components/navbar/NavbarSection.js +10 -10
- package/dist/components/navbar/NavbarStack.js +11 -11
- package/dist/components/navbar/index.js +1 -3
- package/dist/components/noise-background/NoiseBackground.css +66 -66
- package/dist/components/noise-background/NoiseBackground.js +33 -33
- package/dist/components/noise-background/index.js +1 -3
- package/dist/components/number-field/NumberField.css +198 -198
- package/dist/components/number-field/NumberField.js +43 -42
- package/dist/components/number-field/index.js +1 -9
- package/dist/components/pagination/Pagination.css +121 -121
- package/dist/components/pagination/Pagination.js +32 -32
- package/dist/components/pagination/index.js +1 -3
- package/dist/components/password-field/PasswordField.js +18 -17
- package/dist/components/password-field/index.js +1 -3
- package/dist/components/password-requirements/PasswordRequirements.js +22 -22
- package/dist/components/password-requirements/index.js +1 -3
- package/dist/components/password-rules/index.js +1 -4
- package/dist/components/popover/Popover.css +117 -117
- package/dist/components/popover/Popover.js +52 -51
- package/dist/components/popover/index.js +4 -9
- package/dist/components/progress-bar/ProgressBar.css +104 -104
- package/dist/components/progress-bar/ProgressBar.js +28 -28
- package/dist/components/progress-bar/index.js +1 -3
- package/dist/components/progress-circle/ProgressCircle.css +82 -82
- package/dist/components/progress-circle/ProgressCircle.js +30 -30
- package/dist/components/progress-circle/index.js +1 -3
- package/dist/components/radio/Radio.css +129 -129
- package/dist/components/radio/Radio.js +28 -28
- package/dist/components/radio/index.js +1 -3
- package/dist/components/radio-group/RadioGroup.css +58 -58
- package/dist/components/radio-group/RadioGroup.js +31 -31
- package/dist/components/radio-group/context.js +2 -2
- package/dist/components/radio-group/index.js +4 -4
- package/dist/components/range-calendar/RangeCalendar.css +51 -51
- package/dist/components/range-calendar/RangeCalendar.js +18 -18
- package/dist/components/range-calendar/index.js +1 -3
- package/dist/components/scroll-shadow/ScrollShadow.css +93 -93
- package/dist/components/scroll-shadow/ScrollShadow.js +17 -17
- package/dist/components/scroll-shadow/index.js +1 -3
- package/dist/components/scroll-shadow/useScrollShadow.js +4 -4
- package/dist/components/search-field/SearchField.css +183 -183
- package/dist/components/search-field/SearchField.js +42 -41
- package/dist/components/search-field/index.js +1 -9
- package/dist/components/select/Select.css +284 -284
- package/dist/components/select/Select.js +130 -130
- package/dist/components/select/index.js +1 -3
- package/dist/components/separator/Separator.css +35 -35
- package/dist/components/separator/Separator.js +12 -11
- package/dist/components/separator/index.js +1 -4
- package/dist/components/size-picker/SizePicker.js +17 -17
- package/dist/components/size-picker/index.js +2 -6
- package/dist/components/size-picker/sizeStore.js +5 -5
- package/dist/components/skeleton/Skeleton.css +95 -95
- package/dist/components/skeleton/Skeleton.js +9 -9
- package/dist/components/skeleton/index.js +1 -3
- package/dist/components/slider/Slider.css +122 -122
- package/dist/components/slider/Slider.js +27 -27
- package/dist/components/slider/index.js +1 -3
- package/dist/components/spinner/Spinner.css +131 -131
- package/dist/components/spinner/Spinner.js +17 -17
- package/dist/components/spinner/index.js +1 -5
- package/dist/components/surface/Surface.css +37 -37
- package/dist/components/surface/Surface.js +11 -10
- package/dist/components/surface/index.js +1 -4
- package/dist/components/table/ExpandToggle.js +14 -14
- package/dist/components/table/InlineConfirm.js +12 -12
- package/dist/components/table/MobileListView.js +24 -24
- package/dist/components/table/SortIcon.js +11 -11
- package/dist/components/table/Table.css +426 -426
- package/dist/components/table/Table.js +82 -81
- package/dist/components/table/VirtualSpacerRow.js +9 -9
- package/dist/components/table/index.js +7 -38
- package/dist/components/tabs/Tabs.css +203 -203
- package/dist/components/tabs/Tabs.js +62 -61
- package/dist/components/tabs/index.js +1 -4
- package/dist/components/tag/Tag.css +121 -121
- package/dist/components/tag/Tag.js +41 -40
- package/dist/components/tag/index.js +3 -6
- package/dist/components/tag-group/TagGroup.css +22 -22
- package/dist/components/tag-group/TagGroup.js +24 -23
- package/dist/components/tag-group/context.js +2 -2
- package/dist/components/tag-group/index.js +1 -6
- package/dist/components/text/Text.css +66 -66
- package/dist/components/text/Text.js +11 -10
- package/dist/components/text/index.js +1 -5
- package/dist/components/text-area/TextArea.css +95 -95
- package/dist/components/text-area/TextArea.js +14 -13
- package/dist/components/text-area/index.js +1 -5
- package/dist/components/text-field/TextField.css +33 -33
- package/dist/components/text-field/TextField.js +14 -13
- package/dist/components/text-field/index.js +3 -7
- package/dist/components/textarea/Textarea.js +10 -11
- package/dist/components/textarea/index.js +1 -6
- package/dist/components/theme-color-picker/ThemeColorPicker.js +52 -52
- package/dist/components/theme-color-picker/hueShift.js +8 -8
- package/dist/components/theme-color-picker/index.js +2 -7
- package/dist/components/time-field/TimeField.css +215 -215
- package/dist/components/time-field/TimeField.js +43 -42
- package/dist/components/time-field/index.js +3 -11
- package/dist/components/toast/Toast.css +344 -344
- package/dist/components/toast/Toast.js +101 -100
- package/dist/components/toast/index.js +1 -19
- package/dist/components/toggle/Toggle.css +237 -237
- package/dist/components/toggle/Toggle.js +31 -31
- package/dist/components/toggle/index.js +1 -3
- package/dist/components/toolbar/Toolbar.css +55 -55
- package/dist/components/toolbar/Toolbar.js +12 -11
- package/dist/components/toolbar/index.js +1 -5
- package/dist/components/tooltip/Tooltip.css +153 -153
- package/dist/components/tooltip/Tooltip.js +40 -39
- package/dist/components/tooltip/index.js +1 -7
- package/dist/components/utils.js +6 -7
- package/dist/components/video-preview/VideoPreview.js +14 -13
- package/dist/components/video-preview/index.js +1 -3
- package/dist/hooks/date/useCalendarNavigation.js +18 -18
- package/dist/hooks/date/useCalendarState.js +19 -19
- package/dist/hooks/date/useDateSelection.js +7 -7
- package/dist/hooks/date/usePickerOpenState.js +8 -8
- package/dist/hooks/date/useRangeSelection.js +16 -16
- package/dist/hooks/form/FormContext.js +3 -3
- package/dist/hooks/form/createForm.js +4 -4
- package/dist/hooks/form/index.js +4 -10
- package/dist/hooks/form/useFieldNew.js +10 -10
- package/dist/hooks/layout/index.js +1 -3
- package/dist/hooks/layout/useDesktop.js +4 -4
- package/dist/hooks/table/index.js +8 -18
- package/dist/hooks/table/useAnchoredOverlayPosition.js +5 -5
- package/dist/hooks/table/useTableExpansion.js +4 -4
- package/dist/hooks/table/useTableFiltering.js +8 -8
- package/dist/hooks/table/useTableModel.js +10 -10
- package/dist/hooks/table/useTablePagination.js +4 -4
- package/dist/hooks/table/useTableSelection.js +4 -4
- package/dist/hooks/table/useTableSorting.js +6 -6
- package/dist/index.css +74 -74
- package/dist/index.js +108 -398
- package/dist/lib/refs/index.js +1 -3
- package/dist/lib/refs/mergeRefs.js +2 -2
- package/dist/lib/style/index.js +1 -4
- package/dist/lib/tag/createIsButton.js +4 -4
- package/dist/lib/tag/createTagName.js +2 -2
- package/dist/lib/tag/index.js +2 -7
- package/dist/motion/engine.js +4 -4
- package/dist/motion/index.js +10 -39
- package/dist/motion/popmotion.js +2 -2
- package/dist/motion/presets.js +4 -4
- package/dist/motion/route.js +7 -7
- package/dist/motion/solid/AnimatedCollapse.js +27 -26
- package/dist/motion/solid/MotionDiv.js +17 -16
- package/dist/motion/solid/Presence.js +13 -12
- package/dist/motion/solid/index.js +3 -10
- package/dist/motion/system.js +9 -9
- package/dist/primitives/streaming/index.js +2 -5
- package/dist/primitives/streaming/useStreamingBuffer.js +2 -2
- package/dist/primitives/streaming/useStreamingSubscription.js +7 -7
- package/dist/primitives/virtualizer/index.js +1 -3
- package/dist/primitives/virtualizer/useVirtualRows.js +7 -7
- package/dist/purge-manifest.json +15350 -15141
- package/dist/styles/base/index.css +43 -43
- package/dist/styles/icons/generated-icons.css +1 -173
- package/dist/styles/themes/dark.css +141 -141
- package/dist/styles/themes/light.css +143 -143
- package/package.json +31 -31
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./Alert.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
7
|
-
const AlertContext =
|
|
3
|
+
import { Show, createContext, splitProps, useContext } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./Alert.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=alert-default-icon fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><circle cx=12 cy=12 r=10 stroke=currentColor stroke-width=2></circle><path d="M12 16v-4M12 8h.01"stroke=currentColor stroke-linecap=round stroke-width=2>'), _tmpl$2 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=alert-default-icon fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><circle cx=12 cy=12 r=10 stroke=currentColor stroke-width=2></circle><path d="M9 12l2 2 4-4"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2>'), _tmpl$3 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=alert-default-icon fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"stroke=currentColor stroke-width=2></path><path d="M12 9v4M12 17h.01"stroke=currentColor stroke-linecap=round stroke-width=2>'), _tmpl$4 = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=alert-default-icon fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><circle cx=12 cy=12 r=10 stroke=currentColor stroke-width=2></circle><path d="M15 9l-6 6M9 9l6 6"stroke=currentColor stroke-linecap=round stroke-width=2>'), _tmpl$5 = /*#__PURE__*/ template("<div>"), _tmpl$6 = /*#__PURE__*/ template("<p>"), _tmpl$7 = /*#__PURE__*/ template("<span>");
|
|
7
|
+
const AlertContext = createContext();
|
|
8
8
|
const useAlertContext = ()=>{
|
|
9
|
-
const ctx =
|
|
9
|
+
const ctx = useContext(AlertContext);
|
|
10
10
|
if (!ctx) throw new Error("Alert compound components must be used within <Alert>");
|
|
11
11
|
return ctx;
|
|
12
12
|
};
|
|
@@ -22,7 +22,7 @@ const STATUS_ICON_MAP = {
|
|
|
22
22
|
danger: DangerIcon
|
|
23
23
|
};
|
|
24
24
|
const AlertRoot = (props)=>{
|
|
25
|
-
const [local, others] =
|
|
25
|
+
const [local, others] = splitProps(props, [
|
|
26
26
|
"children",
|
|
27
27
|
"class",
|
|
28
28
|
"className",
|
|
@@ -34,14 +34,14 @@ const AlertRoot = (props)=>{
|
|
|
34
34
|
const ctx = {
|
|
35
35
|
status
|
|
36
36
|
};
|
|
37
|
-
return
|
|
37
|
+
return createComponent(AlertContext.Provider, {
|
|
38
38
|
value: ctx,
|
|
39
39
|
get children () {
|
|
40
40
|
var _el$5 = _tmpl$5();
|
|
41
|
-
|
|
41
|
+
spread(_el$5, mergeProps(others, {
|
|
42
42
|
role: "alert"
|
|
43
43
|
}, ()=>({
|
|
44
|
-
class:
|
|
44
|
+
class: twMerge(CLASSES.base, CLASSES.status[status()], local.class, local.className)
|
|
45
45
|
}), {
|
|
46
46
|
"data-slot": "alert-root",
|
|
47
47
|
get ["data-status"] () {
|
|
@@ -54,13 +54,13 @@ const AlertRoot = (props)=>{
|
|
|
54
54
|
return local.style;
|
|
55
55
|
}
|
|
56
56
|
}), false, true);
|
|
57
|
-
|
|
57
|
+
insert(_el$5, ()=>local.children);
|
|
58
58
|
return _el$5;
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
61
|
};
|
|
62
62
|
const AlertIndicator = (props)=>{
|
|
63
|
-
const [local, others] =
|
|
63
|
+
const [local, others] = splitProps(props, [
|
|
64
64
|
"children",
|
|
65
65
|
"class",
|
|
66
66
|
"className",
|
|
@@ -70,12 +70,12 @@ const AlertIndicator = (props)=>{
|
|
|
70
70
|
const ctx = useAlertContext();
|
|
71
71
|
const DefaultIcon = ()=>{
|
|
72
72
|
const Icon = STATUS_ICON_MAP[ctx.status()];
|
|
73
|
-
return
|
|
73
|
+
return createComponent(Icon, {});
|
|
74
74
|
};
|
|
75
75
|
return (()=>{
|
|
76
76
|
var _el$6 = _tmpl$5();
|
|
77
|
-
|
|
78
|
-
class:
|
|
77
|
+
spread(_el$6, mergeProps(others, ()=>({
|
|
78
|
+
class: twMerge(CLASSES.slot.indicator, local.class, local.className)
|
|
79
79
|
}), {
|
|
80
80
|
"data-slot": "alert-indicator",
|
|
81
81
|
get ["data-theme"] () {
|
|
@@ -85,12 +85,12 @@ const AlertIndicator = (props)=>{
|
|
|
85
85
|
return local.style;
|
|
86
86
|
}
|
|
87
87
|
}), false, true);
|
|
88
|
-
|
|
88
|
+
insert(_el$6, createComponent(Show, {
|
|
89
89
|
get when () {
|
|
90
90
|
return local.children;
|
|
91
91
|
},
|
|
92
92
|
get fallback () {
|
|
93
|
-
return
|
|
93
|
+
return createComponent(DefaultIcon, {});
|
|
94
94
|
},
|
|
95
95
|
get children () {
|
|
96
96
|
return local.children;
|
|
@@ -100,7 +100,7 @@ const AlertIndicator = (props)=>{
|
|
|
100
100
|
})();
|
|
101
101
|
};
|
|
102
102
|
const AlertContent = (props)=>{
|
|
103
|
-
const [local, others] =
|
|
103
|
+
const [local, others] = splitProps(props, [
|
|
104
104
|
"children",
|
|
105
105
|
"class",
|
|
106
106
|
"className",
|
|
@@ -109,8 +109,8 @@ const AlertContent = (props)=>{
|
|
|
109
109
|
]);
|
|
110
110
|
return (()=>{
|
|
111
111
|
var _el$7 = _tmpl$5();
|
|
112
|
-
|
|
113
|
-
class:
|
|
112
|
+
spread(_el$7, mergeProps(others, ()=>({
|
|
113
|
+
class: twMerge(CLASSES.slot.content, local.class, local.className)
|
|
114
114
|
}), {
|
|
115
115
|
"data-slot": "alert-content",
|
|
116
116
|
get ["data-theme"] () {
|
|
@@ -120,12 +120,12 @@ const AlertContent = (props)=>{
|
|
|
120
120
|
return local.style;
|
|
121
121
|
}
|
|
122
122
|
}), false, true);
|
|
123
|
-
|
|
123
|
+
insert(_el$7, ()=>local.children);
|
|
124
124
|
return _el$7;
|
|
125
125
|
})();
|
|
126
126
|
};
|
|
127
127
|
const AlertTitle = (props)=>{
|
|
128
|
-
const [local, others] =
|
|
128
|
+
const [local, others] = splitProps(props, [
|
|
129
129
|
"children",
|
|
130
130
|
"class",
|
|
131
131
|
"className",
|
|
@@ -134,8 +134,8 @@ const AlertTitle = (props)=>{
|
|
|
134
134
|
]);
|
|
135
135
|
return (()=>{
|
|
136
136
|
var _el$8 = _tmpl$6();
|
|
137
|
-
|
|
138
|
-
class:
|
|
137
|
+
spread(_el$8, mergeProps(others, ()=>({
|
|
138
|
+
class: twMerge(CLASSES.slot.title, local.class, local.className)
|
|
139
139
|
}), {
|
|
140
140
|
"data-slot": "alert-title",
|
|
141
141
|
get ["data-theme"] () {
|
|
@@ -145,12 +145,12 @@ const AlertTitle = (props)=>{
|
|
|
145
145
|
return local.style;
|
|
146
146
|
}
|
|
147
147
|
}), false, true);
|
|
148
|
-
|
|
148
|
+
insert(_el$8, ()=>local.children);
|
|
149
149
|
return _el$8;
|
|
150
150
|
})();
|
|
151
151
|
};
|
|
152
152
|
const AlertDescription = (props)=>{
|
|
153
|
-
const [local, others] =
|
|
153
|
+
const [local, others] = splitProps(props, [
|
|
154
154
|
"children",
|
|
155
155
|
"class",
|
|
156
156
|
"className",
|
|
@@ -159,8 +159,8 @@ const AlertDescription = (props)=>{
|
|
|
159
159
|
]);
|
|
160
160
|
return (()=>{
|
|
161
161
|
var _el$9 = _tmpl$7();
|
|
162
|
-
|
|
163
|
-
class:
|
|
162
|
+
spread(_el$9, mergeProps(others, ()=>({
|
|
163
|
+
class: twMerge(CLASSES.slot.description, local.class, local.className)
|
|
164
164
|
}), {
|
|
165
165
|
"data-slot": "alert-description",
|
|
166
166
|
get ["data-theme"] () {
|
|
@@ -170,16 +170,17 @@ const AlertDescription = (props)=>{
|
|
|
170
170
|
return local.style;
|
|
171
171
|
}
|
|
172
172
|
}), false, true);
|
|
173
|
-
|
|
173
|
+
insert(_el$9, ()=>local.children);
|
|
174
174
|
return _el$9;
|
|
175
175
|
})();
|
|
176
176
|
};
|
|
177
|
-
const
|
|
177
|
+
const Alert = Object.assign(AlertRoot, {
|
|
178
178
|
Root: AlertRoot,
|
|
179
179
|
Indicator: AlertIndicator,
|
|
180
180
|
Content: AlertContent,
|
|
181
181
|
Title: AlertTitle,
|
|
182
182
|
Description: AlertDescription
|
|
183
183
|
});
|
|
184
|
-
const
|
|
185
|
-
export
|
|
184
|
+
const alert_Alert = Alert;
|
|
185
|
+
export default alert_Alert;
|
|
186
|
+
export { AlertContent, AlertDescription, AlertIndicator, AlertRoot, AlertTitle };
|
|
@@ -1,8 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __webpack_exports__AlertContent = __WEBPACK_EXTERNAL_MODULE__Alert_js_2b92c329__.AlertContent;
|
|
3
|
-
var __webpack_exports__AlertDescription = __WEBPACK_EXTERNAL_MODULE__Alert_js_2b92c329__.AlertDescription;
|
|
4
|
-
var __webpack_exports__AlertIndicator = __WEBPACK_EXTERNAL_MODULE__Alert_js_2b92c329__.AlertIndicator;
|
|
5
|
-
var __webpack_exports__AlertRoot = __WEBPACK_EXTERNAL_MODULE__Alert_js_2b92c329__.AlertRoot;
|
|
6
|
-
var __webpack_exports__AlertTitle = __WEBPACK_EXTERNAL_MODULE__Alert_js_2b92c329__.AlertTitle;
|
|
7
|
-
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Alert_js_2b92c329__["default"];
|
|
8
|
-
export { __webpack_exports__AlertContent as AlertContent, __webpack_exports__AlertDescription as AlertDescription, __webpack_exports__AlertIndicator as AlertIndicator, __webpack_exports__AlertRoot as AlertRoot, __webpack_exports__AlertTitle as AlertTitle, __webpack_exports__default as default };
|
|
1
|
+
export { AlertContent, AlertDescription, AlertIndicator, AlertRoot, AlertTitle, default } from "./Alert.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
var _tmpl$ = /*#__PURE__*/
|
|
1
|
+
import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
|
|
2
|
+
import { Show, splitProps } from "solid-js";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import card from "../card/index.js";
|
|
5
|
+
var _tmpl$ = /*#__PURE__*/ template('<h2 class="text-xl font-semibold leading-tight">'), _tmpl$2 = /*#__PURE__*/ template('<p class="text-sm opacity-70">'), _tmpl$3 = /*#__PURE__*/ template("<div class=shrink-0>"), _tmpl$4 = /*#__PURE__*/ template('<div class="flex items-start justify-between gap-3"><div class="min-w-0 space-y-1">');
|
|
6
6
|
const AuthCard = (props)=>{
|
|
7
|
-
const [local, others] =
|
|
7
|
+
const [local, others] = splitProps(props, [
|
|
8
8
|
"title",
|
|
9
9
|
"description",
|
|
10
10
|
"children",
|
|
@@ -15,10 +15,10 @@ const AuthCard = (props)=>{
|
|
|
15
15
|
"className",
|
|
16
16
|
"dataTheme"
|
|
17
17
|
]);
|
|
18
|
-
return
|
|
18
|
+
return createComponent(card, mergeProps(others, {
|
|
19
19
|
variant: "shadow"
|
|
20
20
|
}, ()=>({
|
|
21
|
-
class:
|
|
21
|
+
class: twMerge("w-full max-w-md", local.class, local.className)
|
|
22
22
|
}), {
|
|
23
23
|
get ["data-theme"] () {
|
|
24
24
|
return local.dataTheme;
|
|
@@ -26,61 +26,61 @@ const AuthCard = (props)=>{
|
|
|
26
26
|
"data-slot": "auth-card",
|
|
27
27
|
get children () {
|
|
28
28
|
return [
|
|
29
|
-
|
|
29
|
+
createComponent(card.Body, {
|
|
30
30
|
get ["class"] () {
|
|
31
|
-
return
|
|
31
|
+
return twMerge("gap-5", local.bodyClass);
|
|
32
32
|
},
|
|
33
33
|
get children () {
|
|
34
34
|
return [
|
|
35
|
-
|
|
35
|
+
createComponent(Show, {
|
|
36
36
|
get when () {
|
|
37
37
|
return local.title || local.description || local.brandingSlot;
|
|
38
38
|
},
|
|
39
39
|
get children () {
|
|
40
40
|
var _el$ = _tmpl$4(), _el$2 = _el$.firstChild;
|
|
41
|
-
|
|
41
|
+
insert(_el$2, createComponent(Show, {
|
|
42
42
|
get when () {
|
|
43
43
|
return local.title;
|
|
44
44
|
},
|
|
45
45
|
get children () {
|
|
46
46
|
var _el$3 = _tmpl$();
|
|
47
|
-
|
|
47
|
+
insert(_el$3, ()=>local.title);
|
|
48
48
|
return _el$3;
|
|
49
49
|
}
|
|
50
50
|
}), null);
|
|
51
|
-
|
|
51
|
+
insert(_el$2, createComponent(Show, {
|
|
52
52
|
get when () {
|
|
53
53
|
return local.description;
|
|
54
54
|
},
|
|
55
55
|
get children () {
|
|
56
56
|
var _el$4 = _tmpl$2();
|
|
57
|
-
|
|
57
|
+
insert(_el$4, ()=>local.description);
|
|
58
58
|
return _el$4;
|
|
59
59
|
}
|
|
60
60
|
}), null);
|
|
61
|
-
|
|
61
|
+
insert(_el$, createComponent(Show, {
|
|
62
62
|
get when () {
|
|
63
63
|
return local.brandingSlot;
|
|
64
64
|
},
|
|
65
65
|
get children () {
|
|
66
66
|
var _el$5 = _tmpl$3();
|
|
67
|
-
|
|
67
|
+
insert(_el$5, ()=>local.brandingSlot);
|
|
68
68
|
return _el$5;
|
|
69
69
|
}
|
|
70
70
|
}), null);
|
|
71
71
|
return _el$;
|
|
72
72
|
}
|
|
73
73
|
}),
|
|
74
|
-
|
|
74
|
+
memo(()=>local.children)
|
|
75
75
|
];
|
|
76
76
|
}
|
|
77
77
|
}),
|
|
78
|
-
|
|
78
|
+
createComponent(Show, {
|
|
79
79
|
get when () {
|
|
80
80
|
return local.footer;
|
|
81
81
|
},
|
|
82
82
|
get children () {
|
|
83
|
-
return
|
|
83
|
+
return createComponent(card.Footer, {
|
|
84
84
|
class: "justify-start",
|
|
85
85
|
get children () {
|
|
86
86
|
return local.footer;
|
|
@@ -93,4 +93,4 @@ const AuthCard = (props)=>{
|
|
|
93
93
|
}));
|
|
94
94
|
};
|
|
95
95
|
const auth_card_AuthCard = AuthCard;
|
|
96
|
-
export
|
|
96
|
+
export default auth_card_AuthCard;
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __webpack_exports__AuthCard = __WEBPACK_EXTERNAL_MODULE__AuthCard_js_616246fe__["default"];
|
|
3
|
-
export { __webpack_exports__AuthCard as AuthCard };
|
|
1
|
+
export { default as AuthCard } from "./AuthCard.js";
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { createComponent, memo, mergeProps } from "solid-js/web";
|
|
2
|
+
import { Show, splitProps } from "solid-js";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
import alert_0 from "../alert/index.js";
|
|
5
5
|
const AuthErrorMessage = (props)=>{
|
|
6
|
-
const [local, others] =
|
|
6
|
+
const [local, others] = splitProps(props, [
|
|
7
7
|
"message",
|
|
8
8
|
"class",
|
|
9
9
|
"className",
|
|
10
10
|
"dataTheme"
|
|
11
11
|
]);
|
|
12
|
-
return
|
|
12
|
+
return createComponent(Show, {
|
|
13
13
|
get when () {
|
|
14
|
-
return null != local.message && "" !== local.message;
|
|
14
|
+
return memo(()=>null != local.message)() && "" !== local.message;
|
|
15
15
|
},
|
|
16
16
|
get children () {
|
|
17
|
-
return
|
|
17
|
+
return createComponent(alert_0, mergeProps(others, {
|
|
18
18
|
status: "danger"
|
|
19
19
|
}, ()=>({
|
|
20
|
-
class:
|
|
20
|
+
class: twMerge("text-sm", local.class, local.className)
|
|
21
21
|
}), {
|
|
22
22
|
get ["data-theme"] () {
|
|
23
23
|
return local.dataTheme;
|
|
@@ -32,4 +32,4 @@ const AuthErrorMessage = (props)=>{
|
|
|
32
32
|
});
|
|
33
33
|
};
|
|
34
34
|
const auth_error_message_AuthErrorMessage = AuthErrorMessage;
|
|
35
|
-
export
|
|
35
|
+
export default auth_error_message_AuthErrorMessage;
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __webpack_exports__AuthErrorMessage = __WEBPACK_EXTERNAL_MODULE__AuthErrorMessage_js_45839f91__["default"];
|
|
3
|
-
export { __webpack_exports__AuthErrorMessage as AuthErrorMessage };
|
|
1
|
+
export { default as AuthErrorMessage } from "./AuthErrorMessage.js";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
var _tmpl$ = /*#__PURE__*/
|
|
1
|
+
import { insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
|
+
import { splitProps } from "solid-js";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>");
|
|
5
5
|
const GAP_CLASS = {
|
|
6
6
|
sm: "gap-3",
|
|
7
7
|
md: "gap-4",
|
|
8
8
|
lg: "gap-6"
|
|
9
9
|
};
|
|
10
10
|
const AuthFieldGroup = (props)=>{
|
|
11
|
-
const [local, others] =
|
|
11
|
+
const [local, others] = splitProps(props, [
|
|
12
12
|
"children",
|
|
13
13
|
"gap",
|
|
14
14
|
"class",
|
|
@@ -17,17 +17,17 @@ const AuthFieldGroup = (props)=>{
|
|
|
17
17
|
]);
|
|
18
18
|
return (()=>{
|
|
19
19
|
var _el$ = _tmpl$();
|
|
20
|
-
|
|
21
|
-
class:
|
|
20
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
21
|
+
class: twMerge("flex w-full flex-col", GAP_CLASS[local.gap ?? "md"], local.class, local.className)
|
|
22
22
|
}), {
|
|
23
23
|
get ["data-theme"] () {
|
|
24
24
|
return local.dataTheme;
|
|
25
25
|
},
|
|
26
26
|
"data-slot": "auth-field-group"
|
|
27
27
|
}), false, true);
|
|
28
|
-
|
|
28
|
+
insert(_el$, ()=>local.children);
|
|
29
29
|
return _el$;
|
|
30
30
|
})();
|
|
31
31
|
};
|
|
32
32
|
const auth_field_group_AuthFieldGroup = AuthFieldGroup;
|
|
33
|
-
export
|
|
33
|
+
export default auth_field_group_AuthFieldGroup;
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __webpack_exports__AuthFieldGroup = __WEBPACK_EXTERNAL_MODULE__AuthFieldGroup_js_d7acc361__["default"];
|
|
3
|
-
export { __webpack_exports__AuthFieldGroup as AuthFieldGroup };
|
|
1
|
+
export { default as AuthFieldGroup } from "./AuthFieldGroup.js";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
var _tmpl$ = /*#__PURE__*/
|
|
1
|
+
import { addEventListener, className, createComponent, delegateEvents, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
|
|
2
|
+
import { For, splitProps } from "solid-js";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<a>"), _tmpl$3 = /*#__PURE__*/ template("<button type=button>");
|
|
5
5
|
const ALIGN_CLASS = {
|
|
6
6
|
left: "justify-start text-left",
|
|
7
7
|
center: "justify-center text-center",
|
|
8
8
|
right: "justify-end text-right"
|
|
9
9
|
};
|
|
10
10
|
const AuthFooterLinks = (props)=>{
|
|
11
|
-
const [local, others] =
|
|
11
|
+
const [local, others] = splitProps(props, [
|
|
12
12
|
"items",
|
|
13
13
|
"align",
|
|
14
14
|
"class",
|
|
@@ -17,15 +17,15 @@ const AuthFooterLinks = (props)=>{
|
|
|
17
17
|
]);
|
|
18
18
|
return (()=>{
|
|
19
19
|
var _el$ = _tmpl$();
|
|
20
|
-
|
|
21
|
-
class:
|
|
20
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
21
|
+
class: twMerge("flex w-full flex-wrap items-center gap-x-3 gap-y-2 text-sm", ALIGN_CLASS[local.align ?? "center"], local.class, local.className)
|
|
22
22
|
}), {
|
|
23
23
|
get ["data-theme"] () {
|
|
24
24
|
return local.dataTheme;
|
|
25
25
|
},
|
|
26
26
|
"data-slot": "auth-footer-links"
|
|
27
27
|
}), false, true);
|
|
28
|
-
|
|
28
|
+
insert(_el$, createComponent(For, {
|
|
29
29
|
get each () {
|
|
30
30
|
return local.items;
|
|
31
31
|
},
|
|
@@ -35,12 +35,12 @@ const AuthFooterLinks = (props)=>{
|
|
|
35
35
|
if (item.disabled) return void event.preventDefault();
|
|
36
36
|
item.onClick?.();
|
|
37
37
|
};
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
var _v$ = item.href, _v$2 = item.disabled ? "true" : void 0, _v$3 =
|
|
41
|
-
_v$ !== _p$.e &&
|
|
42
|
-
_v$2 !== _p$.t &&
|
|
43
|
-
_v$3 !== _p$.a &&
|
|
38
|
+
insert(_el$2, ()=>item.label);
|
|
39
|
+
effect((_p$)=>{
|
|
40
|
+
var _v$ = item.href, _v$2 = item.disabled ? "true" : void 0, _v$3 = twMerge("underline-offset-4 transition hover:underline", item.disabled ? "pointer-events-none opacity-50" : "text-primary hover:text-accent");
|
|
41
|
+
_v$ !== _p$.e && setAttribute(_el$2, "href", _p$.e = _v$);
|
|
42
|
+
_v$2 !== _p$.t && setAttribute(_el$2, "aria-disabled", _p$.t = _v$2);
|
|
43
|
+
_v$3 !== _p$.a && className(_el$2, _p$.a = _v$3);
|
|
44
44
|
return _p$;
|
|
45
45
|
}, {
|
|
46
46
|
e: void 0,
|
|
@@ -50,12 +50,12 @@ const AuthFooterLinks = (props)=>{
|
|
|
50
50
|
return _el$2;
|
|
51
51
|
})() : (()=>{
|
|
52
52
|
var _el$3 = _tmpl$3();
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
var _v$4 = item.disabled, _v$5 =
|
|
53
|
+
addEventListener(_el$3, "click", item.onClick, true);
|
|
54
|
+
insert(_el$3, ()=>item.label);
|
|
55
|
+
effect((_p$)=>{
|
|
56
|
+
var _v$4 = item.disabled, _v$5 = twMerge("underline-offset-4 transition hover:underline", item.disabled ? "cursor-not-allowed opacity-50" : "text-primary hover:text-accent");
|
|
57
57
|
_v$4 !== _p$.e && (_el$3.disabled = _p$.e = _v$4);
|
|
58
|
-
_v$5 !== _p$.t &&
|
|
58
|
+
_v$5 !== _p$.t && className(_el$3, _p$.t = _v$5);
|
|
59
59
|
return _p$;
|
|
60
60
|
}, {
|
|
61
61
|
e: void 0,
|
|
@@ -68,7 +68,7 @@ const AuthFooterLinks = (props)=>{
|
|
|
68
68
|
})();
|
|
69
69
|
};
|
|
70
70
|
const auth_footer_links_AuthFooterLinks = AuthFooterLinks;
|
|
71
|
-
|
|
71
|
+
delegateEvents([
|
|
72
72
|
"click"
|
|
73
73
|
]);
|
|
74
|
-
export
|
|
74
|
+
export default auth_footer_links_AuthFooterLinks;
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __webpack_exports__AuthFooterLinks = __WEBPACK_EXTERNAL_MODULE__AuthFooterLinks_js_9be5a363__["default"];
|
|
3
|
-
export { __webpack_exports__AuthFooterLinks as AuthFooterLinks };
|
|
1
|
+
export { default as AuthFooterLinks } from "./AuthFooterLinks.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
var _tmpl$ = /*#__PURE__*/
|
|
5
|
-
const
|
|
6
|
-
const [local, others] =
|
|
1
|
+
import { insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
|
+
import { splitProps } from "solid-js";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
var _tmpl$ = /*#__PURE__*/ template("<form>");
|
|
5
|
+
const AuthForm = (props)=>{
|
|
6
|
+
const [local, others] = splitProps(props, [
|
|
7
7
|
"children",
|
|
8
8
|
"onSubmit",
|
|
9
9
|
"ariaLabel",
|
|
@@ -16,8 +16,8 @@ const AuthForm_AuthForm = (props)=>{
|
|
|
16
16
|
};
|
|
17
17
|
return (()=>{
|
|
18
18
|
var _el$ = _tmpl$();
|
|
19
|
-
|
|
20
|
-
class:
|
|
19
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
20
|
+
class: twMerge("flex w-full flex-col gap-4", local.class, local.className)
|
|
21
21
|
}), {
|
|
22
22
|
get ["data-theme"] () {
|
|
23
23
|
return local.dataTheme;
|
|
@@ -28,9 +28,9 @@ const AuthForm_AuthForm = (props)=>{
|
|
|
28
28
|
},
|
|
29
29
|
onSubmit: handleSubmit
|
|
30
30
|
}), false, true);
|
|
31
|
-
|
|
31
|
+
insert(_el$, ()=>local.children);
|
|
32
32
|
return _el$;
|
|
33
33
|
})();
|
|
34
34
|
};
|
|
35
|
-
const
|
|
36
|
-
export
|
|
35
|
+
const auth_form_AuthForm = AuthForm;
|
|
36
|
+
export default auth_form_AuthForm;
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var __webpack_exports__AuthForm = __WEBPACK_EXTERNAL_MODULE__AuthForm_js_90454c38__["default"];
|
|
3
|
-
export { __webpack_exports__AuthForm as AuthForm };
|
|
1
|
+
export { default as AuthForm } from "./AuthForm.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
var _tmpl$ = /*#__PURE__*/
|
|
1
|
+
import { createComponent, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
|
|
2
|
+
import { Show, splitProps } from "solid-js";
|
|
3
|
+
import { twMerge } from "tailwind-merge";
|
|
4
|
+
var _tmpl$ = /*#__PURE__*/ template('<span class="inline-flex shrink-0"aria-hidden=true>'), _tmpl$2 = /*#__PURE__*/ template('<span class="inline-flex items-center gap-1.5"><span>'), _tmpl$3 = /*#__PURE__*/ template('<div><a target=_blank rel="noopener noreferrer"class="underline-offset-4 transition hover:underline">');
|
|
5
5
|
const ALIGN_CLASS = {
|
|
6
6
|
left: "justify-start text-left",
|
|
7
7
|
center: "justify-center text-center",
|
|
@@ -12,8 +12,8 @@ const VARIANT_CLASS = {
|
|
|
12
12
|
card: "rounded-md border border-base-300 px-2.5 py-1 text-xs",
|
|
13
13
|
inline: "text-sm"
|
|
14
14
|
};
|
|
15
|
-
const
|
|
16
|
-
const [local, others] =
|
|
15
|
+
const AuthPoweredBy = (props)=>{
|
|
16
|
+
const [local, others] = splitProps(props, [
|
|
17
17
|
"label",
|
|
18
18
|
"logo",
|
|
19
19
|
"href",
|
|
@@ -27,33 +27,33 @@ const AuthPoweredBy_AuthPoweredBy = (props)=>{
|
|
|
27
27
|
const href = ()=>local.href ?? "https://honey.id/";
|
|
28
28
|
const content = ()=>(()=>{
|
|
29
29
|
var _el$ = _tmpl$2(), _el$3 = _el$.firstChild;
|
|
30
|
-
|
|
30
|
+
insert(_el$, createComponent(Show, {
|
|
31
31
|
get when () {
|
|
32
32
|
return local.logo;
|
|
33
33
|
},
|
|
34
34
|
get children () {
|
|
35
35
|
var _el$2 = _tmpl$();
|
|
36
|
-
|
|
36
|
+
insert(_el$2, ()=>local.logo);
|
|
37
37
|
return _el$2;
|
|
38
38
|
}
|
|
39
39
|
}), _el$3);
|
|
40
|
-
|
|
40
|
+
insert(_el$3, label);
|
|
41
41
|
return _el$;
|
|
42
42
|
})();
|
|
43
43
|
return (()=>{
|
|
44
44
|
var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
|
|
45
|
-
|
|
46
|
-
class:
|
|
45
|
+
spread(_el$4, mergeProps(others, ()=>({
|
|
46
|
+
class: twMerge("flex w-full", ALIGN_CLASS[local.align ?? "center"], VARIANT_CLASS[local.variant ?? "subtle"], local.class, local.className)
|
|
47
47
|
}), {
|
|
48
48
|
get ["data-theme"] () {
|
|
49
49
|
return local.dataTheme;
|
|
50
50
|
},
|
|
51
51
|
"data-slot": "auth-powered-by"
|
|
52
52
|
}), false, true);
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
insert(_el$5, content);
|
|
54
|
+
effect(()=>setAttribute(_el$5, "href", href()));
|
|
55
55
|
return _el$4;
|
|
56
56
|
})();
|
|
57
57
|
};
|
|
58
|
-
const
|
|
59
|
-
export
|
|
58
|
+
const auth_powered_by_AuthPoweredBy = AuthPoweredBy;
|
|
59
|
+
export default auth_powered_by_AuthPoweredBy;
|