@sprawlify/vue 0.0.65 → 0.0.67

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.
Files changed (68) hide show
  1. package/dist/clean-props-BDv2zb5M.js +9 -0
  2. package/dist/collapsible-DQfAISmg.js +259 -0
  3. package/dist/collection-Ba0Aeh5P.js +218 -0
  4. package/dist/components/accordion/index.d.ts +195 -0
  5. package/dist/components/accordion/index.js +361 -0
  6. package/dist/components/angle-slider/index.d.ts +230 -0
  7. package/dist/components/angle-slider/index.js +371 -0
  8. package/dist/components/avatar/index.d.ts +116 -0
  9. package/dist/components/avatar/index.js +177 -0
  10. package/dist/components/bottom-sheet/index.d.ts +241 -0
  11. package/dist/components/bottom-sheet/index.js +429 -0
  12. package/dist/components/carousel/index.d.ts +306 -0
  13. package/dist/components/carousel/index.js +500 -0
  14. package/dist/components/checkbox/index.d.ts +273 -0
  15. package/dist/components/checkbox/index.js +500 -0
  16. package/dist/components/client-only/index.d.ts +20 -0
  17. package/dist/components/client-only/index.js +22 -0
  18. package/dist/components/clipboard/index.d.ts +204 -0
  19. package/dist/components/clipboard/index.js +297 -0
  20. package/dist/components/collapsible/index.d.ts +15 -23
  21. package/dist/components/collapsible/index.js +5 -325
  22. package/dist/components/collection/index.d.ts +2 -0
  23. package/dist/components/collection/index.js +4 -0
  24. package/dist/components/color-picker/index.d.ts +610 -0
  25. package/dist/components/color-picker/index.js +1127 -0
  26. package/dist/components/combobox/index.d.ts +618 -0
  27. package/dist/components/combobox/index.js +802 -0
  28. package/dist/components/date-picker/index.d.ts +597 -0
  29. package/dist/components/date-picker/index.js +1110 -0
  30. package/dist/components/dialog/index.d.ts +270 -0
  31. package/dist/components/dialog/index.js +433 -0
  32. package/dist/components/download-trigger/index.d.ts +29 -0
  33. package/dist/components/download-trigger/index.js +68 -0
  34. package/dist/components/editable/index.d.ts +288 -0
  35. package/dist/components/editable/index.js +459 -0
  36. package/dist/components/field/index.d.ts +326 -0
  37. package/dist/components/field/index.js +7 -0
  38. package/dist/components/fieldset/index.d.ts +161 -0
  39. package/dist/components/fieldset/index.js +7 -0
  40. package/dist/components/highlight/index.d.ts +35 -0
  41. package/dist/components/highlight/index.js +57 -0
  42. package/dist/components/menu/index.d.ts +498 -0
  43. package/dist/components/menu/index.js +885 -0
  44. package/dist/components/presence/index.d.ts +3 -0
  45. package/dist/components/presence/index.js +6 -0
  46. package/dist/components/select/index.d.ts +430 -0
  47. package/dist/components/select/index.js +769 -0
  48. package/dist/{use-forward-expose-BIk4OI3R.js → core-DNndr38p.js} +2 -170
  49. package/dist/create-split-props-YZ3qgXe_.js +11 -0
  50. package/dist/factory-BH3WrWd2.js +68 -0
  51. package/dist/factory-D_ge_w76.d.ts +8 -0
  52. package/dist/field-DnHnX3Tf.js +501 -0
  53. package/dist/fieldset-DzhN7Zrg.js +278 -0
  54. package/dist/{types-BQfkZGpL.d.ts → index-B66Om_3U.d.ts} +1 -9
  55. package/dist/index-BBHms9-0.d.ts +91 -0
  56. package/dist/index-CDQghZtv.d.ts +57 -0
  57. package/dist/index-DqRk-Yea.d.ts +199 -0
  58. package/dist/index.d.ts +4 -92
  59. package/dist/index.js +4 -50
  60. package/dist/presence-CvUnYMZQ.js +105 -0
  61. package/dist/presence-types-Bv1E60Cw.d.ts +13 -0
  62. package/dist/providers-B2CNPFg1.js +108 -0
  63. package/dist/types-Bj-dS2Hc.d.ts +9 -0
  64. package/dist/use-forward-expose-4p5AGAI3.js +67 -0
  65. package/dist/use-render-strategy-BkxoN6ll.js +7 -0
  66. package/dist/use-render-strategy-CHj_pCfT.d.ts +9 -0
  67. package/dist/utils-B4FuOOE-.js +51 -0
  68. package/package.json +86 -2
