bits-ui 0.13.0 → 0.13.1
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/bits/accordion/components/accordion-content.svelte +7 -2
- package/dist/bits/accordion/components/accordion-header.svelte +3 -2
- package/dist/bits/accordion/components/accordion-item.svelte +6 -2
- package/dist/bits/accordion/components/accordion-trigger.svelte +6 -2
- package/dist/bits/accordion/components/accordion.svelte +3 -2
- package/dist/bits/accordion/ctx.d.ts +244 -38
- package/dist/bits/accordion/ctx.js +31 -17
- package/dist/bits/alert-dialog/components/alert-dialog-action.svelte +3 -2
- package/dist/bits/alert-dialog/components/alert-dialog-cancel.svelte +3 -2
- package/dist/bits/alert-dialog/components/alert-dialog-content.svelte +3 -2
- package/dist/bits/alert-dialog/components/alert-dialog-description.svelte +3 -2
- package/dist/bits/alert-dialog/components/alert-dialog-overlay.svelte +3 -2
- package/dist/bits/alert-dialog/components/alert-dialog-portal.svelte +3 -2
- package/dist/bits/alert-dialog/components/alert-dialog-title.svelte +3 -2
- package/dist/bits/alert-dialog/components/alert-dialog-trigger.svelte +3 -2
- package/dist/bits/alert-dialog/ctx.d.ts +84 -3
- package/dist/bits/alert-dialog/ctx.js +25 -14
- package/dist/bits/avatar/components/avatar-fallback.svelte +3 -2
- package/dist/bits/avatar/components/avatar-image.svelte +4 -2
- package/dist/bits/avatar/components/avatar.svelte +3 -2
- package/dist/bits/avatar/ctx.d.ts +8 -2
- package/dist/bits/avatar/ctx.js +13 -4
- package/dist/bits/calendar/components/calendar-cell.svelte +3 -2
- package/dist/bits/calendar/components/calendar-day.svelte +3 -2
- package/dist/bits/calendar/components/calendar-grid-body.svelte +2 -1
- package/dist/bits/calendar/components/calendar-grid-head.svelte +6 -2
- package/dist/bits/calendar/components/calendar-grid-row.svelte +2 -1
- package/dist/bits/calendar/components/calendar-grid.svelte +3 -2
- package/dist/bits/calendar/components/calendar-head-cell.svelte +2 -1
- package/dist/bits/calendar/components/calendar-header.svelte +2 -1
- package/dist/bits/calendar/components/calendar-heading.svelte +3 -2
- package/dist/bits/calendar/components/calendar-next-button.svelte +3 -2
- package/dist/bits/calendar/components/calendar-prev-button.svelte +3 -2
- package/dist/bits/calendar/components/calendar.svelte +3 -2
- package/dist/bits/calendar/ctx.d.ts +8 -120
- package/dist/bits/calendar/ctx.js +22 -17
- package/dist/bits/checkbox/components/checkbox-indicator.svelte +3 -2
- package/dist/bits/checkbox/components/checkbox.svelte +3 -2
- package/dist/bits/checkbox/ctx.d.ts +9 -3
- package/dist/bits/checkbox/ctx.js +13 -5
- package/dist/bits/collapsible/components/collapsible-content.svelte +3 -2
- package/dist/bits/collapsible/components/collapsible-trigger.svelte +3 -2
- package/dist/bits/collapsible/components/collapsible.svelte +3 -2
- package/dist/bits/collapsible/ctx.d.ts +9 -3
- package/dist/bits/collapsible/ctx.js +12 -4
- package/dist/bits/context-menu/components/context-menu-content.svelte +3 -2
- package/dist/bits/context-menu/components/context-menu-trigger.svelte +3 -2
- package/dist/bits/context-menu/ctx.d.ts +9 -3
- package/dist/bits/context-menu/ctx.js +30 -22
- package/dist/bits/date-field/components/date-field-input.svelte +3 -2
- package/dist/bits/date-field/components/date-field-label.svelte +3 -2
- package/dist/bits/date-field/components/date-field-segment.svelte +3 -2
- package/dist/bits/date-field/ctx.d.ts +8 -191
- package/dist/bits/date-field/ctx.js +12 -4
- package/dist/bits/date-picker/components/date-picker-arrow.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-calendar.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-cell.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-close.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-content.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-day.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-grid.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-heading.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-input.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-label.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-next-button.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-prev-button.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-segment.svelte +3 -2
- package/dist/bits/date-picker/components/date-picker-trigger.svelte +3 -2
- package/dist/bits/date-picker/ctx.d.ts +6 -4
- package/dist/bits/date-picker/ctx.js +29 -12
- package/dist/bits/date-range-field/components/date-range-field-input.svelte +3 -2
- package/dist/bits/date-range-field/components/date-range-field-label.svelte +3 -2
- package/dist/bits/date-range-field/components/date-range-field-segment.svelte +3 -2
- package/dist/bits/date-range-field/ctx.d.ts +4 -307
- package/dist/bits/date-range-field/ctx.js +8 -7
- package/dist/bits/date-range-picker/components/date-range-picker-arrow.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-calendar.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-cell.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-close.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-content.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-day.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-grid.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-heading.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-input.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-label.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-next-button.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-prev-button.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-segment.svelte +3 -2
- package/dist/bits/date-range-picker/components/date-range-picker-trigger.svelte +3 -2
- package/dist/bits/date-range-picker/ctx.d.ts +6 -4
- package/dist/bits/date-range-picker/ctx.js +29 -12
- package/dist/bits/dialog/components/dialog-close.svelte +3 -2
- package/dist/bits/dialog/components/dialog-content.svelte +3 -2
- package/dist/bits/dialog/components/dialog-description.svelte +3 -2
- package/dist/bits/dialog/components/dialog-overlay.svelte +3 -2
- package/dist/bits/dialog/components/dialog-portal.svelte +3 -2
- package/dist/bits/dialog/components/dialog-title.svelte +3 -2
- package/dist/bits/dialog/components/dialog-trigger.svelte +3 -2
- package/dist/bits/dialog/ctx.d.ts +8 -3
- package/dist/bits/dialog/ctx.js +20 -4
- package/dist/bits/floating/helpers.js +10 -10
- package/dist/bits/label/components/label.svelte +2 -1
- package/dist/bits/label/ctx.d.ts +4 -1
- package/dist/bits/label/ctx.js +9 -3
- package/dist/bits/link-preview/components/link-preview-arrow.svelte +3 -2
- package/dist/bits/link-preview/components/link-preview-content.svelte +3 -2
- package/dist/bits/link-preview/components/link-preview-trigger.svelte +3 -2
- package/dist/bits/link-preview/ctx.d.ts +10 -4
- package/dist/bits/link-preview/ctx.js +24 -13
- package/dist/bits/menu/components/menu-arrow.svelte +3 -2
- package/dist/bits/menu/components/menu-checkbox-indicator.svelte +2 -1
- package/dist/bits/menu/components/menu-checkbox-item.svelte +3 -2
- package/dist/bits/menu/components/menu-content.svelte +3 -2
- package/dist/bits/menu/components/menu-group.svelte +2 -2
- package/dist/bits/menu/components/menu-item.svelte +3 -2
- package/dist/bits/menu/components/menu-label.svelte +2 -2
- package/dist/bits/menu/components/menu-radio-group.svelte +3 -2
- package/dist/bits/menu/components/menu-radio-indicator.svelte +6 -2
- package/dist/bits/menu/components/menu-radio-item.svelte +3 -2
- package/dist/bits/menu/components/menu-separator.svelte +3 -2
- package/dist/bits/menu/components/menu-sub-content.svelte +3 -2
- package/dist/bits/menu/components/menu-sub-trigger.svelte +3 -2
- package/dist/bits/menu/components/menu-trigger.svelte +3 -2
- package/dist/bits/menu/ctx.d.ts +96 -18
- package/dist/bits/menu/ctx.js +82 -46
- package/dist/bits/menubar/components/menubar-trigger.svelte +3 -2
- package/dist/bits/menubar/components/menubar.svelte +3 -2
- package/dist/bits/menubar/ctx.d.ts +12 -6
- package/dist/bits/menubar/ctx.js +39 -25
- package/dist/bits/pagination/components/pagination-next-button.svelte +3 -2
- package/dist/bits/pagination/components/pagination-page.svelte +3 -2
- package/dist/bits/pagination/components/pagination-prev-button.svelte +3 -2
- package/dist/bits/pagination/components/pagination.svelte +3 -2
- package/dist/bits/pagination/ctx.d.ts +9 -3
- package/dist/bits/pagination/ctx.js +12 -4
- package/dist/bits/pin-input/components/pin-input-hidden-input.svelte +3 -2
- package/dist/bits/pin-input/components/pin-input-input.svelte +3 -2
- package/dist/bits/pin-input/components/pin-input.svelte +3 -2
- package/dist/bits/pin-input/ctx.d.ts +9 -3
- package/dist/bits/pin-input/ctx.js +12 -4
- package/dist/bits/popover/components/popover-arrow.svelte +3 -2
- package/dist/bits/popover/components/popover-close.svelte +3 -2
- package/dist/bits/popover/components/popover-content.svelte +3 -2
- package/dist/bits/popover/components/popover-trigger.svelte +3 -2
- package/dist/bits/popover/ctx.d.ts +10 -4
- package/dist/bits/popover/ctx.js +22 -11
- package/dist/bits/progress/components/progress.svelte +3 -2
- package/dist/bits/progress/ctx.d.ts +1 -1
- package/dist/bits/progress/ctx.js +11 -4
- package/dist/bits/radio-group/components/radio-group-input.svelte +3 -2
- package/dist/bits/radio-group/components/radio-group-item-indicator.svelte +6 -2
- package/dist/bits/radio-group/components/radio-group-item.svelte +3 -2
- package/dist/bits/radio-group/components/radio-group.svelte +3 -2
- package/dist/bits/radio-group/ctx.d.ts +65 -8
- package/dist/bits/radio-group/ctx.js +18 -7
- package/dist/bits/range-calendar/components/range-calendar-cell.svelte +3 -2
- package/dist/bits/range-calendar/components/range-calendar-day.svelte +3 -2
- package/dist/bits/range-calendar/components/range-calendar-grid-body.svelte +2 -1
- package/dist/bits/range-calendar/components/range-calendar-grid-head.svelte +2 -1
- package/dist/bits/range-calendar/components/range-calendar-grid-row.svelte +2 -1
- package/dist/bits/range-calendar/components/range-calendar-grid.svelte +3 -2
- package/dist/bits/range-calendar/components/range-calendar-head-cell.svelte +2 -1
- package/dist/bits/range-calendar/components/range-calendar-header.svelte +2 -1
- package/dist/bits/range-calendar/components/range-calendar-heading.svelte +3 -2
- package/dist/bits/range-calendar/components/range-calendar-next-button.svelte +3 -2
- package/dist/bits/range-calendar/components/range-calendar-prev-button.svelte +3 -2
- package/dist/bits/range-calendar/components/range-calendar.svelte +3 -2
- package/dist/bits/range-calendar/ctx.d.ts +4 -133
- package/dist/bits/range-calendar/ctx.js +22 -17
- package/dist/bits/select/components/select-arrow.svelte +3 -2
- package/dist/bits/select/components/select-content.svelte +3 -2
- package/dist/bits/select/components/select-group.svelte +2 -2
- package/dist/bits/select/components/select-input.svelte +3 -2
- package/dist/bits/select/components/select-item-indicator.svelte +2 -2
- package/dist/bits/select/components/select-item.svelte +3 -2
- package/dist/bits/select/components/select-label.svelte +2 -2
- package/dist/bits/select/components/select-trigger.svelte +3 -2
- package/dist/bits/select/components/select-value.svelte +3 -2
- package/dist/bits/select/ctx.d.ts +6 -3
- package/dist/bits/select/ctx.js +42 -27
- package/dist/bits/separator/components/separator.svelte +3 -2
- package/dist/bits/separator/ctx.d.ts +1 -1
- package/dist/bits/separator/ctx.js +11 -4
- package/dist/bits/slider/components/slider-input.svelte +3 -2
- package/dist/bits/slider/components/slider-range.svelte +3 -2
- package/dist/bits/slider/components/slider-thumb.svelte +3 -2
- package/dist/bits/slider/components/slider-tick.svelte +3 -2
- package/dist/bits/slider/components/slider.svelte +3 -2
- package/dist/bits/slider/ctx.d.ts +5 -3
- package/dist/bits/slider/ctx.js +12 -4
- package/dist/bits/switch/components/switch-thumb.svelte +3 -2
- package/dist/bits/switch/components/switch.svelte +3 -2
- package/dist/bits/switch/ctx.d.ts +5 -3
- package/dist/bits/switch/ctx.js +12 -4
- package/dist/bits/tabs/components/tabs-content.svelte +3 -2
- package/dist/bits/tabs/components/tabs-list.svelte +3 -2
- package/dist/bits/tabs/components/tabs-trigger.svelte +3 -2
- package/dist/bits/tabs/components/tabs.svelte +3 -2
- package/dist/bits/tabs/ctx.d.ts +5 -3
- package/dist/bits/tabs/ctx.js +12 -4
- package/dist/bits/toggle/components/toggle.svelte +3 -2
- package/dist/bits/toggle/ctx.d.ts +5 -3
- package/dist/bits/toggle/ctx.js +12 -4
- package/dist/bits/toggle-group/components/toggle-group-item.svelte +3 -2
- package/dist/bits/toggle-group/components/toggle-group.svelte +3 -2
- package/dist/bits/toggle-group/ctx.d.ts +3 -3
- package/dist/bits/toggle-group/ctx.js +12 -4
- package/dist/bits/toolbar/components/toolbar-button.svelte +3 -2
- package/dist/bits/toolbar/components/toolbar-group-item.svelte +3 -2
- package/dist/bits/toolbar/components/toolbar-group.svelte +3 -2
- package/dist/bits/toolbar/components/toolbar-link.svelte +3 -2
- package/dist/bits/toolbar/components/toolbar.svelte +3 -2
- package/dist/bits/toolbar/ctx.d.ts +8 -4
- package/dist/bits/toolbar/ctx.js +18 -7
- package/dist/bits/tooltip/components/tooltip-arrow.svelte +3 -2
- package/dist/bits/tooltip/components/tooltip-content.svelte +3 -2
- package/dist/bits/tooltip/components/tooltip-trigger.svelte +3 -2
- package/dist/bits/tooltip/ctx.d.ts +6 -4
- package/dist/bits/tooltip/ctx.js +25 -14
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script>import { melt } from "@melt-ui/svelte";
|
|
2
2
|
import { createDispatcher } from "../../../internal/index.js";
|
|
3
|
-
import { getCtx,
|
|
3
|
+
import { getCtx, updatePositioning } from "../ctx.js";
|
|
4
4
|
export let transition = void 0;
|
|
5
5
|
export let transitionConfig = void 0;
|
|
6
6
|
export let inTransition = void 0;
|
|
@@ -24,7 +24,8 @@ export let el = void 0;
|
|
|
24
24
|
const {
|
|
25
25
|
elements: { content },
|
|
26
26
|
states: { open },
|
|
27
|
-
ids
|
|
27
|
+
ids,
|
|
28
|
+
getAttrs
|
|
28
29
|
} = getCtx(sideOffset);
|
|
29
30
|
const dispatch = createDispatcher();
|
|
30
31
|
const attrs = getAttrs("content");
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
<script>import { melt } from "@melt-ui/svelte";
|
|
2
2
|
import { createDispatcher } from "../../../internal/index.js";
|
|
3
|
-
import { getCtx
|
|
3
|
+
import { getCtx } from "../ctx.js";
|
|
4
4
|
export let asChild = false;
|
|
5
5
|
export let id = void 0;
|
|
6
6
|
export let el = void 0;
|
|
7
7
|
const {
|
|
8
8
|
elements: { trigger },
|
|
9
|
-
ids
|
|
9
|
+
ids,
|
|
10
|
+
getAttrs
|
|
10
11
|
} = getCtx();
|
|
11
12
|
const dispatch = createDispatcher();
|
|
12
13
|
const attrs = getAttrs("trigger");
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="svelte" />
|
|
2
|
-
import { type
|
|
2
|
+
import { type CreateTooltipProps } from "@melt-ui/svelte";
|
|
3
3
|
import type { Writable } from "svelte/store";
|
|
4
4
|
import type { FloatingProps } from "../floating/_types.js";
|
|
5
|
-
|
|
5
|
+
type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
|
|
6
6
|
export declare function setCtx(props: CreateTooltipProps): {
|
|
7
7
|
updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
|
|
8
|
+
getAttrs: (part: "content" | "arrow" | "trigger") => Record<string, string>;
|
|
8
9
|
ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
|
|
9
10
|
content: string;
|
|
10
11
|
trigger: string;
|
|
@@ -56,6 +57,7 @@ export declare function setCtx(props: CreateTooltipProps): {
|
|
|
56
57
|
}> | undefined;
|
|
57
58
|
}, "open" | "ids">>;
|
|
58
59
|
};
|
|
59
|
-
export declare function getCtx(sideOffset?: number):
|
|
60
|
-
export declare function setArrow(size?: number):
|
|
60
|
+
export declare function getCtx(sideOffset?: number): GetReturn;
|
|
61
|
+
export declare function setArrow(size?: number): GetReturn;
|
|
61
62
|
export declare function updatePositioning(props: FloatingProps): void;
|
|
63
|
+
export {};
|
package/dist/bits/tooltip/ctx.js
CHANGED
|
@@ -2,17 +2,27 @@ import { createTooltip } from "@melt-ui/svelte";
|
|
|
2
2
|
import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
|
|
3
3
|
import { getContext, setContext } from "svelte";
|
|
4
4
|
import { getPositioningUpdater } from "../floating/helpers.js";
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
function getTooltipData() {
|
|
6
|
+
const NAME = "tooltip";
|
|
7
|
+
const PARTS = ["arrow", "content", "trigger"];
|
|
8
|
+
return {
|
|
9
|
+
NAME,
|
|
10
|
+
PARTS
|
|
11
|
+
};
|
|
12
|
+
}
|
|
8
13
|
export function setCtx(props) {
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
const { NAME, PARTS } = getTooltipData();
|
|
15
|
+
const getAttrs = createBitAttrs(NAME, PARTS);
|
|
16
|
+
const tooltip = {
|
|
17
|
+
...createTooltip({
|
|
18
|
+
positioning: {
|
|
19
|
+
placement: "top"
|
|
20
|
+
},
|
|
21
|
+
openDelay: 700,
|
|
22
|
+
...removeUndefined(props)
|
|
23
|
+
}),
|
|
24
|
+
getAttrs
|
|
25
|
+
};
|
|
16
26
|
setContext(NAME, tooltip);
|
|
17
27
|
return {
|
|
18
28
|
...tooltip,
|
|
@@ -20,6 +30,7 @@ export function setCtx(props) {
|
|
|
20
30
|
};
|
|
21
31
|
}
|
|
22
32
|
export function getCtx(sideOffset = 0) {
|
|
33
|
+
const { NAME } = getTooltipData();
|
|
23
34
|
const tooltip = getContext(NAME);
|
|
24
35
|
const { options: { positioning } } = tooltip;
|
|
25
36
|
positioning.update((prev) => ({ ...prev, gutter: sideOffset }));
|
|
@@ -30,11 +41,11 @@ export function setArrow(size = 8) {
|
|
|
30
41
|
tooltip.options.arrowSize.set(size);
|
|
31
42
|
return tooltip;
|
|
32
43
|
}
|
|
33
|
-
const defaultPlacement = {
|
|
34
|
-
side: "top",
|
|
35
|
-
align: "center"
|
|
36
|
-
};
|
|
37
44
|
export function updatePositioning(props) {
|
|
45
|
+
const defaultPlacement = {
|
|
46
|
+
side: "top",
|
|
47
|
+
align: "center"
|
|
48
|
+
};
|
|
38
49
|
const withDefaults = { ...defaultPlacement, ...props };
|
|
39
50
|
const { options: { positioning } } = getCtx();
|
|
40
51
|
const updater = getPositioningUpdater(positioning);
|