@pathscale/ui 1.1.43 → 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 +8 -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.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.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,6 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
var __webpack_exports__AvatarImage = __WEBPACK_EXTERNAL_MODULE__Avatar_js_7e0bab6d__.AvatarImage;
|
|
4
|
-
var __webpack_exports__AvatarRoot = __WEBPACK_EXTERNAL_MODULE__Avatar_js_7e0bab6d__.AvatarRoot;
|
|
5
|
-
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Avatar_js_7e0bab6d__["default"];
|
|
6
|
-
export { __webpack_exports__AvatarFallback as AvatarFallback, __webpack_exports__AvatarImage as AvatarImage, __webpack_exports__AvatarRoot as AvatarRoot, __webpack_exports__default as default };
|
|
1
|
+
import external_Avatar_js_default, { AvatarFallback, AvatarImage, AvatarRoot } from "./Avatar.js";
|
|
2
|
+
export { AvatarFallback, AvatarImage, AvatarRoot, external_Avatar_js_default as default };
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
|
+
import { clsx } from "clsx";
|
|
3
|
+
import { splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
5
|
import "./Badge.css";
|
|
6
|
-
import
|
|
7
|
-
var _tmpl$ = /*#__PURE__*/
|
|
6
|
+
import { CLASSES } from "./Badge.classes.js";
|
|
7
|
+
var _tmpl$ = /*#__PURE__*/ template("<span>");
|
|
8
8
|
const BadgeAnchor = (props)=>{
|
|
9
|
-
const [local, others] =
|
|
9
|
+
const [local, others] = splitProps(props, [
|
|
10
10
|
"children",
|
|
11
11
|
"class"
|
|
12
12
|
]);
|
|
13
13
|
return (()=>{
|
|
14
14
|
var _el$ = _tmpl$();
|
|
15
|
-
|
|
16
|
-
class:
|
|
15
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
16
|
+
class: twMerge(CLASSES.slot.anchor, local.class)
|
|
17
17
|
}), {
|
|
18
18
|
"data-slot": "badge-anchor"
|
|
19
19
|
}), false, true);
|
|
20
|
-
|
|
20
|
+
insert(_el$, ()=>local.children);
|
|
21
21
|
return _el$;
|
|
22
22
|
})();
|
|
23
23
|
};
|
|
24
24
|
const BadgeRoot = (props)=>{
|
|
25
|
-
const [local, others] =
|
|
25
|
+
const [local, others] = splitProps(props, [
|
|
26
26
|
"children",
|
|
27
27
|
"class",
|
|
28
28
|
"color",
|
|
@@ -35,39 +35,39 @@ const BadgeRoot = (props)=>{
|
|
|
35
35
|
const color = local.color ?? "default";
|
|
36
36
|
const variant = local.variant ?? "primary";
|
|
37
37
|
const placement = local.placement ?? "top-right";
|
|
38
|
-
return
|
|
38
|
+
return twMerge(clsx(CLASSES.base, CLASSES.size[size], CLASSES.color[color], CLASSES.variant[variant], CLASSES.placement[placement], local.class));
|
|
39
39
|
};
|
|
40
40
|
const badgeChildren = ()=>{
|
|
41
41
|
const c = local.children;
|
|
42
|
-
if ("string" == typeof c || "number" == typeof c) return
|
|
42
|
+
if ("string" == typeof c || "number" == typeof c) return createComponent(BadgeLabel, {
|
|
43
43
|
children: c
|
|
44
44
|
});
|
|
45
45
|
return c;
|
|
46
46
|
};
|
|
47
47
|
return (()=>{
|
|
48
48
|
var _el$2 = _tmpl$();
|
|
49
|
-
|
|
49
|
+
spread(_el$2, mergeProps(others, ()=>({
|
|
50
50
|
class: classes()
|
|
51
51
|
}), {
|
|
52
52
|
"data-slot": "badge"
|
|
53
53
|
}), false, true);
|
|
54
|
-
|
|
54
|
+
insert(_el$2, badgeChildren);
|
|
55
55
|
return _el$2;
|
|
56
56
|
})();
|
|
57
57
|
};
|
|
58
58
|
const BadgeLabel = (props)=>{
|
|
59
|
-
const [local, others] =
|
|
59
|
+
const [local, others] = splitProps(props, [
|
|
60
60
|
"children",
|
|
61
61
|
"class"
|
|
62
62
|
]);
|
|
63
63
|
return (()=>{
|
|
64
64
|
var _el$3 = _tmpl$();
|
|
65
|
-
|
|
66
|
-
class:
|
|
65
|
+
spread(_el$3, mergeProps(()=>({
|
|
66
|
+
class: twMerge(CLASSES.slot.label, local.class)
|
|
67
67
|
}), {
|
|
68
68
|
"data-slot": "badge-label"
|
|
69
69
|
}, others), false, true);
|
|
70
|
-
|
|
70
|
+
insert(_el$3, ()=>local.children);
|
|
71
71
|
return _el$3;
|
|
72
72
|
})();
|
|
73
73
|
};
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
const Badge = Object.assign(
|
|
3
|
-
Anchor:
|
|
4
|
-
Label:
|
|
5
|
-
Root:
|
|
1
|
+
import { BadgeAnchor, BadgeLabel, BadgeRoot } from "./Badge.js";
|
|
2
|
+
const Badge = Object.assign(BadgeRoot, {
|
|
3
|
+
Anchor: BadgeAnchor,
|
|
4
|
+
Label: BadgeLabel,
|
|
5
|
+
Root: BadgeRoot
|
|
6
6
|
});
|
|
7
7
|
const badge = Badge;
|
|
8
|
-
|
|
9
|
-
var __webpack_exports__BadgeLabel = __WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__.BadgeLabel;
|
|
10
|
-
var __webpack_exports__BadgeRoot = __WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__.BadgeRoot;
|
|
11
|
-
export { Badge, badge as default, __webpack_exports__BadgeAnchor as BadgeAnchor, __webpack_exports__BadgeLabel as BadgeLabel, __webpack_exports__BadgeRoot as BadgeRoot };
|
|
8
|
+
export { Badge, BadgeAnchor, BadgeLabel, BadgeRoot, badge as default };
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./Breadcrumbs.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/
|
|
7
|
-
const BreadcrumbsContext =
|
|
3
|
+
import { Show, createContext, splitProps, useContext } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./Breadcrumbs.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=breadcrumbs-separator fill=none height=12 viewBox="0 0 24 24"width=12 xmlns=http://www.w3.org/2000/svg><path d="M9 18l6-6-6-6"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2>'), _tmpl$2 = /*#__PURE__*/ template("<nav>"), _tmpl$3 = /*#__PURE__*/ template("<a>"), _tmpl$4 = /*#__PURE__*/ template("<span>"), _tmpl$5 = /*#__PURE__*/ template("<li>");
|
|
7
|
+
const BreadcrumbsContext = createContext();
|
|
8
8
|
const useBreadcrumbsContext = ()=>{
|
|
9
|
-
const ctx =
|
|
9
|
+
const ctx = useContext(BreadcrumbsContext);
|
|
10
10
|
if (!ctx) throw new Error("Breadcrumbs.Item must be used within <Breadcrumbs>");
|
|
11
11
|
return ctx;
|
|
12
12
|
};
|
|
13
13
|
const ChevronRight = ()=>_tmpl$();
|
|
14
14
|
const BreadcrumbsRoot = (props)=>{
|
|
15
|
-
const [local, others] =
|
|
15
|
+
const [local, others] = splitProps(props, [
|
|
16
16
|
"children",
|
|
17
17
|
"class",
|
|
18
18
|
"className",
|
|
@@ -23,14 +23,14 @@ const BreadcrumbsRoot = (props)=>{
|
|
|
23
23
|
const ctx = {
|
|
24
24
|
separator: ()=>local.separator
|
|
25
25
|
};
|
|
26
|
-
return
|
|
26
|
+
return createComponent(BreadcrumbsContext.Provider, {
|
|
27
27
|
value: ctx,
|
|
28
28
|
get children () {
|
|
29
29
|
var _el$2 = _tmpl$2();
|
|
30
|
-
|
|
30
|
+
spread(_el$2, mergeProps(others, {
|
|
31
31
|
"aria-label": "Breadcrumbs"
|
|
32
32
|
}, ()=>({
|
|
33
|
-
class:
|
|
33
|
+
class: twMerge(CLASSES.Root.base, local.class, local.className)
|
|
34
34
|
}), {
|
|
35
35
|
"data-slot": "breadcrumbs",
|
|
36
36
|
get ["data-theme"] () {
|
|
@@ -40,14 +40,14 @@ const BreadcrumbsRoot = (props)=>{
|
|
|
40
40
|
return local.style;
|
|
41
41
|
}
|
|
42
42
|
}), false, true);
|
|
43
|
-
|
|
43
|
+
insert(_el$2, ()=>local.children);
|
|
44
44
|
return _el$2;
|
|
45
45
|
}
|
|
46
46
|
});
|
|
47
47
|
};
|
|
48
|
-
const [ITEM_CLASS, LINK_CLASS, SEPARATOR_CLASS] =
|
|
48
|
+
const [ITEM_CLASS, LINK_CLASS, SEPARATOR_CLASS] = CLASSES.Item.base;
|
|
49
49
|
const BreadcrumbsItem = (props)=>{
|
|
50
|
-
const [local, others] =
|
|
50
|
+
const [local, others] = splitProps(props, [
|
|
51
51
|
"children",
|
|
52
52
|
"class",
|
|
53
53
|
"className",
|
|
@@ -59,8 +59,8 @@ const BreadcrumbsItem = (props)=>{
|
|
|
59
59
|
const ctx = useBreadcrumbsContext();
|
|
60
60
|
return (()=>{
|
|
61
61
|
var _el$3 = _tmpl$5();
|
|
62
|
-
|
|
63
|
-
class:
|
|
62
|
+
spread(_el$3, mergeProps(others, ()=>({
|
|
63
|
+
class: twMerge(ITEM_CLASS, local.class, local.className)
|
|
64
64
|
}), {
|
|
65
65
|
"data-slot": "breadcrumbs-item",
|
|
66
66
|
get ["data-theme"] () {
|
|
@@ -70,14 +70,14 @@ const BreadcrumbsItem = (props)=>{
|
|
|
70
70
|
return local.style;
|
|
71
71
|
}
|
|
72
72
|
}), false, true);
|
|
73
|
-
|
|
73
|
+
insert(_el$3, createComponent(Show, {
|
|
74
74
|
get when () {
|
|
75
|
-
return local.href && !local.isCurrent;
|
|
75
|
+
return memo(()=>!!local.href)() && !local.isCurrent;
|
|
76
76
|
},
|
|
77
77
|
get fallback () {
|
|
78
78
|
return (()=>{
|
|
79
79
|
var _el$6 = _tmpl$4();
|
|
80
|
-
|
|
80
|
+
spread(_el$6, mergeProps({
|
|
81
81
|
class: LINK_CLASS
|
|
82
82
|
}, {
|
|
83
83
|
"data-slot": "breadcrumbs-link",
|
|
@@ -88,13 +88,13 @@ const BreadcrumbsItem = (props)=>{
|
|
|
88
88
|
return local.isCurrent ? "page" : void 0;
|
|
89
89
|
}
|
|
90
90
|
}), false, true);
|
|
91
|
-
|
|
91
|
+
insert(_el$6, ()=>local.children);
|
|
92
92
|
return _el$6;
|
|
93
93
|
})();
|
|
94
94
|
},
|
|
95
95
|
get children () {
|
|
96
96
|
var _el$4 = _tmpl$3();
|
|
97
|
-
|
|
97
|
+
spread(_el$4, mergeProps({
|
|
98
98
|
get href () {
|
|
99
99
|
return local.href;
|
|
100
100
|
}
|
|
@@ -103,22 +103,22 @@ const BreadcrumbsItem = (props)=>{
|
|
|
103
103
|
}, {
|
|
104
104
|
"data-slot": "breadcrumbs-link"
|
|
105
105
|
}), false, true);
|
|
106
|
-
|
|
106
|
+
insert(_el$4, ()=>local.children);
|
|
107
107
|
return _el$4;
|
|
108
108
|
}
|
|
109
109
|
}), null);
|
|
110
|
-
|
|
110
|
+
insert(_el$3, createComponent(Show, {
|
|
111
111
|
get when () {
|
|
112
112
|
return !local.isCurrent;
|
|
113
113
|
},
|
|
114
114
|
get children () {
|
|
115
115
|
var _el$5 = _tmpl$4();
|
|
116
|
-
|
|
116
|
+
spread(_el$5, mergeProps({
|
|
117
117
|
class: SEPARATOR_CLASS
|
|
118
118
|
}, {
|
|
119
119
|
"data-slot": "breadcrumbs-separator"
|
|
120
120
|
}), false, true);
|
|
121
|
-
|
|
121
|
+
insert(_el$5, ()=>ctx.separator() ?? createComponent(ChevronRight, {}));
|
|
122
122
|
return _el$5;
|
|
123
123
|
}
|
|
124
124
|
}), null);
|
|
@@ -1,5 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
var __webpack_exports__BreadcrumbsItem = __WEBPACK_EXTERNAL_MODULE__Breadcrumbs_js_762e3487__.BreadcrumbsItem;
|
|
4
|
-
var __webpack_exports__BreadcrumbsRoot = __WEBPACK_EXTERNAL_MODULE__Breadcrumbs_js_762e3487__.BreadcrumbsRoot;
|
|
5
|
-
export { __webpack_exports__Breadcrumbs as Breadcrumbs, __webpack_exports__BreadcrumbsItem as BreadcrumbsItem, __webpack_exports__BreadcrumbsRoot as BreadcrumbsRoot };
|
|
1
|
+
import external_Breadcrumbs_js_default, { BreadcrumbsItem, BreadcrumbsRoot } from "./Breadcrumbs.js";
|
|
2
|
+
export { external_Breadcrumbs_js_default as Breadcrumbs, BreadcrumbsItem, BreadcrumbsRoot };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./Button.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { Show, splitProps, useContext } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { ButtonGroupContext } from "../button-group/context.js";
|
|
6
|
+
import { CLASSES } from "./Button.classes.js";
|
|
7
|
+
var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<button>");
|
|
8
8
|
const Button = (props)=>{
|
|
9
|
-
const [local, others] =
|
|
9
|
+
const [local, others] = splitProps(props, [
|
|
10
10
|
"children",
|
|
11
11
|
"class",
|
|
12
12
|
"className",
|
|
@@ -20,15 +20,15 @@ const Button = (props)=>{
|
|
|
20
20
|
"endIcon",
|
|
21
21
|
"type"
|
|
22
22
|
]);
|
|
23
|
-
const buttonGroupContext =
|
|
23
|
+
const buttonGroupContext = useContext(ButtonGroupContext);
|
|
24
24
|
const variant = ()=>local.variant ?? buttonGroupContext?.variant() ?? "primary";
|
|
25
25
|
const size = ()=>local.size ?? buttonGroupContext?.size() ?? "md";
|
|
26
26
|
const fullWidth = ()=>local.fullWidth ?? buttonGroupContext?.fullWidth();
|
|
27
27
|
const disabled = ()=>Boolean(local.isDisabled ?? buttonGroupContext?.isDisabled()) || Boolean(local.isPending);
|
|
28
|
-
const classes = ()=>
|
|
28
|
+
const classes = ()=>twMerge(CLASSES.base, CLASSES.variant[variant()], CLASSES.size[size()], local.isIconOnly && CLASSES.flag.isIconOnly, fullWidth() && CLASSES.flag.fullWidth, local.class, local.className);
|
|
29
29
|
return (()=>{
|
|
30
30
|
var _el$ = _tmpl$2();
|
|
31
|
-
|
|
31
|
+
spread(_el$, mergeProps(others, {
|
|
32
32
|
get type () {
|
|
33
33
|
return local.type ?? "button";
|
|
34
34
|
}
|
|
@@ -46,14 +46,14 @@ const Button = (props)=>{
|
|
|
46
46
|
return disabled() ? "true" : "false";
|
|
47
47
|
}
|
|
48
48
|
}), false, true);
|
|
49
|
-
|
|
49
|
+
insert(_el$, createComponent(Show, {
|
|
50
50
|
get when () {
|
|
51
51
|
return local.isPending;
|
|
52
52
|
},
|
|
53
53
|
get children () {
|
|
54
54
|
var _el$2 = _tmpl$();
|
|
55
|
-
|
|
56
|
-
class:
|
|
55
|
+
spread(_el$2, mergeProps(()=>({
|
|
56
|
+
class: CLASSES.slot.spinner
|
|
57
57
|
}), {
|
|
58
58
|
"data-slot": "spinner",
|
|
59
59
|
"aria-hidden": "true"
|
|
@@ -61,34 +61,34 @@ const Button = (props)=>{
|
|
|
61
61
|
return _el$2;
|
|
62
62
|
}
|
|
63
63
|
}), null);
|
|
64
|
-
|
|
64
|
+
insert(_el$, createComponent(Show, {
|
|
65
65
|
get when () {
|
|
66
66
|
return local.startIcon;
|
|
67
67
|
},
|
|
68
68
|
get children () {
|
|
69
69
|
var _el$3 = _tmpl$();
|
|
70
|
-
|
|
71
|
-
class:
|
|
70
|
+
spread(_el$3, mergeProps(()=>({
|
|
71
|
+
class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconStart)
|
|
72
72
|
}), {
|
|
73
73
|
"data-slot": "button-start-icon"
|
|
74
74
|
}), false, true);
|
|
75
|
-
|
|
75
|
+
insert(_el$3, ()=>local.startIcon);
|
|
76
76
|
return _el$3;
|
|
77
77
|
}
|
|
78
78
|
}), null);
|
|
79
|
-
|
|
80
|
-
|
|
79
|
+
insert(_el$, ()=>local.children, null);
|
|
80
|
+
insert(_el$, createComponent(Show, {
|
|
81
81
|
get when () {
|
|
82
82
|
return local.endIcon;
|
|
83
83
|
},
|
|
84
84
|
get children () {
|
|
85
85
|
var _el$4 = _tmpl$();
|
|
86
|
-
|
|
87
|
-
class:
|
|
86
|
+
spread(_el$4, mergeProps(()=>({
|
|
87
|
+
class: twMerge(CLASSES.slot.icon, CLASSES.slot.iconEnd)
|
|
88
88
|
}), {
|
|
89
89
|
"data-slot": "button-end-icon"
|
|
90
90
|
}), false, true);
|
|
91
|
-
|
|
91
|
+
insert(_el$4, ()=>local.endIcon);
|
|
92
92
|
return _el$4;
|
|
93
93
|
}
|
|
94
94
|
}), null);
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
export { __webpack_exports__default as default };
|
|
1
|
+
import external_Button_js_default from "./Button.js";
|
|
2
|
+
export { external_Button_js_default as default };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
|
|
2
2
|
import "./ButtonGroup.css";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
var _tmpl$ = /*#__PURE__*/
|
|
3
|
+
import { splitProps } from "solid-js";
|
|
4
|
+
import { twMerge } from "tailwind-merge";
|
|
5
|
+
import { CLASSES } from "./ButtonGroup.classes.js";
|
|
6
|
+
import { ButtonGroupContext } from "./context.js";
|
|
7
|
+
var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<span>");
|
|
8
8
|
const ButtonGroupRoot = (props)=>{
|
|
9
|
-
const [local, others] =
|
|
9
|
+
const [local, others] = splitProps(props, [
|
|
10
10
|
"children",
|
|
11
11
|
"class",
|
|
12
12
|
"className",
|
|
@@ -20,7 +20,7 @@ const ButtonGroupRoot = (props)=>{
|
|
|
20
20
|
"role"
|
|
21
21
|
]);
|
|
22
22
|
const orientation = ()=>local.orientation ?? "horizontal";
|
|
23
|
-
return
|
|
23
|
+
return createComponent(ButtonGroupContext.Provider, {
|
|
24
24
|
value: {
|
|
25
25
|
size: ()=>local.size,
|
|
26
26
|
variant: ()=>local.variant,
|
|
@@ -29,8 +29,8 @@ const ButtonGroupRoot = (props)=>{
|
|
|
29
29
|
},
|
|
30
30
|
get children () {
|
|
31
31
|
var _el$ = _tmpl$();
|
|
32
|
-
|
|
33
|
-
class:
|
|
32
|
+
spread(_el$, mergeProps(others, ()=>({
|
|
33
|
+
class: twMerge(CLASSES.Root.base, CLASSES.Root.orientation[orientation()], local.fullWidth && CLASSES.Root.flag.fullWidth, local.class, local.className)
|
|
34
34
|
}), {
|
|
35
35
|
"data-slot": "button-group",
|
|
36
36
|
get ["data-orientation"] () {
|
|
@@ -49,13 +49,13 @@ const ButtonGroupRoot = (props)=>{
|
|
|
49
49
|
return local.isDisabled ? "true" : void 0;
|
|
50
50
|
}
|
|
51
51
|
}), false, true);
|
|
52
|
-
|
|
52
|
+
insert(_el$, ()=>local.children);
|
|
53
53
|
return _el$;
|
|
54
54
|
}
|
|
55
55
|
});
|
|
56
56
|
};
|
|
57
57
|
const ButtonGroupSeparator = (props)=>{
|
|
58
|
-
const [local, others] =
|
|
58
|
+
const [local, others] = splitProps(props, [
|
|
59
59
|
"class",
|
|
60
60
|
"className",
|
|
61
61
|
"dataTheme",
|
|
@@ -63,10 +63,10 @@ const ButtonGroupSeparator = (props)=>{
|
|
|
63
63
|
]);
|
|
64
64
|
return (()=>{
|
|
65
65
|
var _el$2 = _tmpl$2();
|
|
66
|
-
|
|
66
|
+
spread(_el$2, mergeProps(others, {
|
|
67
67
|
"aria-hidden": "true"
|
|
68
68
|
}, ()=>({
|
|
69
|
-
class:
|
|
69
|
+
class: twMerge(CLASSES.Separator.base, local.class, local.className)
|
|
70
70
|
}), {
|
|
71
71
|
"data-slot": "button-group-separator",
|
|
72
72
|
get ["data-theme"] () {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
const ButtonGroupContext =
|
|
1
|
+
import { createContext } from "solid-js";
|
|
2
|
+
const ButtonGroupContext = createContext();
|
|
3
3
|
export { ButtonGroupContext };
|
|
@@ -1,6 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
var __webpack_exports__ButtonGroupRoot = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__.ButtonGroupRoot;
|
|
4
|
-
var __webpack_exports__ButtonGroupSeparator = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__.ButtonGroupSeparator;
|
|
5
|
-
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__["default"];
|
|
6
|
-
export { __webpack_exports__ButtonGroup as ButtonGroup, __webpack_exports__ButtonGroupRoot as ButtonGroupRoot, __webpack_exports__ButtonGroupSeparator as ButtonGroupSeparator, __webpack_exports__default as default };
|
|
1
|
+
import external_ButtonGroup_js_default, { ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator } from "./ButtonGroup.js";
|
|
2
|
+
export { ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator, external_ButtonGroup_js_default as default };
|