package/dist/index.d.ts CHANGED
@@ -1,92 +1,4 @@
1
- import { a as Optional, c as PropTypes, i as MaybePromise, l as normalizeProps, n as BooleanDefaults, o as mergeProps, r as EmitFn, s as useMachine, t as Assign } from "./types-BQfkZGpL.js";
2
- import * as vue8 from "vue";
3
- import { ComponentPublicInstance, ComputedRef, MaybeRef, MaybeRefOrGetter, UnwrapRef } from "vue";
4
- import { FilterOptions, FilterReturn, Locale } from "@sprawlify/primitives/i18n-utils";
5
-
6
- //#region src/providers/environment/use-environment-context.d.ts
7
- type RootNode = ShadowRoot | Document | Node;
8
- interface UseEnvironmentContext {
9
- /**
10
- * The root node of the application.
11
- * This is used to determine the window and document objects.
12
- */
13
- getRootNode(): RootNode;
14
- /**
15
- * The document context for the root node.
16
- */
17
- getDocument(): Document;
18
- /**
19
- * The window context for the root node.
20
- */
21
- getWindow(): Window & typeof globalThis;
22
- }
23
- declare const DEFAULT_ENVIRONMENT: ComputedRef<UseEnvironmentContext>;
24
- //#endregion
25
- //#region src/providers/environment/environment-provider.vue.d.ts
26
- interface EnvironmentProviderProps {
27
- value?: RootNode | (() => RootNode);
28
- }
29
- declare var __VLS_1: {};
30
- type __VLS_Slots = {} & {
31
- default?: (props: typeof __VLS_1) => any;
32
- };
33
- declare const __VLS_base: vue8.DefineComponent<EnvironmentProviderProps, {}, {}, {}, {}, vue8.ComponentOptionsMixin, vue8.ComponentOptionsMixin, {}, string, vue8.PublicProps, Readonly<EnvironmentProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue8.ComponentProvideOptions, false, {}, any>;
34
- declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base, __VLS_Slots>;
35
- declare const _default: typeof __VLS_export$1;
36
- type __VLS_WithSlots$1<T, S> = T & {
37
- new (): {
38
- $slots: S;
39
- };
40
- };
41
- //#endregion
42
- //#region src/providers/locale/locale-provider.vue.d.ts
43
- interface LocaleProviderProps {
44
- locale: string;
45
- }
46
- declare const _default$1: typeof __VLS_export;
47
- declare const __VLS_export: __VLS_WithSlots<vue8.DefineComponent<LocaleProviderProps, {}, {}, {}, {}, vue8.ComponentOptionsMixin, vue8.ComponentOptionsMixin, {}, string, vue8.PublicProps, Readonly<LocaleProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue8.ComponentProvideOptions, false, {}, any>, {
48
- default?: (props: {}) => any;
49
- }>;
50
- type __VLS_WithSlots<T, S> = T & {
51
- new (): {
52
- $slots: S;
53
- };
54
- };
55
- //#endregion
56
- //#region src/providers/locale/use-collator.d.ts
57
- interface UseCollatorProps extends Intl.CollatorOptions {
58
- locale?: string;
59
- }
60
- interface UseCollatorReturn extends ComputedRef<Intl.Collator> {}
61
- declare function useCollator(propsOrFn?: MaybeRef<UseCollatorProps>): UseCollatorReturn;
62
- //#endregion
63
- //#region src/providers/locale/use-filter.d.ts
64
- interface UseFilterProps extends FilterOptions {}
65
- declare function useFilter(props: UseFilterProps): UseFilterReturn;
66
- interface UseFilterReturn extends ComputedRef<FilterReturn> {}
67
- //#endregion
68
- //#region src/providers/locale/use-locale-context.d.ts
69
- interface LocaleContext extends Locale {}
70
- declare const DEFAULT_LOCALE: ComputedRef<LocaleContext>;
71
- //#endregion
72
- //#region src/utils/create-context.d.ts
73
- type CreateContextReturn<T> = [(opts: T) => void, (fallback?: T) => T, symbol];
74
- declare const createContext: <T>(id: string) => CreateContextReturn<T>;
75
- //#endregion
76
- //#region src/utils/use-emits-as-props.d.ts
77
- declare function useEmitAsProps<Name extends string>(emit: (name: Name, ...args: any[]) => void): Record<string, any>;
78
- //#endregion
79
- //#region src/utils/use-forward-expose.d.ts
80
- declare function useForwardExpose(): {
81
- forwardRef: (ref: Element | ComponentPublicInstance | null) => void;
82
- currentRef: vue8.Ref<Element | ComponentPublicInstance | null | undefined, Element | ComponentPublicInstance | null | undefined>;
83
- currentElement: vue8.ComputedRef<HTMLElement>;
84
- };
85
- //#endregion
86
- //#region src/utils/use-forward-props.d.ts
87
- declare function useForwardProps<T extends MaybeRefOrGetter<Record<string, any>>, U extends UnwrapRef<T>>(props: T): vue8.ComputedRef<U>;
88
- //#endregion
89
- //#region src/utils/use-forward-props-emits.d.ts
90
- declare function useForwardPropsEmits<T extends Parameters<typeof useForwardProps>[0], Name extends string>(props: T, emit?: (name: Name, ...args: any[]) => void): vue8.ComputedRef<any>;
91
- //#endregion
92
- export { Assign, BooleanDefaults, DEFAULT_ENVIRONMENT, DEFAULT_LOCALE, EmitFn, _default as EnvironmentProvider, type EnvironmentProviderProps, type LocaleContext, _default$1 as LocaleProvider, type LocaleProviderProps, MaybePromise, Optional, PropTypes, type RootNode, type UseCollatorProps, type UseCollatorReturn, type UseEnvironmentContext, type UseFilterProps, type UseFilterReturn, createContext, mergeProps, normalizeProps, useCollator, useEmitAsProps, useEnvironmentContext, useFilter, useForwardExpose, useForwardProps, useForwardPropsEmits, useLocaleContext, useMachine };
1
+ import { a as Optional, i as MaybePromise, n as BooleanDefaults, r as EmitFn, t as Assign } from "./types-Bj-dS2Hc.js";
2
+ import { i as normalizeProps, n as useMachine, r as PropTypes, t as mergeProps } from "./index-B66Om_3U.js";
3
+ import { S as useEnvironmentContext, _ as EnvironmentProviderProps, a as createContext, b as RootNode, c as useLocaleContext, d as useFilter, f as UseCollatorProps, g as _default$1, h as LocaleProviderProps, i as useEmitAsProps, l as UseFilterProps, m as useCollator, n as useForwardProps, o as DEFAULT_LOCALE, p as UseCollatorReturn, r as useForwardExpose, s as LocaleContext, t as useForwardPropsEmits, u as UseFilterReturn, v as _default, x as UseEnvironmentContext, y as DEFAULT_ENVIRONMENT } from "./index-BBHms9-0.js";
4
+ export { Assign, BooleanDefaults, DEFAULT_ENVIRONMENT, DEFAULT_LOCALE, EmitFn, _default as EnvironmentProvider, EnvironmentProviderProps, LocaleContext, _default$1 as LocaleProvider, LocaleProviderProps, MaybePromise, Optional, PropTypes, RootNode, UseCollatorProps, UseCollatorReturn, UseEnvironmentContext, UseFilterProps, UseFilterReturn, createContext, mergeProps, normalizeProps, useCollator, useEmitAsProps, useEnvironmentContext, useFilter, useForwardExpose, useForwardProps, useForwardPropsEmits, useLocaleContext, useMachine };
package/dist/index.js CHANGED
@@ -1,52 +1,6 @@
1
- import { a as DEFAULT_LOCALE, c as DEFAULT_ENVIRONMENT, d as mergeProps, f as useMachine, i as locale_provider_default, l as useEnvironmentContext, n as useFilter, o as useLocaleContext, p as normalizeProps, r as useCollator, s as environment_provider_default, t as useForwardExpose, u as createContext } from "./use-forward-expose-BIk4OI3R.js";
2
- import { camelize, computed, getCurrentInstance, toHandlerKey, toRef } from "vue";
1
+ import { n as useMachine, r as normalizeProps, t as mergeProps } from "./core-DNndr38p.js";
2
+ import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, n as useCollator, o as environment_provider_default, r as locale_provider_default, s as DEFAULT_ENVIRONMENT, t as useFilter } from "./providers-B2CNPFg1.js";
3
+ import { r as createContext, t as useForwardExpose } from "./use-forward-expose-4p5AGAI3.js";
4
+ import { n as useForwardProps, r as useEmitAsProps, t as useForwardPropsEmits } from "./utils-B4FuOOE-.js";
3
5
 
