@pathscale/ui 1.1.47 → 1.1.49
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/components/accordion/Accordion.js +44 -44
- package/dist/components/accordion/index.js +9 -2
- package/dist/components/alert/Alert.js +30 -30
- package/dist/components/alert/index.js +8 -2
- package/dist/components/avatar/Avatar.js +27 -27
- package/dist/components/avatar/AvatarGroup.js +11 -11
- package/dist/components/avatar/index.js +6 -2
- package/dist/components/badge/Badge.js +19 -19
- package/dist/components/badge/index.js +9 -6
- package/dist/components/breadcrumbs/Breadcrumbs.js +25 -25
- package/dist/components/breadcrumbs/index.js +5 -2
- package/dist/components/button/Button.js +22 -22
- package/dist/components/button/index.js +3 -2
- package/dist/components/button-group/ButtonGroup.js +14 -14
- package/dist/components/button-group/context.js +2 -2
- package/dist/components/button-group/index.js +6 -2
- package/dist/components/calendar/Calendar.js +85 -85
- package/dist/components/calendar/index.js +3 -2
- package/dist/components/card/Card.js +21 -21
- package/dist/components/card/index.js +8 -2
- package/dist/components/chatbubble/ChatBubble.js +19 -19
- package/dist/components/chatbubble/ChatBubbleAvatar.js +8 -8
- package/dist/components/chatbubble/ChatBubbleFooter.js +11 -11
- package/dist/components/chatbubble/ChatBubbleHeader.js +8 -8
- package/dist/components/chatbubble/ChatBubbleMessage.js +12 -12
- package/dist/components/chatbubble/ChatBubbleTime.js +11 -11
- package/dist/components/chatbubble/index.js +3 -2
- package/dist/components/checkbox/Checkbox.js +29 -29
- package/dist/components/checkbox/index.js +3 -2
- package/dist/components/checkbox-group/CheckboxGroup.js +16 -16
- package/dist/components/checkbox-group/context.js +2 -2
- package/dist/components/checkbox-group/index.js +4 -3
- package/dist/components/chip/Chip.js +32 -32
- package/dist/components/chip/index.js +7 -5
- package/dist/components/close-button/CloseButton.js +22 -22
- package/dist/components/close-button/index.js +3 -2
- package/dist/components/color-area/ColorArea.js +13 -13
- package/dist/components/color-area/index.js +2 -2
- package/dist/components/color-field/ColorField.js +23 -23
- package/dist/components/color-field/index.js +2 -2
- package/dist/components/color-picker/ColorPicker.js +44 -44
- package/dist/components/color-picker/index.js +8 -2
- package/dist/components/color-slider/ColorSlider.js +21 -21
- package/dist/components/color-slider/index.js +2 -2
- package/dist/components/color-swatch/ColorSwatch.js +14 -14
- package/dist/components/color-swatch/index.js +2 -2
- package/dist/components/color-swatch-picker/ColorSwatchPicker.js +14 -14
- package/dist/components/color-swatch-picker/index.js +5 -2
- package/dist/components/color-wheel-flower/ColorWheelFlower.js +83 -83
- package/dist/components/color-wheel-flower/colorWheelFlowerContext.js +3 -3
- package/dist/components/color-wheel-flower/index.js +6 -3
- package/dist/components/combo-box/ComboBox.js +90 -90
- package/dist/components/combo-box/index.js +10 -2
- package/dist/components/date-field/DateField.js +41 -41
- package/dist/components/date-field/index.js +11 -2
- package/dist/components/date-picker/DatePicker.js +40 -40
- package/dist/components/date-picker/index.js +3 -2
- package/dist/components/date-range-picker/DateRangePicker.js +55 -55
- package/dist/components/date-range-picker/index.js +3 -2
- package/dist/components/description/Description.js +9 -9
- package/dist/components/description/index.js +5 -2
- package/dist/components/disclosure/Disclosure.js +40 -40
- package/dist/components/disclosure/index.js +9 -3
- package/dist/components/disclosure-group/DisclosureGroup.js +13 -13
- package/dist/components/disclosure-group/index.js +6 -4
- package/dist/components/disclosure-group/useDisclosureGroupNavigation.js +4 -4
- package/dist/components/drawer/Drawer.js +78 -78
- package/dist/components/drawer/index.js +15 -2
- package/dist/components/dropdown/Dropdown.js +60 -60
- package/dist/components/dropdown/index.js +4 -2
- package/dist/components/empty-state/EmptyState.js +25 -25
- package/dist/components/empty-state/index.js +8 -2
- package/dist/components/error-message/ErrorMessage.js +12 -12
- package/dist/components/error-message/index.js +5 -2
- package/dist/components/field-error/FieldError.js +16 -16
- package/dist/components/field-error/index.js +5 -2
- package/dist/components/fieldset/Fieldset.js +21 -21
- package/dist/components/fieldset/index.js +8 -2
- package/dist/components/flex/Flex.js +14 -14
- package/dist/components/flex/index.js +3 -2
- package/dist/components/floating-dock/FloatingDock.css +126 -27
- package/dist/components/floating-dock/FloatingDock.js +80 -78
- package/dist/components/floating-dock/index.js +3 -2
- package/dist/components/floating-dock/liquidGlassMap.d.ts +1 -0
- package/dist/components/floating-dock/liquidGlassMap.js +2 -0
- package/dist/components/footer/Footer.js +11 -11
- package/dist/components/footer/FooterTitle.js +9 -9
- package/dist/components/footer/index.js +3 -2
- package/dist/components/form/FieldErrorMessage.d.ts +17 -0
- package/dist/components/form/FieldErrorMessage.js +23 -0
- package/dist/components/form/Form.d.ts +38 -3
- package/dist/components/form/Form.js +56 -12
- package/dist/components/form/FormField.d.ts +45 -0
- package/dist/components/form/FormField.js +88 -0
- package/dist/components/form/FormSubmitButton.d.ts +27 -0
- package/dist/components/form/FormSubmitButton.js +36 -0
- package/dist/components/form/index.d.ts +4 -1
- package/dist/components/form/index.js +12 -2
- package/dist/components/glass-panel/GlassPanel.js +29 -29
- package/dist/components/glass-panel/index.js +3 -2
- package/dist/components/glow-card/GlowCard.js +10 -10
- package/dist/components/glow-card/index.js +3 -2
- package/dist/components/grid/Grid.js +15 -15
- package/dist/components/grid/index.js +3 -2
- package/dist/components/header/Header.js +12 -12
- package/dist/components/header/index.js +5 -2
- package/dist/components/icon/Icon.js +8 -8
- package/dist/components/icon/index.js +3 -2
- package/dist/components/immersive-landing/ImmersiveLanding.js +44 -44
- package/dist/components/immersive-landing/ImmersiveLandingArrows.js +17 -17
- package/dist/components/immersive-landing/ImmersiveLandingContext.js +3 -3
- package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +36 -36
- package/dist/components/immersive-landing/ImmersiveLandingPage.js +15 -15
- 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 +14 -7
- package/dist/components/immersive-landing/useImmersiveLanding.js +7 -7
- package/dist/components/input/Input.js +48 -48
- package/dist/components/input/index.js +2 -2
- package/dist/components/input-group/InputGroup.js +33 -33
- package/dist/components/input-group/index.js +9 -2
- package/dist/components/input-otp/InputOTP.js +48 -48
- package/dist/components/input-otp/index.js +11 -2
- package/dist/components/join/Join.js +14 -14
- package/dist/components/join/index.js +3 -2
- package/dist/components/kbd/Kbd.js +20 -20
- package/dist/components/kbd/index.js +8 -2
- package/dist/components/label/Label.js +9 -9
- package/dist/components/label/index.js +5 -2
- package/dist/components/language-switcher/LanguageSwitcher.js +26 -26
- package/dist/components/language-switcher/createI18n.js +8 -8
- package/dist/components/language-switcher/index.js +8 -3
- package/dist/components/link/Link.js +22 -22
- package/dist/components/link/index.js +5 -2
- package/dist/components/list-box/ListBox.js +17 -17
- package/dist/components/list-box/ListBoxItem.js +32 -32
- package/dist/components/list-box/ListBoxSection.js +13 -13
- package/dist/components/list-box/context.js +2 -2
- package/dist/components/list-box/index.js +15 -9
- package/dist/components/live-chat/LiveChatBubble.js +27 -27
- package/dist/components/live-chat/LiveChatPanel.js +62 -62
- package/dist/components/live-chat/index.js +5 -3
- package/dist/components/menu/Menu.js +30 -25
- package/dist/components/menu/MenuItem.js +38 -38
- package/dist/components/menu/MenuSection.js +13 -13
- package/dist/components/menu/context.js +2 -2
- package/dist/components/menu/index.js +12 -3
- package/dist/components/meter/Meter.js +31 -31
- package/dist/components/meter/index.js +8 -2
- package/dist/components/modal/Modal.js +80 -80
- package/dist/components/modal/index.js +13 -2
- package/dist/components/navbar/Navbar.js +18 -18
- package/dist/components/navbar/NavbarRow.js +10 -10
- package/dist/components/navbar/NavbarSection.js +9 -9
- package/dist/components/navbar/NavbarStack.js +10 -10
- package/dist/components/navbar/index.js +3 -2
- package/dist/components/noise-background/NoiseBackground.js +35 -35
- package/dist/components/noise-background/index.js +3 -2
- package/dist/components/number-field/NumberField.js +42 -42
- package/dist/components/number-field/index.js +9 -2
- package/dist/components/pagination/Pagination.js +34 -34
- package/dist/components/pagination/index.js +3 -2
- package/dist/components/popover/Popover.js +44 -44
- package/dist/components/popover/index.js +9 -3
- package/dist/components/progress-bar/ProgressBar.js +27 -27
- package/dist/components/progress-bar/index.js +3 -2
- package/dist/components/progress-circle/ProgressCircle.js +32 -32
- package/dist/components/progress-circle/index.js +3 -2
- package/dist/components/radio/Radio.js +27 -27
- package/dist/components/radio/index.js +3 -2
- package/dist/components/radio-group/RadioGroup.js +33 -33
- package/dist/components/radio-group/context.js +2 -2
- package/dist/components/radio-group/index.js +4 -3
- package/dist/components/range-calendar/RangeCalendar.js +15 -15
- package/dist/components/range-calendar/index.js +3 -2
- package/dist/components/scroll-shadow/ScrollShadow.js +19 -19
- package/dist/components/scroll-shadow/index.js +3 -2
- package/dist/components/scroll-shadow/useScrollShadow.js +3 -3
- package/dist/components/search-field/SearchField.js +38 -38
- package/dist/components/search-field/index.js +9 -2
- package/dist/components/select/Select.js +123 -123
- package/dist/components/select/index.js +3 -2
- package/dist/components/separator/Separator.js +11 -11
- package/dist/components/separator/index.js +4 -2
- package/dist/components/size-picker/SizePicker.js +17 -17
- package/dist/components/size-picker/index.js +6 -3
- package/dist/components/size-picker/sizeStore.js +3 -3
- package/dist/components/skeleton/Skeleton.js +8 -8
- package/dist/components/skeleton/index.js +3 -2
- package/dist/components/slider/Slider.js +26 -26
- package/dist/components/slider/index.js +3 -2
- package/dist/components/spinner/Spinner.js +19 -19
- package/dist/components/spinner/index.js +5 -2
- package/dist/components/surface/Surface.js +9 -9
- package/dist/components/surface/index.js +4 -2
- package/dist/components/table/Table.js +80 -80
- package/dist/components/table/index.js +28 -3
- package/dist/components/tabs/Tabs.js +59 -59
- package/dist/components/tabs/index.js +4 -2
- package/dist/components/tag/Tag.js +40 -40
- package/dist/components/tag/index.js +6 -2
- package/dist/components/tag-group/TagGroup.js +20 -20
- package/dist/components/tag-group/context.js +2 -2
- package/dist/components/tag-group/index.js +6 -2
- package/dist/components/text/Text.js +9 -9
- package/dist/components/text/index.js +5 -2
- package/dist/components/text-area/TextArea.js +10 -10
- package/dist/components/text-area/index.js +5 -2
- package/dist/components/text-field/TextField.js +15 -15
- package/dist/components/text-field/index.js +7 -2
- package/dist/components/textarea/Textarea.js +13 -11
- package/dist/components/textarea/index.js +6 -2
- package/dist/components/theme-color-picker/ThemeColorPicker.js +43 -43
- package/dist/components/theme-color-picker/hueShift.js +3 -3
- package/dist/components/theme-color-picker/index.js +7 -3
- package/dist/components/time-field/TimeField.js +41 -41
- package/dist/components/time-field/index.js +11 -2
- package/dist/components/toast/Toast.js +98 -98
- package/dist/components/toast/index.js +19 -2
- package/dist/components/toggle/Toggle.js +31 -31
- package/dist/components/toggle/index.js +3 -2
- package/dist/components/toolbar/Toolbar.js +10 -10
- package/dist/components/toolbar/index.js +5 -2
- package/dist/components/tooltip/Tooltip.js +28 -28
- package/dist/components/tooltip/index.js +7 -2
- package/dist/components/utils.js +7 -6
- package/dist/components/video-preview/VideoPreview.js +15 -15
- package/dist/components/video-preview/index.js +3 -2
- 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.d.ts +16 -0
- package/dist/hooks/form/FormContext.js +8 -0
- package/dist/hooks/form/createForm.d.ts +70 -0
- package/dist/hooks/form/createForm.js +17 -0
- package/dist/hooks/form/getFirstFieldError.d.ts +9 -0
- package/dist/hooks/form/getFirstFieldError.js +19 -0
- package/dist/hooks/form/index.d.ts +6 -1
- package/dist/hooks/form/index.js +21 -6
- package/dist/hooks/form/useField.js +4 -4
- package/dist/hooks/form/useFieldError.js +2 -2
- package/dist/hooks/form/useFieldMeta.js +10 -10
- package/dist/hooks/form/useFieldNew.d.ts +35 -0
- package/dist/hooks/form/useFieldNew.js +31 -0
- package/dist/hooks/form/useFieldProps.js +2 -2
- package/dist/hooks/form/useForm.js +4 -4
- package/dist/hooks/layout/index.js +3 -2
- package/dist/hooks/layout/useDesktop.js +4 -4
- package/dist/hooks/table/index.js +18 -9
- package/dist/hooks/table/useAnchoredOverlayPosition.js +4 -4
- 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.d.ts +7 -4
- package/dist/index.js +375 -97
- package/dist/lib/refs/index.js +3 -2
- package/dist/lib/refs/mergeRefs.js +2 -2
- package/dist/lib/style/index.js +4 -2
- package/dist/lib/tag/createIsButton.js +4 -4
- package/dist/lib/tag/createTagName.js +2 -2
- package/dist/lib/tag/index.js +7 -3
- package/dist/motion/engine.js +4 -4
- package/dist/motion/index.js +34 -11
- 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/MotionDiv.js +13 -13
- package/dist/motion/solid/index.js +3 -2
- package/dist/motion/system.js +9 -9
- package/dist/primitives/streaming/index.js +5 -3
- package/dist/primitives/streaming/useStreamingBuffer.js +2 -2
- package/dist/primitives/streaming/useStreamingSubscription.js +7 -7
- package/dist/primitives/virtualizer/index.js +3 -2
- package/dist/primitives/virtualizer/useVirtualRows.js +7 -7
- package/package.json +14 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
2
|
import "./InputGroup.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<input>"), _tmpl$3 = /*#__PURE__*/ template("<textarea>");
|
|
8
|
-
const InputGroupContext = createContext();
|
|
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__text_field_index_js_54530d22__ from "../text-field/index.js";
|
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__ from "./InputGroup.classes.js";
|
|
7
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<textarea>");
|
|
8
|
+
const InputGroupContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
|
|
9
9
|
const invokeEventHandler = (handler, event)=>{
|
|
10
10
|
if ("function" == typeof handler) return void handler(event);
|
|
11
11
|
if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
|
|
12
12
|
};
|
|
13
13
|
const InputGroupRoot = (props)=>{
|
|
14
|
-
const textFieldContext = useTextFieldContext();
|
|
15
|
-
const [local, others] = splitProps(props, [
|
|
14
|
+
const textFieldContext = (0, __WEBPACK_EXTERNAL_MODULE__text_field_index_js_54530d22__.useTextFieldContext)();
|
|
15
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
16
16
|
"children",
|
|
17
17
|
"class",
|
|
18
18
|
"className",
|
|
@@ -40,7 +40,7 @@ const InputGroupRoot = (props)=>{
|
|
|
40
40
|
}
|
|
41
41
|
invokeEventHandler(local.onClick, event);
|
|
42
42
|
};
|
|
43
|
-
return createComponent(InputGroupContext.Provider, {
|
|
43
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(InputGroupContext.Provider, {
|
|
44
44
|
value: {
|
|
45
45
|
variant,
|
|
46
46
|
fullWidth,
|
|
@@ -49,12 +49,12 @@ const InputGroupRoot = (props)=>{
|
|
|
49
49
|
},
|
|
50
50
|
get children () {
|
|
51
51
|
var _el$ = _tmpl$();
|
|
52
|
-
use((node)=>{
|
|
52
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
|
|
53
53
|
groupRef = node;
|
|
54
54
|
if ("function" == typeof local.ref) local.ref(node);
|
|
55
55
|
}, _el$);
|
|
56
|
-
spread(_el$, mergeProps(others, ()=>({
|
|
57
|
-
class: twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], fullWidth() && CLASSES.Root.flag.fullWidth, local.class, local.className)
|
|
56
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
57
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Root.flag.fullWidth, local.class, local.className)
|
|
58
58
|
}), {
|
|
59
59
|
"data-slot": "input-group",
|
|
60
60
|
get ["data-disabled"] () {
|
|
@@ -77,14 +77,14 @@ const InputGroupRoot = (props)=>{
|
|
|
77
77
|
},
|
|
78
78
|
onClick: handleClick
|
|
79
79
|
}), false, true);
|
|
80
|
-
insert(_el$, ()=>local.children);
|
|
80
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
81
81
|
return _el$;
|
|
82
82
|
}
|
|
83
83
|
});
|
|
84
84
|
};
|
|
85
85
|
const InputGroupInput = (props)=>{
|
|
86
|
-
const context = useContext(InputGroupContext);
|
|
87
|
-
const [local, others] = splitProps(props, [
|
|
86
|
+
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(InputGroupContext);
|
|
87
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
88
88
|
"class",
|
|
89
89
|
"className",
|
|
90
90
|
"dataTheme",
|
|
@@ -97,8 +97,8 @@ const InputGroupInput = (props)=>{
|
|
|
97
97
|
const isInvalid = ()=>Boolean(local.isInvalid) || Boolean(context?.isInvalid());
|
|
98
98
|
return (()=>{
|
|
99
99
|
var _el$2 = _tmpl$2();
|
|
100
|
-
spread(_el$2, mergeProps(others, ()=>({
|
|
101
|
-
class: twMerge(CLASSES.Input.base, local.class, local.className)
|
|
100
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
101
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Input.base, local.class, local.className)
|
|
102
102
|
}), {
|
|
103
103
|
"data-slot": "input-group-input",
|
|
104
104
|
get ["data-theme"] () {
|
|
@@ -121,8 +121,8 @@ const InputGroupInput = (props)=>{
|
|
|
121
121
|
})();
|
|
122
122
|
};
|
|
123
123
|
const InputGroupTextArea = (props)=>{
|
|
124
|
-
const context = useContext(InputGroupContext);
|
|
125
|
-
const [local, others] = splitProps(props, [
|
|
124
|
+
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(InputGroupContext);
|
|
125
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
126
126
|
"class",
|
|
127
127
|
"className",
|
|
128
128
|
"dataTheme",
|
|
@@ -135,8 +135,8 @@ const InputGroupTextArea = (props)=>{
|
|
|
135
135
|
const isInvalid = ()=>Boolean(local.isInvalid) || Boolean(context?.isInvalid());
|
|
136
136
|
return (()=>{
|
|
137
137
|
var _el$3 = _tmpl$3();
|
|
138
|
-
spread(_el$3, mergeProps(others, ()=>({
|
|
139
|
-
class: twMerge(CLASSES.Input.base, local.class, local.className)
|
|
138
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
139
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Input.base, local.class, local.className)
|
|
140
140
|
}), {
|
|
141
141
|
"data-slot": "input-group-textarea",
|
|
142
142
|
get ["data-theme"] () {
|
|
@@ -159,7 +159,7 @@ const InputGroupTextArea = (props)=>{
|
|
|
159
159
|
})();
|
|
160
160
|
};
|
|
161
161
|
const InputGroupPrefix = (props)=>{
|
|
162
|
-
const [local, others] = splitProps(props, [
|
|
162
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
163
163
|
"children",
|
|
164
164
|
"class",
|
|
165
165
|
"className",
|
|
@@ -168,8 +168,8 @@ const InputGroupPrefix = (props)=>{
|
|
|
168
168
|
]);
|
|
169
169
|
return (()=>{
|
|
170
170
|
var _el$4 = _tmpl$();
|
|
171
|
-
spread(_el$4, mergeProps(others, ()=>({
|
|
172
|
-
class: twMerge(CLASSES.Prefix.base, local.class, local.className)
|
|
171
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
172
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Prefix.base, local.class, local.className)
|
|
173
173
|
}), {
|
|
174
174
|
"data-slot": "input-group-prefix",
|
|
175
175
|
get ["data-theme"] () {
|
|
@@ -179,12 +179,12 @@ const InputGroupPrefix = (props)=>{
|
|
|
179
179
|
return local.style;
|
|
180
180
|
}
|
|
181
181
|
}), false, true);
|
|
182
|
-
insert(_el$4, ()=>local.children);
|
|
182
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
|
|
183
183
|
return _el$4;
|
|
184
184
|
})();
|
|
185
185
|
};
|
|
186
186
|
const InputGroupSuffix = (props)=>{
|
|
187
|
-
const [local, others] = splitProps(props, [
|
|
187
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
188
188
|
"children",
|
|
189
189
|
"class",
|
|
190
190
|
"className",
|
|
@@ -193,8 +193,8 @@ const InputGroupSuffix = (props)=>{
|
|
|
193
193
|
]);
|
|
194
194
|
return (()=>{
|
|
195
195
|
var _el$5 = _tmpl$();
|
|
196
|
-
spread(_el$5, mergeProps(others, ()=>({
|
|
197
|
-
class: twMerge(CLASSES.Suffix.base, local.class, local.className)
|
|
196
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
197
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Suffix.base, local.class, local.className)
|
|
198
198
|
}), {
|
|
199
199
|
"data-slot": "input-group-suffix",
|
|
200
200
|
get ["data-theme"] () {
|
|
@@ -204,16 +204,16 @@ const InputGroupSuffix = (props)=>{
|
|
|
204
204
|
return local.style;
|
|
205
205
|
}
|
|
206
206
|
}), false, true);
|
|
207
|
-
insert(_el$5, ()=>local.children);
|
|
207
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
|
|
208
208
|
return _el$5;
|
|
209
209
|
})();
|
|
210
210
|
};
|
|
211
|
-
const
|
|
211
|
+
const InputGroup = Object.assign(InputGroupRoot, {
|
|
212
212
|
Root: InputGroupRoot,
|
|
213
213
|
Input: InputGroupInput,
|
|
214
214
|
TextArea: InputGroupTextArea,
|
|
215
215
|
Prefix: InputGroupPrefix,
|
|
216
216
|
Suffix: InputGroupSuffix
|
|
217
217
|
});
|
|
218
|
-
const
|
|
219
|
-
export {
|
|
218
|
+
const input_group_InputGroup = InputGroup;
|
|
219
|
+
export { InputGroup, InputGroupInput, InputGroupPrefix, InputGroupRoot, InputGroupSuffix, InputGroupTextArea, input_group_InputGroup as default };
|
|
@@ -1,2 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__InputGroup_js_50b8d472__ from "./InputGroup.js";
|
|
2
|
+
var __webpack_exports__InputGroup = __WEBPACK_EXTERNAL_MODULE__InputGroup_js_50b8d472__.InputGroup;
|
|
3
|
+
var __webpack_exports__InputGroupInput = __WEBPACK_EXTERNAL_MODULE__InputGroup_js_50b8d472__.InputGroupInput;
|
|
4
|
+
var __webpack_exports__InputGroupPrefix = __WEBPACK_EXTERNAL_MODULE__InputGroup_js_50b8d472__.InputGroupPrefix;
|
|
5
|
+
var __webpack_exports__InputGroupRoot = __WEBPACK_EXTERNAL_MODULE__InputGroup_js_50b8d472__.InputGroupRoot;
|
|
6
|
+
var __webpack_exports__InputGroupSuffix = __WEBPACK_EXTERNAL_MODULE__InputGroup_js_50b8d472__.InputGroupSuffix;
|
|
7
|
+
var __webpack_exports__InputGroupTextArea = __WEBPACK_EXTERNAL_MODULE__InputGroup_js_50b8d472__.InputGroupTextArea;
|
|
8
|
+
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__InputGroup_js_50b8d472__["default"];
|
|
9
|
+
export { __webpack_exports__InputGroup as InputGroup, __webpack_exports__InputGroupInput as InputGroupInput, __webpack_exports__InputGroupPrefix as InputGroupPrefix, __webpack_exports__InputGroupRoot as InputGroupRoot, __webpack_exports__InputGroupSuffix as InputGroupSuffix, __webpack_exports__InputGroupTextArea as InputGroupTextArea, __webpack_exports__default as default };
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
2
|
import "./InputOTP.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/ template("<div><input>"), _tmpl$2 = /*#__PURE__*/ template("<div>");
|
|
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__InputOTP_classes_js_44f237b3__ from "./InputOTP.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><input>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
7
7
|
const REGEXP_ONLY_DIGITS = "^\\d+$";
|
|
8
8
|
const REGEXP_ONLY_CHARS = "^[a-zA-Z]+$";
|
|
9
9
|
const REGEXP_ONLY_DIGITS_AND_CHARS = "^[a-zA-Z0-9]+$";
|
|
10
|
-
const InputOTPContext = createContext();
|
|
10
|
+
const InputOTPContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
|
|
11
11
|
const clamp = (value, min, max)=>Math.min(max, Math.max(min, value));
|
|
12
12
|
const invokeEventHandler = (handler, event)=>{
|
|
13
13
|
if ("function" == typeof handler) return void handler(event);
|
|
14
14
|
if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
|
|
15
15
|
};
|
|
16
16
|
const InputOTPRoot = (props)=>{
|
|
17
|
-
const [local, others] = splitProps(props, [
|
|
17
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
18
18
|
"children",
|
|
19
19
|
"class",
|
|
20
20
|
"className",
|
|
@@ -41,15 +41,15 @@ const InputOTPRoot = (props)=>{
|
|
|
41
41
|
]);
|
|
42
42
|
let inputRef;
|
|
43
43
|
let rootRef;
|
|
44
|
-
const [internalValue, setInternalValue] = createSignal(local.defaultValue ?? "");
|
|
45
|
-
const [activeIndex, setActiveIndexSignal] = createSignal(0);
|
|
46
|
-
const [isFocused, setIsFocused] = createSignal(false);
|
|
44
|
+
const [internalValue, setInternalValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultValue ?? "");
|
|
45
|
+
const [activeIndex, setActiveIndexSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(0);
|
|
46
|
+
const [isFocused, setIsFocused] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
|
|
47
47
|
const maxLength = ()=>{
|
|
48
48
|
const parsed = Number(local.maxLength);
|
|
49
49
|
if (!Number.isFinite(parsed)) return 6;
|
|
50
50
|
return Math.max(1, Math.floor(parsed));
|
|
51
51
|
};
|
|
52
|
-
const patternRegex = createMemo(()=>{
|
|
52
|
+
const patternRegex = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
53
53
|
if (!local.pattern) return;
|
|
54
54
|
try {
|
|
55
55
|
return new RegExp(local.pattern);
|
|
@@ -71,9 +71,9 @@ const InputOTPRoot = (props)=>{
|
|
|
71
71
|
}
|
|
72
72
|
return result.join("");
|
|
73
73
|
};
|
|
74
|
-
const normalizedControlledValue = createMemo(()=>sanitizeValue(local.value ?? ""));
|
|
75
|
-
const value = createMemo(()=>void 0 !== local.value ? normalizedControlledValue() : sanitizeValue(internalValue()));
|
|
76
|
-
const chars = createMemo(()=>{
|
|
74
|
+
const normalizedControlledValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>sanitizeValue(local.value ?? ""));
|
|
75
|
+
const value = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== local.value ? normalizedControlledValue() : sanitizeValue(internalValue()));
|
|
76
|
+
const chars = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
77
77
|
const current = value();
|
|
78
78
|
return Array.from({
|
|
79
79
|
length: maxLength()
|
|
@@ -141,27 +141,27 @@ const InputOTPRoot = (props)=>{
|
|
|
141
141
|
if (event.defaultPrevented || isDisabled()) return;
|
|
142
142
|
if ("ArrowLeft" === event.key || "ArrowRight" === event.key || "Backspace" === event.key || "Delete" === event.key || "Home" === event.key || "End" === event.key) queueMicrotask(syncActiveFromInputCaret);
|
|
143
143
|
};
|
|
144
|
-
createEffect(()=>{
|
|
144
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
|
|
145
145
|
const current = value();
|
|
146
146
|
if (current.length > maxLength()) setValue(current.slice(0, maxLength()));
|
|
147
147
|
});
|
|
148
|
-
createEffect(()=>{
|
|
148
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
|
|
149
149
|
if (void 0 !== local.value) return;
|
|
150
150
|
const normalized = sanitizeValue(internalValue());
|
|
151
151
|
if (normalized !== internalValue()) setInternalValue(normalized);
|
|
152
152
|
});
|
|
153
|
-
createEffect(()=>{
|
|
153
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
|
|
154
154
|
if (!isFocused()) return;
|
|
155
155
|
const active = clamp(activeIndex(), 0, maxLength());
|
|
156
156
|
inputRef?.setSelectionRange(active, active);
|
|
157
157
|
});
|
|
158
|
-
onMount(()=>{
|
|
158
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
|
|
159
159
|
if (!local.autoFocus || isDisabled()) return;
|
|
160
160
|
queueMicrotask(()=>{
|
|
161
161
|
focusInputAt(value().length);
|
|
162
162
|
});
|
|
163
163
|
});
|
|
164
|
-
return createComponent(InputOTPContext.Provider, {
|
|
164
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(InputOTPContext.Provider, {
|
|
165
165
|
value: {
|
|
166
166
|
value,
|
|
167
167
|
chars,
|
|
@@ -176,12 +176,12 @@ const InputOTPRoot = (props)=>{
|
|
|
176
176
|
},
|
|
177
177
|
get children () {
|
|
178
178
|
var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
|
|
179
|
-
use((node)=>{
|
|
179
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
|
|
180
180
|
rootRef = node;
|
|
181
181
|
if ("function" == typeof local.ref) local.ref(node);
|
|
182
182
|
}, _el$);
|
|
183
|
-
spread(_el$, mergeProps(others, ()=>({
|
|
184
|
-
class: twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], local.class, local.className)
|
|
183
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
184
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Root.variant[variant()], local.class, local.className)
|
|
185
185
|
}), {
|
|
186
186
|
"data-slot": "input-otp",
|
|
187
187
|
get ["data-disabled"] () {
|
|
@@ -200,9 +200,9 @@ const InputOTPRoot = (props)=>{
|
|
|
200
200
|
onFocusOut: handleFocusOut
|
|
201
201
|
}), false, true);
|
|
202
202
|
var _ref$ = inputRef;
|
|
203
|
-
"function" == typeof _ref$ ? use(_ref$, _el$2) : inputRef = _el$2;
|
|
204
|
-
spread(_el$2, mergeProps(()=>({
|
|
205
|
-
class: twMerge(CLASSES.Input.base, local.inputClassName)
|
|
203
|
+
"function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$2) : inputRef = _el$2;
|
|
204
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
205
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Input.base, local.inputClassName)
|
|
206
206
|
}), {
|
|
207
207
|
"data-slot": "input-otp-input",
|
|
208
208
|
type: "text",
|
|
@@ -239,15 +239,15 @@ const InputOTPRoot = (props)=>{
|
|
|
239
239
|
onKeyDown: handleKeyDown,
|
|
240
240
|
onSelect: ()=>syncActiveFromInputCaret()
|
|
241
241
|
}), false, false);
|
|
242
|
-
insert(_el$, ()=>local.children ?? createComponent(InputOTPGroup, {
|
|
242
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children ?? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(InputOTPGroup, {
|
|
243
243
|
get children () {
|
|
244
|
-
return createComponent(For, {
|
|
244
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
245
245
|
get each () {
|
|
246
246
|
return Array.from({
|
|
247
247
|
length: maxLength()
|
|
248
248
|
}, (_, index)=>index);
|
|
249
249
|
},
|
|
250
|
-
children: (index)=>createComponent(InputOTPSlot, {
|
|
250
|
+
children: (index)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(InputOTPSlot, {
|
|
251
251
|
index: index
|
|
252
252
|
})
|
|
253
253
|
});
|
|
@@ -258,7 +258,7 @@ const InputOTPRoot = (props)=>{
|
|
|
258
258
|
});
|
|
259
259
|
};
|
|
260
260
|
const InputOTPGroup = (props)=>{
|
|
261
|
-
const [local, others] = splitProps(props, [
|
|
261
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
262
262
|
"children",
|
|
263
263
|
"class",
|
|
264
264
|
"className",
|
|
@@ -267,8 +267,8 @@ const InputOTPGroup = (props)=>{
|
|
|
267
267
|
]);
|
|
268
268
|
return (()=>{
|
|
269
269
|
var _el$3 = _tmpl$2();
|
|
270
|
-
spread(_el$3, mergeProps(others, ()=>({
|
|
271
|
-
class: twMerge(CLASSES.Group.base, local.class, local.className)
|
|
270
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
271
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Group.base, local.class, local.className)
|
|
272
272
|
}), {
|
|
273
273
|
"data-slot": "input-otp-group",
|
|
274
274
|
get ["data-theme"] () {
|
|
@@ -278,13 +278,13 @@ const InputOTPGroup = (props)=>{
|
|
|
278
278
|
return local.style;
|
|
279
279
|
}
|
|
280
280
|
}), false, true);
|
|
281
|
-
insert(_el$3, ()=>local.children);
|
|
281
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
|
|
282
282
|
return _el$3;
|
|
283
283
|
})();
|
|
284
284
|
};
|
|
285
285
|
const InputOTPSlot = (props)=>{
|
|
286
|
-
const context = useContext(InputOTPContext);
|
|
287
|
-
const [local, others] = splitProps(props, [
|
|
286
|
+
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(InputOTPContext);
|
|
287
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
288
288
|
"index",
|
|
289
289
|
"class",
|
|
290
290
|
"className",
|
|
@@ -303,8 +303,8 @@ const InputOTPSlot = (props)=>{
|
|
|
303
303
|
};
|
|
304
304
|
return (()=>{
|
|
305
305
|
var _el$4 = _tmpl$2();
|
|
306
|
-
spread(_el$4, mergeProps(others, ()=>({
|
|
307
|
-
class: twMerge(CLASSES.Slot.base, local.class, local.className)
|
|
306
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
307
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Slot.base, local.class, local.className)
|
|
308
308
|
}), {
|
|
309
309
|
"data-slot": "input-otp-slot",
|
|
310
310
|
get ["data-active"] () {
|
|
@@ -327,29 +327,29 @@ const InputOTPSlot = (props)=>{
|
|
|
327
327
|
},
|
|
328
328
|
onMouseDown: handleMouseDown
|
|
329
329
|
}), false, true);
|
|
330
|
-
insert(_el$4, createComponent(Show, {
|
|
330
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
331
331
|
get when () {
|
|
332
332
|
return char().length > 0;
|
|
333
333
|
},
|
|
334
334
|
get children () {
|
|
335
335
|
var _el$5 = _tmpl$2();
|
|
336
|
-
spread(_el$5, mergeProps(()=>({
|
|
337
|
-
class: CLASSES.Slot.value
|
|
336
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
337
|
+
class: __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Slot.value
|
|
338
338
|
}), {
|
|
339
339
|
"data-slot": "input-otp-slot-value"
|
|
340
340
|
}), false, true);
|
|
341
|
-
insert(_el$5, char);
|
|
341
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, char);
|
|
342
342
|
return _el$5;
|
|
343
343
|
}
|
|
344
344
|
}), null);
|
|
345
|
-
insert(_el$4, createComponent(Show, {
|
|
345
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
346
346
|
get when () {
|
|
347
|
-
return memo(()=>!!isActive())() && 0 === char().length;
|
|
347
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isActive())() && 0 === char().length;
|
|
348
348
|
},
|
|
349
349
|
get children () {
|
|
350
350
|
var _el$6 = _tmpl$2();
|
|
351
|
-
spread(_el$6, mergeProps(()=>({
|
|
352
|
-
class: CLASSES.Slot.caret
|
|
351
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
352
|
+
class: __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Slot.caret
|
|
353
353
|
}), {
|
|
354
354
|
"data-slot": "input-otp-caret"
|
|
355
355
|
}), false, false);
|
|
@@ -360,7 +360,7 @@ const InputOTPSlot = (props)=>{
|
|
|
360
360
|
})();
|
|
361
361
|
};
|
|
362
362
|
const InputOTPSeparator = (props)=>{
|
|
363
|
-
const [local, others] = splitProps(props, [
|
|
363
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
364
364
|
"children",
|
|
365
365
|
"class",
|
|
366
366
|
"className",
|
|
@@ -369,8 +369,8 @@ const InputOTPSeparator = (props)=>{
|
|
|
369
369
|
]);
|
|
370
370
|
return (()=>{
|
|
371
371
|
var _el$7 = _tmpl$2();
|
|
372
|
-
spread(_el$7, mergeProps(others, ()=>({
|
|
373
|
-
class: twMerge(CLASSES.Separator.base, local.class, local.className)
|
|
372
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
373
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Separator.base, local.class, local.className)
|
|
374
374
|
}), {
|
|
375
375
|
"data-slot": "input-otp-separator",
|
|
376
376
|
get ["data-theme"] () {
|
|
@@ -380,7 +380,7 @@ const InputOTPSeparator = (props)=>{
|
|
|
380
380
|
return local.style;
|
|
381
381
|
}
|
|
382
382
|
}), false, true);
|
|
383
|
-
insert(_el$7, ()=>local.children);
|
|
383
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
|
|
384
384
|
return _el$7;
|
|
385
385
|
})();
|
|
386
386
|
};
|
|
@@ -1,2 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__InputOTP_js_2a735b74__ from "./InputOTP.js";
|
|
2
|
+
var __webpack_exports__InputOTP = __WEBPACK_EXTERNAL_MODULE__InputOTP_js_2a735b74__.InputOTP;
|
|
3
|
+
var __webpack_exports__InputOTPGroup = __WEBPACK_EXTERNAL_MODULE__InputOTP_js_2a735b74__.InputOTPGroup;
|
|
4
|
+
var __webpack_exports__InputOTPRoot = __WEBPACK_EXTERNAL_MODULE__InputOTP_js_2a735b74__.InputOTPRoot;
|
|
5
|
+
var __webpack_exports__InputOTPSeparator = __WEBPACK_EXTERNAL_MODULE__InputOTP_js_2a735b74__.InputOTPSeparator;
|
|
6
|
+
var __webpack_exports__InputOTPSlot = __WEBPACK_EXTERNAL_MODULE__InputOTP_js_2a735b74__.InputOTPSlot;
|
|
7
|
+
var __webpack_exports__REGEXP_ONLY_CHARS = __WEBPACK_EXTERNAL_MODULE__InputOTP_js_2a735b74__.REGEXP_ONLY_CHARS;
|
|
8
|
+
var __webpack_exports__REGEXP_ONLY_DIGITS = __WEBPACK_EXTERNAL_MODULE__InputOTP_js_2a735b74__.REGEXP_ONLY_DIGITS;
|
|
9
|
+
var __webpack_exports__REGEXP_ONLY_DIGITS_AND_CHARS = __WEBPACK_EXTERNAL_MODULE__InputOTP_js_2a735b74__.REGEXP_ONLY_DIGITS_AND_CHARS;
|
|
10
|
+
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__InputOTP_js_2a735b74__["default"];
|
|
11
|
+
export { __webpack_exports__InputOTP as InputOTP, __webpack_exports__InputOTPGroup as InputOTPGroup, __webpack_exports__InputOTPRoot as InputOTPRoot, __webpack_exports__InputOTPSeparator as InputOTPSeparator, __webpack_exports__InputOTPSlot as InputOTPSlot, __webpack_exports__REGEXP_ONLY_CHARS as REGEXP_ONLY_CHARS, __webpack_exports__REGEXP_ONLY_DIGITS as REGEXP_ONLY_DIGITS, __webpack_exports__REGEXP_ONLY_DIGITS_AND_CHARS as REGEXP_ONLY_DIGITS_AND_CHARS, __webpack_exports__default as default };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/ template("<div>");
|
|
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
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__ from "./Join.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
7
7
|
const Join = (props)=>{
|
|
8
|
-
const [local, others] = splitProps(props, [
|
|
8
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
9
9
|
"responsive",
|
|
10
10
|
"vertical",
|
|
11
11
|
"horizontal",
|
|
@@ -15,15 +15,15 @@ const Join = (props)=>{
|
|
|
15
15
|
"style",
|
|
16
16
|
"children"
|
|
17
17
|
]);
|
|
18
|
-
const resolvedChildren = children(()=>local.children);
|
|
19
|
-
const classes = createMemo(()=>twMerge(CLASSES.base, clsx({
|
|
20
|
-
[CLASSES.flag.vertical]: !local.responsive && local.vertical,
|
|
21
|
-
[CLASSES.flag.horizontal]: !local.responsive && local.horizontal,
|
|
22
|
-
[CLASSES.flag.responsive]: local.responsive
|
|
18
|
+
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
19
|
+
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__.CLASSES.base, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
|
|
20
|
+
[__WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__.CLASSES.flag.vertical]: !local.responsive && local.vertical,
|
|
21
|
+
[__WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__.CLASSES.flag.horizontal]: !local.responsive && local.horizontal,
|
|
22
|
+
[__WEBPACK_EXTERNAL_MODULE__Join_classes_js_1c694ba7__.CLASSES.flag.responsive]: local.responsive
|
|
23
23
|
}), local.class, local.className));
|
|
24
24
|
return (()=>{
|
|
25
25
|
var _el$ = _tmpl$();
|
|
26
|
-
spread(_el$, mergeProps(others, ()=>({
|
|
26
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
27
27
|
class: classes()
|
|
28
28
|
}), {
|
|
29
29
|
get ["data-theme"] () {
|
|
@@ -33,7 +33,7 @@ const Join = (props)=>{
|
|
|
33
33
|
return local.style;
|
|
34
34
|
}
|
|
35
35
|
}), false, true);
|
|
36
|
-
insert(_el$, resolvedChildren);
|
|
36
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
|
|
37
37
|
return _el$;
|
|
38
38
|
})();
|
|
39
39
|
};
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Join_js_aed7ece1__ from "./Join.js";
|
|
2
|
+
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Join_js_aed7ece1__["default"];
|
|
3
|
+
export { __webpack_exports__default as default };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
2
|
import "./Kbd.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/ template("<kbd>"), _tmpl$2 = /*#__PURE__*/ template("<abbr>"), _tmpl$3 = /*#__PURE__*/ template("<span>");
|
|
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__Kbd_classes_js_aa4a6095__ from "./Kbd.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<kbd>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<abbr>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
|
|
7
7
|
const kbdKeysMap = {
|
|
8
8
|
command: "\u2318",
|
|
9
9
|
shift: "\u21E7",
|
|
@@ -53,7 +53,7 @@ const kbdKeysLabelMap = {
|
|
|
53
53
|
alt: "Alt"
|
|
54
54
|
};
|
|
55
55
|
const KbdRoot = (props)=>{
|
|
56
|
-
const [local, others] = splitProps(props, [
|
|
56
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
57
57
|
"class",
|
|
58
58
|
"className",
|
|
59
59
|
"dataTheme",
|
|
@@ -64,8 +64,8 @@ const KbdRoot = (props)=>{
|
|
|
64
64
|
const variant = ()=>local.variant ?? "default";
|
|
65
65
|
return (()=>{
|
|
66
66
|
var _el$ = _tmpl$();
|
|
67
|
-
spread(_el$, mergeProps(others, ()=>({
|
|
68
|
-
class: twMerge(CLASSES.base, CLASSES.variant[variant()], local.class, local.className)
|
|
67
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
68
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__.CLASSES.variant[variant()], local.class, local.className)
|
|
69
69
|
}), {
|
|
70
70
|
"data-slot": "kbd",
|
|
71
71
|
get ["data-variant"] () {
|
|
@@ -78,12 +78,12 @@ const KbdRoot = (props)=>{
|
|
|
78
78
|
return local.style;
|
|
79
79
|
}
|
|
80
80
|
}), false, true);
|
|
81
|
-
insert(_el$, ()=>local.children);
|
|
81
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
|
|
82
82
|
return _el$;
|
|
83
83
|
})();
|
|
84
84
|
};
|
|
85
85
|
const KbdAbbr = (props)=>{
|
|
86
|
-
const [local, others] = splitProps(props, [
|
|
86
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
87
87
|
"class",
|
|
88
88
|
"className",
|
|
89
89
|
"dataTheme",
|
|
@@ -93,8 +93,8 @@ const KbdAbbr = (props)=>{
|
|
|
93
93
|
]);
|
|
94
94
|
return (()=>{
|
|
95
95
|
var _el$2 = _tmpl$2();
|
|
96
|
-
spread(_el$2, mergeProps(others, ()=>({
|
|
97
|
-
class: twMerge(CLASSES.slot.abbr, local.class, local.className)
|
|
96
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
97
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__.CLASSES.slot.abbr, local.class, local.className)
|
|
98
98
|
}), {
|
|
99
99
|
get title () {
|
|
100
100
|
return local.title ?? kbdKeysLabelMap[local.keyValue];
|
|
@@ -110,12 +110,12 @@ const KbdAbbr = (props)=>{
|
|
|
110
110
|
return local.style;
|
|
111
111
|
}
|
|
112
112
|
}), false, true);
|
|
113
|
-
insert(_el$2, ()=>kbdKeysMap[local.keyValue]);
|
|
113
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>kbdKeysMap[local.keyValue]);
|
|
114
114
|
return _el$2;
|
|
115
115
|
})();
|
|
116
116
|
};
|
|
117
117
|
const KbdContent = (props)=>{
|
|
118
|
-
const [local, others] = splitProps(props, [
|
|
118
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
119
119
|
"class",
|
|
120
120
|
"className",
|
|
121
121
|
"dataTheme",
|
|
@@ -124,8 +124,8 @@ const KbdContent = (props)=>{
|
|
|
124
124
|
]);
|
|
125
125
|
return (()=>{
|
|
126
126
|
var _el$3 = _tmpl$3();
|
|
127
|
-
spread(_el$3, mergeProps(others, ()=>({
|
|
128
|
-
class: twMerge(CLASSES.slot.content, local.class, local.className)
|
|
127
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
128
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Kbd_classes_js_aa4a6095__.CLASSES.slot.content, local.class, local.className)
|
|
129
129
|
}), {
|
|
130
130
|
"data-slot": "kbd-content",
|
|
131
131
|
get ["data-theme"] () {
|
|
@@ -135,14 +135,14 @@ const KbdContent = (props)=>{
|
|
|
135
135
|
return local.style;
|
|
136
136
|
}
|
|
137
137
|
}), false, true);
|
|
138
|
-
insert(_el$3, ()=>local.children);
|
|
138
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
|
|
139
139
|
return _el$3;
|
|
140
140
|
})();
|
|
141
141
|
};
|
|
142
|
-
const
|
|
142
|
+
const Kbd = Object.assign(KbdRoot, {
|
|
143
143
|
Root: KbdRoot,
|
|
144
144
|
Abbr: KbdAbbr,
|
|
145
145
|
Content: KbdContent
|
|
146
146
|
});
|
|
147
|
-
const
|
|
148
|
-
export { KbdAbbr, KbdContent, KbdRoot,
|
|
147
|
+
const kbd_Kbd = Kbd;
|
|
148
|
+
export { KbdAbbr, KbdContent, KbdRoot, kbd_Kbd as default, kbdKeysLabelMap, kbdKeysMap };
|
|
@@ -1,2 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__ from "./Kbd.js";
|
|
2
|
+
var __webpack_exports__KbdAbbr = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__.KbdAbbr;
|
|
3
|
+
var __webpack_exports__KbdContent = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__.KbdContent;
|
|
4
|
+
var __webpack_exports__KbdRoot = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__.KbdRoot;
|
|
5
|
+
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__["default"];
|
|
6
|
+
var __webpack_exports__kbdKeysLabelMap = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__.kbdKeysLabelMap;
|
|
7
|
+
var __webpack_exports__kbdKeysMap = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__.kbdKeysMap;
|
|
8
|
+
export { __webpack_exports__KbdAbbr as KbdAbbr, __webpack_exports__KbdContent as KbdContent, __webpack_exports__KbdRoot as KbdRoot, __webpack_exports__default as default, __webpack_exports__kbdKeysLabelMap as kbdKeysLabelMap, __webpack_exports__kbdKeysMap as kbdKeysMap };
|