ui-ingredients 1.3.0 → 1.4.0
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/accordion/accordion-root.svelte +5 -3
- package/dist/alert-dialog/alert-dialog-root.svelte +5 -3
- package/dist/collapsible/collapsible-root.svelte +5 -3
- package/dist/color-picker/color-picker-root.svelte +5 -3
- package/dist/combobox/combobox-root.svelte +5 -3
- package/dist/date-picker/date-picker-root.svelte +5 -1
- package/dist/dialog/dialog-root.svelte +5 -3
- package/dist/drawer/drawer-root.svelte +5 -3
- package/dist/field/field-root.svelte +5 -3
- package/dist/floating-panel/floating-panel-anatomy.d.ts +1 -1
- package/dist/floating-panel/floating-panel-anatomy.js +1 -1
- package/dist/floating-panel/{floating-panel-restore-trigger.svelte → floating-panel-control.svelte} +6 -6
- package/dist/floating-panel/floating-panel-control.svelte.d.ts +6 -0
- package/dist/floating-panel/floating-panel-root.svelte +5 -3
- package/dist/floating-panel/floating-panel-stage-trigger.svelte +44 -0
- package/dist/floating-panel/floating-panel-stage-trigger.svelte.d.ts +7 -0
- package/dist/floating-panel/floating-panel.d.ts +3 -4
- package/dist/floating-panel/floating-panel.js +3 -4
- package/dist/floating-panel/index.d.ts +2 -3
- package/dist/presence/create-presence.svelte.d.ts +2 -0
- package/dist/presence/create-presence.svelte.js +8 -3
- package/dist/select/select-root.svelte +5 -3
- package/dist/steps/steps-root.svelte +5 -3
- package/dist/time-picker/time-picker-root.svelte +5 -3
- package/dist/tooltip/tooltip-root.svelte +5 -3
- package/dist/tour/tour-root.svelte +5 -3
- package/dist/tree-view/tree-view-root.svelte +5 -3
- package/package.json +56 -56
- package/dist/floating-panel/floating-panel-maximize-trigger.svelte +0 -31
- package/dist/floating-panel/floating-panel-maximize-trigger.svelte.d.ts +0 -6
- package/dist/floating-panel/floating-panel-minimize-trigger.svelte +0 -31
- package/dist/floating-panel/floating-panel-minimize-trigger.svelte.d.ts +0 -6
- package/dist/floating-panel/floating-panel-restore-trigger.svelte.d.ts +0 -6
@@ -33,9 +33,11 @@
|
|
33
33
|
let uid = $props.id();
|
34
34
|
|
35
35
|
let [presenceStrategyProps, accordionProps] = $derived(
|
36
|
-
createSplitProps<PresenceStrategyProps>([
|
37
|
-
|
38
|
-
|
36
|
+
createSplitProps<PresenceStrategyProps>([
|
37
|
+
'lazyMount',
|
38
|
+
'keepMounted',
|
39
|
+
'animateOnMount',
|
40
|
+
])(props),
|
39
41
|
);
|
40
42
|
|
41
43
|
let [createAccordionProps, localProps] = $derived(
|
@@ -30,9 +30,11 @@
|
|
30
30
|
let uid = $props.id();
|
31
31
|
|
32
32
|
let [presenceStrategyProps, createDialogProps] = $derived(
|
33
|
-
createSplitProps<PresenceStrategyProps>([
|
34
|
-
|
35
|
-
|
33
|
+
createSplitProps<PresenceStrategyProps>([
|
34
|
+
'lazyMount',
|
35
|
+
'keepMounted',
|
36
|
+
'animateOnMount',
|
37
|
+
])(props),
|
36
38
|
);
|
37
39
|
|
38
40
|
let alertDialog = createAlertDialog(
|
@@ -34,9 +34,11 @@
|
|
34
34
|
let uid = $props.id();
|
35
35
|
|
36
36
|
let [presenceStrategyProps, collapsibleProps] = $derived(
|
37
|
-
createSplitProps<PresenceStrategyProps>([
|
38
|
-
|
39
|
-
|
37
|
+
createSplitProps<PresenceStrategyProps>([
|
38
|
+
'lazyMount',
|
39
|
+
'keepMounted',
|
40
|
+
'animateOnMount',
|
41
|
+
])(props),
|
40
42
|
);
|
41
43
|
|
42
44
|
let [createCollapsibleProps, localProps] = $derived(
|
@@ -34,9 +34,11 @@
|
|
34
34
|
let uid = $props.id();
|
35
35
|
|
36
36
|
let [presenceProps, colorPickerProps] = $derived(
|
37
|
-
createSplitProps<PresenceStrategyProps>([
|
38
|
-
|
39
|
-
|
37
|
+
createSplitProps<PresenceStrategyProps>([
|
38
|
+
'lazyMount',
|
39
|
+
'keepMounted',
|
40
|
+
'animateOnMount',
|
41
|
+
])(props),
|
40
42
|
);
|
41
43
|
|
42
44
|
let [createColorPickerProps, localProps] = $derived(
|
@@ -34,9 +34,11 @@
|
|
34
34
|
let uid = $props.id();
|
35
35
|
|
36
36
|
let [presenceStrategyProps, comboboxProps] = $derived(
|
37
|
-
createSplitProps<PresenceStrategyProps>([
|
38
|
-
|
39
|
-
|
37
|
+
createSplitProps<PresenceStrategyProps>([
|
38
|
+
'lazyMount',
|
39
|
+
'keepMounted',
|
40
|
+
'animateOnMount',
|
41
|
+
])(props),
|
40
42
|
);
|
41
43
|
|
42
44
|
let [createComboboxProps, localProps] = $derived(
|
@@ -34,7 +34,11 @@
|
|
34
34
|
let uid = $props.id();
|
35
35
|
|
36
36
|
let [presenceStrategyProps, datePickerProps] = $derived(
|
37
|
-
createSplitProps<PresenceStrategyProps>([
|
37
|
+
createSplitProps<PresenceStrategyProps>([
|
38
|
+
'lazyMount',
|
39
|
+
'keepMounted',
|
40
|
+
'animateOnMount',
|
41
|
+
])(props),
|
38
42
|
);
|
39
43
|
|
40
44
|
let [createDatePickerProps, localProps] = $derived(
|
@@ -30,9 +30,11 @@
|
|
30
30
|
let uid = $props.id();
|
31
31
|
|
32
32
|
let [presenceStrategyProps, createDialogProps] = $derived(
|
33
|
-
createSplitProps<PresenceStrategyProps>([
|
34
|
-
|
35
|
-
|
33
|
+
createSplitProps<PresenceStrategyProps>([
|
34
|
+
'lazyMount',
|
35
|
+
'keepMounted',
|
36
|
+
'animateOnMount',
|
37
|
+
])(props),
|
36
38
|
);
|
37
39
|
|
38
40
|
let dialog = createDialog(
|
@@ -30,9 +30,11 @@
|
|
30
30
|
let uid = $props.id();
|
31
31
|
|
32
32
|
let [presenceStrategyProps, createDialogProps] = $derived(
|
33
|
-
createSplitProps<PresenceStrategyProps>([
|
34
|
-
|
35
|
-
|
33
|
+
createSplitProps<PresenceStrategyProps>([
|
34
|
+
'lazyMount',
|
35
|
+
'keepMounted',
|
36
|
+
'animateOnMount',
|
37
|
+
])(props),
|
36
38
|
);
|
37
39
|
|
38
40
|
let drawer = createDrawer(
|
@@ -33,9 +33,11 @@
|
|
33
33
|
let uid = $props.id();
|
34
34
|
|
35
35
|
let [presenceStrategyProps, fieldProps] = $derived(
|
36
|
-
createSplitProps<PresenceStrategyProps>([
|
37
|
-
|
38
|
-
|
36
|
+
createSplitProps<PresenceStrategyProps>([
|
37
|
+
'keepMounted',
|
38
|
+
'lazyMount',
|
39
|
+
'animateOnMount',
|
40
|
+
])(props),
|
39
41
|
);
|
40
42
|
|
41
43
|
let [createFieldProps, localProps] = $derived(
|
@@ -1 +1 @@
|
|
1
|
-
export {
|
1
|
+
export { anatomy } from '@zag-js/floating-panel';
|
@@ -1 +1 @@
|
|
1
|
-
export {
|
1
|
+
export { anatomy } from '@zag-js/floating-panel';
|
package/dist/floating-panel/{floating-panel-restore-trigger.svelte → floating-panel-control.svelte}
RENAMED
@@ -1,8 +1,8 @@
|
|
1
1
|
<script lang="ts" module>
|
2
2
|
import type {HtmlIngredientProps} from '../types.js';
|
3
3
|
|
4
|
-
export interface
|
5
|
-
extends HtmlIngredientProps<'
|
4
|
+
export interface FloatingPanelControlProps
|
5
|
+
extends HtmlIngredientProps<'div', HTMLDivElement> {}
|
6
6
|
</script>
|
7
7
|
|
8
8
|
<script lang="ts">
|
@@ -14,18 +14,18 @@
|
|
14
14
|
asChild,
|
15
15
|
children,
|
16
16
|
...props
|
17
|
-
}:
|
17
|
+
}: FloatingPanelControlProps = $props();
|
18
18
|
|
19
19
|
let floatingPanel = getFloatingPanelContext();
|
20
20
|
let mergedProps = $derived(
|
21
|
-
mergeProps(floatingPanel.
|
21
|
+
mergeProps(floatingPanel.getControlProps(), props),
|
22
22
|
);
|
23
23
|
</script>
|
24
24
|
|
25
25
|
{#if asChild}
|
26
26
|
{@render asChild(mergedProps)}
|
27
27
|
{:else}
|
28
|
-
<
|
28
|
+
<div bind:this={ref} {...mergedProps}>
|
29
29
|
{@render children?.()}
|
30
|
-
</
|
30
|
+
</div>
|
31
31
|
{/if}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import type { HtmlIngredientProps } from '../types.js';
|
2
|
+
export interface FloatingPanelControlProps extends HtmlIngredientProps<'div', HTMLDivElement> {
|
3
|
+
}
|
4
|
+
declare const FloatingPanelControl: import("svelte").Component<FloatingPanelControlProps, {}, "ref">;
|
5
|
+
type FloatingPanelControl = ReturnType<typeof FloatingPanelControl>;
|
6
|
+
export default FloatingPanelControl;
|
@@ -27,9 +27,11 @@
|
|
27
27
|
let uid = $props.id();
|
28
28
|
|
29
29
|
let [presenceStrategyProps, createFloatingPanelProps] = $derived(
|
30
|
-
createSplitProps<PresenceStrategyProps>([
|
31
|
-
|
32
|
-
|
30
|
+
createSplitProps<PresenceStrategyProps>([
|
31
|
+
'lazyMount',
|
32
|
+
'keepMounted',
|
33
|
+
'animateOnMount',
|
34
|
+
])(props),
|
33
35
|
);
|
34
36
|
|
35
37
|
let floatingPanel = createFloatingPanel(
|
@@ -0,0 +1,44 @@
|
|
1
|
+
<script lang="ts" module>
|
2
|
+
import type {StageTriggerProps} from '@zag-js/floating-panel';
|
3
|
+
import type {Assign, HtmlIngredientProps} from '../types.js';
|
4
|
+
|
5
|
+
export interface FloatingPanelStageTriggerProps
|
6
|
+
extends Assign<
|
7
|
+
HtmlIngredientProps<'button', HTMLButtonElement>,
|
8
|
+
StageTriggerProps
|
9
|
+
> {}
|
10
|
+
</script>
|
11
|
+
|
12
|
+
<script lang="ts">
|
13
|
+
import {createSplitProps} from '../create-split-props.js';
|
14
|
+
import {mergeProps} from '../merge-props.js';
|
15
|
+
import {getFloatingPanelContext} from './floating-panel-context.svelte.js';
|
16
|
+
|
17
|
+
let {
|
18
|
+
ref = $bindable(null),
|
19
|
+
asChild,
|
20
|
+
children,
|
21
|
+
...props
|
22
|
+
}: FloatingPanelStageTriggerProps = $props();
|
23
|
+
|
24
|
+
let floatingPanel = getFloatingPanelContext();
|
25
|
+
|
26
|
+
let [stageTriggerProps, localProps] = $derived(
|
27
|
+
createSplitProps<StageTriggerProps>(['stage'])(props),
|
28
|
+
);
|
29
|
+
|
30
|
+
let mergedProps = $derived(
|
31
|
+
mergeProps(
|
32
|
+
floatingPanel.getStageTriggerProps(stageTriggerProps),
|
33
|
+
localProps,
|
34
|
+
),
|
35
|
+
);
|
36
|
+
</script>
|
37
|
+
|
38
|
+
{#if asChild}
|
39
|
+
{@render asChild(mergedProps)}
|
40
|
+
{:else}
|
41
|
+
<button bind:this={ref} {...mergedProps}>
|
42
|
+
{@render children?.()}
|
43
|
+
</button>
|
44
|
+
{/if}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import type { StageTriggerProps } from '@zag-js/floating-panel';
|
2
|
+
import type { Assign, HtmlIngredientProps } from '../types.js';
|
3
|
+
export interface FloatingPanelStageTriggerProps extends Assign<HtmlIngredientProps<'button', HTMLButtonElement>, StageTriggerProps> {
|
4
|
+
}
|
5
|
+
declare const FloatingPanelStageTrigger: import("svelte").Component<FloatingPanelStageTriggerProps, {}, "ref">;
|
6
|
+
type FloatingPanelStageTrigger = ReturnType<typeof FloatingPanelStageTrigger>;
|
7
|
+
export default FloatingPanelStageTrigger;
|
@@ -1,13 +1,12 @@
|
|
1
1
|
export { default as Body } from './floating-panel-body.svelte';
|
2
2
|
export { default as CloseTrigger } from './floating-panel-close-trigger.svelte';
|
3
3
|
export { default as Content } from './floating-panel-content.svelte';
|
4
|
+
export { default as Control } from './floating-panel-control.svelte';
|
4
5
|
export { default as DragTrigger } from './floating-panel-drag-trigger.svelte';
|
5
6
|
export { default as Header } from './floating-panel-header.svelte';
|
6
|
-
export { default as MaximizeTrigger } from './floating-panel-maximize-trigger.svelte';
|
7
|
-
export { default as MinimizeTrigger } from './floating-panel-minimize-trigger.svelte';
|
8
7
|
export { default as Positioner } from './floating-panel-positioner.svelte';
|
9
8
|
export { default as ResizeTrigger } from './floating-panel-resize-trigger.svelte';
|
10
|
-
export { default as RestoreTrigger } from './floating-panel-restore-trigger.svelte';
|
11
9
|
export { default as Root } from './floating-panel-root.svelte';
|
10
|
+
export { default as StageTrigger } from './floating-panel-stage-trigger.svelte';
|
12
11
|
export { default as Title } from './floating-panel-title.svelte';
|
13
|
-
export { default as
|
12
|
+
export { default as Trigger } from './floating-panel-trigger.svelte';
|
@@ -1,13 +1,12 @@
|
|
1
1
|
export { default as Body } from './floating-panel-body.svelte';
|
2
2
|
export { default as CloseTrigger } from './floating-panel-close-trigger.svelte';
|
3
3
|
export { default as Content } from './floating-panel-content.svelte';
|
4
|
+
export { default as Control } from './floating-panel-control.svelte';
|
4
5
|
export { default as DragTrigger } from './floating-panel-drag-trigger.svelte';
|
5
6
|
export { default as Header } from './floating-panel-header.svelte';
|
6
|
-
export { default as MaximizeTrigger } from './floating-panel-maximize-trigger.svelte';
|
7
|
-
export { default as MinimizeTrigger } from './floating-panel-minimize-trigger.svelte';
|
8
7
|
export { default as Positioner } from './floating-panel-positioner.svelte';
|
9
8
|
export { default as ResizeTrigger } from './floating-panel-resize-trigger.svelte';
|
10
|
-
export { default as RestoreTrigger } from './floating-panel-restore-trigger.svelte';
|
11
9
|
export { default as Root } from './floating-panel-root.svelte';
|
10
|
+
export { default as StageTrigger } from './floating-panel-stage-trigger.svelte';
|
12
11
|
export { default as Title } from './floating-panel-title.svelte';
|
13
|
-
export { default as
|
12
|
+
export { default as Trigger } from './floating-panel-trigger.svelte';
|
@@ -2,14 +2,13 @@ export * as FloatingPanel from './floating-panel.js';
|
|
2
2
|
export type { FloatingPanelBodyProps } from './floating-panel-body.svelte';
|
3
3
|
export type { FloatingPanelCloseTriggerProps } from './floating-panel-close-trigger.svelte';
|
4
4
|
export type { FloatingPanelContentProps } from './floating-panel-content.svelte';
|
5
|
+
export type { FloatingPanelControlProps } from './floating-panel-control.svelte';
|
5
6
|
export type { FloatingPanelDragTriggerProps } from './floating-panel-drag-trigger.svelte';
|
6
7
|
export type { FloatingPanelHeaderProps } from './floating-panel-header.svelte';
|
7
|
-
export type { FloatingPanelMaximizeTriggerProps } from './floating-panel-maximize-trigger.svelte';
|
8
|
-
export type { FloatingPanelMinimizeTriggerProps } from './floating-panel-minimize-trigger.svelte';
|
9
8
|
export type { FloatingPanelPositionerProps } from './floating-panel-positioner.svelte';
|
10
9
|
export type { FloatingPanelResizeTriggerProps } from './floating-panel-resize-trigger.svelte';
|
11
|
-
export type { FloatingPanelRestoreTriggerProps } from './floating-panel-restore-trigger.svelte';
|
12
10
|
export type { FloatingPanelProps } from './floating-panel-root.svelte';
|
11
|
+
export type { FloatingPanelStageTriggerProps } from './floating-panel-stage-trigger.svelte';
|
13
12
|
export type { FloatingPanelTitleProps } from './floating-panel-title.svelte';
|
14
13
|
export type { FloatingPanelTriggerProps } from './floating-panel-trigger.svelte';
|
15
14
|
export { createFloatingPanel, type CreateFloatingPanelProps, type CreateFloatingPanelReturn, } from './create-floating-panel.svelte.js';
|
@@ -1,12 +1,17 @@
|
|
1
1
|
import * as presence from '@zag-js/presence';
|
2
2
|
import { normalizeProps, useMachine } from '@zag-js/svelte';
|
3
3
|
export function createPresence(props) {
|
4
|
+
const { present, lazyMount, keepMounted, animateOnMount } = $derived(Object.assign({
|
5
|
+
lazyMount: false,
|
6
|
+
keepMounted: true,
|
7
|
+
animateOnMount: true,
|
8
|
+
}, props));
|
4
9
|
const service = useMachine(presence.machine, props);
|
5
10
|
const api = $derived(presence.connect(service, normalizeProps));
|
6
11
|
function getPresenceProps() {
|
7
12
|
return {
|
8
13
|
hidden: !api.present,
|
9
|
-
'data-state':
|
14
|
+
'data-state': api.skip && !animateOnMount ? undefined : present ? 'open' : 'closed',
|
10
15
|
};
|
11
16
|
}
|
12
17
|
let wasPresent = $state(false);
|
@@ -20,9 +25,9 @@ export function createPresence(props) {
|
|
20
25
|
const unmounted = $derived.by(() => {
|
21
26
|
if (api.present)
|
22
27
|
return false;
|
23
|
-
if (!wasPresent &&
|
28
|
+
if (!wasPresent && lazyMount)
|
24
29
|
return true;
|
25
|
-
if (wasPresent && !
|
30
|
+
if (wasPresent && !keepMounted)
|
26
31
|
return true;
|
27
32
|
return false;
|
28
33
|
});
|
@@ -66,9 +66,11 @@
|
|
66
66
|
);
|
67
67
|
|
68
68
|
let [presenceStrategyProps, localProps] = $derived(
|
69
|
-
createSplitProps<PresenceStrategyProps>([
|
70
|
-
|
71
|
-
|
69
|
+
createSplitProps<PresenceStrategyProps>([
|
70
|
+
'lazyMount',
|
71
|
+
'keepMounted',
|
72
|
+
'animateOnMount',
|
73
|
+
])(selectProps),
|
72
74
|
);
|
73
75
|
|
74
76
|
let select = createSelect(
|
@@ -33,9 +33,11 @@
|
|
33
33
|
let uid = $props.id();
|
34
34
|
|
35
35
|
let [presenceStrategyProps, stepsProps] = $derived(
|
36
|
-
createSplitProps<PresenceStrategyProps>([
|
37
|
-
|
38
|
-
|
36
|
+
createSplitProps<PresenceStrategyProps>([
|
37
|
+
'lazyMount',
|
38
|
+
'keepMounted',
|
39
|
+
'animateOnMount',
|
40
|
+
])(props),
|
39
41
|
);
|
40
42
|
|
41
43
|
let [createStepsProps, localProps] = $derived(
|
@@ -58,9 +58,11 @@
|
|
58
58
|
);
|
59
59
|
|
60
60
|
let [presenceStrategyProps, localProps] = $derived(
|
61
|
-
createSplitProps<PresenceStrategyProps>([
|
62
|
-
|
63
|
-
|
61
|
+
createSplitProps<PresenceStrategyProps>([
|
62
|
+
'lazyMount',
|
63
|
+
'keepMounted',
|
64
|
+
'animateOnMount',
|
65
|
+
])(timePickerProps),
|
64
66
|
);
|
65
67
|
|
66
68
|
let timePicker = createTimePicker(
|
@@ -27,9 +27,11 @@
|
|
27
27
|
let uid = $props.id();
|
28
28
|
|
29
29
|
let [presenceStrategyProps, createTooltipProps] = $derived(
|
30
|
-
createSplitProps<PresenceStrategyProps>([
|
31
|
-
|
32
|
-
|
30
|
+
createSplitProps<PresenceStrategyProps>([
|
31
|
+
'lazyMount',
|
32
|
+
'keepMounted',
|
33
|
+
'animateOnMount',
|
34
|
+
])(props),
|
33
35
|
);
|
34
36
|
|
35
37
|
let tooltip = createTooltip(
|
@@ -30,9 +30,11 @@
|
|
30
30
|
let uid = $props.id();
|
31
31
|
|
32
32
|
let [presenceStrategyProps, createTourProps] = $derived(
|
33
|
-
createSplitProps<PresenceStrategyProps>([
|
34
|
-
|
35
|
-
|
33
|
+
createSplitProps<PresenceStrategyProps>([
|
34
|
+
'lazyMount',
|
35
|
+
'keepMounted',
|
36
|
+
'animateOnMount',
|
37
|
+
])(props),
|
36
38
|
);
|
37
39
|
|
38
40
|
let tour = createTour(reflect(() => ({...createTourProps, id: id ?? uid})));
|
@@ -33,9 +33,11 @@
|
|
33
33
|
let uid = $props.id();
|
34
34
|
|
35
35
|
let [presenceStrategyProps, treeviewProps] = $derived(
|
36
|
-
createSplitProps<PresenceStrategyProps>([
|
37
|
-
|
38
|
-
|
36
|
+
createSplitProps<PresenceStrategyProps>([
|
37
|
+
'lazyMount',
|
38
|
+
'keepMounted',
|
39
|
+
'animateOnMount',
|
40
|
+
])(props),
|
39
41
|
);
|
40
42
|
|
41
43
|
let [createTreeViewProps, localProps] = $derived(
|
package/package.json
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
"name": "ui-ingredients",
|
3
3
|
"type": "module",
|
4
4
|
"license": "MIT",
|
5
|
-
"version": "1.
|
5
|
+
"version": "1.4.0",
|
6
6
|
"svelte": "./dist/index.js",
|
7
7
|
"types": "./dist/index.d.ts",
|
8
8
|
"exports": {
|
@@ -319,57 +319,57 @@
|
|
319
319
|
"release": "release-it"
|
320
320
|
},
|
321
321
|
"dependencies": {
|
322
|
-
"@zag-js/accordion": "^1.
|
323
|
-
"@zag-js/anatomy": "^1.
|
324
|
-
"@zag-js/angle-slider": "^1.
|
325
|
-
"@zag-js/auto-resize": "^1.
|
326
|
-
"@zag-js/avatar": "^1.
|
327
|
-
"@zag-js/carousel": "^1.
|
328
|
-
"@zag-js/checkbox": "^1.
|
329
|
-
"@zag-js/clipboard": "^1.
|
330
|
-
"@zag-js/collapsible": "^1.
|
331
|
-
"@zag-js/collection": "^1.
|
332
|
-
"@zag-js/color-picker": "^1.
|
333
|
-
"@zag-js/combobox": "^1.
|
334
|
-
"@zag-js/core": "^1.
|
335
|
-
"@zag-js/date-picker": "^1.
|
336
|
-
"@zag-js/dialog": "^1.
|
337
|
-
"@zag-js/dom-query": "^1.
|
338
|
-
"@zag-js/editable": "^1.
|
339
|
-
"@zag-js/file-upload": "^1.
|
340
|
-
"@zag-js/floating-panel": "^1.
|
341
|
-
"@zag-js/focus-trap": "^1.
|
342
|
-
"@zag-js/highlight-word": "^1.
|
343
|
-
"@zag-js/hover-card": "^1.
|
344
|
-
"@zag-js/i18n-utils": "^1.
|
345
|
-
"@zag-js/listbox": "^1.
|
346
|
-
"@zag-js/menu": "^1.
|
347
|
-
"@zag-js/number-input": "^1.
|
348
|
-
"@zag-js/pagination": "^1.
|
349
|
-
"@zag-js/pin-input": "^1.
|
350
|
-
"@zag-js/popover": "^1.
|
351
|
-
"@zag-js/presence": "^1.
|
352
|
-
"@zag-js/progress": "^1.
|
353
|
-
"@zag-js/qr-code": "^1.
|
354
|
-
"@zag-js/radio-group": "^1.
|
355
|
-
"@zag-js/rating-group": "^1.
|
356
|
-
"@zag-js/select": "^1.
|
357
|
-
"@zag-js/signature-pad": "^1.
|
358
|
-
"@zag-js/slider": "^1.
|
359
|
-
"@zag-js/splitter": "^1.
|
360
|
-
"@zag-js/steps": "^1.
|
361
|
-
"@zag-js/svelte": "^1.
|
362
|
-
"@zag-js/switch": "^1.
|
363
|
-
"@zag-js/tabs": "^1.
|
364
|
-
"@zag-js/tags-input": "^1.
|
365
|
-
"@zag-js/time-picker": "^1.
|
366
|
-
"@zag-js/timer": "^1.
|
367
|
-
"@zag-js/toast": "^1.
|
368
|
-
"@zag-js/toggle": "^1.
|
369
|
-
"@zag-js/toggle-group": "^1.
|
370
|
-
"@zag-js/tooltip": "^1.
|
371
|
-
"@zag-js/tour": "^1.
|
372
|
-
"@zag-js/tree-view": "^1.
|
322
|
+
"@zag-js/accordion": "^1.9.3",
|
323
|
+
"@zag-js/anatomy": "^1.9.3",
|
324
|
+
"@zag-js/angle-slider": "^1.9.3",
|
325
|
+
"@zag-js/auto-resize": "^1.9.3",
|
326
|
+
"@zag-js/avatar": "^1.9.3",
|
327
|
+
"@zag-js/carousel": "^1.9.3",
|
328
|
+
"@zag-js/checkbox": "^1.9.3",
|
329
|
+
"@zag-js/clipboard": "^1.9.3",
|
330
|
+
"@zag-js/collapsible": "^1.9.3",
|
331
|
+
"@zag-js/collection": "^1.9.3",
|
332
|
+
"@zag-js/color-picker": "^1.9.3",
|
333
|
+
"@zag-js/combobox": "^1.9.3",
|
334
|
+
"@zag-js/core": "^1.9.3",
|
335
|
+
"@zag-js/date-picker": "^1.9.3",
|
336
|
+
"@zag-js/dialog": "^1.9.3",
|
337
|
+
"@zag-js/dom-query": "^1.9.3",
|
338
|
+
"@zag-js/editable": "^1.9.3",
|
339
|
+
"@zag-js/file-upload": "^1.9.3",
|
340
|
+
"@zag-js/floating-panel": "^1.9.3",
|
341
|
+
"@zag-js/focus-trap": "^1.9.3",
|
342
|
+
"@zag-js/highlight-word": "^1.9.3",
|
343
|
+
"@zag-js/hover-card": "^1.9.3",
|
344
|
+
"@zag-js/i18n-utils": "^1.9.3",
|
345
|
+
"@zag-js/listbox": "^1.9.3",
|
346
|
+
"@zag-js/menu": "^1.9.3",
|
347
|
+
"@zag-js/number-input": "^1.9.3",
|
348
|
+
"@zag-js/pagination": "^1.9.3",
|
349
|
+
"@zag-js/pin-input": "^1.9.3",
|
350
|
+
"@zag-js/popover": "^1.9.3",
|
351
|
+
"@zag-js/presence": "^1.9.3",
|
352
|
+
"@zag-js/progress": "^1.9.3",
|
353
|
+
"@zag-js/qr-code": "^1.9.3",
|
354
|
+
"@zag-js/radio-group": "^1.9.3",
|
355
|
+
"@zag-js/rating-group": "^1.9.3",
|
356
|
+
"@zag-js/select": "^1.9.3",
|
357
|
+
"@zag-js/signature-pad": "^1.9.3",
|
358
|
+
"@zag-js/slider": "^1.9.3",
|
359
|
+
"@zag-js/splitter": "^1.9.3",
|
360
|
+
"@zag-js/steps": "^1.9.3",
|
361
|
+
"@zag-js/svelte": "^1.9.3",
|
362
|
+
"@zag-js/switch": "^1.9.3",
|
363
|
+
"@zag-js/tabs": "^1.9.3",
|
364
|
+
"@zag-js/tags-input": "^1.9.3",
|
365
|
+
"@zag-js/time-picker": "^1.9.3",
|
366
|
+
"@zag-js/timer": "^1.9.3",
|
367
|
+
"@zag-js/toast": "^1.9.3",
|
368
|
+
"@zag-js/toggle": "^1.9.3",
|
369
|
+
"@zag-js/toggle-group": "^1.9.3",
|
370
|
+
"@zag-js/tooltip": "^1.9.3",
|
371
|
+
"@zag-js/tour": "^1.9.3",
|
372
|
+
"@zag-js/tree-view": "^1.9.3",
|
373
373
|
"clsx": "^2.1.1"
|
374
374
|
},
|
375
375
|
"peerDependencies": {
|
@@ -378,7 +378,7 @@
|
|
378
378
|
"devDependencies": {
|
379
379
|
"@faker-js/faker": "^9.6.0",
|
380
380
|
"@sveltejs/adapter-vercel": "^5.7.0",
|
381
|
-
"@sveltejs/kit": "^2.20.
|
381
|
+
"@sveltejs/kit": "^2.20.5",
|
382
382
|
"@sveltejs/package": "^2.3.10",
|
383
383
|
"@sveltejs/vite-plugin-svelte": "^5.0.3",
|
384
384
|
"@testing-library/jest-dom": "^6.6.3",
|
@@ -386,13 +386,13 @@
|
|
386
386
|
"@testing-library/user-event": "^14.6.1",
|
387
387
|
"@types/jsdom": "^21.1.7",
|
388
388
|
"jsdom": "^26.0.0",
|
389
|
-
"publint": "^0.3.
|
389
|
+
"publint": "^0.3.11",
|
390
390
|
"release-it": "^18.1.2",
|
391
391
|
"resize-observer-polyfill": "^1.5.1",
|
392
|
-
"svelte": "^5.
|
392
|
+
"svelte": "^5.26.1",
|
393
393
|
"svelte-check": "^4.1.5",
|
394
394
|
"typescript": "^5.8.3",
|
395
|
-
"vite": "^6.2.
|
395
|
+
"vite": "^6.2.6",
|
396
396
|
"vitest": "^3.1.1",
|
397
397
|
"vitest-axe": "^1.0.0-pre.3",
|
398
398
|
"vitest-canvas-mock": "^0.3.3"
|
@@ -1,31 +0,0 @@
|
|
1
|
-
<script lang="ts" module>
|
2
|
-
import type {HtmlIngredientProps} from '../types.js';
|
3
|
-
|
4
|
-
export interface FloatingPanelMaximizeTriggerProps
|
5
|
-
extends HtmlIngredientProps<'button', HTMLButtonElement> {}
|
6
|
-
</script>
|
7
|
-
|
8
|
-
<script lang="ts">
|
9
|
-
import {mergeProps} from '../merge-props.js';
|
10
|
-
import {getFloatingPanelContext} from './floating-panel-context.svelte.js';
|
11
|
-
|
12
|
-
let {
|
13
|
-
ref = $bindable(null),
|
14
|
-
asChild,
|
15
|
-
children,
|
16
|
-
...props
|
17
|
-
}: FloatingPanelMaximizeTriggerProps = $props();
|
18
|
-
|
19
|
-
let floatingPanel = getFloatingPanelContext();
|
20
|
-
let mergedProps = $derived(
|
21
|
-
mergeProps(floatingPanel.getMaximizeTriggerProps(), props),
|
22
|
-
);
|
23
|
-
</script>
|
24
|
-
|
25
|
-
{#if asChild}
|
26
|
-
{@render asChild(mergedProps)}
|
27
|
-
{:else}
|
28
|
-
<button bind:this={ref} {...mergedProps}>
|
29
|
-
{@render children?.()}
|
30
|
-
</button>
|
31
|
-
{/if}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { HtmlIngredientProps } from '../types.js';
|
2
|
-
export interface FloatingPanelMaximizeTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
|
3
|
-
}
|
4
|
-
declare const FloatingPanelMaximizeTrigger: import("svelte").Component<FloatingPanelMaximizeTriggerProps, {}, "ref">;
|
5
|
-
type FloatingPanelMaximizeTrigger = ReturnType<typeof FloatingPanelMaximizeTrigger>;
|
6
|
-
export default FloatingPanelMaximizeTrigger;
|
@@ -1,31 +0,0 @@
|
|
1
|
-
<script lang="ts" module>
|
2
|
-
import type {HtmlIngredientProps} from '../types.js';
|
3
|
-
|
4
|
-
export interface FloatingPanelMinimizeTriggerProps
|
5
|
-
extends HtmlIngredientProps<'button', HTMLButtonElement> {}
|
6
|
-
</script>
|
7
|
-
|
8
|
-
<script lang="ts">
|
9
|
-
import {mergeProps} from '../merge-props.js';
|
10
|
-
import {getFloatingPanelContext} from './floating-panel-context.svelte.js';
|
11
|
-
|
12
|
-
let {
|
13
|
-
ref = $bindable(null),
|
14
|
-
asChild,
|
15
|
-
children,
|
16
|
-
...props
|
17
|
-
}: FloatingPanelMinimizeTriggerProps = $props();
|
18
|
-
|
19
|
-
let floatingPanel = getFloatingPanelContext();
|
20
|
-
let mergedProps = $derived(
|
21
|
-
mergeProps(floatingPanel.getMinimizeTriggerProps(), props),
|
22
|
-
);
|
23
|
-
</script>
|
24
|
-
|
25
|
-
{#if asChild}
|
26
|
-
{@render asChild(mergedProps)}
|
27
|
-
{:else}
|
28
|
-
<button bind:this={ref} {...mergedProps}>
|
29
|
-
{@render children?.()}
|
30
|
-
</button>
|
31
|
-
{/if}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { HtmlIngredientProps } from '../types.js';
|
2
|
-
export interface FloatingPanelMinimizeTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
|
3
|
-
}
|
4
|
-
declare const FloatingPanelMinimizeTrigger: import("svelte").Component<FloatingPanelMinimizeTriggerProps, {}, "ref">;
|
5
|
-
type FloatingPanelMinimizeTrigger = ReturnType<typeof FloatingPanelMinimizeTrigger>;
|
6
|
-
export default FloatingPanelMinimizeTrigger;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { HtmlIngredientProps } from '../types.js';
|
2
|
-
export interface FloatingPanelRestoreTriggerProps extends HtmlIngredientProps<'button', HTMLButtonElement> {
|
3
|
-
}
|
4
|
-
declare const FloatingPanelRestoreTrigger: import("svelte").Component<FloatingPanelRestoreTriggerProps, {}, "ref">;
|
5
|
-
type FloatingPanelRestoreTrigger = ReturnType<typeof FloatingPanelRestoreTrigger>;
|
6
|
-
export default FloatingPanelRestoreTrigger;
|