@pathscale/ui 1.1.44 → 1.1.45
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 +2 -9
- package/dist/components/alert/Alert.js +30 -30
- package/dist/components/alert/index.js +2 -8
- package/dist/components/avatar/Avatar.js +27 -27
- package/dist/components/avatar/AvatarGroup.js +11 -11
- package/dist/components/avatar/index.js +2 -6
- package/dist/components/badge/Badge.js +19 -19
- package/dist/components/badge/index.js +6 -9
- package/dist/components/breadcrumbs/Breadcrumbs.js +25 -25
- package/dist/components/breadcrumbs/index.js +2 -5
- package/dist/components/button/Button.js +22 -22
- package/dist/components/button/index.js +2 -3
- 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 +2 -6
- package/dist/components/calendar/Calendar.js +85 -85
- package/dist/components/calendar/index.js +2 -3
- package/dist/components/card/Card.js +21 -21
- package/dist/components/card/index.js +2 -8
- 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 +2 -3
- package/dist/components/checkbox/Checkbox.js +29 -29
- package/dist/components/checkbox/index.js +2 -3
- 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 +3 -4
- package/dist/components/chip/Chip.js +32 -32
- package/dist/components/chip/index.js +5 -7
- package/dist/components/close-button/CloseButton.js +22 -22
- package/dist/components/close-button/index.js +2 -3
- 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 +2 -8
- 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 +2 -5
- 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 +3 -6
- package/dist/components/combo-box/ComboBox.js +90 -90
- package/dist/components/combo-box/index.js +2 -10
- package/dist/components/date-field/DateField.js +41 -41
- package/dist/components/date-field/index.js +2 -11
- package/dist/components/date-picker/DatePicker.js +40 -40
- package/dist/components/date-picker/index.js +2 -3
- package/dist/components/date-range-picker/DateRangePicker.js +55 -55
- package/dist/components/date-range-picker/index.js +2 -3
- package/dist/components/description/Description.js +9 -9
- package/dist/components/description/index.js +2 -5
- package/dist/components/disclosure/Disclosure.js +40 -40
- package/dist/components/disclosure/index.js +3 -9
- package/dist/components/disclosure-group/DisclosureGroup.js +13 -13
- package/dist/components/disclosure-group/index.js +4 -6
- package/dist/components/disclosure-group/useDisclosureGroupNavigation.js +4 -4
- package/dist/components/drawer/Drawer.css +51 -0
- package/dist/components/drawer/Drawer.d.ts +7 -0
- package/dist/components/drawer/Drawer.js +105 -80
- package/dist/components/drawer/index.d.ts +1 -1
- package/dist/components/drawer/index.js +2 -15
- package/dist/components/dropdown/Dropdown.js +60 -60
- package/dist/components/dropdown/index.js +2 -4
- package/dist/components/empty-state/EmptyState.js +25 -25
- package/dist/components/empty-state/index.js +2 -8
- package/dist/components/error-message/ErrorMessage.js +12 -12
- package/dist/components/error-message/index.js +2 -5
- package/dist/components/field-error/FieldError.js +16 -16
- package/dist/components/field-error/index.js +2 -5
- package/dist/components/fieldset/Fieldset.js +21 -21
- package/dist/components/fieldset/index.js +2 -8
- package/dist/components/flex/Flex.js +14 -14
- package/dist/components/flex/index.js +2 -3
- package/dist/components/floating-dock/FloatingDock.js +76 -76
- package/dist/components/floating-dock/index.js +2 -3
- package/dist/components/footer/Footer.js +11 -11
- package/dist/components/footer/FooterTitle.js +9 -9
- package/dist/components/footer/index.js +2 -3
- package/dist/components/form/Form.js +8 -8
- package/dist/components/form/index.js +2 -5
- package/dist/components/glass-panel/GlassPanel.js +29 -29
- package/dist/components/glass-panel/index.js +2 -3
- package/dist/components/glow-card/GlowCard.js +10 -10
- package/dist/components/glow-card/index.js +2 -3
- package/dist/components/grid/Grid.js +15 -15
- package/dist/components/grid/index.js +2 -3
- package/dist/components/header/Header.js +12 -12
- package/dist/components/header/index.js +2 -5
- package/dist/components/icon/Icon.js +9 -8
- package/dist/components/icon/index.js +2 -3
- 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 +7 -14
- package/dist/components/immersive-landing/useImmersiveLanding.js +7 -7
- package/dist/components/input/Input.css +0 -4
- 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 +2 -9
- package/dist/components/input-otp/InputOTP.js +48 -48
- package/dist/components/input-otp/index.js +2 -11
- package/dist/components/join/Join.js +14 -14
- package/dist/components/join/index.js +2 -3
- package/dist/components/kbd/Kbd.js +20 -20
- package/dist/components/kbd/index.js +2 -8
- package/dist/components/label/Label.js +9 -9
- package/dist/components/label/index.js +2 -5
- 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 +3 -8
- package/dist/components/link/Link.js +22 -22
- package/dist/components/link/index.js +2 -5
- 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 +9 -15
- 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 +3 -5
- package/dist/components/menu/Menu.js +25 -30
- 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 +3 -12
- package/dist/components/meter/Meter.js +31 -31
- package/dist/components/meter/index.js +2 -8
- package/dist/components/modal/Modal.js +80 -80
- package/dist/components/modal/index.js +2 -13
- 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 +2 -3
- package/dist/components/noise-background/NoiseBackground.js +35 -35
- package/dist/components/noise-background/index.js +2 -3
- package/dist/components/number-field/NumberField.js +42 -42
- package/dist/components/number-field/index.js +2 -9
- package/dist/components/pagination/Pagination.js +34 -34
- package/dist/components/pagination/index.js +2 -3
- package/dist/components/popover/Popover.js +44 -44
- package/dist/components/popover/index.js +3 -9
- package/dist/components/progress-bar/ProgressBar.js +27 -27
- package/dist/components/progress-bar/index.js +2 -3
- package/dist/components/progress-circle/ProgressCircle.js +32 -32
- package/dist/components/progress-circle/index.js +2 -3
- package/dist/components/radio/Radio.js +27 -27
- package/dist/components/radio/index.js +2 -3
- 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 +3 -4
- package/dist/components/range-calendar/RangeCalendar.js +15 -15
- package/dist/components/range-calendar/index.js +2 -3
- package/dist/components/scroll-shadow/ScrollShadow.js +19 -19
- package/dist/components/scroll-shadow/index.js +2 -3
- 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 +2 -9
- package/dist/components/select/Select.js +123 -123
- package/dist/components/select/index.js +2 -3
- package/dist/components/separator/Separator.js +11 -11
- package/dist/components/separator/index.js +2 -4
- package/dist/components/size-picker/SizePicker.js +17 -17
- package/dist/components/size-picker/index.js +3 -6
- package/dist/components/size-picker/sizeStore.js +3 -3
- package/dist/components/skeleton/Skeleton.js +8 -8
- package/dist/components/skeleton/index.js +2 -3
- package/dist/components/slider/Slider.js +26 -26
- package/dist/components/slider/index.js +2 -3
- package/dist/components/spinner/Spinner.js +19 -19
- package/dist/components/spinner/index.js +2 -5
- package/dist/components/surface/Surface.js +9 -9
- package/dist/components/surface/index.js +2 -4
- package/dist/components/table/Table.js +80 -80
- package/dist/components/table/index.js +3 -28
- package/dist/components/tabs/Tabs.js +59 -59
- package/dist/components/tabs/index.js +2 -4
- package/dist/components/tag/Tag.js +40 -40
- package/dist/components/tag/index.js +2 -6
- 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 +2 -6
- package/dist/components/text/Text.js +9 -9
- package/dist/components/text/index.js +2 -5
- package/dist/components/text-area/TextArea.js +10 -10
- package/dist/components/text-area/index.js +2 -5
- package/dist/components/text-field/TextField.js +15 -15
- package/dist/components/text-field/index.js +2 -7
- package/dist/components/textarea/Textarea.js +11 -13
- package/dist/components/textarea/index.js +2 -6
- 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 +3 -7
- package/dist/components/time-field/TimeField.js +41 -41
- package/dist/components/time-field/index.js +2 -11
- package/dist/components/toast/Toast.js +98 -98
- package/dist/components/toast/index.js +2 -19
- package/dist/components/toggle/Toggle.css +0 -9
- package/dist/components/toggle/Toggle.js +31 -31
- package/dist/components/toggle/index.js +2 -3
- package/dist/components/toolbar/Toolbar.js +10 -10
- package/dist/components/toolbar/index.js +2 -5
- package/dist/components/tooltip/Tooltip.js +28 -28
- package/dist/components/tooltip/index.js +2 -7
- package/dist/components/utils.js +6 -7
- package/dist/components/video-preview/VideoPreview.js +15 -15
- package/dist/components/video-preview/index.js +2 -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/index.js +6 -12
- 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/useFieldProps.js +2 -2
- package/dist/hooks/form/useForm.js +4 -4
- package/dist/hooks/layout/index.js +2 -3
- package/dist/hooks/layout/useDesktop.js +4 -4
- package/dist/hooks/table/index.js +9 -18
- 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 +1 -1
- package/dist/index.js +97 -366
- package/dist/lib/refs/index.js +2 -3
- package/dist/lib/refs/mergeRefs.js +2 -2
- package/dist/lib/style/index.js +2 -4
- package/dist/lib/tag/createIsButton.js +4 -4
- package/dist/lib/tag/createTagName.js +2 -2
- package/dist/lib/tag/index.js +3 -7
- package/dist/motion/engine.js +4 -4
- package/dist/motion/index.js +11 -34
- 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 +2 -3
- package/dist/motion/system.js +9 -9
- package/dist/primitives/streaming/index.js +3 -5
- package/dist/primitives/streaming/useStreamingBuffer.js +2 -2
- package/dist/primitives/streaming/useStreamingSubscription.js +7 -7
- package/dist/primitives/virtualizer/index.js +2 -3
- package/dist/primitives/virtualizer/useVirtualRows.js +7 -7
- package/dist/purge-manifest.json +2287 -2287
- package/package.json +1 -1
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
|
|
2
2
|
import "./Tabs.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
7
|
-
const TabsContext =
|
|
3
|
+
import { createContext, createEffect, createMemo, createSignal, createUniqueId, onCleanup, onMount, splitProps, useContext } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./Tabs.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<div><span>"), _tmpl$3 = /*#__PURE__*/ template("<button>"), _tmpl$4 = /*#__PURE__*/ template("<span>");
|
|
7
|
+
const TabsContext = createContext();
|
|
8
8
|
const invokeEventHandler = (handler, event)=>{
|
|
9
9
|
if ("function" == typeof handler) return void handler(event);
|
|
10
10
|
if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
|
|
11
11
|
};
|
|
12
12
|
const TabsRoot = (props)=>{
|
|
13
|
-
const [local, others] =
|
|
13
|
+
const [local, others] = splitProps(props, [
|
|
14
14
|
"children",
|
|
15
15
|
"class",
|
|
16
16
|
"orientation",
|
|
@@ -19,9 +19,9 @@ const TabsRoot = (props)=>{
|
|
|
19
19
|
"defaultSelectedKey",
|
|
20
20
|
"onSelectionChange"
|
|
21
21
|
]);
|
|
22
|
-
const baseId =
|
|
23
|
-
const [internalSelectedKey, setInternalSelectedKey] =
|
|
24
|
-
const [tabs, setTabs] =
|
|
22
|
+
const baseId = createUniqueId();
|
|
23
|
+
const [internalSelectedKey, setInternalSelectedKey] = createSignal(local.defaultSelectedKey);
|
|
24
|
+
const [tabs, setTabs] = createSignal([]);
|
|
25
25
|
const isControlled = ()=>void 0 !== local.selectedKey;
|
|
26
26
|
const selectedKey = ()=>isControlled() ? local.selectedKey : internalSelectedKey();
|
|
27
27
|
const setSelectedKey = (key)=>{
|
|
@@ -42,8 +42,8 @@ const TabsRoot = (props)=>{
|
|
|
42
42
|
};
|
|
43
43
|
const getTabId = (key)=>`${baseId}-tab-${String(key)}`;
|
|
44
44
|
const getPanelId = (key)=>`${baseId}-panel-${String(key)}`;
|
|
45
|
-
const classes = ()=>
|
|
46
|
-
const context =
|
|
45
|
+
const classes = ()=>twMerge(CLASSES.base, "secondary" === local.variant && CLASSES.variant.secondary, local.class);
|
|
46
|
+
const context = createMemo(()=>({
|
|
47
47
|
orientation: local.orientation ?? "horizontal",
|
|
48
48
|
variant: local.variant ?? "primary",
|
|
49
49
|
selectedKey,
|
|
@@ -54,13 +54,13 @@ const TabsRoot = (props)=>{
|
|
|
54
54
|
getTabId,
|
|
55
55
|
getPanelId
|
|
56
56
|
}));
|
|
57
|
-
return
|
|
57
|
+
return createComponent(TabsContext.Provider, {
|
|
58
58
|
get value () {
|
|
59
59
|
return context();
|
|
60
60
|
},
|
|
61
61
|
get children () {
|
|
62
62
|
var _el$ = _tmpl$();
|
|
63
|
-
|
|
63
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
64
64
|
class: classes()
|
|
65
65
|
}), {
|
|
66
66
|
"data-slot": "tabs",
|
|
@@ -68,48 +68,48 @@ const TabsRoot = (props)=>{
|
|
|
68
68
|
return local.orientation ?? "horizontal";
|
|
69
69
|
}
|
|
70
70
|
}), false, true);
|
|
71
|
-
|
|
71
|
+
insert(_el$, ()=>local.children);
|
|
72
72
|
return _el$;
|
|
73
73
|
}
|
|
74
74
|
});
|
|
75
75
|
};
|
|
76
76
|
const TabListContainer = (props)=>{
|
|
77
|
-
const [local, others] =
|
|
77
|
+
const [local, others] = splitProps(props, [
|
|
78
78
|
"class",
|
|
79
79
|
"children"
|
|
80
80
|
]);
|
|
81
81
|
return (()=>{
|
|
82
82
|
var _el$2 = _tmpl$();
|
|
83
|
-
|
|
84
|
-
class:
|
|
83
|
+
spread(_el$2, mergeProps(others, ()=>({
|
|
84
|
+
class: twMerge(CLASSES.slot.listContainer, local.class)
|
|
85
85
|
}), {
|
|
86
86
|
"data-slot": "tabs-list-container"
|
|
87
87
|
}), false, true);
|
|
88
|
-
|
|
88
|
+
insert(_el$2, ()=>local.children);
|
|
89
89
|
return _el$2;
|
|
90
90
|
})();
|
|
91
91
|
};
|
|
92
92
|
const TabList = (props)=>{
|
|
93
|
-
const ctx =
|
|
94
|
-
const [local, others] =
|
|
93
|
+
const ctx = useContext(TabsContext);
|
|
94
|
+
const [local, others] = splitProps(props, [
|
|
95
95
|
"class",
|
|
96
96
|
"children",
|
|
97
97
|
"ref"
|
|
98
98
|
]);
|
|
99
|
-
const [indicatorStyle, setIndicatorStyle] =
|
|
99
|
+
const [indicatorStyle, setIndicatorStyle] = createSignal({
|
|
100
100
|
"--tabs-indicator-x": "0px",
|
|
101
101
|
"--tabs-indicator-y": "0px",
|
|
102
102
|
"--tabs-indicator-width": "0px",
|
|
103
103
|
"--tabs-indicator-height": "0px"
|
|
104
104
|
});
|
|
105
|
-
const [indicatorVisible, setIndicatorVisible] =
|
|
106
|
-
const [indicatorReady, setIndicatorReady] =
|
|
105
|
+
const [indicatorVisible, setIndicatorVisible] = createSignal(false);
|
|
106
|
+
const [indicatorReady, setIndicatorReady] = createSignal(false);
|
|
107
107
|
let listRef;
|
|
108
108
|
let rafId;
|
|
109
109
|
if (!ctx) return (()=>{
|
|
110
110
|
var _el$3 = _tmpl$();
|
|
111
|
-
|
|
112
|
-
|
|
111
|
+
spread(_el$3, others, false, true);
|
|
112
|
+
insert(_el$3, ()=>local.children);
|
|
113
113
|
return _el$3;
|
|
114
114
|
})();
|
|
115
115
|
const setListRef = (element)=>{
|
|
@@ -150,45 +150,45 @@ const TabList = (props)=>{
|
|
|
150
150
|
measureIndicator();
|
|
151
151
|
});
|
|
152
152
|
};
|
|
153
|
-
|
|
153
|
+
createEffect(()=>{
|
|
154
154
|
ctx.selectedKey();
|
|
155
155
|
ctx.tabs();
|
|
156
156
|
scheduleMeasure();
|
|
157
157
|
});
|
|
158
|
-
|
|
158
|
+
createEffect(()=>{
|
|
159
159
|
if (!listRef) return;
|
|
160
160
|
const observer = new ResizeObserver(()=>scheduleMeasure());
|
|
161
161
|
observer.observe(listRef);
|
|
162
162
|
for (const tab of ctx.tabs())observer.observe(tab.ref);
|
|
163
|
-
|
|
163
|
+
onCleanup(()=>observer.disconnect());
|
|
164
164
|
});
|
|
165
|
-
|
|
165
|
+
onMount(()=>{
|
|
166
166
|
scheduleMeasure();
|
|
167
167
|
window.addEventListener("resize", scheduleMeasure);
|
|
168
|
-
|
|
168
|
+
onCleanup(()=>{
|
|
169
169
|
window.removeEventListener("resize", scheduleMeasure);
|
|
170
170
|
if (void 0 !== rafId) cancelAnimationFrame(rafId);
|
|
171
171
|
});
|
|
172
172
|
});
|
|
173
173
|
return (()=>{
|
|
174
174
|
var _el$4 = _tmpl$2(), _el$5 = _el$4.firstChild;
|
|
175
|
-
|
|
176
|
-
|
|
175
|
+
use(setListRef, _el$4);
|
|
176
|
+
spread(_el$4, mergeProps(others, {
|
|
177
177
|
role: "tablist",
|
|
178
178
|
get ["aria-orientation"] () {
|
|
179
179
|
return ctx.orientation;
|
|
180
180
|
}
|
|
181
181
|
}, ()=>({
|
|
182
|
-
class:
|
|
182
|
+
class: twMerge(CLASSES.slot.list, local.class)
|
|
183
183
|
}), {
|
|
184
184
|
"data-slot": "tabs-list",
|
|
185
185
|
get ["data-orientation"] () {
|
|
186
186
|
return ctx.orientation;
|
|
187
187
|
}
|
|
188
188
|
}), false, true);
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
class:
|
|
189
|
+
insert(_el$4, ()=>local.children, _el$5);
|
|
190
|
+
spread(_el$5, mergeProps(()=>({
|
|
191
|
+
class: CLASSES.slot.indicator
|
|
192
192
|
}), {
|
|
193
193
|
"data-slot": "tabs-indicator",
|
|
194
194
|
get ["data-ready"] () {
|
|
@@ -205,8 +205,8 @@ const TabList = (props)=>{
|
|
|
205
205
|
})();
|
|
206
206
|
};
|
|
207
207
|
const Tab = (props)=>{
|
|
208
|
-
const ctx =
|
|
209
|
-
const [local, others] =
|
|
208
|
+
const ctx = useContext(TabsContext);
|
|
209
|
+
const [local, others] = splitProps(props, [
|
|
210
210
|
"class",
|
|
211
211
|
"children",
|
|
212
212
|
"id",
|
|
@@ -217,22 +217,22 @@ const Tab = (props)=>{
|
|
|
217
217
|
let tabRef;
|
|
218
218
|
if (!ctx) return (()=>{
|
|
219
219
|
var _el$6 = _tmpl$3();
|
|
220
|
-
|
|
221
|
-
class:
|
|
220
|
+
spread(_el$6, mergeProps(others, ()=>({
|
|
221
|
+
class: twMerge(CLASSES.slot.tab, local.class)
|
|
222
222
|
})), false, true);
|
|
223
|
-
|
|
223
|
+
insert(_el$6, ()=>local.children);
|
|
224
224
|
return _el$6;
|
|
225
225
|
})();
|
|
226
|
-
const isSelected =
|
|
226
|
+
const isSelected = createMemo(()=>ctx.selectedKey() === local.id);
|
|
227
227
|
const isDisabled = ()=>Boolean(local.isDisabled);
|
|
228
|
-
|
|
228
|
+
onMount(()=>{
|
|
229
229
|
if (tabRef) ctx.registerTab({
|
|
230
230
|
key: local.id,
|
|
231
231
|
ref: tabRef,
|
|
232
232
|
disabled: isDisabled()
|
|
233
233
|
});
|
|
234
234
|
});
|
|
235
|
-
|
|
235
|
+
onCleanup(()=>{
|
|
236
236
|
ctx.unregisterTab(local.id);
|
|
237
237
|
});
|
|
238
238
|
const focusTab = (info)=>{
|
|
@@ -277,12 +277,12 @@ const Tab = (props)=>{
|
|
|
277
277
|
if (isDisabled()) return;
|
|
278
278
|
ctx.setSelectedKey(local.id);
|
|
279
279
|
};
|
|
280
|
-
const classes = ()=>
|
|
280
|
+
const classes = ()=>twMerge(CLASSES.slot.tab, local.class);
|
|
281
281
|
return (()=>{
|
|
282
282
|
var _el$7 = _tmpl$3();
|
|
283
283
|
var _ref$ = tabRef;
|
|
284
|
-
"function" == typeof _ref$ ?
|
|
285
|
-
|
|
284
|
+
"function" == typeof _ref$ ? use(_ref$, _el$7) : tabRef = _el$7;
|
|
285
|
+
spread(_el$7, mergeProps(others, {
|
|
286
286
|
get id () {
|
|
287
287
|
return ctx.getTabId(local.id);
|
|
288
288
|
},
|
|
@@ -315,28 +315,28 @@ const Tab = (props)=>{
|
|
|
315
315
|
onKeyDown: handleKeyDown,
|
|
316
316
|
onClick: handleClick
|
|
317
317
|
}), false, true);
|
|
318
|
-
|
|
318
|
+
insert(_el$7, ()=>local.children);
|
|
319
319
|
return _el$7;
|
|
320
320
|
})();
|
|
321
321
|
};
|
|
322
322
|
const TabIndicator = ()=>null;
|
|
323
323
|
const TabPanel = (props)=>{
|
|
324
|
-
const ctx =
|
|
325
|
-
const [local, others] =
|
|
324
|
+
const ctx = useContext(TabsContext);
|
|
325
|
+
const [local, others] = splitProps(props, [
|
|
326
326
|
"class",
|
|
327
327
|
"children",
|
|
328
328
|
"id"
|
|
329
329
|
]);
|
|
330
330
|
if (!ctx) return (()=>{
|
|
331
331
|
var _el$8 = _tmpl$();
|
|
332
|
-
|
|
333
|
-
|
|
332
|
+
spread(_el$8, others, false, true);
|
|
333
|
+
insert(_el$8, ()=>local.children);
|
|
334
334
|
return _el$8;
|
|
335
335
|
})();
|
|
336
336
|
const isSelected = ()=>ctx.selectedKey() === local.id;
|
|
337
337
|
return (()=>{
|
|
338
338
|
var _el$9 = _tmpl$();
|
|
339
|
-
|
|
339
|
+
spread(_el$9, mergeProps(others, {
|
|
340
340
|
get id () {
|
|
341
341
|
return ctx.getPanelId(local.id);
|
|
342
342
|
},
|
|
@@ -345,7 +345,7 @@ const TabPanel = (props)=>{
|
|
|
345
345
|
return ctx.getTabId(local.id);
|
|
346
346
|
}
|
|
347
347
|
}, ()=>({
|
|
348
|
-
class:
|
|
348
|
+
class: twMerge(CLASSES.slot.panel, local.class)
|
|
349
349
|
}), {
|
|
350
350
|
"data-slot": "tabs-panel",
|
|
351
351
|
get ["data-orientation"] () {
|
|
@@ -355,20 +355,20 @@ const TabPanel = (props)=>{
|
|
|
355
355
|
return !isSelected();
|
|
356
356
|
}
|
|
357
357
|
}), false, true);
|
|
358
|
-
|
|
358
|
+
insert(_el$9, ()=>local.children);
|
|
359
359
|
return _el$9;
|
|
360
360
|
})();
|
|
361
361
|
};
|
|
362
362
|
const TabSeparator = (props)=>{
|
|
363
|
-
const [local, others] =
|
|
363
|
+
const [local, others] = splitProps(props, [
|
|
364
364
|
"class"
|
|
365
365
|
]);
|
|
366
366
|
return (()=>{
|
|
367
367
|
var _el$0 = _tmpl$4();
|
|
368
|
-
|
|
368
|
+
spread(_el$0, mergeProps(others, {
|
|
369
369
|
"aria-hidden": "true"
|
|
370
370
|
}, ()=>({
|
|
371
|
-
class:
|
|
371
|
+
class: twMerge(CLASSES.slot.separator, local.class)
|
|
372
372
|
}), {
|
|
373
373
|
"data-slot": "tabs-separator"
|
|
374
374
|
}), false, false);
|
|
@@ -1,4 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Tabs_js_f50f6764__["default"];
|
|
4
|
-
export { __webpack_exports__Tabs as Tabs, __webpack_exports__default as default };
|
|
1
|
+
import external_Tabs_js_default, { Tabs } from "./Tabs.js";
|
|
2
|
+
export { Tabs, external_Tabs_js_default as default };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./Tag.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { Show, children, createContext, createMemo, createUniqueId, splitProps, useContext } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import index_js_default from "../close-button/index.js";
|
|
6
|
+
import { TagGroupContext } from "../tag-group/context.js";
|
|
7
|
+
import { CLASSES } from "./Tag.classes.js";
|
|
8
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<span>");
|
|
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);
|
|
@@ -17,11 +17,11 @@ const extractTextValue = (nodes)=>{
|
|
|
17
17
|
if ("number" == typeof node) return String(node);
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
const TagContext =
|
|
20
|
+
const TagContext = createContext();
|
|
21
21
|
const TagRoot = (props)=>{
|
|
22
|
-
const fallbackKey =
|
|
23
|
-
const group =
|
|
24
|
-
const [local, others] =
|
|
22
|
+
const fallbackKey = createUniqueId();
|
|
23
|
+
const group = useContext(TagGroupContext);
|
|
24
|
+
const [local, others] = splitProps(props, [
|
|
25
25
|
"children",
|
|
26
26
|
"class",
|
|
27
27
|
"className",
|
|
@@ -39,10 +39,10 @@ const TagRoot = (props)=>{
|
|
|
39
39
|
"role",
|
|
40
40
|
"tabIndex"
|
|
41
41
|
]);
|
|
42
|
-
const resolvedChildren =
|
|
42
|
+
const resolvedChildren = children(()=>local.children);
|
|
43
43
|
const isRenderFnChild = ()=>"function" == typeof local.children;
|
|
44
|
-
const derivedText =
|
|
45
|
-
const tagKey =
|
|
44
|
+
const derivedText = createMemo(()=>isRenderFnChild() ? void 0 : extractTextValue(resolvedChildren.toArray()));
|
|
45
|
+
const tagKey = createMemo(()=>{
|
|
46
46
|
if (null != local.id) return String(local.id);
|
|
47
47
|
if (local.textValue) return toSlug(local.textValue);
|
|
48
48
|
if (derivedText()) return toSlug(derivedText());
|
|
@@ -54,7 +54,7 @@ const TagRoot = (props)=>{
|
|
|
54
54
|
const isSelected = ()=>Boolean(group?.selectedKeys().has(tagKey()));
|
|
55
55
|
const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(group?.isDisabled()) || Boolean(group?.disabledKeys().has(tagKey()));
|
|
56
56
|
const allowsRemoving = ()=>Boolean(group?.allowsRemoving()) && Boolean(tagKey());
|
|
57
|
-
const renderState =
|
|
57
|
+
const renderState = createMemo(()=>({
|
|
58
58
|
isSelected: isSelected(),
|
|
59
59
|
isDisabled: isDisabled(),
|
|
60
60
|
allowsRemoving: allowsRemoving()
|
|
@@ -83,7 +83,7 @@ const TagRoot = (props)=>{
|
|
|
83
83
|
event.stopPropagation();
|
|
84
84
|
group.removeKey(tagKey(), event);
|
|
85
85
|
};
|
|
86
|
-
return
|
|
86
|
+
return createComponent(TagContext.Provider, {
|
|
87
87
|
value: {
|
|
88
88
|
allowsRemoving,
|
|
89
89
|
isDisabled,
|
|
@@ -92,8 +92,8 @@ const TagRoot = (props)=>{
|
|
|
92
92
|
},
|
|
93
93
|
get children () {
|
|
94
94
|
var _el$ = _tmpl$();
|
|
95
|
-
|
|
96
|
-
class:
|
|
95
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
96
|
+
class: twMerge(CLASSES.Root.base, CLASSES.Root.size[size()], CLASSES.Root.variant[variant()], local.class, local.className)
|
|
97
97
|
}), {
|
|
98
98
|
"data-slot": "tag",
|
|
99
99
|
get ["data-theme"] () {
|
|
@@ -115,7 +115,7 @@ const TagRoot = (props)=>{
|
|
|
115
115
|
return tagKey();
|
|
116
116
|
},
|
|
117
117
|
get ["aria-selected"] () {
|
|
118
|
-
return
|
|
118
|
+
return memo(()=>!!isSelectable())() ? isSelected() ? "true" : "false" : void 0;
|
|
119
119
|
},
|
|
120
120
|
get ["aria-disabled"] () {
|
|
121
121
|
return isDisabled() ? "true" : "false";
|
|
@@ -132,52 +132,52 @@ const TagRoot = (props)=>{
|
|
|
132
132
|
onClick: handleClick,
|
|
133
133
|
onKeyDown: handleKeyDown
|
|
134
134
|
}), false, true);
|
|
135
|
-
|
|
135
|
+
insert(_el$, createComponent(Show, {
|
|
136
136
|
get when () {
|
|
137
137
|
return isRenderFnChild();
|
|
138
138
|
},
|
|
139
139
|
get fallback () {
|
|
140
140
|
return [
|
|
141
|
-
|
|
141
|
+
createComponent(Show, {
|
|
142
142
|
get when () {
|
|
143
143
|
return local.startIcon;
|
|
144
144
|
},
|
|
145
145
|
get children () {
|
|
146
146
|
var _el$2 = _tmpl$2();
|
|
147
|
-
|
|
148
|
-
class:
|
|
147
|
+
spread(_el$2, mergeProps(()=>({
|
|
148
|
+
class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconStart)
|
|
149
149
|
}), {
|
|
150
150
|
"data-slot": "tag-start-icon"
|
|
151
151
|
}), false, true);
|
|
152
|
-
|
|
152
|
+
insert(_el$2, ()=>local.startIcon);
|
|
153
153
|
return _el$2;
|
|
154
154
|
}
|
|
155
155
|
}),
|
|
156
|
-
|
|
157
|
-
|
|
156
|
+
memo(resolvedChildren),
|
|
157
|
+
createComponent(Show, {
|
|
158
158
|
get when () {
|
|
159
|
-
return allowsRemoving() && local.endIcon;
|
|
159
|
+
return memo(()=>!!allowsRemoving())() && local.endIcon;
|
|
160
160
|
},
|
|
161
161
|
get children () {
|
|
162
|
-
return
|
|
162
|
+
return createComponent(TagRemoveButton, {
|
|
163
163
|
get children () {
|
|
164
164
|
return local.endIcon;
|
|
165
165
|
}
|
|
166
166
|
});
|
|
167
167
|
}
|
|
168
168
|
}),
|
|
169
|
-
|
|
169
|
+
createComponent(Show, {
|
|
170
170
|
get when () {
|
|
171
|
-
return
|
|
171
|
+
return memo(()=>!allowsRemoving())() && local.endIcon;
|
|
172
172
|
},
|
|
173
173
|
get children () {
|
|
174
174
|
var _el$3 = _tmpl$2();
|
|
175
|
-
|
|
176
|
-
class:
|
|
175
|
+
spread(_el$3, mergeProps(()=>({
|
|
176
|
+
class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconEnd)
|
|
177
177
|
}), {
|
|
178
178
|
"data-slot": "tag-end-icon"
|
|
179
179
|
}), false, true);
|
|
180
|
-
|
|
180
|
+
insert(_el$3, ()=>local.endIcon);
|
|
181
181
|
return _el$3;
|
|
182
182
|
}
|
|
183
183
|
})
|
|
@@ -192,9 +192,9 @@ const TagRoot = (props)=>{
|
|
|
192
192
|
});
|
|
193
193
|
};
|
|
194
194
|
const TagRemoveButton = (props)=>{
|
|
195
|
-
const context =
|
|
195
|
+
const context = useContext(TagContext);
|
|
196
196
|
const hasIcon = ()=>null != props.children || null != props.startIcon || null != props.endIcon || context?.removeIcon() != null;
|
|
197
|
-
const [local, others] =
|
|
197
|
+
const [local, others] = splitProps(props, [
|
|
198
198
|
"children",
|
|
199
199
|
"class",
|
|
200
200
|
"className",
|
|
@@ -211,12 +211,12 @@ const TagRemoveButton = (props)=>{
|
|
|
211
211
|
};
|
|
212
212
|
if (!context?.allowsRemoving()) return null;
|
|
213
213
|
if (!hasIcon()) return null;
|
|
214
|
-
return
|
|
214
|
+
return createComponent(index_js_default, mergeProps(others, {
|
|
215
215
|
get ["aria-label"] () {
|
|
216
216
|
return local["aria-label"] ?? "Remove tag";
|
|
217
217
|
}
|
|
218
218
|
}, ()=>({
|
|
219
|
-
class:
|
|
219
|
+
class: twMerge(CLASSES.slot.removeButton, local.class, local.className)
|
|
220
220
|
}), {
|
|
221
221
|
"data-slot": "tag-remove-button",
|
|
222
222
|
get ["data-theme"] () {
|
|
@@ -234,9 +234,9 @@ const TagRemoveButton = (props)=>{
|
|
|
234
234
|
}
|
|
235
235
|
}));
|
|
236
236
|
};
|
|
237
|
-
const
|
|
237
|
+
const Tag = Object.assign(TagRoot, {
|
|
238
238
|
Root: TagRoot,
|
|
239
239
|
RemoveButton: TagRemoveButton
|
|
240
240
|
});
|
|
241
|
-
const
|
|
242
|
-
export {
|
|
241
|
+
const tag_Tag = Tag;
|
|
242
|
+
export { Tag, TagRemoveButton, TagRoot, tag_Tag as default };
|
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
var __webpack_exports__TagRemoveButton = __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__.TagRemoveButton;
|
|
4
|
-
var __webpack_exports__TagRoot = __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__.TagRoot;
|
|
5
|
-
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Tag_js_f7333ee7__["default"];
|
|
6
|
-
export { __webpack_exports__Tag as Tag, __webpack_exports__TagRemoveButton as TagRemoveButton, __webpack_exports__TagRoot as TagRoot, __webpack_exports__default as default };
|
|
1
|
+
import external_Tag_js_default, { Tag, TagRemoveButton, TagRoot } from "./Tag.js";
|
|
2
|
+
export { Tag, TagRemoveButton, TagRoot, external_Tag_js_default as default };
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./TagGroup.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { For, createMemo, createSignal, splitProps, useContext } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./TagGroup.classes.js";
|
|
6
|
+
import { TagGroupContext } from "./context.js";
|
|
7
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>");
|
|
8
8
|
const normalizeKeys = (keys)=>{
|
|
9
9
|
if (!keys) return new Set();
|
|
10
10
|
return new Set(Array.from(keys, (key)=>String(key)));
|
|
11
11
|
};
|
|
12
12
|
const TagGroupRoot = (props)=>{
|
|
13
|
-
const [local, others] =
|
|
13
|
+
const [local, others] = splitProps(props, [
|
|
14
14
|
"children",
|
|
15
15
|
"class",
|
|
16
16
|
"className",
|
|
@@ -28,14 +28,14 @@ const TagGroupRoot = (props)=>{
|
|
|
28
28
|
"disabled",
|
|
29
29
|
"role"
|
|
30
30
|
]);
|
|
31
|
-
const [internalSelectedKeys, setInternalSelectedKeys] =
|
|
31
|
+
const [internalSelectedKeys, setInternalSelectedKeys] = createSignal(normalizeKeys(local.defaultSelectedKeys));
|
|
32
32
|
const selectionMode = ()=>local.selectionMode ?? "none";
|
|
33
33
|
const size = ()=>local.size ?? "md";
|
|
34
34
|
const variant = ()=>local.variant ?? "default";
|
|
35
35
|
const isControlled = ()=>void 0 !== local.selectedKeys;
|
|
36
36
|
const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
|
|
37
|
-
const selectedKeys =
|
|
38
|
-
const disabledKeys =
|
|
37
|
+
const selectedKeys = createMemo(()=>isControlled() ? normalizeKeys(local.selectedKeys) : internalSelectedKeys());
|
|
38
|
+
const disabledKeys = createMemo(()=>normalizeKeys(local.disabledKeys));
|
|
39
39
|
const allowsRemoving = ()=>"function" == typeof local.onRemove;
|
|
40
40
|
const updateSelection = (nextKeys)=>{
|
|
41
41
|
if (!isControlled()) setInternalSelectedKeys(nextKeys);
|
|
@@ -69,7 +69,7 @@ const TagGroupRoot = (props)=>{
|
|
|
69
69
|
updateSelection(next);
|
|
70
70
|
}
|
|
71
71
|
};
|
|
72
|
-
return
|
|
72
|
+
return createComponent(TagGroupContext.Provider, {
|
|
73
73
|
value: {
|
|
74
74
|
size,
|
|
75
75
|
variant,
|
|
@@ -83,7 +83,7 @@ const TagGroupRoot = (props)=>{
|
|
|
83
83
|
},
|
|
84
84
|
get children () {
|
|
85
85
|
var _el$ = _tmpl$();
|
|
86
|
-
|
|
86
|
+
spread(_el$, mergeProps(others, {
|
|
87
87
|
get role () {
|
|
88
88
|
return local.role ?? "group";
|
|
89
89
|
},
|
|
@@ -107,20 +107,20 @@ const TagGroupRoot = (props)=>{
|
|
|
107
107
|
return isDisabled() ? "true" : void 0;
|
|
108
108
|
}
|
|
109
109
|
}, ()=>({
|
|
110
|
-
class:
|
|
110
|
+
class: twMerge(CLASSES.Root.base, local.class, local.className)
|
|
111
111
|
}), {
|
|
112
112
|
get style () {
|
|
113
113
|
return local.style;
|
|
114
114
|
}
|
|
115
115
|
}), false, true);
|
|
116
|
-
|
|
116
|
+
insert(_el$, ()=>local.children);
|
|
117
117
|
return _el$;
|
|
118
118
|
}
|
|
119
119
|
});
|
|
120
120
|
};
|
|
121
121
|
const TagGroupList = (props)=>{
|
|
122
|
-
const group =
|
|
123
|
-
const [local, others] =
|
|
122
|
+
const group = useContext(TagGroupContext);
|
|
123
|
+
const [local, others] = splitProps(props, [
|
|
124
124
|
"children",
|
|
125
125
|
"class",
|
|
126
126
|
"className",
|
|
@@ -135,7 +135,7 @@ const TagGroupList = (props)=>{
|
|
|
135
135
|
if (0 === local.items.length) return local.renderEmptyState?.() ?? null;
|
|
136
136
|
if ("function" == typeof local.children) {
|
|
137
137
|
const renderItem = local.children;
|
|
138
|
-
return
|
|
138
|
+
return createComponent(For, {
|
|
139
139
|
get each () {
|
|
140
140
|
return local.items;
|
|
141
141
|
},
|
|
@@ -148,7 +148,7 @@ const TagGroupList = (props)=>{
|
|
|
148
148
|
};
|
|
149
149
|
return (()=>{
|
|
150
150
|
var _el$2 = _tmpl$();
|
|
151
|
-
|
|
151
|
+
spread(_el$2, mergeProps(others, {
|
|
152
152
|
get role () {
|
|
153
153
|
return local.role ?? (group?.selectionMode() === "none" ? "list" : "listbox");
|
|
154
154
|
},
|
|
@@ -160,13 +160,13 @@ const TagGroupList = (props)=>{
|
|
|
160
160
|
return local.dataTheme;
|
|
161
161
|
}
|
|
162
162
|
}, ()=>({
|
|
163
|
-
class:
|
|
163
|
+
class: twMerge(CLASSES.List.base, local.class, local.className)
|
|
164
164
|
}), {
|
|
165
165
|
get style () {
|
|
166
166
|
return local.style;
|
|
167
167
|
}
|
|
168
168
|
}), false, true);
|
|
169
|
-
|
|
169
|
+
insert(_el$2, renderChildren);
|
|
170
170
|
return _el$2;
|
|
171
171
|
})();
|
|
172
172
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
const TagGroupContext =
|
|
1
|
+
import { createContext } from "solid-js";
|
|
2
|
+
const TagGroupContext = createContext();
|
|
3
3
|
export { TagGroupContext };
|