4
- //#region src/utils/use-emits-as-props.ts
5
- function useEmitAsProps(emit) {
6
- const vm = getCurrentInstance();
7
- const events = vm?.type.emits;
8
- const result = {};
9
- if (!events?.length) console.warn(`No emitted event found. Please check component: ${vm?.type.__name}`);
10
- for (const event of events) result[toHandlerKey(camelize(event))] = (...arg) => emit(event, ...arg);
11
- return result;
12
- }
13
-
14
- //#endregion
15
- //#region src/utils/use-forward-props.ts
16
- function useForwardProps(props) {
17
- const vm = getCurrentInstance();
18
- const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {
19
- const defaultValue = (vm?.type.props[curr]).default;
20
- if (defaultValue !== void 0) prev[curr] = defaultValue;
21
- return prev;
22
- }, {});
23
- const refProps = toRef(props);
24
- return computed(() => {
25
- const preservedProps = {};
26
- const assignedProps = vm?.vnode.props ?? {};
27
- Object.keys(assignedProps).forEach((key) => {
28
- preservedProps[camelize(key)] = assignedProps[key];
29
- });
30
- return Object.keys({
31
- ...defaultProps,
32
- ...preservedProps
33
- }).reduce((prev, curr) => {
34
- if (refProps.value[curr] !== void 0) prev[curr] = refProps.value[curr];
35
- return prev;
36
- }, {});
37
- });
38
- }
39
-
40
- //#endregion
41
- //#region src/utils/use-forward-props-emits.ts
42
- function useForwardPropsEmits(props, emit) {
43
- const parsedProps = useForwardProps(props);
44
- const emitsAsProps = emit ? useEmitAsProps(emit) : {};
45
- return computed(() => ({
46
- ...parsedProps.value,
47
- ...emitsAsProps
48
- }));
49
- }
50
-
51
- //#endregion
52
6
  export { DEFAULT_ENVIRONMENT, DEFAULT_LOCALE, environment_provider_default as EnvironmentProvider, locale_provider_default as LocaleProvider, createContext, mergeProps, normalizeProps, useCollator, useEmitAsProps, useEnvironmentContext, useFilter, useForwardExpose, useForwardProps, useForwardPropsEmits, useLocaleContext, useMachine };
