@sprawlify/vue 0.0.75 → 0.0.77
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/carousel-anatomy-DwrhoUqZ.d.ts +6 -0
- package/dist/checkbox-anatomy-RPOOG6m5.d.ts +6 -0
- package/dist/color-picker-anatomy-CqfgkBND.d.ts +6 -0
- package/dist/combobox-anatomy-CpyHROa-.d.ts +6 -0
- package/dist/components/accordion/index.d.ts +15 -15
- package/dist/components/accordion/index.js +1 -0
- package/dist/components/anatomy.d.ts +14 -13
- package/dist/components/anatomy.js +2 -1
- package/dist/components/angle-slider/index.d.ts +14 -14
- package/dist/components/aspect-ratio/index.d.ts +97 -0
- package/dist/components/aspect-ratio/index.js +152 -0
- package/dist/components/avatar/index.d.ts +9 -9
- package/dist/components/bottom-sheet/index.d.ts +19 -19
- package/dist/components/carousel/index.d.ts +22 -22
- package/dist/components/checkbox/index.d.ts +18 -18
- package/dist/components/client-only/index.d.ts +2 -2
- package/dist/components/clipboard/index.d.ts +15 -15
- package/dist/components/collapsible/index.d.ts +12 -12
- package/dist/components/collection/index.d.ts +1 -1
- package/dist/components/color-picker/index.d.ts +51 -51
- package/dist/components/combobox/index.d.ts +34 -33
- package/dist/components/date-picker/index.d.ts +47 -47
- package/dist/components/dialog/index.d.ts +27 -27
- package/dist/components/download-trigger/index.d.ts +2 -2
- package/dist/components/editable/index.d.ts +22 -22
- package/dist/components/field/index.d.ts +22 -22
- package/dist/components/fieldset/index.d.ts +11 -11
- package/dist/components/file-upload/index.d.ts +21 -21
- package/dist/components/floating-panel/index.d.ts +23 -24
- package/dist/components/focus-trap/index.d.ts +5 -5
- 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/hover-card/index.d.ts +21 -21
- package/dist/components/image-cropper/index.d.ts +13 -13
- package/dist/components/json-tree-view/index.d.ts +11 -10
- package/dist/components/json-tree-view/index.js +2 -0
- package/dist/components/listbox/index.d.ts +23 -23
- package/dist/components/marquee/index.d.ts +21 -21
- package/dist/components/menu/index.d.ts +53 -53
- package/dist/components/navigation-menu/index.d.ts +17 -17
- package/dist/components/number-input/index.d.ts +17 -17
- package/dist/components/pagination/index.d.ts +15 -15
- package/dist/components/password-input/index.d.ts +22 -22
- package/dist/components/pin-input/index.d.ts +12 -12
- package/dist/components/popover/index.d.ts +29 -29
- package/dist/components/presence/index.d.ts +1 -1
- package/dist/components/progress/index.d.ts +13 -13
- package/dist/components/qr-code/index.d.ts +9 -9
- package/dist/components/radio-group/index.d.ts +14 -14
- package/dist/components/rating-group/index.d.ts +12 -12
- package/dist/components/scroll-area/index.d.ts +10 -10
- package/dist/components/segment-group/index.d.ts +15 -15
- package/dist/components/select/index.d.ts +38 -38
- package/dist/components/separator/index.d.ts +5 -5
- package/dist/components/signature-pad/index.d.ts +13 -13
- package/dist/components/slider/index.d.ts +19 -19
- package/dist/components/splitter/index.d.ts +12 -12
- package/dist/components/steps/index.d.ts +18 -18
- package/dist/components/switch/index.d.ts +12 -12
- package/dist/components/tabs/index.d.ts +13 -13
- package/dist/components/tags-input/index.d.ts +33 -33
- package/dist/components/timer/index.d.ts +12 -12
- package/dist/components/toast/index.d.ts +9 -9
- package/dist/components/toggle/index.d.ts +8 -8
- package/dist/components/toggle-group/index.d.ts +8 -8
- package/dist/components/tooltip/index.d.ts +15 -15
- package/dist/components/tour/index.d.ts +29 -29
- package/dist/components/tree-view/index.d.ts +3 -3
- package/dist/components/tree-view/index.js +1 -0
- package/dist/date-picker-anatomy-csud5zM0.d.ts +6 -0
- package/dist/field-anatomy-n4MQ6CIA.d.ts +6 -0
- package/dist/fieldset-anatomy-j1YsgpiA.d.ts +6 -0
- package/dist/image-cropper-anatomy-BCN4Egjw.d.ts +6 -0
- package/dist/{index-DzrYvQ8H.d.ts → index-BJ8mRK6a.d.ts} +2 -2
- package/dist/{index-C-kA-knN.d.ts → index-BKK0vIdn.d.ts} +7 -7
- package/dist/{index-VvcSzgim.d.ts → index-CMBDt7rf.d.ts} +6 -6
- package/dist/{index-DZ1ummfv.d.ts → index-ctptSac4.d.ts} +30 -30
- package/dist/index.d.ts +2 -2
- package/dist/listbox-anatomy-DbF6wAW0.d.ts +6 -0
- package/dist/segment-group-anatomy-BweP3B5a.d.ts +6 -0
- package/dist/toggle-anatomy-CosjCd7U.d.ts +6 -0
- package/dist/tour-anatomy-HAoP7f8M.d.ts +6 -0
- package/package.json +6 -2
- package/dist/carousel-anatomy-D1y42Ex5.d.ts +0 -6
- package/dist/checkbox-anatomy-C3nJ17T-.d.ts +0 -6
- package/dist/color-picker-anatomy-Dyp524yB.d.ts +0 -6
- package/dist/combobox-anatomy-pMR3g6v-.d.ts +0 -6
- package/dist/date-picker-anatomy-Br9ap7TS.d.ts +0 -6
- package/dist/field-anatomy-loNm9_9u.d.ts +0 -6
- package/dist/fieldset-anatomy-9h1GFO6X.d.ts +0 -6
- package/dist/image-cropper-anatomy-6_a6BSeW.d.ts +0 -6
- package/dist/listbox-anatomy-ZW3V07FW.d.ts +0 -6
- package/dist/segment-group-anatomy-DesMk15u.d.ts +0 -6
- package/dist/toggle-anatomy-C4EVS7GQ.d.ts +0 -6
- package/dist/tour-anatomy-Bc1FNWON.d.ts +0 -6
- /package/dist/{index-BezmG5AK.d.ts → index-FXQujPvZ.d.ts} +0 -0
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as _sprawlify_primitives_anatomy1 from "@sprawlify/primitives/anatomy";
|
|
2
|
+
|
|
3
|
+
//#region src/components/carousel/carousel-anatomy.d.ts
|
|
4
|
+
declare const carouselAnatomy: _sprawlify_primitives_anatomy1.AnatomyInstance<"root" | "item" | "itemGroup" | "control" | "indicator" | "nextTrigger" | "prevTrigger" | "progressText" | "indicatorGroup" | "autoplayTrigger" | "autoplayIndicator">;
|
|
5
|
+
//#endregion
|
|
6
|
+
export { carouselAnatomy as t };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as _sprawlify_primitives_anatomy5 from "@sprawlify/primitives/anatomy";
|
|
2
|
+
|
|
3
|
+
//#region src/components/checkbox/checkbox-anatomy.d.ts
|
|
4
|
+
declare const checkboxAnatomy: _sprawlify_primitives_anatomy5.AnatomyInstance<"root" | "label" | "control" | "indicator" | "group">;
|
|
5
|
+
//#endregion
|
|
6
|
+
export { checkboxAnatomy as t };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as _sprawlify_primitives_anatomy6 from "@sprawlify/primitives/anatomy";
|
|
2
|
+
|
|
3
|
+
//#region src/components/color-picker/color-picker-anatomy.d.ts
|
|
4
|
+
declare const colorPickerAnatomy: _sprawlify_primitives_anatomy6.AnatomyInstance<"root" | "valueText" | "label" | "content" | "control" | "trigger" | "positioner" | "view" | "area" | "areaThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
|
|
5
|
+
//#endregion
|
|
6
|
+
export { colorPickerAnatomy as t };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as _sprawlify_primitives_anatomy7 from "@sprawlify/primitives/anatomy";
|
|
2
|
+
|
|
3
|
+
//#region src/components/combobox/combobox-anatomy.d.ts
|
|
4
|
+
declare const comboboxAnatomy: _sprawlify_primitives_anatomy7.AnatomyInstance<"root" | "label" | "content" | "input" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty" | "control" | "trigger" | "positioner" | "clearTrigger" | "list">;
|
|
5
|
+
//#endregion
|
|
6
|
+
export { comboboxAnatomy as t };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { t as PolymorphicProps } from "../../factory-n7N-L7_o.js";
|
|
2
|
-
import { i as UsePresenceProps } from "../../index-
|
|
2
|
+
import { i as UsePresenceProps } from "../../index-CMBDt7rf.js";
|
|
3
3
|
import { a as Optional, r as EmitFn$1 } from "../../types-D_fjXif6.js";
|
|
4
|
-
import { r as PropTypes } from "../../index-
|
|
4
|
+
import { r as PropTypes } from "../../index-BJ8mRK6a.js";
|
|
5
5
|
import { t as RenderStrategyProps } from "../../use-render-strategy-CEbMLMD1.js";
|
|
6
6
|
import { t as accordionAnatomy } from "../../accordion-anatomy-Bxs15n6t.js";
|
|
7
|
-
import * as
|
|
7
|
+
import * as vue278 from "vue";
|
|
8
8
|
import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
|
|
9
9
|
import * as accordion from "@sprawlify/primitives/machines/accordion";
|
|
10
10
|
import { FocusChangeDetails, FocusChangeDetails as AccordionFocusChangeDetails, ItemProps, ItemState, ValueChangeDetails, ValueChangeDetails as AccordionValueChangeDetails } from "@sprawlify/primitives/machines/accordion";
|
|
@@ -46,7 +46,7 @@ interface AccordionContextProps extends SlotsType<{
|
|
|
46
46
|
default: UnwrapRef<UseAccordionContext>;
|
|
47
47
|
}> {}
|
|
48
48
|
declare const _default: typeof __VLS_export$7;
|
|
49
|
-
declare const __VLS_export$7: __VLS_WithSlots$7<
|
|
49
|
+
declare const __VLS_export$7: __VLS_WithSlots$7<vue278.DefineComponent<{}, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, true, {}, any>, {
|
|
50
50
|
default(accordion: UnwrapRef<UseAccordionContext>): unknown;
|
|
51
51
|
}>;
|
|
52
52
|
type __VLS_WithSlots$7<T, S> = T & {
|
|
@@ -63,7 +63,7 @@ interface AccordionItemContentProps extends AccordionItemContentBaseProps,
|
|
|
63
63
|
*/
|
|
64
64
|
HTMLAttributes {}
|
|
65
65
|
declare const _default$2: typeof __VLS_export$6;
|
|
66
|
-
declare const __VLS_export$6: __VLS_WithSlots$6<
|
|
66
|
+
declare const __VLS_export$6: __VLS_WithSlots$6<vue278.DefineComponent<AccordionItemContentProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<AccordionItemContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>, {
|
|
67
67
|
default?: (props: {}) => any;
|
|
68
68
|
}>;
|
|
69
69
|
type __VLS_WithSlots$6<T, S> = T & {
|
|
@@ -80,7 +80,7 @@ interface AccordionItemContextProps extends SlotsType<{
|
|
|
80
80
|
default: UnwrapRef<UseAccordionItemContext>;
|
|
81
81
|
}> {}
|
|
82
82
|
declare const _default$3: typeof __VLS_export$5;
|
|
83
|
-
declare const __VLS_export$5: __VLS_WithSlots$5<
|
|
83
|
+
declare const __VLS_export$5: __VLS_WithSlots$5<vue278.DefineComponent<{}, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, true, {}, any>, {
|
|
84
84
|
default(item: UnwrapRef<UseAccordionItemContext>): unknown;
|
|
85
85
|
}>;
|
|
86
86
|
type __VLS_WithSlots$5<T, S> = T & {
|
|
@@ -97,7 +97,7 @@ interface AccordionItemIndicatorProps extends AccordionItemIndicatorBaseProps,
|
|
|
97
97
|
*/
|
|
98
98
|
HTMLAttributes {}
|
|
99
99
|
declare const _default$4: typeof __VLS_export$4;
|
|
100
|
-
declare const __VLS_export$4: __VLS_WithSlots$4<
|
|
100
|
+
declare const __VLS_export$4: __VLS_WithSlots$4<vue278.DefineComponent<AccordionItemIndicatorProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<AccordionItemIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>, {
|
|
101
101
|
default?: (props: {}) => any;
|
|
102
102
|
}>;
|
|
103
103
|
type __VLS_WithSlots$4<T, S> = T & {
|
|
@@ -114,7 +114,7 @@ interface AccordionItemTriggerProps extends AccordionItemTriggerBaseProps,
|
|
|
114
114
|
*/
|
|
115
115
|
ButtonHTMLAttributes {}
|
|
116
116
|
declare const _default$5: typeof __VLS_export$3;
|
|
117
|
-
declare const __VLS_export$3: __VLS_WithSlots$3<
|
|
117
|
+
declare const __VLS_export$3: __VLS_WithSlots$3<vue278.DefineComponent<AccordionItemTriggerProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<AccordionItemTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>, {
|
|
118
118
|
default?: (props: {}) => any;
|
|
119
119
|
}>;
|
|
120
120
|
type __VLS_WithSlots$3<T, S> = T & {
|
|
@@ -131,7 +131,7 @@ interface AccordionItemProps extends AccordionItemBaseProps,
|
|
|
131
131
|
*/
|
|
132
132
|
HTMLAttributes {}
|
|
133
133
|
declare const _default$1: typeof __VLS_export$2;
|
|
134
|
-
declare const __VLS_export$2: __VLS_WithSlots$2<
|
|
134
|
+
declare const __VLS_export$2: __VLS_WithSlots$2<vue278.DefineComponent<AccordionItemProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>, {
|
|
135
135
|
default?: (props: {}) => any;
|
|
136
136
|
}>;
|
|
137
137
|
type __VLS_WithSlots$2<T, S> = T & {
|
|
@@ -151,7 +151,7 @@ interface AccordionRootProviderProps extends AccordionRootProviderBaseProps,
|
|
|
151
151
|
*/
|
|
152
152
|
HTMLAttributes {}
|
|
153
153
|
declare const _default$7: typeof __VLS_export$1;
|
|
154
|
-
declare const __VLS_export$1: __VLS_WithSlots$1<
|
|
154
|
+
declare const __VLS_export$1: __VLS_WithSlots$1<vue278.DefineComponent<AccordionRootProviderProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {}, string, vue278.PublicProps, Readonly<AccordionRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>, {
|
|
155
155
|
default?: (props: {}) => any;
|
|
156
156
|
}>;
|
|
157
157
|
type __VLS_WithSlots$1<T, S> = T & {
|
|
@@ -169,19 +169,19 @@ interface AccordionRootProps extends AccordionRootBaseProps,
|
|
|
169
169
|
HTMLAttributes {}
|
|
170
170
|
interface AccordionRootEmits extends RootEmits {}
|
|
171
171
|
declare const _default$6: typeof __VLS_export;
|
|
172
|
-
declare const __VLS_export: __VLS_WithSlots<
|
|
173
|
-
focusChange: (details: accordion.FocusChangeDetails) => any;
|
|
172
|
+
declare const __VLS_export: __VLS_WithSlots<vue278.DefineComponent<AccordionRootProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {
|
|
174
173
|
valueChange: (details: accordion.ValueChangeDetails) => any;
|
|
175
174
|
"update:modelValue": (value: string[]) => any;
|
|
176
|
-
|
|
177
|
-
|
|
175
|
+
focusChange: (details: accordion.FocusChangeDetails) => any;
|
|
176
|
+
}, string, vue278.PublicProps, Readonly<AccordionRootProps> & Readonly<{
|
|
178
177
|
onValueChange?: ((details: accordion.ValueChangeDetails) => any) | undefined;
|
|
179
178
|
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
179
|
+
onFocusChange?: ((details: accordion.FocusChangeDetails) => any) | undefined;
|
|
180
180
|
}>, {
|
|
181
181
|
disabled: boolean;
|
|
182
182
|
multiple: boolean;
|
|
183
183
|
collapsible: boolean;
|
|
184
|
-
}, {}, {}, {}, string,
|
|
184
|
+
}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>, {
|
|
185
185
|
default?: (props: {}) => any;
|
|
186
186
|
}>;
|
|
187
187
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -4,6 +4,7 @@ import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE,
|
|
|
4
4
|
import { t as createContext } from "../../create-context-Ds1GbsVc.js";
|
|
5
5
|
import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
|
|
6
6
|
import { t as accordionAnatomy } from "../../accordion-anatomy-SnniqySz.js";
|
|
7
|
+
import "../../collapsible-anatomy-Bz0a8LAr.js";
|
|
7
8
|
import { t as sprawlify } from "../../factory-xNPol80p.js";
|
|
8
9
|
import { t as cleanProps } from "../../clean-props-DsGHTEpm.js";
|
|
9
10
|
import { n as useRenderStrategyProps, t as RenderStrategyPropsProvider } from "../../use-render-strategy-3G0_HWbg.js";
|
|
@@ -2,22 +2,22 @@ import { t as accordionAnatomy } from "../accordion-anatomy-Bxs15n6t.js";
|
|
|
2
2
|
import { t as angleSliderAnatomy } from "../angle-slider-anatomy-4JLhdGMa.js";
|
|
3
3
|
import { t as avatarAnatomy } from "../avatar-anatomy-DRst-MIc.js";
|
|
4
4
|
import { t as bottomSheetAnatomy } from "../bottom-sheet-anatomy-DUXumYfR.js";
|
|
5
|
-
import { t as carouselAnatomy } from "../carousel-anatomy-
|
|
6
|
-
import { t as checkboxAnatomy } from "../checkbox-anatomy-
|
|
5
|
+
import { t as carouselAnatomy } from "../carousel-anatomy-DwrhoUqZ.js";
|
|
6
|
+
import { t as checkboxAnatomy } from "../checkbox-anatomy-RPOOG6m5.js";
|
|
7
7
|
import { t as clipboardAnatomy } from "../clipboard-anatomy-BOEGNpiY.js";
|
|
8
8
|
import { t as collapsibleAnatomy } from "../collapsible-anatomy-DxiuORza.js";
|
|
9
|
-
import { t as colorPickerAnatomy } from "../color-picker-anatomy-
|
|
10
|
-
import { t as comboboxAnatomy } from "../combobox-anatomy-
|
|
11
|
-
import { t as datePickerAnatomy } from "../date-picker-anatomy-
|
|
9
|
+
import { t as colorPickerAnatomy } from "../color-picker-anatomy-CqfgkBND.js";
|
|
10
|
+
import { t as comboboxAnatomy } from "../combobox-anatomy-CpyHROa-.js";
|
|
11
|
+
import { t as datePickerAnatomy } from "../date-picker-anatomy-csud5zM0.js";
|
|
12
12
|
import { t as dialogAnatomy } from "../dialog-anatomy-ByMvuBxr.js";
|
|
13
13
|
import { t as editableAnatomy } from "../editable-anatomy-D7zUtMKW.js";
|
|
14
|
-
import { t as fieldAnatomy } from "../field-anatomy-
|
|
15
|
-
import { t as fieldsetAnatomy } from "../fieldset-anatomy-
|
|
14
|
+
import { t as fieldAnatomy } from "../field-anatomy-n4MQ6CIA.js";
|
|
15
|
+
import { t as fieldsetAnatomy } from "../fieldset-anatomy-j1YsgpiA.js";
|
|
16
16
|
import { t as fileUploadAnatomy } from "../file-upload-anatomy-DdLNgaPz.js";
|
|
17
17
|
import { t as floatingPanelAnatomy } from "../floating-panel-anatomy-DwkXF2tr.js";
|
|
18
18
|
import { t as hoverCardAnatomy } from "../hover-card-anatomy-CTX5TEi3.js";
|
|
19
|
-
import { t as imageCropperAnatomy } from "../image-cropper-anatomy-
|
|
20
|
-
import { t as listboxAnatomy } from "../listbox-anatomy-
|
|
19
|
+
import { t as imageCropperAnatomy } from "../image-cropper-anatomy-BCN4Egjw.js";
|
|
20
|
+
import { t as listboxAnatomy } from "../listbox-anatomy-DbF6wAW0.js";
|
|
21
21
|
import { t as marqueeAnatomy } from "../marquee-anatomy-CS5BoKG3.js";
|
|
22
22
|
import { t as menuAnatomy } from "../menu-anatomy-DcjSKaK6.js";
|
|
23
23
|
import { t as navigationMenuAnatomy } from "../navigation-menu-anatomy-bvfS7a-6.js";
|
|
@@ -31,7 +31,7 @@ import { t as qrCodeAnatomy } from "../qr-code-anatomy-DKYQO_yO.js";
|
|
|
31
31
|
import { t as radioGroupAnatomy } from "../radio-group-anatomy-CiNL4B5J.js";
|
|
32
32
|
import { t as ratingGroupAnatomy } from "../rating-group-anatomy-DEi1Omvv.js";
|
|
33
33
|
import { t as scrollAreaAnatomy } from "../scroll-area-anatomy-CefzWgS5.js";
|
|
34
|
-
import { t as segmentGroupAnatomy } from "../segment-group-anatomy-
|
|
34
|
+
import { t as segmentGroupAnatomy } from "../segment-group-anatomy-BweP3B5a.js";
|
|
35
35
|
import { t as selectAnatomy } from "../select-anatomy-BLK5Kq84.js";
|
|
36
36
|
import { t as separatorAnatomy } from "../separator-anatomy-Cyw-DWpB.js";
|
|
37
37
|
import { t as signaturePadAnatomy } from "../signature-pad-anatomy-ZbCDnYGZ.js";
|
|
@@ -44,9 +44,10 @@ import { t as tagsInputAnatomy } from "../tags-input-anatomy-C0HLrulm.js";
|
|
|
44
44
|
import { t as timerAnatomy } from "../timer-anatomy-D0Ey9n_K.js";
|
|
45
45
|
import { t as toastAnatomy } from "../toast-anatomy-DHifYWal.js";
|
|
46
46
|
import { t as toggleGroupAnatomy } from "../toggle-group-anatomy-BpV0-6Xe.js";
|
|
47
|
-
import { t as toggleAnatomy } from "../toggle-anatomy-
|
|
47
|
+
import { t as toggleAnatomy } from "../toggle-anatomy-CosjCd7U.js";
|
|
48
48
|
import { t as tooltipAnatomy } from "../tooltip-anatomy-BlxUQUEe.js";
|
|
49
|
-
import { t as tourAnatomy } from "../tour-anatomy-
|
|
49
|
+
import { t as tourAnatomy } from "../tour-anatomy-HAoP7f8M.js";
|
|
50
50
|
import { t as treeViewAnatomy } from "../tree-view-anatomy-zTRJrcH9.js";
|
|
51
|
+
import { anatomy as aspectRatioAnatomy } from "@sprawlify/primitives/machines/aspect-ratio";
|
|
51
52
|
export * from "@sprawlify/primitives/anatomy";
|
|
52
|
-
export { accordionAnatomy, angleSliderAnatomy, avatarAnatomy, bottomSheetAnatomy, carouselAnatomy, checkboxAnatomy, clipboardAnatomy, collapsibleAnatomy, colorPickerAnatomy, comboboxAnatomy, datePickerAnatomy, dialogAnatomy, editableAnatomy, fieldAnatomy, fieldsetAnatomy, fileUploadAnatomy, floatingPanelAnatomy, hoverCardAnatomy, imageCropperAnatomy, listboxAnatomy, marqueeAnatomy, menuAnatomy, navigationMenuAnatomy, numberInputAnatomy, paginationAnatomy, passwordInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, qrCodeAnatomy, radioGroupAnatomy, ratingGroupAnatomy, scrollAreaAnatomy, segmentGroupAnatomy, selectAnatomy, separatorAnatomy, signaturePadAnatomy, sliderAnatomy, splitterAnatomy, stepsAnatomy, switchAnatomy, tabsAnatomy, tagsInputAnatomy, timerAnatomy, toastAnatomy, toggleAnatomy, toggleGroupAnatomy, tooltipAnatomy, tourAnatomy, treeViewAnatomy };
|
|
53
|
+
export { accordionAnatomy, angleSliderAnatomy, aspectRatioAnatomy, avatarAnatomy, bottomSheetAnatomy, carouselAnatomy, checkboxAnatomy, clipboardAnatomy, collapsibleAnatomy, colorPickerAnatomy, comboboxAnatomy, datePickerAnatomy, dialogAnatomy, editableAnatomy, fieldAnatomy, fieldsetAnatomy, fileUploadAnatomy, floatingPanelAnatomy, hoverCardAnatomy, imageCropperAnatomy, listboxAnatomy, marqueeAnatomy, menuAnatomy, navigationMenuAnatomy, numberInputAnatomy, paginationAnatomy, passwordInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, qrCodeAnatomy, radioGroupAnatomy, ratingGroupAnatomy, scrollAreaAnatomy, segmentGroupAnatomy, selectAnatomy, separatorAnatomy, signaturePadAnatomy, sliderAnatomy, splitterAnatomy, stepsAnatomy, switchAnatomy, tabsAnatomy, tagsInputAnatomy, timerAnatomy, toastAnatomy, toggleAnatomy, toggleGroupAnatomy, tooltipAnatomy, tourAnatomy, treeViewAnatomy };
|
|
@@ -48,7 +48,8 @@ import { t as toggleAnatomy } from "../toggle-anatomy-B79YArNR.js";
|
|
|
48
48
|
import { t as tooltipAnatomy } from "../tooltip-anatomy-D6lPF-Wq.js";
|
|
49
49
|
import { t as tourAnatomy } from "../tour-anatomy-Cg6ZDDuV.js";
|
|
50
50
|
import { t as treeViewAnatomy } from "../tree-view-anatomy--Ft8ROVn.js";
|
|
51
|
+
import { anatomy as aspectRatioAnatomy } from "@sprawlify/primitives/machines/aspect-ratio";
|
|
51
52
|
|
|
52
53
|
export * from "@sprawlify/primitives/anatomy"
|
|
53
54
|
|
|
54
|
-
export { accordionAnatomy, angleSliderAnatomy, avatarAnatomy, bottomSheetAnatomy, carouselAnatomy, checkboxAnatomy, clipboardAnatomy, collapsibleAnatomy, colorPickerAnatomy, comboboxAnatomy, datePickerAnatomy, dialogAnatomy, editableAnatomy, fieldAnatomy, fieldsetAnatomy, fileUploadAnatomy, floatingPanelAnatomy, hoverCardAnatomy, imageCropperAnatomy, listboxAnatomy, marqueeAnatomy, menuAnatomy, navigationMenuAnatomy, numberInputAnatomy, paginationAnatomy, passwordInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, qrCodeAnatomy, radioGroupAnatomy, ratingGroupAnatomy, scrollAreaAnatomy, segmentGroupAnatomy, selectAnatomy, separatorAnatomy, signaturePadAnatomy, sliderAnatomy, splitterAnatomy, stepsAnatomy, switchAnatomy, tabsAnatomy, tagsInputAnatomy, timerAnatomy, toastAnatomy, toggleAnatomy, toggleGroupAnatomy, tooltipAnatomy, tourAnatomy, treeViewAnatomy };
|
|
55
|
+
export { accordionAnatomy, angleSliderAnatomy, aspectRatioAnatomy, avatarAnatomy, bottomSheetAnatomy, carouselAnatomy, checkboxAnatomy, clipboardAnatomy, collapsibleAnatomy, colorPickerAnatomy, comboboxAnatomy, datePickerAnatomy, dialogAnatomy, editableAnatomy, fieldAnatomy, fieldsetAnatomy, fileUploadAnatomy, floatingPanelAnatomy, hoverCardAnatomy, imageCropperAnatomy, listboxAnatomy, marqueeAnatomy, menuAnatomy, navigationMenuAnatomy, numberInputAnatomy, paginationAnatomy, passwordInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, qrCodeAnatomy, radioGroupAnatomy, ratingGroupAnatomy, scrollAreaAnatomy, segmentGroupAnatomy, selectAnatomy, separatorAnatomy, signaturePadAnatomy, sliderAnatomy, splitterAnatomy, stepsAnatomy, switchAnatomy, tabsAnatomy, tagsInputAnatomy, timerAnatomy, toastAnatomy, toggleAnatomy, toggleGroupAnatomy, tooltipAnatomy, tourAnatomy, treeViewAnatomy };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { t as PolymorphicProps } from "../../factory-n7N-L7_o.js";
|
|
2
2
|
import { a as Optional } from "../../types-D_fjXif6.js";
|
|
3
|
-
import { r as PropTypes } from "../../index-
|
|
3
|
+
import { r as PropTypes } from "../../index-BJ8mRK6a.js";
|
|
4
4
|
import { t as angleSliderAnatomy } from "../../angle-slider-anatomy-4JLhdGMa.js";
|
|
5
|
-
import * as
|
|
5
|
+
import * as vue616 from "vue";
|
|
6
6
|
import { ComputedRef, EmitFn, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
|
|
7
7
|
import * as angleSlider from "@sprawlify/primitives/machines/angle-slider";
|
|
8
8
|
import { MarkerProps } from "@sprawlify/primitives/machines/angle-slider";
|
|
@@ -50,7 +50,7 @@ interface AngleSliderContextProps extends SlotsType<{
|
|
|
50
50
|
default: UnwrapRef<UseAngleSliderContext>;
|
|
51
51
|
}> {}
|
|
52
52
|
declare const _default: typeof __VLS_export$9;
|
|
53
|
-
declare const __VLS_export$9: __VLS_WithSlots$9<
|
|
53
|
+
declare const __VLS_export$9: __VLS_WithSlots$9<vue616.DefineComponent<{}, {}, {}, {}, {}, vue616.ComponentOptionsMixin, vue616.ComponentOptionsMixin, {}, string, vue616.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue616.ComponentProvideOptions, true, {}, any>, {
|
|
54
54
|
default(angleSlider: UnwrapRef<UseAngleSliderContext>): unknown;
|
|
55
55
|
}>;
|
|
56
56
|
type __VLS_WithSlots$9<T, S> = T & {
|
|
@@ -67,11 +67,11 @@ interface AngleSliderRootProps extends AngleSliderRootBaseProps,
|
|
|
67
67
|
*/
|
|
68
68
|
Omit<HTMLAttributes, 'dir'> {}
|
|
69
69
|
declare const _default$6: typeof __VLS_export$8;
|
|
70
|
-
declare const __VLS_export$8: __VLS_WithSlots$8<
|
|
70
|
+
declare const __VLS_export$8: __VLS_WithSlots$8<vue616.DefineComponent<AngleSliderRootProps, {}, {}, {}, {}, vue616.ComponentOptionsMixin, vue616.ComponentOptionsMixin, {
|
|
71
71
|
valueChange: (details: angleSlider.ValueChangeDetails) => any;
|
|
72
72
|
"update:modelValue": (value: number) => any;
|
|
73
73
|
valueChangeEnd: (details: angleSlider.ValueChangeDetails) => any;
|
|
74
|
-
}, string,
|
|
74
|
+
}, string, vue616.PublicProps, Readonly<AngleSliderRootProps> & Readonly<{
|
|
75
75
|
onValueChange?: ((details: angleSlider.ValueChangeDetails) => any) | undefined;
|
|
76
76
|
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
77
77
|
onValueChangeEnd?: ((details: angleSlider.ValueChangeDetails) => any) | undefined;
|
|
@@ -79,7 +79,7 @@ declare const __VLS_export$8: __VLS_WithSlots$8<vue1491.DefineComponent<AngleSli
|
|
|
79
79
|
disabled: boolean;
|
|
80
80
|
invalid: boolean;
|
|
81
81
|
readOnly: boolean;
|
|
82
|
-
}, {}, {}, {}, string,
|
|
82
|
+
}, {}, {}, {}, string, vue616.ComponentProvideOptions, false, {}, any>, {
|
|
83
83
|
default?: (props: {}) => any;
|
|
84
84
|
}>;
|
|
85
85
|
type __VLS_WithSlots$8<T, S> = T & {
|
|
@@ -96,7 +96,7 @@ interface AngleSliderControlProps extends AngleSliderControlBaseProps,
|
|
|
96
96
|
*/
|
|
97
97
|
HTMLAttributes {}
|
|
98
98
|
declare const _default$1: typeof __VLS_export$7;
|
|
99
|
-
declare const __VLS_export$7: __VLS_WithSlots$7<
|
|
99
|
+
declare const __VLS_export$7: __VLS_WithSlots$7<vue616.DefineComponent<AngleSliderControlProps, {}, {}, {}, {}, vue616.ComponentOptionsMixin, vue616.ComponentOptionsMixin, {}, string, vue616.PublicProps, Readonly<AngleSliderControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue616.ComponentProvideOptions, false, {}, any>, {
|
|
100
100
|
default?: (props: {}) => any;
|
|
101
101
|
}>;
|
|
102
102
|
type __VLS_WithSlots$7<T, S> = T & {
|
|
@@ -113,7 +113,7 @@ interface AngleSliderHiddenInputProps extends AngleSliderHiddenInputBaseProps,
|
|
|
113
113
|
*/
|
|
114
114
|
InputHTMLAttributes {}
|
|
115
115
|
declare const _default$2: typeof __VLS_export$6;
|
|
116
|
-
declare const __VLS_export$6: __VLS_WithSlots$6<
|
|
116
|
+
declare const __VLS_export$6: __VLS_WithSlots$6<vue616.DefineComponent<AngleSliderHiddenInputProps, {}, {}, {}, {}, vue616.ComponentOptionsMixin, vue616.ComponentOptionsMixin, {}, string, vue616.PublicProps, Readonly<AngleSliderHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue616.ComponentProvideOptions, false, {}, any>, {
|
|
117
117
|
default?: (props: {}) => any;
|
|
118
118
|
}>;
|
|
119
119
|
type __VLS_WithSlots$6<T, S> = T & {
|
|
@@ -130,7 +130,7 @@ interface AngleSliderLabelProps extends AngleSliderLabelBaseProps,
|
|
|
130
130
|
*/
|
|
131
131
|
LabelHTMLAttributes {}
|
|
132
132
|
declare const _default$3: typeof __VLS_export$5;
|
|
133
|
-
declare const __VLS_export$5: __VLS_WithSlots$5<
|
|
133
|
+
declare const __VLS_export$5: __VLS_WithSlots$5<vue616.DefineComponent<AngleSliderLabelProps, {}, {}, {}, {}, vue616.ComponentOptionsMixin, vue616.ComponentOptionsMixin, {}, string, vue616.PublicProps, Readonly<AngleSliderLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue616.ComponentProvideOptions, false, {}, any>, {
|
|
134
134
|
default?: (props: {}) => any;
|
|
135
135
|
}>;
|
|
136
136
|
type __VLS_WithSlots$5<T, S> = T & {
|
|
@@ -147,7 +147,7 @@ interface AngleSliderMarkerGroupProps extends AngleSliderMarkerGroupBaseProps,
|
|
|
147
147
|
*/
|
|
148
148
|
HTMLAttributes {}
|
|
149
149
|
declare const _default$5: typeof __VLS_export$4;
|
|
150
|
-
declare const __VLS_export$4: __VLS_WithSlots$4<
|
|
150
|
+
declare const __VLS_export$4: __VLS_WithSlots$4<vue616.DefineComponent<AngleSliderMarkerGroupProps, {}, {}, {}, {}, vue616.ComponentOptionsMixin, vue616.ComponentOptionsMixin, {}, string, vue616.PublicProps, Readonly<AngleSliderMarkerGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, vue616.ComponentProvideOptions, false, {}, any>, {
|
|
151
151
|
default?: (props: {}) => any;
|
|
152
152
|
}>;
|
|
153
153
|
type __VLS_WithSlots$4<T, S> = T & {
|
|
@@ -164,7 +164,7 @@ interface AngleSliderMarkerProps extends AngleSliderMarkerBaseProps,
|
|
|
164
164
|
*/
|
|
165
165
|
HTMLAttributes {}
|
|
166
166
|
declare const _default$4: typeof __VLS_export$3;
|
|
167
|
-
declare const __VLS_export$3: __VLS_WithSlots$3<
|
|
167
|
+
declare const __VLS_export$3: __VLS_WithSlots$3<vue616.DefineComponent<AngleSliderMarkerProps, {}, {}, {}, {}, vue616.ComponentOptionsMixin, vue616.ComponentOptionsMixin, {}, string, vue616.PublicProps, Readonly<AngleSliderMarkerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue616.ComponentProvideOptions, false, {}, any>, {
|
|
168
168
|
default?: (props: {}) => any;
|
|
169
169
|
}>;
|
|
170
170
|
type __VLS_WithSlots$3<T, S> = T & {
|
|
@@ -184,7 +184,7 @@ interface AngleSliderRootProviderProps extends AngleSliderRootProviderBaseProps,
|
|
|
184
184
|
*/
|
|
185
185
|
HTMLAttributes {}
|
|
186
186
|
declare const _default$7: typeof __VLS_export$2;
|
|
187
|
-
declare const __VLS_export$2: __VLS_WithSlots$2<
|
|
187
|
+
declare const __VLS_export$2: __VLS_WithSlots$2<vue616.DefineComponent<AngleSliderRootProviderProps, {}, {}, {}, {}, vue616.ComponentOptionsMixin, vue616.ComponentOptionsMixin, {}, string, vue616.PublicProps, Readonly<AngleSliderRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue616.ComponentProvideOptions, false, {}, any>, {
|
|
188
188
|
default?: (props: {}) => any;
|
|
189
189
|
}>;
|
|
190
190
|
type __VLS_WithSlots$2<T, S> = T & {
|
|
@@ -201,7 +201,7 @@ interface AngleSliderThumbProps extends AngleSliderThumbBaseProps,
|
|
|
201
201
|
*/
|
|
202
202
|
HTMLAttributes {}
|
|
203
203
|
declare const _default$8: typeof __VLS_export$1;
|
|
204
|
-
declare const __VLS_export$1: __VLS_WithSlots$1<
|
|
204
|
+
declare const __VLS_export$1: __VLS_WithSlots$1<vue616.DefineComponent<AngleSliderThumbProps, {}, {}, {}, {}, vue616.ComponentOptionsMixin, vue616.ComponentOptionsMixin, {}, string, vue616.PublicProps, Readonly<AngleSliderThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, vue616.ComponentProvideOptions, false, {}, any>, {
|
|
205
205
|
default?: (props: {}) => any;
|
|
206
206
|
}>;
|
|
207
207
|
type __VLS_WithSlots$1<T, S> = T & {
|
|
@@ -218,7 +218,7 @@ interface AngleSliderValueTextProps extends AngleSliderValueTextBaseProps,
|
|
|
218
218
|
*/
|
|
219
219
|
HTMLAttributes {}
|
|
220
220
|
declare const _default$9: typeof __VLS_export;
|
|
221
|
-
declare const __VLS_export: __VLS_WithSlots<
|
|
221
|
+
declare const __VLS_export: __VLS_WithSlots<vue616.DefineComponent<AngleSliderValueTextProps, {}, {}, {}, {}, vue616.ComponentOptionsMixin, vue616.ComponentOptionsMixin, {}, string, vue616.PublicProps, Readonly<AngleSliderValueTextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue616.ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
|
|
222
222
|
type __VLS_WithSlots<T, S> = T & {
|
|
223
223
|
new (): {
|
|
224
224
|
$slots: S;
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { t as PolymorphicProps } from "../../factory-n7N-L7_o.js";
|
|
2
|
+
import { a as Optional } from "../../types-D_fjXif6.js";
|
|
3
|
+
import { r as PropTypes } from "../../index-BJ8mRK6a.js";
|
|
4
|
+
import * as vue174 from "vue";
|
|
5
|
+
import { ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
|
|
6
|
+
import * as aspectRatio from "@sprawlify/primitives/machines/aspect-ratio";
|
|
7
|
+
|
|
8
|
+
//#region src/components/aspect-ratio/use-aspect-ratio.d.ts
|
|
9
|
+
interface UseAspectRatioProps extends Optional<Omit<aspectRatio.Props, 'getRootNode'>, 'id'> {}
|
|
10
|
+
interface UseAspectRatioReturn extends ComputedRef<aspectRatio.Api<PropTypes>> {}
|
|
11
|
+
declare const useAspectRatio: (props?: MaybeRef<UseAspectRatioProps>) => UseAspectRatioReturn;
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/components/aspect-ratio/use-aspect-ratio-context.d.ts
|
|
14
|
+
interface UseAspectRatioContext extends UseAspectRatioReturn {}
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region src/components/aspect-ratio/aspect-ratio-context.vue.d.ts
|
|
17
|
+
interface AspectRatioContextProps extends SlotsType<{
|
|
18
|
+
default: UnwrapRef<UseAspectRatioContext>;
|
|
19
|
+
}> {}
|
|
20
|
+
declare const _default$1: typeof __VLS_export$3;
|
|
21
|
+
declare const __VLS_export$3: __VLS_WithSlots$3<vue174.DefineComponent<{}, {}, {}, {}, {}, vue174.ComponentOptionsMixin, vue174.ComponentOptionsMixin, {}, string, vue174.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue174.ComponentProvideOptions, true, {}, any>, {
|
|
22
|
+
default(aspectRatio: UnwrapRef<UseAspectRatioContext>): unknown;
|
|
23
|
+
}>;
|
|
24
|
+
type __VLS_WithSlots$3<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
//#endregion
|
|
30
|
+
//#region src/components/aspect-ratio/aspect-ratio-content.vue.d.ts
|
|
31
|
+
interface AspectRatioContentBaseProps extends PolymorphicProps {}
|
|
32
|
+
interface AspectRatioContentProps extends AspectRatioContentBaseProps,
|
|
33
|
+
/**
|
|
34
|
+
* @vue-ignore
|
|
35
|
+
*/
|
|
36
|
+
HTMLAttributes {}
|
|
37
|
+
declare const _default: typeof __VLS_export$2;
|
|
38
|
+
declare const __VLS_export$2: __VLS_WithSlots$2<vue174.DefineComponent<AspectRatioContentProps, {}, {}, {}, {}, vue174.ComponentOptionsMixin, vue174.ComponentOptionsMixin, {}, string, vue174.PublicProps, Readonly<AspectRatioContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue174.ComponentProvideOptions, false, {}, any>, {
|
|
39
|
+
default?: (props: {}) => any;
|
|
40
|
+
}>;
|
|
41
|
+
type __VLS_WithSlots$2<T, S> = T & {
|
|
42
|
+
new (): {
|
|
43
|
+
$slots: S;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/components/aspect-ratio/aspect-ratio-types.d.ts
|
|
48
|
+
interface RootProps {
|
|
49
|
+
id?: string;
|
|
50
|
+
ids?: Partial<{
|
|
51
|
+
root: string;
|
|
52
|
+
content: string;
|
|
53
|
+
}>;
|
|
54
|
+
ratio?: number | undefined;
|
|
55
|
+
}
|
|
56
|
+
//#endregion
|
|
57
|
+
//#region src/components/aspect-ratio/aspect-ratio-root.vue.d.ts
|
|
58
|
+
interface AspectRatioRootBaseProps extends RootProps, PolymorphicProps {}
|
|
59
|
+
interface AspectRatioRootProps extends AspectRatioRootBaseProps,
|
|
60
|
+
/**
|
|
61
|
+
* @vue-ignore
|
|
62
|
+
*/
|
|
63
|
+
HTMLAttributes {}
|
|
64
|
+
declare const _default$2: typeof __VLS_export$1;
|
|
65
|
+
declare const __VLS_export$1: __VLS_WithSlots$1<vue174.DefineComponent<AspectRatioRootProps, {}, {}, {}, {}, vue174.ComponentOptionsMixin, vue174.ComponentOptionsMixin, {}, string, vue174.PublicProps, Readonly<AspectRatioRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue174.ComponentProvideOptions, false, {}, any>, {
|
|
66
|
+
default?: (props: {}) => any;
|
|
67
|
+
}>;
|
|
68
|
+
type __VLS_WithSlots$1<T, S> = T & {
|
|
69
|
+
new (): {
|
|
70
|
+
$slots: S;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
//#endregion
|
|
74
|
+
//#region src/components/aspect-ratio/aspect-ratio-root-provider.vue.d.ts
|
|
75
|
+
interface RootProviderProps {
|
|
76
|
+
value: UnwrapRef<UseAspectRatioReturn>;
|
|
77
|
+
}
|
|
78
|
+
interface AspectRatioRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
|
|
79
|
+
interface AspectRatioRootProviderProps extends AspectRatioRootProviderBaseProps,
|
|
80
|
+
/**
|
|
81
|
+
* @vue-ignore
|
|
82
|
+
*/
|
|
83
|
+
HTMLAttributes {}
|
|
84
|
+
declare const _default$3: typeof __VLS_export;
|
|
85
|
+
declare const __VLS_export: __VLS_WithSlots<vue174.DefineComponent<AspectRatioRootProviderProps, {}, {}, {}, {}, vue174.ComponentOptionsMixin, vue174.ComponentOptionsMixin, {}, string, vue174.PublicProps, Readonly<AspectRatioRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue174.ComponentProvideOptions, false, {}, any>, {
|
|
86
|
+
default?: (props: {}) => any;
|
|
87
|
+
}>;
|
|
88
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
89
|
+
new (): {
|
|
90
|
+
$slots: S;
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
declare namespace aspect_ratio_d_exports {
|
|
94
|
+
export { _default as Content, AspectRatioContentBaseProps as ContentBaseProps, AspectRatioContentProps as ContentProps, _default$1 as Context, AspectRatioContextProps as ContextProps, _default$2 as Root, AspectRatioRootBaseProps as RootBaseProps, AspectRatioRootProps as RootProps, _default$3 as RootProvider, AspectRatioRootProviderBaseProps as RootProviderBaseProps, AspectRatioRootProviderProps as RootProviderProps };
|
|
95
|
+
}
|
|
96
|
+
//#endregion
|
|
97
|
+
export { aspect_ratio_d_exports as AspectRatio, _default as AspectRatioContent, type AspectRatioContentBaseProps, type AspectRatioContentProps, _default$1 as AspectRatioContext, type AspectRatioContextProps, _default$2 as AspectRatioRoot, type AspectRatioRootBaseProps, type AspectRatioRootProps, _default$3 as AspectRatioRootProvider, type AspectRatioRootProviderBaseProps, type AspectRatioRootProviderProps, type UseAspectRatioContext, type UseAspectRatioProps, type UseAspectRatioReturn, useAspectRatio, useAspectRatioContext };
|
|
@@ -0,0 +1,152 @@
|
|
|
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 { c as useEnvironmentContext, 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-xNPol80p.js";
|
|
7
|
+
import { t as cleanProps } from "../../clean-props-DsGHTEpm.js";
|
|
8
|
+
import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
|
|
9
|
+
import * as aspectRatio from "@sprawlify/primitives/machines/aspect-ratio";
|
|
10
|
+
|
|
11
|
+
//#region src/components/aspect-ratio/use-aspect-ratio-context.ts
|
|
12
|
+
const [AspectRatioProvider, useAspectRatioContext] = createContext("AspectRatioContext");
|
|
13
|
+
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/aspect-ratio/aspect-ratio-context.vue?vue&type=script&setup=true&lang.ts
|
|
16
|
+
var aspect_ratio_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
17
|
+
__name: "aspect-ratio-context",
|
|
18
|
+
setup(__props) {
|
|
19
|
+
const aspectRatio = useAspectRatioContext();
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(aspectRatio))));
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
//#endregion
|
|
27
|
+
//#region src/components/aspect-ratio/aspect-ratio-context.vue
|
|
28
|
+
var aspect_ratio_context_default = aspect_ratio_context_vue_vue_type_script_setup_true_lang_default;
|
|
29
|
+
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/aspect-ratio/aspect-ratio-content.vue?vue&type=script&setup=true&lang.ts
|
|
32
|
+
var aspect_ratio_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
33
|
+
__name: "aspect-ratio-content",
|
|
34
|
+
props: { asChild: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
required: false
|
|
37
|
+
} },
|
|
38
|
+
setup(__props) {
|
|
39
|
+
const aspectRatio = useAspectRatioContext();
|
|
40
|
+
useForwardExpose();
|
|
41
|
+
return (_ctx, _cache) => {
|
|
42
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(aspectRatio).getContentProps(), { "as-child": __props.asChild }), {
|
|
43
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
44
|
+
_: 3
|
|
45
|
+
}, 16, ["as-child"]);
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
//#endregion
|
|
51
|
+
//#region src/components/aspect-ratio/aspect-ratio-content.vue
|
|
52
|
+
var aspect_ratio_content_default = aspect_ratio_content_vue_vue_type_script_setup_true_lang_default;
|
|
53
|
+
|
|
54
|
+
//#endregion
|
|
55
|
+
//#region src/components/aspect-ratio/use-aspect-ratio.ts
|
|
56
|
+
const useAspectRatio = (props = {}) => {
|
|
57
|
+
const id = useId();
|
|
58
|
+
const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
|
|
59
|
+
const context = computed(() => {
|
|
60
|
+
const localProps = toValue(props);
|
|
61
|
+
return {
|
|
62
|
+
id,
|
|
63
|
+
getRootNode: env?.value.getRootNode,
|
|
64
|
+
...cleanProps(localProps)
|
|
65
|
+
};
|
|
66
|
+
});
|
|
67
|
+
const service = useMachine(aspectRatio.machine, context);
|
|
68
|
+
return computed(() => aspectRatio.connect(service, normalizeProps$1));
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/components/aspect-ratio/aspect-ratio-root.vue?vue&type=script&setup=true&lang.ts
|
|
73
|
+
var aspect_ratio_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
74
|
+
__name: "aspect-ratio-root",
|
|
75
|
+
props: {
|
|
76
|
+
id: {
|
|
77
|
+
type: String,
|
|
78
|
+
required: false
|
|
79
|
+
},
|
|
80
|
+
ids: {
|
|
81
|
+
type: Object,
|
|
82
|
+
required: false
|
|
83
|
+
},
|
|
84
|
+
ratio: {
|
|
85
|
+
type: null,
|
|
86
|
+
required: false
|
|
87
|
+
},
|
|
88
|
+
asChild: {
|
|
89
|
+
type: Boolean,
|
|
90
|
+
required: false
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
setup(__props) {
|
|
94
|
+
const aspectRatio = useAspectRatio(__props);
|
|
95
|
+
AspectRatioProvider(aspectRatio);
|
|
96
|
+
useForwardExpose();
|
|
97
|
+
return (_ctx, _cache) => {
|
|
98
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(aspectRatio).getRootProps(), { "as-child": __props.asChild }), {
|
|
99
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
100
|
+
_: 3
|
|
101
|
+
}, 16, ["as-child"]);
|
|
102
|
+
};
|
|
103
|
+
}
|
|
104
|
+
});
|
|
105
|
+
|
|
106
|
+
//#endregion
|
|
107
|
+
//#region src/components/aspect-ratio/aspect-ratio-root.vue
|
|
108
|
+
var aspect_ratio_root_default = aspect_ratio_root_vue_vue_type_script_setup_true_lang_default;
|
|
109
|
+
|
|
110
|
+
//#endregion
|
|
111
|
+
//#region src/components/aspect-ratio/aspect-ratio-root-provider.vue?vue&type=script&setup=true&lang.ts
|
|
112
|
+
var aspect_ratio_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
113
|
+
__name: "aspect-ratio-root-provider",
|
|
114
|
+
props: {
|
|
115
|
+
value: {
|
|
116
|
+
type: null,
|
|
117
|
+
required: true
|
|
118
|
+
},
|
|
119
|
+
asChild: {
|
|
120
|
+
type: Boolean,
|
|
121
|
+
required: false
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
setup(__props) {
|
|
125
|
+
const props = __props;
|
|
126
|
+
const aspectRatio = computed(() => props.value);
|
|
127
|
+
AspectRatioProvider(aspectRatio);
|
|
128
|
+
useForwardExpose();
|
|
129
|
+
return (_ctx, _cache) => {
|
|
130
|
+
return openBlock(), createBlock(unref(sprawlify).div, mergeProps(aspectRatio.value.getRootProps(), { "as-child": __props.asChild }), {
|
|
131
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
132
|
+
_: 3
|
|
133
|
+
}, 16, ["as-child"]);
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
});
|
|
137
|
+
|
|
138
|
+
//#endregion
|
|
139
|
+
//#region src/components/aspect-ratio/aspect-ratio-root-provider.vue
|
|
140
|
+
var aspect_ratio_root_provider_default = aspect_ratio_root_provider_vue_vue_type_script_setup_true_lang_default;
|
|
141
|
+
|
|
142
|
+
//#endregion
|
|
143
|
+
//#region src/components/aspect-ratio/aspect-ratio.ts
|
|
144
|
+
var aspect_ratio_exports = /* @__PURE__ */ __exportAll({
|
|
145
|
+
Content: () => aspect_ratio_content_default,
|
|
146
|
+
Context: () => aspect_ratio_context_default,
|
|
147
|
+
Root: () => aspect_ratio_root_default,
|
|
148
|
+
RootProvider: () => aspect_ratio_root_provider_default
|
|
149
|
+
});
|
|
150
|
+
|
|
151
|
+
//#endregion
|
|
152
|
+
export { aspect_ratio_exports as AspectRatio, aspect_ratio_content_default as AspectRatioContent, aspect_ratio_context_default as AspectRatioContext, aspect_ratio_root_default as AspectRatioRoot, aspect_ratio_root_provider_default as AspectRatioRootProvider, useAspectRatio, useAspectRatioContext };
|