@sprawlify/vue 0.0.70 → 0.0.73

package/dist/components/tabs/index.js

@@ -0,0 +1,335 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { n as useMachine, r as normalizeProps$1, t as mergeProps$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-ChPEW0vT.js";
+import { n as useRenderStrategyProps, t as RenderStrategyPropsProvider } from "../../use-render-strategy-DMa_QmB6.js";
+import { i as usePresence, n as PresenceProvider } from "../../presence-BK6rPXK7.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as tabs from "@sprawlify/primitives/machines/tabs";
+import { anatomy as tabsAnatomy } from "@sprawlify/primitives/machines/tabs";
+
+//#region src/components/tabs/use-tabs-context.ts
+const [TabsProvider, useTabsContext] = createContext("TabsContext");
+
+//#endregion
+//#region src/components/tabs/tab-content.vue?vue&type=script&setup=true&lang.ts
+var tab_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tab-content",
+	props: {
+		value: {
+			type: String,
+			required: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const tabs = useTabsContext();
+		const renderStrategy = useRenderStrategyProps();
+		const presence = usePresence(computed(() => ({
+			...renderStrategy.value,
+			present: tabs.value.value === props.value,
+			immediate: true
+		})));
+		PresenceProvider(presence);
+		const mergedProps = computed(() => mergeProps$1(tabs.value.getContentProps(props), presence.value.presenceProps));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, mergedProps.value, { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tabs/tab-content.vue
+var tab_content_default = tab_content_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tabs/tab-indicator.vue?vue&type=script&setup=true&lang.ts
+var tab_indicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tab-indicator",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const tabs = useTabsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(tabs).getIndicatorProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tabs/tab-indicator.vue
+var tab_indicator_default = tab_indicator_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tabs/tab-list.vue?vue&type=script&setup=true&lang.ts
+var tab_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tab-list",
+	props: { asChild: {
+		type: Boolean,
+		required: false
+	} },
+	setup(__props) {
+		const tabs = useTabsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(tabs).getListProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tabs/tab-list.vue
+var tab_list_default = tab_list_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tabs/tab-trigger.vue?vue&type=script&setup=true&lang.ts
+var tab_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tab-trigger",
+	props: {
+		value: {
+			type: String,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const tabs = useTabsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).button, mergeProps(unref(tabs).getTriggerProps(props), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tabs/tab-trigger.vue
+var tab_trigger_default = tab_trigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tabs/tabs-context.vue?vue&type=script&setup=true&lang.ts
+var tabs_context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tabs-context",
+	setup(__props) {
+		const tabs = useTabsContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(tabs))));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tabs/tabs-context.vue
+var tabs_context_default = tabs_context_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tabs/tabs-root-provider.vue?vue&type=script&setup=true&lang.ts
+var tabs_root_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tabs-root-provider",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const tabs = computed(() => props.value);
+		TabsProvider(tabs);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(tabs.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tabs/tabs-root-provider.vue
+var tabs_root_provider_default = tabs_root_provider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tabs/use-tabs.ts
+const useTabs = (props = {}, emit) => {
+	const id = useId();
+	const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+	const locale = useLocaleContext(DEFAULT_LOCALE);
+	const context = computed(() => {
+		const localProps = toValue(props);
+		return {
+			id,
+			dir: locale.value.dir,
+			value: localProps.modelValue,
+			getRootNode: env?.value.getRootNode,
+			...cleanProps(localProps),
+			onFocusChange: (details) => {
+				emit?.("focusChange", details);
+				localProps.onFocusChange?.(details);
+			},
+			onValueChange: (details) => {
+				emit?.("valueChange", details);
+				emit?.("update:modelValue", details.value);
+				localProps.onValueChange?.(details);
+			}
+		};
+	});
+	const service = useMachine(tabs.machine, context);
+	return computed(() => tabs.connect(service, normalizeProps$1));
+};
+
+//#endregion
+//#region src/components/tabs/tabs-root.vue?vue&type=script&setup=true&lang.ts
+var tabs_root_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tabs-root",
+	props: /* @__PURE__ */ mergeDefaults({
+		activationMode: {
+			type: String,
+			required: false
+		},
+		composite: {
+			type: Boolean,
+			required: false
+		},
+		defaultValue: {
+			type: String,
+			required: false
+		},
+		deselectable: {
+			type: Boolean,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		ids: {
+			type: Object,
+			required: false
+		},
+		loopFocus: {
+			type: Boolean,
+			required: false
+		},
+		modelValue: {
+			type: String,
+			required: false
+		},
+		navigate: {
+			type: Function,
+			required: false
+		},
+		orientation: {
+			type: String,
+			required: false
+		},
+		translations: {
+			type: null,
+			required: false
+		},
+		lazyMount: {
+			type: Boolean,
+			required: false
+		},
+		unmountOnExit: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	}, {
+		composite: void 0,
+		deselectable: void 0,
+		loopFocus: void 0
+	}),
+	emits: [
+		"focusChange",
+		"valueChange",
+		"update:modelValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const tabs = useTabs(props, __emit);
+		TabsProvider(tabs);
+		RenderStrategyPropsProvider(computed(() => ({
+			lazyMount: props.lazyMount,
+			unmountOnExit: props.unmountOnExit
+		})));
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, mergeProps(unref(tabs).getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/tabs/tabs-root.vue
+var tabs_root_default = tabs_root_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/tabs/tabs.ts
+var tabs_exports = /* @__PURE__ */ __exportAll({
+	Content: () => tab_content_default,
+	Context: () => tabs_context_default,
+	Indicator: () => tab_indicator_default,
+	List: () => tab_list_default,
+	Root: () => tabs_root_default,
+	RootProvider: () => tabs_root_provider_default,
+	Trigger: () => tab_trigger_default
+});
+
+//#endregion
+export { tab_content_default as TabContent, tab_indicator_default as TabIndicator, tab_list_default as TabList, tab_trigger_default as TabTrigger, tabs_exports as Tabs, tabs_context_default as TabsContext, tabs_root_default as TabsRoot, tabs_root_provider_default as TabsRootProvider, tabsAnatomy, useTabs, useTabsContext };

package/dist/components/tags-input/index.d.ts

@@ -0,0 +1,339 @@
+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 * as vue744 from "vue";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as _sprawlify_primitives_machines_menu0 from "@sprawlify/primitives/machines/menu";
+import * as tagsInput from "@sprawlify/primitives/machines/tags-input";
+import { FocusOutsideEvent, FocusOutsideEvent as TagsInputFocusOutsideEvent, HighlightChangeDetails, HighlightChangeDetails as TagsInputHighlightChangeDetails, InputValueChangeDetails, InputValueChangeDetails as TagsInputInputValueChangeDetails, InteractOutsideEvent, InteractOutsideEvent as TagsInputInteractOutsideEvent, ItemProps as ItemProps$1, ItemState, PointerDownOutsideEvent, PointerDownOutsideEvent as TagsInputPointerDownOutsideEvent, ValidityChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, anatomy as tagsInputAnatomy } from "@sprawlify/primitives/machines/tags-input";
+
+//#region src/components/tags-input/tags-input-clear-trigger.vue.d.ts
+interface TagsInputClearTriggerBaseProps extends PolymorphicProps {}
+interface TagsInputClearTriggerProps extends TagsInputClearTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default: typeof __VLS_export$13;
+declare const __VLS_export$13: __VLS_WithSlots$13<vue744.DefineComponent<TagsInputClearTriggerProps, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<TagsInputClearTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$13<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/tags-input-types.d.ts
+interface RootProps {
+  addOnPaste?: boolean;
+  allowOverflow?: boolean;
+  autoFocus?: boolean;
+  blurBehavior?: 'clear' | 'add';
+  defaultInputValue?: string;
+  defaultValue?: string[];
+  delimiter?: string | RegExp;
+  disabled?: boolean;
+  editable?: boolean;
+  form?: string;
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    input: string;
+    hiddenInput: string;
+    clearBtn: string;
+    label: string;
+    control: string;
+    item(opts: tagsInput.ItemProps): string;
+    itemDeleteTrigger(opts: tagsInput.ItemProps): string;
+    itemInput(opts: tagsInput.ItemProps): string;
+  }>;
+  inputValue?: string;
+  invalid?: boolean;
+  max?: number;
+  maxLength?: number;
+  modelValue?: string[];
+  name?: string;
+  placeholder?: string;
+  readOnly?: boolean;
+  required?: boolean;
+  translations?: tagsInput.IntlTranslations;
+  validate?: (details: tagsInput.ValidateArgs) => boolean;
+}
+type RootEmits = {
+  focusOutside: [event: tagsInput.FocusOutsideEvent];
+  highlightChange: [details: tagsInput.HighlightChangeDetails];
+  inputValueChange: [details: tagsInput.InputValueChangeDetails];
+  interactOutside: [event: tagsInput.InteractOutsideEvent];
+  pointerDownOutside: [event: tagsInput.PointerDownOutsideEvent];
+  valueChange: [details: tagsInput.ValueChangeDetails];
+  valueInvalid: [details: tagsInput.ValidityChangeDetails];
+  'update:modelValue': [value: string[]];
+  'update:inputValue': [value: string];
+};
+//#endregion
+//#region src/components/tags-input/use-tags-input.d.ts
+interface UseTagsInputProps extends Optional<Omit<tagsInput.Props, 'dir' | 'getRootNode'>, 'id'> {
+  modelValue?: tagsInput.Props['value'];
+}
+interface UseTagsInputReturn extends ComputedRef<tagsInput.Api<PropTypes>> {}
+declare const useTagsInput: (props?: MaybeRef<UseTagsInputProps>, emit?: EmitFn$1<RootEmits>) => UseTagsInputReturn;
+//#endregion
+//#region src/components/tags-input/use-tags-input-context.d.ts
+interface UseTagsInputContext extends UseTagsInputReturn {}
+//#endregion
+//#region src/components/tags-input/tags-input-context.vue.d.ts
+interface TagsInputContextProps extends SlotsType<{
+  default: UnwrapRef<UseTagsInputContext>;
+}> {}
+declare const _default$1: typeof __VLS_export$12;
+declare const __VLS_export$12: __VLS_WithSlots$12<vue744.DefineComponent<{}, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, true, {}, any>, {
+  default(tagsInput: UnwrapRef<UseTagsInputContext>): unknown;
+}>;
+type __VLS_WithSlots$12<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/tags-input-control.vue.d.ts
+interface TagsInputControlBaseProps extends PolymorphicProps {}
+interface TagsInputControlProps extends TagsInputControlBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$11;
+declare const __VLS_export$11: __VLS_WithSlots$11<vue744.DefineComponent<TagsInputControlProps, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<TagsInputControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$11<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/tags-input-hidden-input.vue.d.ts
+interface TagsInputHiddenInputBaseProps extends PolymorphicProps {}
+interface TagsInputHiddenInputProps extends TagsInputHiddenInputBaseProps,
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {}
+declare const _default$3: typeof __VLS_export$10;
+declare const __VLS_export$10: __VLS_WithSlots$10<vue744.DefineComponent<TagsInputHiddenInputProps, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<TagsInputHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$10<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/tags-input-input.vue.d.ts
+interface TagsInputInputBaseProps extends PolymorphicProps {}
+interface TagsInputInputProps extends TagsInputInputBaseProps,
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {}
+declare const _default$4: typeof __VLS_export$9;
+declare const __VLS_export$9: __VLS_WithSlots$9<vue744.DefineComponent<TagsInputInputProps, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<TagsInputInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$9<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/use-tags-input-item-context.d.ts
+interface UseTagsInputItemContext extends ComputedRef<ItemState> {}
+//#endregion
+//#region src/components/tags-input/tags-input-item-context.vue.d.ts
+interface TagsInputItemContextProps extends SlotsType<{
+  default: UnwrapRef<UseTagsInputItemContext>;
+}> {}
+declare const _default$6: typeof __VLS_export$8;
+declare const __VLS_export$8: __VLS_WithSlots$8<vue744.DefineComponent<{}, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, true, {}, any>, {
+  default(tagsInput: UnwrapRef<UseTagsInputItemContext>): unknown;
+}>;
+type __VLS_WithSlots$8<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/tags-input-item-delete-trigger.vue.d.ts
+interface TagsInputItemDeleteTriggerBaseProps extends PolymorphicProps {}
+interface TagsInputItemDeleteTriggerProps extends TagsInputItemDeleteTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$7: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$7<vue744.DefineComponent<TagsInputItemDeleteTriggerProps, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<TagsInputItemDeleteTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/tags-input-item-input.vue.d.ts
+interface TagsInputItemInputBaseProps extends PolymorphicProps {}
+interface TagsInputItemInputProps extends TagsInputItemInputBaseProps,
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {}
+declare const _default$8: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<vue744.DefineComponent<TagsInputItemInputProps, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<TagsInputItemInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/tags-input-item-preview.vue.d.ts
+interface TagsInputItemPreviewBaseProps extends PolymorphicProps {}
+interface TagsInputItemPreviewProps extends TagsInputItemPreviewBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$9: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<vue744.DefineComponent<TagsInputItemPreviewProps, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<TagsInputItemPreviewProps> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/tags-input-item-text.vue.d.ts
+interface TagsInputItemTextBaseProps extends PolymorphicProps {}
+interface TagsInputItemTextProps extends TagsInputItemTextBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$10: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<vue744.DefineComponent<TagsInputItemTextProps, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<TagsInputItemTextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/tags-input-item.vue.d.ts
+interface TagsInputItemBaseProps extends ItemProps$1, PolymorphicProps {}
+interface TagsInputItemProps extends TagsInputItemBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$5: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<vue744.DefineComponent<TagsInputItemProps, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<TagsInputItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/tags-input-label.vue.d.ts
+interface TagsInputLabelBaseProps extends PolymorphicProps {}
+interface TagsInputLabelProps extends TagsInputLabelBaseProps,
+/**
+ * @vue-ignore
+ */
+LabelHTMLAttributes {}
+declare const _default$11: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<vue744.DefineComponent<TagsInputLabelProps, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<TagsInputLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/tags-input-root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseTagsInputReturn>;
+}
+interface TagsInputRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface TagsInputRootProviderProps extends TagsInputRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$13: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<vue744.DefineComponent<TagsInputRootProviderProps, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {}, string, vue744.PublicProps, Readonly<TagsInputRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue744.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/tags-input/tags-input-root.vue.d.ts
+interface TagsInputRootBaseProps extends RootProps, PolymorphicProps {}
+interface TagsInputRootProps extends TagsInputRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface TagsInputRootEmits extends RootEmits {}
+declare const _default$12: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<vue744.DefineComponent<TagsInputRootProps, {}, {}, {}, {}, vue744.ComponentOptionsMixin, vue744.ComponentOptionsMixin, {
+  "update:modelValue": (value: string[]) => any;
+  valueChange: (details: tagsInput.ValueChangeDetails) => any;
+  valueInvalid: (details: tagsInput.ValidityChangeDetails) => any;
+  focusOutside: (event: _sprawlify_primitives_machines_menu0.FocusOutsideEvent) => any;
+  highlightChange: (details: tagsInput.HighlightChangeDetails) => any;
+  inputValueChange: (details: tagsInput.InputValueChangeDetails) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_menu0.InteractOutsideEvent) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_menu0.PointerDownOutsideEvent) => any;
+  "update:inputValue": (value: string) => any;
+}, string, vue744.PublicProps, Readonly<TagsInputRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+  onValueChange?: ((details: tagsInput.ValueChangeDetails) => any) | undefined;
+  onValueInvalid?: ((details: tagsInput.ValidityChangeDetails) => any) | undefined;
+  onFocusOutside?: ((event: _sprawlify_primitives_machines_menu0.FocusOutsideEvent) => any) | undefined;
+  onHighlightChange?: ((details: tagsInput.HighlightChangeDetails) => any) | undefined;
+  onInputValueChange?: ((details: tagsInput.InputValueChangeDetails) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_menu0.InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_menu0.PointerDownOutsideEvent) => any) | undefined;
+  "onUpdate:inputValue"?: ((value: string) => any) | undefined;
+}>, {
+  required: boolean;
+  disabled: boolean;
+  invalid: boolean;
+  readOnly: boolean;
+  autoFocus: boolean;
+  addOnPaste: boolean;
+  allowOverflow: boolean;
+  editable: boolean;
+}, {}, {}, {}, string, vue744.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+declare namespace tags_input_d_exports {
+  export { _default as ClearTrigger, TagsInputClearTriggerBaseProps as ClearTriggerBaseProps, TagsInputClearTriggerProps as ClearTriggerProps, _default$1 as Context, TagsInputContextProps as ContextProps, _default$2 as Control, TagsInputControlBaseProps as ControlBaseProps, TagsInputControlProps as ControlProps, FocusOutsideEvent, _default$3 as HiddenInput, TagsInputHiddenInputBaseProps as HiddenInputBaseProps, TagsInputHiddenInputProps as HiddenInputProps, HighlightChangeDetails, _default$4 as Input, TagsInputInputBaseProps as InputBaseProps, TagsInputInputProps as InputProps, InputValueChangeDetails, InteractOutsideEvent, _default$5 as Item, TagsInputItemBaseProps as ItemBaseProps, _default$6 as ItemContext, TagsInputItemContextProps as ItemContextProps, _default$7 as ItemDeleteTrigger, TagsInputItemDeleteTriggerBaseProps as ItemDeleteTriggerBaseProps, TagsInputItemDeleteTriggerProps as ItemDeleteTriggerProps, _default$8 as ItemInput, TagsInputItemInputBaseProps as ItemInputBaseProps, TagsInputItemInputProps as ItemInputProps, _default$9 as ItemPreview, TagsInputItemPreviewBaseProps as ItemPreviewBaseProps, TagsInputItemPreviewProps as ItemPreviewProps, TagsInputItemProps as ItemProps, _default$10 as ItemText, TagsInputItemTextBaseProps as ItemTextBaseProps, TagsInputItemTextProps as ItemTextProps, _default$11 as Label, TagsInputLabelBaseProps as LabelBaseProps, TagsInputLabelProps as LabelProps, PointerDownOutsideEvent, _default$12 as Root, TagsInputRootBaseProps as RootBaseProps, TagsInputRootEmits as RootEmits, TagsInputRootProps as RootProps, _default$13 as RootProvider, TagsInputRootProviderBaseProps as RootProviderBaseProps, TagsInputRootProviderProps as RootProviderProps, ValidityChangeDetails, ValueChangeDetails };
+}
+//#endregion
+export { tags_input_d_exports as TagsInput, _default as TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, _default$1 as TagsInputContext, type TagsInputContextProps, _default$2 as TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, type TagsInputFocusOutsideEvent, _default$3 as TagsInputHiddenInput, type TagsInputHiddenInputBaseProps, type TagsInputHiddenInputProps, type TagsInputHighlightChangeDetails, _default$4 as TagsInputInput, type TagsInputInputBaseProps, type TagsInputInputProps, type TagsInputInputValueChangeDetails, type TagsInputInteractOutsideEvent, _default$5 as TagsInputItem, type TagsInputItemBaseProps, _default$6 as TagsInputItemContext, type TagsInputItemContextProps, _default$7 as TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerBaseProps, type TagsInputItemDeleteTriggerProps, _default$8 as TagsInputItemInput, type TagsInputItemInputBaseProps, type TagsInputItemInputProps, _default$9 as TagsInputItemPreview, type TagsInputItemPreviewBaseProps, type TagsInputItemPreviewProps, type TagsInputItemProps, _default$10 as TagsInputItemText, type TagsInputItemTextBaseProps, type TagsInputItemTextProps, _default$11 as TagsInputLabel, type TagsInputLabelBaseProps, type TagsInputLabelProps, type TagsInputPointerDownOutsideEvent, _default$12 as TagsInputRoot, type TagsInputRootBaseProps, type TagsInputRootEmits, type TagsInputRootProps, _default$13 as TagsInputRootProvider, type TagsInputRootProviderBaseProps, type TagsInputRootProviderProps, type TagsInputValidityChangeDetails, type TagsInputValueChangeDetails, type UseTagsInputContext, type UseTagsInputItemContext, type UseTagsInputProps, type UseTagsInputReturn, tagsInputAnatomy, useTagsInput, useTagsInputContext, useTagsInputItemContext };