@@ -0,0 +1,105 @@
1
+ import { n as useMachine, r as normalizeProps$1 } from "./core-DNndr38p.js";
2
+ import { r as createContext, t as useForwardExpose } from "./use-forward-expose-4p5AGAI3.js";
3
+ import { t as sprawlify } from "./factory-BH3WrWd2.js";
4
+ import { computed, createBlock, createCommentVNode, defineComponent, mergeDefaults, mergeProps, openBlock, ref, renderSlot, toValue, unref, watch, withCtx } from "vue";
5
+ import * as presence from "@sprawlify/primitives/machines/presence";
6
+
7
+ //#region src/components/presence/use-presence.ts
8
+ const usePresence = (props, emit) => {
9
+ const wasEverPresent = ref(false);
10
+ const nodeRef = ref(null);
11
+ const machineProps = computed(() => {
12
+ return {
13
+ present: toValue(props).present,
14
+ onExitComplete: () => emit?.("exitComplete")
15
+ };
16
+ });
17
+ const service = useMachine(presence.machine, machineProps);
18
+ const api = computed(() => presence.connect(service, normalizeProps$1));
19
+ watch(() => api.value.present, () => {
20
+ if (api.value.present) wasEverPresent.value = true;
21
+ });
22
+ watch(nodeRef, () => {
23
+ if (nodeRef.value) {
24
+ const node = nodeRef.value.$el ? nodeRef.value.$el : nodeRef.value;
25
+ if (node) api.value.setNode(node);
26
+ }
27
+ });
28
+ return computed(() => {
29
+ const localProps = toValue(props);
30
+ return {
31
+ present: api.value.present,
32
+ unmounted: !api.value.present && !wasEverPresent.value && localProps.lazyMount || localProps?.unmountOnExit && !api.value?.present && wasEverPresent.value,
33
+ presenceProps: {
34
+ ref: nodeRef,
35
+ hidden: !api.value.present,
36
+ "data-state": api.value.skip && localProps.skipAnimationOnMount ? void 0 : localProps?.present ? "open" : "closed"
37
+ }
38
+ };
39
+ });
40
+ };
41
+
42
+ //#endregion
43
+ //#region src/components/presence/use-presence-context.ts
44
+ const [PresenceProvider, usePresenceContext] = createContext("PresenceContext");
45
+
46
+ //#endregion
47
+ //#region src/components/presence/presence.vue?vue&type=script&setup=true&lang.ts
48
+ var presence_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
49
+ __name: "presence",
50
+ props: /* @__PURE__ */ mergeDefaults({
51
+ immediate: {
52
+ type: Boolean,
53
+ required: false
54
+ },
55
+ lazyMount: {
56
+ type: Boolean,
57
+ required: false
58
+ },
59
+ present: {
60
+ type: Boolean,
61
+ required: false
62
+ },
63
+ skipAnimationOnMount: {
64
+ type: Boolean,
65
+ required: false
66
+ },
67
+ unmountOnExit: {
68
+ type: Boolean,
69
+ required: false
70
+ },
71
+ asChild: {
72
+ type: Boolean,
73
+ required: false
74
+ }
75
+ }, {
76
+ immediate: void 0,
77
+ lazyMount: void 0,
78
+ present: void 0,
79
+ skipAnimationOnMount: void 0,
80
+ unmountOnExit: void 0
81
+ }),
82
+ emits: ["exitComplete"],
83
+ setup(__props, { emit: __emit }) {
84
+ const presence = usePresence(__props, __emit);
85
+ PresenceProvider(presence);
86
+ useForwardExpose();
87
+ return (_ctx, _cache) => {
88
+ return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, unref(presence).presenceProps, {
89
+ "as-child": __props.asChild,
90
+ "data-scope": "presence",
91
+ "data-part": "root"
92
+ }), {
93
+ default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
94
+ _: 3
95
+ }, 16, ["as-child"])) : createCommentVNode("v-if", true);
96
+ };
97
+ }
98
+ });
99
+
100
+ //#endregion
101
+ //#region src/components/presence/presence.vue
102
+ var presence_default = presence_vue_vue_type_script_setup_true_lang_default;
103
+
104
+ //#endregion
105
+ export { usePresence as i, PresenceProvider as n, usePresenceContext as r, presence_default as t };
@@ -0,0 +1,13 @@
1
+ //#region src/components/presence/presence-types.d.ts
2
+ interface RootProps {
3
+ immediate?: boolean;
4
+ lazyMount?: boolean;
5
+ present?: boolean;
6
+ skipAnimationOnMount?: boolean;
7
+ unmountOnExit?: boolean;
8
+ }
9
+ type RootEmits = {
10
+ exitComplete: [];
11
+ };
12
+ //#endregion
13
+ export { RootProps as n, RootEmits as t };
@@ -0,0 +1,108 @@
1
+ import { r as createContext } from "./use-forward-expose-4p5AGAI3.js";
2
+ import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, openBlock, ref, renderSlot, toValue } from "vue";
3
+ import { getDocument, getWindow } from "@sprawlify/primitives/dom-query";
4
+ import { createCollator, createFilter, isRTL } from "@sprawlify/primitives/i18n-utils";
5
+
6
+ //#region src/utils/run-if-fn.ts
7
+ const isFunction = (value) => typeof value === "function";
8
+ const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
9
+
10
+ //#endregion
11
+ //#region src/providers/environment/use-environment-context.ts
12
+ const [EnvironmentContextProvider, useEnvironmentContext] = createContext("EnvironmentContext");
13
+ const DEFAULT_ENVIRONMENT = computed(() => ({
14
+ getRootNode: () => document,
15
+ getDocument: () => document,
16
+ getWindow: () => window
17
+ }));
18
+
19
+ //#endregion
20
+ //#region src/providers/environment/environment-provider.vue?vue&type=script&setup=true&lang.ts
21
+ var environment_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
22
+ __name: "environment-provider",
23
+ props: { value: {
24
+ type: Function,
25
+ required: false,
26
+ skipCheck: true
27
+ } },
28
+ setup(__props) {
29
+ const props = __props;
30
+ const spanRef = ref(null);
31
+ const getRootNode = () => runIfFn(props.value) ?? spanRef.value?.getRootNode() ?? document;
32
+ EnvironmentContextProvider(computed(() => ({
33
+ getRootNode,
34
+ getDocument: () => getDocument(getRootNode()),
35
+ getWindow: () => getWindow(getRootNode())
36
+ })));
37
+ return (_ctx, _cache) => {
38
+ return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "default"), !props.value ? (openBlock(), createElementBlock("span", {
39
+ key: 0,
40
+ hidden: "",
41
+ ref_key: "spanRef",
42
+ ref: spanRef
43
+ }, null, 512)) : createCommentVNode("v-if", true)], 64);
44
+ };
45
+ }
46
+ });
47
+
48
+ //#endregion
49
+ //#region src/providers/environment/environment-provider.vue
50
+ var environment_provider_default = environment_provider_vue_vue_type_script_setup_true_lang_default;
51
+
52
+ //#endregion
53
+ //#region src/providers/locale/use-locale-context.ts
54
+ const DEFAULT_LOCALE = computed(() => ({
55
+ dir: "ltr",
56
+ locale: "en-US"
57
+ }));
58
+ const [LocaleContextProvider, useLocaleContext] = createContext("LocaleContext");
59
+
60
+ //#endregion
61
+ //#region src/providers/locale/locale-provider.vue?vue&type=script&setup=true&lang.ts
62
+ var locale_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
63
+ __name: "locale-provider",
64
+ props: { locale: {
65
+ type: String,
66
+ required: true
67
+ } },
68
+ setup(__props) {
69
+ const props = __props;
70
+ LocaleContextProvider(computed(() => ({
71
+ locale: props.locale,
72
+ dir: isRTL(props.locale) ? "rtl" : "ltr"
73
+ })));
74
+ return (_ctx, _cache) => {
75
+ return renderSlot(_ctx.$slots, "default");
76
+ };
77
+ }
78
+ });
79
+
80
+ //#endregion
81
+ //#region src/providers/locale/locale-provider.vue
82
+ var locale_provider_default = locale_provider_vue_vue_type_script_setup_true_lang_default;
83
+
84
+ //#endregion
85
+ //#region src/providers/locale/use-collator.ts
86
+ function useCollator(propsOrFn = {}) {
87
+ const env = useLocaleContext();
88
+ return computed(() => {
89
+ const props = toValue(propsOrFn);
90
+ const locale = props.locale ?? env.value.locale;
91
+ const { locale: _, ...options } = props;
92
+ return createCollator(locale, options);
93
+ });
94
+ }
95
+
96
+ //#endregion
97
+ //#region src/providers/locale/use-filter.ts
98
+ function useFilter(props) {
99
+ const env = useLocaleContext(DEFAULT_LOCALE);
100
+ const locale = computed(() => props.locale ?? env.value.locale);
101
+ return computed(() => createFilter({
102
+ ...props,
103
+ locale: locale.value
104
+ }));
105
+ }
106
+
107
+ //#endregion
108
+ export { useLocaleContext as a, useEnvironmentContext as c, DEFAULT_LOCALE as i, useCollator as n, environment_provider_default as o, locale_provider_default as r, DEFAULT_ENVIRONMENT as s, useFilter as t };
@@ -0,0 +1,9 @@
1
+ //#region src/types.d.ts
2
+ type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
3
+ type Assign<T, U> = Omit<T, keyof U> & U;
4
+ type EmitFn<T> = <K extends keyof T>(event: K, ...args: T[K] extends any[] ? T[K] : never) => void;
5
+ type BooleanKey<T> = { [K in keyof T]: boolean extends NonNullable<T[K]> ? K : never }[keyof T];
6
+ type BooleanDefaults<T> = { [K in BooleanKey<T>]: undefined };
7
+ type MaybePromise<T> = T | Promise<T>;
8
+ //#endregion
9
+ export { Optional as a, MaybePromise as i, BooleanDefaults as n, EmitFn as r, Assign as t };
@@ -0,0 +1,67 @@
1
+ import { computed, getCurrentInstance, inject, provide, ref, toValue } from "vue";
2
+
3
+ //#region src/utils/create-context.ts
4
+ const createContext = (id) => {
5
+ const contextId = Symbol(id);
6
+ const provider = (value) => provide(contextId, value);
7
+ const consumer = (fallback) => inject(contextId, fallback);
8
+ return [
9
+ provider,
10
+ consumer,
11
+ contextId
12
+ ];
13
+ };
14
+
15
+ //#endregion
16
+ //#region src/utils/unref-element.ts
17
+ function unrefElement(elRef) {
18
+ const plain = toValue(elRef);
19
+ return plain?.$el ?? plain;
20
+ }
21
+
22
+ //#endregion
23
+ //#region src/utils/use-forward-expose.ts
24
+ const isElement = (el) => Object.prototype.hasOwnProperty.call(el, "nodeName") && typeof el.nodeName === "string";
25
+ function useForwardExpose() {
26
+ const instance = getCurrentInstance();
27
+ const currentRef = ref();
28
+ const currentElement = computed(() => {
29
+ return ["#text", "#comment"].includes(currentRef.value?.$el.nodeName) ? currentRef.value?.$el.nextElementSibling : unrefElement(currentRef);
30
+ });
31
+ const localExpose = Object.assign({}, instance.exposed);
32
+ const ret = {};
33
+ for (const key in instance.props) Object.defineProperty(ret, key, {
34
+ enumerable: true,
35
+ configurable: true,
36
+ get: () => instance.props[key]
37
+ });
38
+ if (Object.keys(localExpose).length > 0) for (const key in localExpose) Object.defineProperty(ret, key, {
39
+ enumerable: true,
40
+ configurable: true,
41
+ get: () => localExpose[key]
42
+ });
43
+ Object.defineProperty(ret, "$el", {
44
+ enumerable: true,
45
+ configurable: true,
46
+ get: () => instance.vnode.el
47
+ });
48
+ instance.exposed = ret;
49
+ function forwardRef(ref) {
50
+ currentRef.value = ref;
51
+ if (isElement(ref) || !ref) return;
52
+ Object.defineProperty(ret, "$el", {
53
+ enumerable: true,
54
+ configurable: true,
55
+ get: () => ref.$el
56
+ });
57
+ instance.exposed = ret;
58
+ }
59
+ return {
60
+ forwardRef,
61
+ currentRef,
62
+ currentElement
63
+ };
64
+ }
65
+
66
+ //#endregion
67
+ export { unrefElement as n, createContext as r, useForwardExpose as t };
@@ -0,0 +1,7 @@
1
+ import { r as createContext } from "./use-forward-expose-4p5AGAI3.js";
2
+
3
+ //#region src/utils/use-render-strategy.ts
4
+ const [RenderStrategyPropsProvider, useRenderStrategyProps] = createContext("RenderStrategyProps");
5
+
6
+ //#endregion
7
+ export { useRenderStrategyProps as n, RenderStrategyPropsProvider as t };
@@ -0,0 +1,9 @@
1
+ import { ComputedRef } from "vue";
2
+
3
+ //#region src/utils/use-render-strategy.d.ts
4
+ interface RenderStrategyProps {
5
+ lazyMount?: boolean;
6
+ unmountOnExit?: boolean;
7
+ }
8
+ //#endregion
9
+ export { RenderStrategyProps as t };
@@ -0,0 +1,51 @@
1
+ import { camelize, computed, getCurrentInstance, toHandlerKey, toRef } from "vue";
2
+
3
+ //#region src/utils/use-emits-as-props.ts
4
+ function useEmitAsProps(emit) {
5
+ const vm = getCurrentInstance();
6
+ const events = vm?.type.emits;
7
+ const result = {};
8
+ if (!events?.length) console.warn(`No emitted event found. Please check component: ${vm?.type.__name}`);
9
+ for (const event of events) result[toHandlerKey(camelize(event))] = (...arg) => emit(event, ...arg);
10
+ return result;
11
+ }
12
+
13
+ //#endregion
14
+ //#region src/utils/use-forward-props.ts
15
+ function useForwardProps(props) {
16
+ const vm = getCurrentInstance();
17
+ const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {
18
+ const defaultValue = (vm?.type.props[curr]).default;
19
+ if (defaultValue !== void 0) prev[curr] = defaultValue;
20
+ return prev;
21
+ }, {});
22
+ const refProps = toRef(props);
23
+ return computed(() => {
24
+ const preservedProps = {};
25
+ const assignedProps = vm?.vnode.props ?? {};
26
+ Object.keys(assignedProps).forEach((key) => {
27
+ preservedProps[camelize(key)] = assignedProps[key];
28
+ });
29
+ return Object.keys({
30
+ ...defaultProps,
31
+ ...preservedProps
32
+ }).reduce((prev, curr) => {
33
+ if (refProps.value[curr] !== void 0) prev[curr] = refProps.value[curr];
34
+ return prev;
35
+ }, {});
36
+ });
37
+ }
38
+
39
+ //#endregion
40
+ //#region src/utils/use-forward-props-emits.ts
41
+ function useForwardPropsEmits(props, emit) {
42
+ const parsedProps = useForwardProps(props);
43
+ const emitsAsProps = emit ? useEmitAsProps(emit) : {};
44
+ return computed(() => ({
45
+ ...parsedProps.value,
46
+ ...emitsAsProps
47
+ }));
48
+ }
49
+
50
+ //#endregion
51
+ export { useForwardProps as n, useEmitAsProps as r, useForwardPropsEmits as t };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sprawlify/vue",
3
- "version": "0.0.65",
3
+ "version": "0.0.67",
4
4
  "type": "module",
