@sprawlify/vue 0.0.67 → 0.0.72

package/dist/components/switch/index.js

@@ -0,0 +1,290 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1 } from "../../core-DNndr38p.js";
+import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, s as DEFAULT_ENVIRONMENT } from "../../providers-DNBWT-O_.js";
+import { t as createContext } from "../../create-context-Ds1GbsVc.js";
+import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
+import { t as sprawlify } from "../../factory-Co08Aw8u.js";
+import { t as cleanProps } from "../../clean-props-D2R4tz5e.js";
+import { m as useFieldContext } from "../../field-CtPR24u6.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as sprawlifySwitch from "@sprawlify/primitives/machines/switch";
+import { anatomy as switchAnatomy } from "@sprawlify/primitives/machines/switch";
+
+//#region src/components/switch/use-switch-context.ts
+const [SwitchProvider, useSwitchContext] = createContext("SwitchContext");
+
+//#endregion
+//#region src/components/switch/switch-context.vue?vue&type=script&setup=true&lang.ts
+var switch_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "switch-context",
+	setup(__props) {
+		const context = useSwitchContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(context))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/switch/switch-context.vue
+var switch_context_default = switch_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/switch/switch-control.vue?vue&type=script&setup=true&lang.ts
+var switch_control_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "switch-control",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const context = useSwitchContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(context).getControlProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/switch/switch-control.vue
+var switch_control_default = switch_control_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/switch/switch-hidden-input.vue?vue&type=script&setup=true&lang.ts
+var switch_hidden_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "switch-hidden-input",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const context = useSwitchContext();
+		const field = useFieldContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).input, mergeProps({ "aria-describedby": unref(field)?.ariaDescribedby }, unref(context).getHiddenInputProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["aria-describedby", "as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/switch/switch-hidden-input.vue
+var switch_hidden_input_default = switch_hidden_input_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/switch/switch-label.vue?vue&type=script&setup=true&lang.ts
+var switch_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "switch-label",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const context = useSwitchContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(context).getLabelProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/switch/switch-label.vue
+var switch_label_default = switch_label_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/switch/switch-root-provider.vue?vue&type=script&setup=true&lang.ts
+var switch_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "switch-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const api = computed(() => props.value);
+		SwitchProvider(api);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).label, mergeProps(api.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/switch/switch-root-provider.vue
+var switch_root_provider_default = switch_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/switch/use-switch.ts
+const useSwitch = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const field = useFieldContext();
+	const context = computed(() => {
+		const localProps = toValue(props);
+		return {
+			id,
+			ids: {
+				label: field?.value.ids.label,
+				hiddenInput: field?.value.ids.control
+			},
+			disabled: field?.value.disabled,
+			readOnly: field?.value.readOnly,
+			invalid: field?.value.invalid,
+			required: field?.value.required,
+			dir: locale.value.dir,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localProps),
+			onCheckedChange(details) {
+				emit?.("checkedChange", details);
+				emit?.("update:checked", details.checked);
+				localProps.onCheckedChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(sprawlifySwitch.machine, context);
+	return computed(() => sprawlifySwitch.connect(service, normalizeProps$1));
+};
+
+//#endregion
+//#region src/components/switch/switch-root.vue?vue&type=script&setup=true&lang.ts
+var switch_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "switch-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		checked: {
+			type: Boolean,
+			required: false
+		},
+		defaultChecked: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		form: {
+			type: String,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		invalid: {
+			type: Boolean,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		readOnly: {
+			type: Boolean,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		value: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		checked: void 0,
+		defaultChecked: void 0,
+		disabled: void 0,
+		invalid: void 0,
+		readOnly: void 0,
+		required: void 0
+	}),
+	emits: ["checkedChange", "update:checked"],
+	setup(__props, { emit: __emit }) {
+		const context = useSwitch(__props, __emit);
+		SwitchProvider(context);
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).label, mergeProps(unref(context).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/switch/switch-root.vue
+var switch_root_default = switch_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/switch/switch-thumb.vue?vue&type=script&setup=true&lang.ts
+var switch_thumb_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "switch-thumb",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const context = useSwitchContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).span, mergeProps(unref(context).getThumbProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/switch/switch-thumb.vue
+var switch_thumb_default = switch_thumb_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/switch/switch.ts
+var switch_exports = /* @__PURE__ */ __exportAll({
+	Context: () => switch_context_default,
+	Control: () => switch_control_default,
+	HiddenInput: () => switch_hidden_input_default,
+	Label: () => switch_label_default,
+	Root: () => switch_root_default,
+	RootProvider: () => switch_root_provider_default,
+	Thumb: () => switch_thumb_default
+});
+
+//#endregion
+export { switch_exports as Switch, switch_context_default as SwitchContext, switch_control_default as SwitchControl, switch_hidden_input_default as SwitchHiddenInput, switch_label_default as SwitchLabel, switch_root_default as SwitchRoot, switch_root_provider_default as SwitchRootProvider, switch_thumb_default as SwitchThumb, switchAnatomy, useSwitch, useSwitchContext };

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,181 @@
+import { t as PolymorphicProps } from "../../factory-B5zr8_kk.js";
+import { a as Optional, r as EmitFn$1 } from "../../types-DIEO6uP3.js";
+import { r as PropTypes } from "../../index-CCRVRFFQ.js";
+import { t as RenderStrategyProps } from "../../use-render-strategy-U5NxU252.js";
+import * as vue657 from "vue";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as tabs from "@sprawlify/primitives/machines/tabs";
+import { ContentProps, FocusChangeDetails, FocusChangeDetails as TabsFocusChangeDetails, TriggerProps, ValueChangeDetails, ValueChangeDetails as TabsValueChangeDetails, anatomy as tabsAnatomy } from "@sprawlify/primitives/machines/tabs";
+
+//#region src/components/tabs/tab-content.vue.d.ts
+interface TabContentBaseProps extends ContentProps, PolymorphicProps {}
+interface TabContentProps extends TabContentBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<vue657.DefineComponent<TabContentProps, {}, {}, {}, {}, vue657.ComponentOptionsMixin, vue657.ComponentOptionsMixin, {}, string, vue657.PublicProps, Readonly<TabContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue657.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tabs/tab-indicator.vue.d.ts
+interface TabIndicatorBaseProps extends PolymorphicProps {}
+interface TabIndicatorProps extends TabIndicatorBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<vue657.DefineComponent<TabIndicatorProps, {}, {}, {}, {}, vue657.ComponentOptionsMixin, vue657.ComponentOptionsMixin, {}, string, vue657.PublicProps, Readonly<TabIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue657.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tabs/tab-list.vue.d.ts
+interface TabListBaseProps extends PolymorphicProps {}
+interface TabListProps extends TabListBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<vue657.DefineComponent<TabListProps, {}, {}, {}, {}, vue657.ComponentOptionsMixin, vue657.ComponentOptionsMixin, {}, string, vue657.PublicProps, Readonly<TabListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue657.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tabs/tab-trigger.vue.d.ts
+interface TabTriggerBaseProps extends TriggerProps, PolymorphicProps {}
+interface TabTriggerProps extends TabTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+Omit<ButtonHTMLAttributes, 'disabled' | 'value'> {}
+declare const _default$3: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<vue657.DefineComponent<TabTriggerProps, {}, {}, {}, {}, vue657.ComponentOptionsMixin, vue657.ComponentOptionsMixin, {}, string, vue657.PublicProps, Readonly<TabTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue657.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tabs/tabs-types.d.ts
+interface RootProps {
+  activationMode?: 'manual' | 'automatic';
+  composite?: boolean;
+  defaultValue?: string;
+  deselectable?: boolean;
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    trigger: (id: string) => string;
+    content: (id: string) => string;
+    list: string;
+    indicator: string;
+  }>;
+  loopFocus?: boolean;
+  modelValue?: string;
+  navigate?: (details: tabs.NavigateDetails) => void;
+  orientation?: 'horizontal' | 'vertical';
+  translations?: tabs.IntlTranslations;
+}
+type RootEmits = {
+  focusChange: [details: tabs.FocusChangeDetails];
+  valueChange: [details: tabs.ValueChangeDetails];
+  'update:modelValue': [value: string];
+};
+//#endregion
+//#region src/components/tabs/use-tabs.d.ts
+interface UseTabsProps extends Optional<Omit<tabs.Props, 'dir' | 'getRootNode'>, 'id'> {
+  modelValue?: tabs.Props['value'];
+}
+interface UseTabsReturn extends ComputedRef<tabs.Api<PropTypes>> {}
+declare const useTabs: (props?: MaybeRef<UseTabsProps>, emit?: EmitFn$1<RootEmits>) => UseTabsReturn;
+//#endregion
+//#region src/components/tabs/use-tabs-context.d.ts
+interface UseTabsContext extends UseTabsReturn {}
+//#endregion
+//#region src/components/tabs/tabs-context.vue.d.ts
+interface TabsContextProps extends SlotsType<{
+  default: UnwrapRef<UseTabsContext>;
+}> {}
+declare const _default$4: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<vue657.DefineComponent<{}, {}, {}, {}, {}, vue657.ComponentOptionsMixin, vue657.ComponentOptionsMixin, {}, string, vue657.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue657.ComponentProvideOptions, true, {}, any>, {
+  default(tabs: UnwrapRef<UseTabsContext>): unknown;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tabs/tabs-root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseTabsReturn>;
+}
+interface TabsRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {}
+interface TabsRootProviderProps extends TabsRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$6: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<vue657.DefineComponent<TabsRootProviderProps, {}, {}, {}, {}, vue657.ComponentOptionsMixin, vue657.ComponentOptionsMixin, {}, string, vue657.PublicProps, Readonly<TabsRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue657.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tabs/tabs-root.vue.d.ts
+interface TabsRootBaseProps extends RootProps, RenderStrategyProps, PolymorphicProps {}
+interface TabsRootProps extends TabsRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface TabsRootEmits extends RootEmits {}
+declare const _default$5: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<vue657.DefineComponent<TabsRootProps, {}, {}, {}, {}, vue657.ComponentOptionsMixin, vue657.ComponentOptionsMixin, {
+  valueChange: (details: tabs.ValueChangeDetails) => any;
+  "update:modelValue": (value: string) => any;
+  focusChange: (details: tabs.FocusChangeDetails) => any;
+}, string, vue657.PublicProps, Readonly<TabsRootProps> & Readonly<{
+  onValueChange?: ((details: tabs.ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onFocusChange?: ((details: tabs.FocusChangeDetails) => any) | undefined;
+}>, {
+  composite: boolean;
+  deselectable: boolean;
+  loopFocus: boolean;
+}, {}, {}, {}, string, vue657.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace tabs_d_exports {
+  export { _default as Content, TabContentBaseProps as ContentBaseProps, TabContentProps as ContentProps, _default$4 as Context, TabsContextProps as ContextProps, FocusChangeDetails, _default$1 as Indicator, TabIndicatorBaseProps as IndicatorBaseProps, TabIndicatorProps as IndicatorProps, _default$2 as List, TabListBaseProps as ListBaseProps, TabListProps as ListProps, _default$5 as Root, TabsRootBaseProps as RootBaseProps, TabsRootEmits as RootEmits, TabsRootProps as RootProps, _default$6 as RootProvider, TabsRootProviderBaseProps as RootProviderBaseProps, TabsRootProviderProps as RootProviderProps, _default$3 as Trigger, TabTriggerBaseProps as TriggerBaseProps, TabTriggerProps as TriggerProps, ValueChangeDetails };
+}
+//#endregion
+export { _default as TabContent, type TabContentBaseProps, type TabContentProps, _default$1 as TabIndicator, type TabIndicatorBaseProps, type TabIndicatorProps, _default$2 as TabList, type TabListBaseProps, type TabListProps, _default$3 as TabTrigger, type TabTriggerBaseProps, type TabTriggerProps, tabs_d_exports as Tabs, _default$4 as TabsContext, type TabsContextProps, type TabsFocusChangeDetails, _default$5 as TabsRoot, type TabsRootBaseProps, type TabsRootEmits, type TabsRootProps, _default$6 as TabsRootProvider, type TabsRootProviderBaseProps, type TabsRootProviderProps, type TabsValueChangeDetails, type UseTabsContext, type UseTabsProps, type UseTabsReturn, tabsAnatomy, useTabs, useTabsContext };