@sprawlify/vue 0.0.72 → 0.0.73
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/{collapsible-jX9S7WYj.js → collapsible-SXAS3iFc.js} +1 -1
- package/dist/{collection-DGKjEgOz.js → collection-C_ZHBDQD.js} +1 -1
- package/dist/components/accordion/index.d.ts +15 -15
- package/dist/components/accordion/index.js +4 -4
- package/dist/components/angle-slider/index.d.ts +15 -15
- package/dist/components/angle-slider/index.js +1 -1
- package/dist/components/avatar/index.d.ts +8 -8
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/bottom-sheet/index.d.ts +16 -16
- package/dist/components/bottom-sheet/index.js +4 -4
- package/dist/components/carousel/index.d.ts +22 -22
- package/dist/components/carousel/index.js +1 -1
- package/dist/components/checkbox/index.d.ts +23 -23
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/client-only/index.d.ts +2 -2
- package/dist/components/clipboard/index.d.ts +16 -16
- package/dist/components/clipboard/index.js +1 -1
- package/dist/components/collapsible/index.d.ts +11 -11
- package/dist/components/collapsible/index.js +1 -1
- package/dist/components/collection/index.js +1 -1
- package/dist/components/color-picker/index.d.ts +48 -48
- package/dist/components/color-picker/index.js +3 -3
- package/dist/components/combobox/index.d.ts +31 -31
- package/dist/components/combobox/index.js +4 -4
- package/dist/components/date-picker/index.d.ts +42 -42
- package/dist/components/date-picker/index.js +3 -3
- package/dist/components/dialog/index.d.ts +28 -28
- package/dist/components/dialog/index.js +3 -3
- package/dist/components/download-trigger/index.d.ts +2 -2
- package/dist/components/editable/index.d.ts +24 -24
- package/dist/components/editable/index.js +1 -1
- package/dist/components/field/index.d.ts +23 -23
- package/dist/components/fieldset/index.d.ts +12 -12
- package/dist/components/file-upload/index.d.ts +20 -20
- package/dist/components/file-upload/index.js +1 -1
- package/dist/components/floating-panel/index.d.ts +19 -19
- package/dist/components/floating-panel/index.js +2 -2
- package/dist/components/focus-trap/index.d.ts +4 -4
- package/dist/components/focus-trap/index.js +1 -1
- package/dist/components/format/index.d.ts +4 -4
- package/dist/components/frame/index.d.ts +6 -6
- package/dist/components/highlight/index.d.ts +4 -4
- package/dist/components/highlight/index.js +1 -1
- package/dist/components/hover-card/index.d.ts +21 -21
- package/dist/components/hover-card/index.js +3 -3
- package/dist/components/image-cropper/index.d.ts +13 -13
- package/dist/components/image-cropper/index.js +1 -1
- package/dist/components/json-tree-view/index.d.ts +7 -7
- package/dist/components/json-tree-view/index.js +5 -5
- package/dist/components/listbox/index.d.ts +22 -22
- package/dist/components/listbox/index.js +2 -2
- package/dist/components/marquee/index.d.ts +20 -20
- package/dist/components/marquee/index.js +1 -1
- package/dist/components/menu/index.d.ts +45 -45
- package/dist/components/menu/index.js +3 -3
- package/dist/components/navigation-menu/index.d.ts +16 -16
- package/dist/components/navigation-menu/index.js +3 -3
- package/dist/components/number-input/index.d.ts +15 -15
- package/dist/components/number-input/index.js +1 -1
- package/dist/components/pagination/index.d.ts +14 -14
- package/dist/components/pagination/index.js +1 -1
- package/dist/components/password-input/index.d.ts +20 -20
- package/dist/components/password-input/index.js +1 -1
- package/dist/components/pin-input/index.d.ts +12 -12
- package/dist/components/pin-input/index.js +1 -1
- package/dist/components/popover/index.d.ts +31 -31
- package/dist/components/popover/index.js +3 -3
- package/dist/components/presence/index.d.ts +1 -1
- package/dist/components/presence/index.js +1 -1
- package/dist/components/progress/index.d.ts +12 -12
- package/dist/components/progress/index.js +1 -1
- package/dist/components/qr-code/index.d.ts +8 -8
- package/dist/components/qr-code/index.js +1 -1
- package/dist/components/radio-group/index.d.ts +15 -15
- package/dist/components/radio-group/index.js +1 -1
- package/dist/components/rating-group/index.d.ts +13 -13
- package/dist/components/rating-group/index.js +1 -1
- package/dist/components/scroll-area/index.d.ts +9 -9
- package/dist/components/scroll-area/index.js +1 -1
- package/dist/components/segment-group/index.d.ts +17 -17
- package/dist/components/segment-group/index.js +1 -1
- package/dist/components/select/index.d.ts +30 -30
- package/dist/components/select/index.js +4 -4
- package/dist/components/signature-pad/index.d.ts +12 -12
- package/dist/components/signature-pad/index.js +1 -1
- package/dist/components/slider/index.d.ts +20 -20
- package/dist/components/slider/index.js +1 -1
- package/dist/components/splitter/index.d.ts +9 -9
- package/dist/components/splitter/index.js +1 -1
- package/dist/components/steps/index.d.ts +17 -17
- package/dist/components/steps/index.js +1 -1
- package/dist/components/switch/index.d.ts +14 -14
- package/dist/components/switch/index.js +1 -1
- package/dist/components/tabs/index.d.ts +14 -14
- package/dist/components/tabs/index.js +3 -3
- package/dist/components/tags-input/index.d.ts +27 -27
- package/dist/components/tags-input/index.js +1 -1
- package/dist/components/timer/index.d.ts +11 -11
- package/dist/components/timer/index.js +1 -1
- package/dist/components/toast/index.d.ts +154 -0
- package/dist/components/toast/index.js +265 -0
- package/dist/components/toggle/index.d.ts +101 -0
- package/dist/components/toggle/index.js +131 -0
- package/dist/components/toggle-group/index.d.ts +127 -0
- package/dist/components/toggle-group/index.js +207 -0
- package/dist/components/tooltip/index.d.ts +201 -0
- package/dist/components/tooltip/index.js +349 -0
- package/dist/components/tour/index.d.ts +308 -0
- package/dist/components/tour/index.js +505 -0
- package/dist/components/tree-view/index.d.ts +1 -1
- package/dist/components/tree-view/index.js +4 -4
- package/dist/{index-B_UiXhk3.d.ts → index-8bjPAUl0.d.ts} +9 -9
- package/dist/{index-xb1q4_02.d.ts → index-BnYwp0nl.d.ts} +7 -7
- package/dist/{index-DwWFWpls.d.ts → index-CmCVWB7e.d.ts} +28 -28
- package/dist/index.d.ts +1 -1
- package/dist/{tree-view-Ctpu5RjE.js → tree-view-N6ShNmpe.js} +4 -4
- package/package.json +22 -2
- /package/dist/{clean-props-D2R4tz5e.js → clean-props-ChPEW0vT.js} +0 -0
- /package/dist/{create-split-props-0RD5_O4P.js → create-split-props-BDJ_VWs3.js} +0 -0
- /package/dist/{presence-B4-UhJY9.js → presence-BK6rPXK7.js} +0 -0
- /package/dist/{use-render-strategy-DA33j31C.js → use-render-strategy-DMa_QmB6.js} +0 -0
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { t as PolymorphicProps } from "../../factory-B5zr8_kk.js";
|
|
2
|
+
import { a as Optional, r as EmitFn$1 } from "../../types-DIEO6uP3.js";
|
|
3
|
+
import { r as PropTypes } from "../../index-CCRVRFFQ.js";
|
|
4
|
+
import * as vue894 from "vue";
|
|
5
|
+
import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
|
|
6
|
+
import * as toggleGroup from "@sprawlify/primitives/machines/toggle-group";
|
|
7
|
+
import { ItemProps, ValueChangeDetails, ValueChangeDetails as ToggleGroupValueChangeDetails, anatomy as toggleGroupAnatomy } from "@sprawlify/primitives/machines/toggle-group";
|
|
8
|
+
|
|
9
|
+
//#region src/components/toggle-group/toggle-group-item.vue.d.ts
|
|
10
|
+
interface ToggleGroupItemBaseProps extends ItemProps, PolymorphicProps {}
|
|
11
|
+
interface ToggleGroupItemProps extends ToggleGroupItemBaseProps,
|
|
12
|
+
/**
|
|
13
|
+
* @vue-ignore
|
|
14
|
+
*/
|
|
15
|
+
Omit<ButtonHTMLAttributes, 'disabled' | 'value'> {}
|
|
16
|
+
declare const _default$1: typeof __VLS_export$3;
|
|
17
|
+
declare const __VLS_export$3: __VLS_WithSlots$3<vue894.DefineComponent<ToggleGroupItemProps, {}, {}, {}, {}, vue894.ComponentOptionsMixin, vue894.ComponentOptionsMixin, {}, string, vue894.PublicProps, Readonly<ToggleGroupItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue894.ComponentProvideOptions, false, {}, any>, {
|
|
18
|
+
default?: (props: {}) => any;
|
|
19
|
+
}>;
|
|
20
|
+
type __VLS_WithSlots$3<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
//#endregion
|
|
26
|
+
//#region src/components/toggle-group/toggle-group-root-provider.vue.d.ts
|
|
27
|
+
interface RootProviderProps {
|
|
28
|
+
value: UnwrapRef<UseToggleGroupReturn>;
|
|
29
|
+
}
|
|
30
|
+
interface ToggleGroupRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
|
|
31
|
+
interface ToggleGroupRootProviderProps extends ToggleGroupRootProviderBaseProps,
|
|
32
|
+
/**
|
|
33
|
+
* @vue-ignore
|
|
34
|
+
*/
|
|
35
|
+
HTMLAttributes {}
|
|
36
|
+
declare const _default$3: typeof __VLS_export$2;
|
|
37
|
+
declare const __VLS_export$2: __VLS_WithSlots$2<vue894.DefineComponent<ToggleGroupRootProviderProps, {}, {}, {}, {}, vue894.ComponentOptionsMixin, vue894.ComponentOptionsMixin, {}, string, vue894.PublicProps, Readonly<ToggleGroupRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue894.ComponentProvideOptions, false, {}, any>, {
|
|
38
|
+
default?: (props: {}) => any;
|
|
39
|
+
}>;
|
|
40
|
+
type __VLS_WithSlots$2<T, S> = T & {
|
|
41
|
+
new (): {
|
|
42
|
+
$slots: S;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
//#endregion
|
|
46
|
+
//#region src/components/toggle-group/toggle-group-types.d.ts
|
|
47
|
+
interface RootProps {
|
|
48
|
+
defaultValue?: string[];
|
|
49
|
+
deselectable?: boolean;
|
|
50
|
+
disabled?: boolean;
|
|
51
|
+
id?: string;
|
|
52
|
+
ids?: Partial<{
|
|
53
|
+
root: string;
|
|
54
|
+
item(value: string): string;
|
|
55
|
+
}>;
|
|
56
|
+
loopFocus?: boolean;
|
|
57
|
+
modelValue?: string[];
|
|
58
|
+
multiple?: boolean;
|
|
59
|
+
orientation?: toggleGroup.Orientation;
|
|
60
|
+
rovingFocus?: boolean;
|
|
61
|
+
}
|
|
62
|
+
type RootEmits = {
|
|
63
|
+
valueChange: [details: toggleGroup.ValueChangeDetails];
|
|
64
|
+
'update:modelValue': [value: string[]];
|
|
65
|
+
};
|
|
66
|
+
//#endregion
|
|
67
|
+
//#region src/components/toggle-group/toggle-group-root.vue.d.ts
|
|
68
|
+
interface ToggleGroupRootBaseProps extends RootProps, PolymorphicProps {}
|
|
69
|
+
interface ToggleGroupRootProps extends ToggleGroupRootBaseProps,
|
|
70
|
+
/**
|
|
71
|
+
* @vue-ignore
|
|
72
|
+
*/
|
|
73
|
+
HTMLAttributes {}
|
|
74
|
+
interface ToggleGroupRootEmits extends RootEmits {}
|
|
75
|
+
declare const _default$2: typeof __VLS_export$1;
|
|
76
|
+
declare const __VLS_export$1: __VLS_WithSlots$1<vue894.DefineComponent<ToggleGroupRootProps, {}, {}, {}, {}, vue894.ComponentOptionsMixin, vue894.ComponentOptionsMixin, {
|
|
77
|
+
"update:modelValue": (value: string[]) => any;
|
|
78
|
+
valueChange: (details: toggleGroup.ValueChangeDetails) => any;
|
|
79
|
+
}, string, vue894.PublicProps, Readonly<ToggleGroupRootProps> & Readonly<{
|
|
80
|
+
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
81
|
+
onValueChange?: ((details: toggleGroup.ValueChangeDetails) => any) | undefined;
|
|
82
|
+
}>, {
|
|
83
|
+
disabled: boolean;
|
|
84
|
+
multiple: boolean;
|
|
85
|
+
loopFocus: boolean;
|
|
86
|
+
rovingFocus: boolean;
|
|
87
|
+
deselectable: boolean;
|
|
88
|
+
}, {}, {}, {}, string, vue894.ComponentProvideOptions, false, {}, any>, {
|
|
89
|
+
default?: (props: {}) => any;
|
|
90
|
+
}>;
|
|
91
|
+
type __VLS_WithSlots$1<T, S> = T & {
|
|
92
|
+
new (): {
|
|
93
|
+
$slots: S;
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
declare namespace toggle_group_d_exports {
|
|
97
|
+
export { _default as Context, ToggleGroupContextProps as ContextProps, _default$1 as Item, ToggleGroupItemBaseProps as ItemBaseProps, ToggleGroupItemProps as ItemProps, _default$2 as Root, ToggleGroupRootBaseProps as RootBaseProps, ToggleGroupRootEmits as RootEmits, ToggleGroupRootProps as RootProps, _default$3 as RootProvider, ToggleGroupRootProviderBaseProps as RootProviderBaseProps, ToggleGroupRootProviderProps as RootProviderProps, ValueChangeDetails };
|
|
98
|
+
}
|
|
99
|
+
//#endregion
|
|
100
|
+
//#region src/components/toggle-group/use-toggle-group.d.ts
|
|
101
|
+
interface UseToggleGroupProps extends Optional<Omit<toggleGroup.Props, 'dir' | 'getRootNode'>, 'id'> {
|
|
102
|
+
/**
|
|
103
|
+
* The v-model value of the toggle group
|
|
104
|
+
*/
|
|
105
|
+
modelValue?: toggleGroup.Props['value'];
|
|
106
|
+
}
|
|
107
|
+
interface UseToggleGroupReturn extends ComputedRef<toggleGroup.Api<PropTypes>> {}
|
|
108
|
+
declare const useToggleGroup: (props?: MaybeRef<UseToggleGroupProps>, emit?: EmitFn$1<ToggleGroupRootEmits>) => UseToggleGroupReturn;
|
|
109
|
+
//#endregion
|
|
110
|
+
//#region src/components/toggle-group/use-toggle-group-context.d.ts
|
|
111
|
+
interface UseToggleGroupContext extends UseToggleGroupReturn {}
|
|
112
|
+
//#endregion
|
|
113
|
+
//#region src/components/toggle-group/toggle-group-context.vue.d.ts
|
|
114
|
+
interface ToggleGroupContextProps extends SlotsType<{
|
|
115
|
+
default: UnwrapRef<UseToggleGroupContext>;
|
|
116
|
+
}> {}
|
|
117
|
+
declare const _default: typeof __VLS_export;
|
|
118
|
+
declare const __VLS_export: __VLS_WithSlots<vue894.DefineComponent<{}, {}, {}, {}, {}, vue894.ComponentOptionsMixin, vue894.ComponentOptionsMixin, {}, string, vue894.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue894.ComponentProvideOptions, true, {}, any>, {
|
|
119
|
+
default(toggleGroup: UnwrapRef<UseToggleGroupContext>): unknown;
|
|
120
|
+
}>;
|
|
121
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
122
|
+
new (): {
|
|
123
|
+
$slots: S;
|
|
124
|
+
};
|
|
125
|
+
};
|
|
126
|
+
//#endregion
|
|
127
|
+
export { toggle_group_d_exports as ToggleGroup, _default as ToggleGroupContext, type ToggleGroupContextProps, _default$1 as ToggleGroupItem, type ToggleGroupItemBaseProps, type ToggleGroupItemProps, _default$2 as ToggleGroupRoot, type ToggleGroupRootBaseProps, type ToggleGroupRootEmits, type ToggleGroupRootProps, _default$3 as ToggleGroupRootProvider, type ToggleGroupRootProviderBaseProps, type ToggleGroupRootProviderProps, type ToggleGroupValueChangeDetails, type UseToggleGroupContext, type UseToggleGroupProps, type UseToggleGroupReturn, toggleGroupAnatomy, useToggleGroup, useToggleGroupContext };
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
|
|
2
|
+
import { n as useMachine, r as normalizeProps$1 } from "../../core-DNndr38p.js";
|
|
3
|
+
import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-DNBWT-O_.js";
|
|
4
|
+
import { t as createContext } from "../../create-context-Ds1GbsVc.js";
|
|
5
|
+
import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
|
|
6
|
+
import { t as sprawlify } from "../../factory-Co08Aw8u.js";
|
|
7
|
+
import { t as cleanProps } from "../../clean-props-ChPEW0vT.js";
|
|
8
|
+
import { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
|
|
9
|
+
import * as toggleGroup from "@sprawlify/primitives/machines/toggle-group";
|
|
10
|
+
import { anatomy as toggleGroupAnatomy } from "@sprawlify/primitives/machines/toggle-group";
|
|
11
|
+
|
|
12
|
+
//#region src/components/toggle-group/use-toggle-group-context.ts
|
|
13
|
+
const [ToggleGroupProvider, useToggleGroupContext] = createContext("ToggleGroupContext");
|
|
14
|
+
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region src/components/toggle-group/toggle-group-context.vue?vue&type=script&setup=true&lang.ts
|
|
17
|
+
var toggle_group_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
18
|
+
__name: "toggle-group-context",
|
|
19
|
+
setup(__props) {
|
|
20
|
+
const toggleGroup = useToggleGroupContext();
|
|
21
|
+
return (_ctx, _cache) => {
|
|
22
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(toggleGroup))));
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/components/toggle-group/toggle-group-context.vue
|
|
29
|
+
var toggle_group_context_default = toggle_group_context_vue_vue_type_script_setup_true_lang_default;
|
|
30
|
+
|
|
31
|
+
//#endregion
|
|
32
|
+
//#region src/components/toggle-group/toggle-group-item.vue?vue&type=script&setup=true&lang.ts
|
|
33
|
+
var toggle_group_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
34
|
+
__name: "toggle-group-item",
|
|
35
|
+
props: {
|
|
36
|
+
value: {
|
|
37
|
+
type: String,
|
|
38
|
+
required: true
|
|
39
|
+
},
|
|
40
|
+
disabled: {
|
|
41
|
+
type: Boolean,
|
|
42
|
+
required: false,
|
|
43
|
+
skipCheck: true
|
|
44
|
+
},
|
|
45
|
+
asChild: {
|
|
46
|
+
type: Boolean,
|
|
47
|
+
required: false
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
setup(__props) {
|
|
51
|
+
const props = __props;
|
|
52
|
+
const toggleGroup = useToggleGroupContext();
|
|
53
|
+
useForwardExpose();
|
|
54
|
+
return (_ctx, _cache) => {
|
|
55
|
+
return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(toggleGroup).getItemProps(props), { "as-child": __props.asChild }), {
|
|
56
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
57
|
+
_: 3
|
|
58
|
+
}, 16, ["as-child"]);
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
//#endregion
|
|
64
|
+
//#region src/components/toggle-group/toggle-group-item.vue
|
|
65
|
+
var toggle_group_item_default = toggle_group_item_vue_vue_type_script_setup_true_lang_default;
|
|
66
|
+
|
|
67
|
+
//#endregion
|
|
68
|
+
//#region src/components/toggle-group/toggle-group-root-provider.vue?vue&type=script&setup=true&lang.ts
|
|
69
|
+
var toggle_group_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
70
|
+
__name: "toggle-group-root-provider",
|
|
71
|
+
props: {
|
|
72
|
+
value: {
|
|
73
|
+
type: null,
|
|
74
|
+
required: true
|
|
75
|
+
},
|
|
76
|
+
asChild: {
|
|
77
|
+
type: Boolean,
|
|
78
|
+
required: false
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
setup(__props) {
|
|
82
|
+
const props = __props;
|
|
83
|
+
const toggleGroup = computed(() => props.value);
|
|
84
|
+
ToggleGroupProvider(toggleGroup);
|
|
85
|
+
useForwardExpose();
|
|
86
|
+
return (_ctx, _cache) => {
|
|
87
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(toggleGroup.value.getRootProps(), { "as-child": __props.asChild }), {
|
|
88
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
89
|
+
_: 3
|
|
90
|
+
}, 16, ["as-child"]);
|
|
91
|
+
};
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
|
|
95
|
+
//#endregion
|
|
96
|
+
//#region src/components/toggle-group/toggle-group-root-provider.vue
|
|
97
|
+
var toggle_group_root_provider_default = toggle_group_root_provider_vue_vue_type_script_setup_true_lang_default;
|
|
98
|
+
|
|
99
|
+
//#endregion
|
|
100
|
+
//#region src/components/toggle-group/use-toggle-group.ts
|
|
101
|
+
const useToggleGroup = (props = {}, emit) => {
|
|
102
|
+
const id = useId();
|
|
103
|
+
const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
|
|
104
|
+
const locale = useLocaleContext(DEFAULT_LOCALE);
|
|
105
|
+
const context = computed(() => {
|
|
106
|
+
const localProps = toValue(props);
|
|
107
|
+
return {
|
|
108
|
+
id,
|
|
109
|
+
dir: locale.value.dir,
|
|
110
|
+
value: localProps.modelValue,
|
|
111
|
+
getRootNode: env?.value.getRootNode,
|
|
112
|
+
...cleanProps(localProps),
|
|
113
|
+
onValueChange: (details) => {
|
|
114
|
+
emit?.("valueChange", details);
|
|
115
|
+
emit?.("update:modelValue", details.value);
|
|
116
|
+
localProps.onValueChange?.(details);
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
});
|
|
120
|
+
const service = useMachine(toggleGroup.machine, context);
|
|
121
|
+
return computed(() => toggleGroup.connect(service, normalizeProps$1));
|
|
122
|
+
};
|
|
123
|
+
|
|
124
|
+
//#endregion
|
|
125
|
+
//#region src/components/toggle-group/toggle-group-root.vue?vue&type=script&setup=true&lang.ts
|
|
126
|
+
var toggle_group_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
127
|
+
__name: "toggle-group-root",
|
|
128
|
+
props: /* @__PURE__ */ mergeDefaults({
|
|
129
|
+
defaultValue: {
|
|
130
|
+
type: Array,
|
|
131
|
+
required: false
|
|
132
|
+
},
|
|
133
|
+
deselectable: {
|
|
134
|
+
type: Boolean,
|
|
135
|
+
required: false
|
|
136
|
+
},
|
|
137
|
+
disabled: {
|
|
138
|
+
type: Boolean,
|
|
139
|
+
required: false
|
|
140
|
+
},
|
|
141
|
+
id: {
|
|
142
|
+
type: String,
|
|
143
|
+
required: false
|
|
144
|
+
},
|
|
145
|
+
ids: {
|
|
146
|
+
type: Object,
|
|
147
|
+
required: false
|
|
148
|
+
},
|
|
149
|
+
loopFocus: {
|
|
150
|
+
type: Boolean,
|
|
151
|
+
required: false
|
|
152
|
+
},
|
|
153
|
+
modelValue: {
|
|
154
|
+
type: Array,
|
|
155
|
+
required: false
|
|
156
|
+
},
|
|
157
|
+
multiple: {
|
|
158
|
+
type: Boolean,
|
|
159
|
+
required: false
|
|
160
|
+
},
|
|
161
|
+
orientation: {
|
|
162
|
+
type: null,
|
|
163
|
+
required: false
|
|
164
|
+
},
|
|
165
|
+
rovingFocus: {
|
|
166
|
+
type: Boolean,
|
|
167
|
+
required: false
|
|
168
|
+
},
|
|
169
|
+
asChild: {
|
|
170
|
+
type: Boolean,
|
|
171
|
+
required: false
|
|
172
|
+
}
|
|
173
|
+
}, {
|
|
174
|
+
disabled: void 0,
|
|
175
|
+
deselectable: void 0,
|
|
176
|
+
loopFocus: void 0,
|
|
177
|
+
multiple: void 0,
|
|
178
|
+
rovingFocus: void 0
|
|
179
|
+
}),
|
|
180
|
+
emits: ["valueChange", "update:modelValue"],
|
|
181
|
+
setup(__props, { emit: __emit }) {
|
|
182
|
+
const toggleGroup = useToggleGroup(__props, __emit);
|
|
183
|
+
ToggleGroupProvider(toggleGroup);
|
|
184
|
+
return (_ctx, _cache) => {
|
|
185
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(toggleGroup).getRootProps(), { "as-child": __props.asChild }), {
|
|
186
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
187
|
+
_: 3
|
|
188
|
+
}, 16, ["as-child"]);
|
|
189
|
+
};
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
|
|
193
|
+
//#endregion
|
|
194
|
+
//#region src/components/toggle-group/toggle-group-root.vue
|
|
195
|
+
var toggle_group_root_default = toggle_group_root_vue_vue_type_script_setup_true_lang_default;
|
|
196
|
+
|
|
197
|
+
//#endregion
|
|
198
|
+
//#region src/components/toggle-group/toggle-group.ts
|
|
199
|
+
var toggle_group_exports = /* @__PURE__ */ __exportAll({
|
|
200
|
+
Context: () => toggle_group_context_default,
|
|
201
|
+
Item: () => toggle_group_item_default,
|
|
202
|
+
Root: () => toggle_group_root_default,
|
|
203
|
+
RootProvider: () => toggle_group_root_provider_default
|
|
204
|
+
});
|
|
205
|
+
|
|
206
|
+
//#endregion
|
|
207
|
+
export { toggle_group_exports as ToggleGroup, toggle_group_context_default as ToggleGroupContext, toggle_group_item_default as ToggleGroupItem, toggle_group_root_default as ToggleGroupRoot, toggle_group_root_provider_default as ToggleGroupRootProvider, toggleGroupAnatomy, useToggleGroup, useToggleGroupContext };
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
import { t as PolymorphicProps } from "../../factory-B5zr8_kk.js";
|
|
2
|
+
import { t as RootEmits$1 } from "../../presence-types-BJRr8tqd.js";
|
|
3
|
+
import { a as Optional, r as EmitFn$1 } from "../../types-DIEO6uP3.js";
|
|
4
|
+
import { r as PropTypes } from "../../index-CCRVRFFQ.js";
|
|
5
|
+
import { t as RenderStrategyProps } from "../../use-render-strategy-U5NxU252.js";
|
|
6
|
+
import * as vue388 from "vue";
|
|
7
|
+
import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
|
|
8
|
+
import * as tooltip from "@sprawlify/primitives/machines/tooltip";
|
|
9
|
+
import { OpenChangeDetails, OpenChangeDetails as TooltipOpenChangeDetails, anatomy as tooltipAnatomy } from "@sprawlify/primitives/machines/tooltip";
|
|
10
|
+
|
|
11
|
+
//#region src/components/tooltip/tooltip-arrow-tip.vue.d.ts
|
|
12
|
+
interface TooltipArrowTipBaseProps extends PolymorphicProps {}
|
|
13
|
+
interface TooltipArrowTipProps extends TooltipArrowTipBaseProps,
|
|
14
|
+
/**
|
|
15
|
+
* @vue-ignore
|
|
16
|
+
*/
|
|
17
|
+
HTMLAttributes {}
|
|
18
|
+
declare const _default$1: typeof __VLS_export$7;
|
|
19
|
+
declare const __VLS_export$7: __VLS_WithSlots$7<vue388.DefineComponent<TooltipArrowTipProps, {}, {}, {}, {}, vue388.ComponentOptionsMixin, vue388.ComponentOptionsMixin, {}, string, vue388.PublicProps, Readonly<TooltipArrowTipProps> & Readonly<{}>, {}, {}, {}, {}, string, vue388.ComponentProvideOptions, false, {}, any>, {
|
|
20
|
+
default?: (props: {}) => any;
|
|
21
|
+
}>;
|
|
22
|
+
type __VLS_WithSlots$7<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/components/tooltip/tooltip-arrow.vue.d.ts
|
|
29
|
+
interface TooltipArrowBaseProps extends PolymorphicProps {}
|
|
30
|
+
interface TooltipArrowProps extends TooltipArrowBaseProps,
|
|
31
|
+
/**
|
|
32
|
+
* @vue-ignore
|
|
33
|
+
*/
|
|
34
|
+
HTMLAttributes {}
|
|
35
|
+
declare const _default: typeof __VLS_export$6;
|
|
36
|
+
declare const __VLS_export$6: __VLS_WithSlots$6<vue388.DefineComponent<TooltipArrowProps, {}, {}, {}, {}, vue388.ComponentOptionsMixin, vue388.ComponentOptionsMixin, {}, string, vue388.PublicProps, Readonly<TooltipArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, vue388.ComponentProvideOptions, false, {}, any>, {
|
|
37
|
+
default?: (props: {}) => any;
|
|
38
|
+
}>;
|
|
39
|
+
type __VLS_WithSlots$6<T, S> = T & {
|
|
40
|
+
new (): {
|
|
41
|
+
$slots: S;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
//#endregion
|
|
45
|
+
//#region src/components/tooltip/tooltip-content.vue.d.ts
|
|
46
|
+
interface TooltipContentBaseProps extends PolymorphicProps {}
|
|
47
|
+
interface TooltipContentProps extends TooltipContentBaseProps,
|
|
48
|
+
/**
|
|
49
|
+
* @vue-ignore
|
|
50
|
+
*/
|
|
51
|
+
HTMLAttributes {}
|
|
52
|
+
declare const _default$2: typeof __VLS_export$5;
|
|
53
|
+
declare const __VLS_export$5: __VLS_WithSlots$5<vue388.DefineComponent<TooltipContentProps, {}, {}, {}, {}, vue388.ComponentOptionsMixin, vue388.ComponentOptionsMixin, {}, string, vue388.PublicProps, Readonly<TooltipContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue388.ComponentProvideOptions, false, {}, any>, {
|
|
54
|
+
default?: (props: {}) => any;
|
|
55
|
+
}>;
|
|
56
|
+
type __VLS_WithSlots$5<T, S> = T & {
|
|
57
|
+
new (): {
|
|
58
|
+
$slots: S;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
//#endregion
|
|
62
|
+
//#region src/components/tooltip/tooltip-types.d.ts
|
|
63
|
+
interface RootProps {
|
|
64
|
+
'aria-label'?: string;
|
|
65
|
+
closeDelay?: number;
|
|
66
|
+
closeOnClick?: boolean;
|
|
67
|
+
closeOnEscape?: boolean;
|
|
68
|
+
closeOnPointerDown?: boolean;
|
|
69
|
+
closeOnScroll?: boolean;
|
|
70
|
+
defaultOpen?: boolean;
|
|
71
|
+
disabled?: boolean;
|
|
72
|
+
id?: string;
|
|
73
|
+
ids?: Partial<{
|
|
74
|
+
trigger: string;
|
|
75
|
+
content: string;
|
|
76
|
+
arrow: string;
|
|
77
|
+
positioner: string;
|
|
78
|
+
}>;
|
|
79
|
+
interactive?: boolean;
|
|
80
|
+
open?: boolean;
|
|
81
|
+
openDelay?: number;
|
|
82
|
+
positioning?: tooltip.PositioningOptions;
|
|
83
|
+
}
|
|
84
|
+
type RootEmits = {
|
|
85
|
+
exitComplete: [];
|
|
86
|
+
openChange: [details: tooltip.OpenChangeDetails];
|
|
87
|
+
'update:open': [open: boolean];
|
|
88
|
+
};
|
|
89
|
+
//#endregion
|
|
90
|
+
//#region src/components/tooltip/use-tooltip.d.ts
|
|
91
|
+
interface UseTooltipProps extends Optional<Omit<tooltip.Props, 'dir' | 'getRootNode'>, 'id'> {}
|
|
92
|
+
interface UseTooltipReturn extends ComputedRef<tooltip.Api<PropTypes>> {}
|
|
93
|
+
declare const useTooltip: (props?: MaybeRef<UseTooltipProps>, emit?: EmitFn$1<RootEmits>) => UseTooltipReturn;
|
|
94
|
+
//#endregion
|
|
95
|
+
//#region src/components/tooltip/use-tooltip-context.d.ts
|
|
96
|
+
interface UseTooltipContext extends UseTooltipReturn {}
|
|
97
|
+
//#endregion
|
|
98
|
+
//#region src/components/tooltip/tooltip-context.vue.d.ts
|
|
99
|
+
interface TooltipContextProps extends SlotsType<{
|
|
100
|
+
default: UnwrapRef<UseTooltipContext>;
|
|
101
|
+
}> {}
|
|
102
|
+
declare const _default$3: typeof __VLS_export$4;
|
|
103
|
+
declare const __VLS_export$4: __VLS_WithSlots$4<vue388.DefineComponent<{}, {}, {}, {}, {}, vue388.ComponentOptionsMixin, vue388.ComponentOptionsMixin, {}, string, vue388.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue388.ComponentProvideOptions, true, {}, any>, {
|
|
104
|
+
default(tooltip: UnwrapRef<UseTooltipContext>): unknown;
|
|
105
|
+
}>;
|
|
106
|
+
type __VLS_WithSlots$4<T, S> = T & {
|
|
107
|
+
new (): {
|
|
108
|
+
$slots: S;
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
//#endregion
|
|
112
|
+
//#region src/components/tooltip/tooltip-positioner.vue.d.ts
|
|
113
|
+
interface TooltipPositionerBaseProps extends PolymorphicProps {}
|
|
114
|
+
interface TooltipPositionerProps extends TooltipPositionerBaseProps,
|
|
115
|
+
/**
|
|
116
|
+
* @vue-ignore
|
|
117
|
+
*/
|
|
118
|
+
HTMLAttributes {}
|
|
119
|
+
declare const _default$4: typeof __VLS_export$3;
|
|
120
|
+
declare const __VLS_export$3: __VLS_WithSlots$3<vue388.DefineComponent<TooltipPositionerProps, {}, {}, {}, {}, vue388.ComponentOptionsMixin, vue388.ComponentOptionsMixin, {}, string, vue388.PublicProps, Readonly<TooltipPositionerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue388.ComponentProvideOptions, false, {}, any>, {
|
|
121
|
+
default?: (props: {}) => any;
|
|
122
|
+
}>;
|
|
123
|
+
type __VLS_WithSlots$3<T, S> = T & {
|
|
124
|
+
new (): {
|
|
125
|
+
$slots: S;
|
|
126
|
+
};
|
|
127
|
+
};
|
|
128
|
+
//#endregion
|
|
129
|
+
//#region src/components/tooltip/tooltip-root-provider.vue.d.ts
|
|
130
|
+
interface RootProviderProps {
|
|
131
|
+
value: UnwrapRef<UseTooltipReturn>;
|
|
132
|
+
}
|
|
133
|
+
interface TooltipRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {}
|
|
134
|
+
interface TooltipRootProviderProps extends TooltipRootProviderBaseProps {}
|
|
135
|
+
interface TooltipRootProviderEmits extends RootEmits$1 {}
|
|
136
|
+
declare const _default$6: typeof __VLS_export$2;
|
|
137
|
+
declare const __VLS_export$2: __VLS_WithSlots$2<vue388.DefineComponent<TooltipRootProviderProps, {}, {}, {}, {}, vue388.ComponentOptionsMixin, vue388.ComponentOptionsMixin, {
|
|
138
|
+
exitComplete: () => any;
|
|
139
|
+
}, string, vue388.PublicProps, Readonly<TooltipRootProviderProps> & Readonly<{
|
|
140
|
+
onExitComplete?: (() => any) | undefined;
|
|
141
|
+
}>, {}, {}, {}, {}, string, vue388.ComponentProvideOptions, false, {}, any>, {
|
|
142
|
+
default?: (props: {}) => any;
|
|
143
|
+
}>;
|
|
144
|
+
type __VLS_WithSlots$2<T, S> = T & {
|
|
145
|
+
new (): {
|
|
146
|
+
$slots: S;
|
|
147
|
+
};
|
|
148
|
+
};
|
|
149
|
+
//#endregion
|
|
150
|
+
//#region src/components/tooltip/tooltip-root.vue.d.ts
|
|
151
|
+
interface TooltipRootBaseProps extends RootProps, RenderStrategyProps {}
|
|
152
|
+
interface TooltipRootProps extends TooltipRootBaseProps {}
|
|
153
|
+
interface TooltipRootEmits extends RootEmits {}
|
|
154
|
+
declare const _default$5: typeof __VLS_export$1;
|
|
155
|
+
declare const __VLS_export$1: __VLS_WithSlots$1<vue388.DefineComponent<TooltipRootProps, {}, {}, {}, {}, vue388.ComponentOptionsMixin, vue388.ComponentOptionsMixin, {
|
|
156
|
+
exitComplete: () => any;
|
|
157
|
+
openChange: (details: tooltip.OpenChangeDetails) => any;
|
|
158
|
+
"update:open": (open: boolean) => any;
|
|
159
|
+
}, string, vue388.PublicProps, Readonly<TooltipRootProps> & Readonly<{
|
|
160
|
+
onExitComplete?: (() => any) | undefined;
|
|
161
|
+
onOpenChange?: ((details: tooltip.OpenChangeDetails) => any) | undefined;
|
|
162
|
+
"onUpdate:open"?: ((open: boolean) => any) | undefined;
|
|
163
|
+
}>, {
|
|
164
|
+
disabled: boolean;
|
|
165
|
+
open: boolean;
|
|
166
|
+
defaultOpen: boolean;
|
|
167
|
+
closeOnPointerDown: boolean;
|
|
168
|
+
closeOnEscape: boolean;
|
|
169
|
+
closeOnScroll: boolean;
|
|
170
|
+
closeOnClick: boolean;
|
|
171
|
+
interactive: boolean;
|
|
172
|
+
}, {}, {}, {}, string, vue388.ComponentProvideOptions, false, {}, any>, {
|
|
173
|
+
default?: (props: {}) => any;
|
|
174
|
+
}>;
|
|
175
|
+
type __VLS_WithSlots$1<T, S> = T & {
|
|
176
|
+
new (): {
|
|
177
|
+
$slots: S;
|
|
178
|
+
};
|
|
179
|
+
};
|
|
180
|
+
//#endregion
|
|
181
|
+
//#region src/components/tooltip/tooltip-trigger.vue.d.ts
|
|
182
|
+
interface TooltipTriggerBaseProps extends PolymorphicProps {}
|
|
183
|
+
interface TooltipTriggerProps extends TooltipTriggerBaseProps,
|
|
184
|
+
/**
|
|
185
|
+
* @vue-ignore
|
|
186
|
+
*/
|
|
187
|
+
ButtonHTMLAttributes {}
|
|
188
|
+
declare const _default$7: typeof __VLS_export;
|
|
189
|
+
declare const __VLS_export: __VLS_WithSlots<vue388.DefineComponent<TooltipTriggerProps, {}, {}, {}, {}, vue388.ComponentOptionsMixin, vue388.ComponentOptionsMixin, {}, string, vue388.PublicProps, Readonly<TooltipTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue388.ComponentProvideOptions, false, {}, any>, {
|
|
190
|
+
default?: (props: {}) => any;
|
|
191
|
+
}>;
|
|
192
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
193
|
+
new (): {
|
|
194
|
+
$slots: S;
|
|
195
|
+
};
|
|
196
|
+
};
|
|
197
|
+
declare namespace tooltip_d_exports {
|
|
198
|
+
export { _default as Arrow, TooltipArrowBaseProps as ArrowBaseProps, TooltipArrowProps as ArrowProps, _default$1 as ArrowTip, TooltipArrowTipBaseProps as ArrowTipBaseProps, TooltipArrowTipProps as ArrowTipProps, _default$2 as Content, TooltipContentBaseProps as ContentBaseProps, TooltipContentProps as ContentProps, _default$3 as Context, TooltipContextProps as ContextProps, OpenChangeDetails, _default$4 as Positioner, TooltipPositionerBaseProps as PositionerBaseProps, TooltipPositionerProps as PositionerProps, _default$5 as Root, TooltipRootBaseProps as RootBaseProps, TooltipRootEmits as RootEmits, TooltipRootProps as RootProps, _default$6 as RootProvider, TooltipRootProviderBaseProps as RootProviderBaseProps, TooltipRootProviderProps as RootProviderProps, _default$7 as Trigger, TooltipTriggerBaseProps as TriggerBaseProps, TooltipTriggerProps as TriggerProps };
|
|
199
|
+
}
|
|
200
|
+
//#endregion
|
|
201
|
+
export { tooltip_d_exports as Tooltip, _default as TooltipArrow, type TooltipArrowBaseProps, type TooltipArrowProps, _default$1 as TooltipArrowTip, type TooltipArrowTipBaseProps, type TooltipArrowTipProps, _default$2 as TooltipContent, type TooltipContentBaseProps, type TooltipContentProps, _default$3 as TooltipContext, type TooltipContextProps, type TooltipOpenChangeDetails, _default$4 as TooltipPositioner, type TooltipPositionerBaseProps, type TooltipPositionerProps, _default$5 as TooltipRoot, type TooltipRootBaseProps, type TooltipRootEmits, type TooltipRootProps, _default$6 as TooltipRootProvider, type TooltipRootProviderBaseProps, type TooltipRootProviderEmits, type TooltipRootProviderProps, _default$7 as TooltipTrigger, type TooltipTriggerBaseProps, type TooltipTriggerProps, type UseTooltipContext, type UseTooltipProps, type UseTooltipReturn, tooltipAnatomy, useTooltip, useTooltipContext };
|