5
5
  "description": "Vue wrapper for primitives.",
6
6
  "author": "sprawlify <npm@sprawlify.com>",
@@ -12,9 +12,93 @@
12
12
  "types": "./dist/index.d.ts",
13
13
  "default": "./dist/index.js"
14
14
  },
15
+ "./accordion": {
16
+ "types": "./dist/components/accordion/index.d.ts",
17
+ "default": "./dist/components/accordion/index.js"
18
+ },
19
+ "./angle-slider": {
20
+ "types": "./dist/components/angle-slider/index.d.ts",
21
+ "default": "./dist/components/angle-slider/index.js"
22
+ },
23
+ "./avatar": {
24
+ "types": "./dist/components/avatar/index.d.ts",
25
+ "default": "./dist/components/avatar/index.js"
26
+ },
27
+ "./bottom-sheet": {
28
+ "types": "./dist/components/bottom-sheet/index.d.ts",
29
+ "default": "./dist/components/bottom-sheet/index.js"
30
+ },
31
+ "./carousel": {
32
+ "types": "./dist/components/carousel/index.d.ts",
33
+ "default": "./dist/components/carousel/index.js"
34
+ },
35
+ "./checkbox": {
36
+ "types": "./dist/components/checkbox/index.d.ts",
37
+ "default": "./dist/components/checkbox/index.js"
38
+ },
39
+ "./client-only": {
40
+ "types": "./dist/components/client-only/index.d.ts",
41
+ "default": "./dist/components/client-only/index.js"
42
+ },
43
+ "./clipboard": {
44
+ "types": "./dist/components/clipboard/index.d.ts",
45
+ "default": "./dist/components/clipboard/index.js"
46
+ },
15
47
  "./collapsible": {
16
48
  "types": "./dist/components/collapsible/index.d.ts",
17
49
  "default": "./dist/components/collapsible/index.js"
50
+ },
51
+ "./collection": {
52
+ "types": "./dist/components/collection/index.d.ts",
53
+ "default": "./dist/components/collection/index.js"
54
+ },
55
+ "./color-picker": {
56
+ "types": "./dist/components/color-picker/index.d.ts",
57
+ "default": "./dist/components/color-picker/index.js"
58
+ },
59
+ "./combobox": {
60
+ "types": "./dist/components/combobox/index.d.ts",
61
+ "default": "./dist/components/combobox/index.js"
62
+ },
63
+ "./date-picker": {
64
+ "types": "./dist/components/date-picker/index.d.ts",
65
+ "default": "./dist/components/date-picker/index.js"
66
+ },
67
+ "./dialog": {
68
+ "types": "./dist/components/dialog/index.d.ts",
69
+ "default": "./dist/components/dialog/index.js"
70
+ },
71
+ "./download-trigger": {
72
+ "types": "./dist/components/download-trigger/index.d.ts",
73
+ "default": "./dist/components/download-trigger/index.js"
74
+ },
75
+ "./editable": {
76
+ "types": "./dist/components/editable/index.d.ts",
77
+ "default": "./dist/components/editable/index.js"
78
+ },
79
+ "./field": {
80
+ "types": "./dist/components/field/index.d.ts",
81
+ "default": "./dist/components/field/index.js"
82
+ },
83
+ "./fieldset": {
84
+ "types": "./dist/components/fieldset/index.d.ts",
85
+ "default": "./dist/components/fieldset/index.js"
86
+ },
87
+ "./highlight": {
88
+ "types": "./dist/components/highlight/index.d.ts",
89
+ "default": "./dist/components/highlight/index.js"
90
+ },
91
+ "./menu": {
92
+ "types": "./dist/components/menu/index.d.ts",
93
+ "default": "./dist/components/menu/index.js"
94
+ },
95
+ "./presence": {
96
+ "types": "./dist/components/presence/index.d.ts",
97
+ "default": "./dist/components/presence/index.js"
98
+ },
99
+ "./select": {
100
+ "types": "./dist/components/select/index.d.ts",
101
+ "default": "./dist/components/select/index.js"
18
102
  }
19
103
  },
20
104
  "files": [
@@ -24,7 +108,7 @@
24
108
  "access": "public"
25
109
  },
26
110
  "dependencies": {
27
- "@sprawlify/primitives": "0.0.65"
111
+ "@sprawlify/primitives": "0.0.67"
28
112
  },
29
113
  "peerDependencies": {
30
114
  "vue": ">=3.0.0"