@wirekyt/vue 0.0.1 → 0.0.3

package/dist/tabs.d.ts

@@ -0,0 +1,179 @@
+import { a as PolymorphicProps } from "./factory-BNwuanv4.js";
+import { i as EmitFn$1, l as PropTypes, o as Optional } from "./index-BSoF1D-v.js";
+import { n as RenderStrategyProps } from "./index-Cc4qS0rQ.js";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, MaybeRef, SlotsType, UnwrapRef } from "vue";
+import * as tabs from "@wirekyt/dom/machines/tabs";
+import { ContentProps, FocusChangeDetails, FocusChangeDetails as TabsFocusChangeDetails, TriggerProps, ValueChangeDetails, ValueChangeDetails as TabsValueChangeDetails, anatomy as tabsAnatomy } from "@wirekyt/dom/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<import("vue").DefineComponent<TabContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").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<import("vue").DefineComponent<TabIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").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<import("vue").DefineComponent<TabListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").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<import("vue").DefineComponent<TabTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/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-context.d.ts
+interface UseTabsContext extends UseTabsReturn {}
+declare const TabsProvider: (opts: UseTabsContext) => void, useTabsContext: (fallback?: UseTabsContext | undefined) => UseTabsContext;
+//#endregion
+//#region src/components/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<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+  default(tabs: UnwrapRef<UseTabsContext>): unknown;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/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<import("vue").DefineComponent<TabsRootProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabsRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/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<import("vue").DefineComponent<TabsRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  valueChange: (details: import("@wirekyt/dom/machines/tabs").ValueChangeDetails) => any;
+  "update:modelValue": (value: string) => any;
+  focusChange: (details: import("@wirekyt/dom/machines/tabs").FocusChangeDetails) => any;
+}, string, import("vue").PublicProps, Readonly<TabsRootProps> & Readonly<{
+  onValueChange?: ((details: import("@wirekyt/dom/machines/tabs").ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onFocusChange?: ((details: import("@wirekyt/dom/machines/tabs").FocusChangeDetails) => any) | undefined;
+}>, {
+  loopFocus: boolean;
+  deselectable: boolean;
+  composite: boolean;
+}, {}, {}, {}, string, import("vue").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 };

package/dist/tabs.js

@@ -0,0 +1,218 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$1, c as normalizeProps$1, d as useForwardExpose, m as createContext, n as RenderStrategyPropsProvider, r as useRenderStrategyProps, s as useMachine } from "./utils-D95V66v9.js";
+import { a as DEFAULT_LOCALE, d as useEnvironmentContext, o as useLocaleContext, u as DEFAULT_ENVIRONMENT } from "./providers-C3XQH-uu.js";
+import { t as cleanProps } from "./clean-props--1kqQE0Y.js";
+import { n as wire } from "./factory-8Ao0DEy3.js";
+import { n as PresenceProvider } from "./presence-jaHZaD_O.js";
+import { t as usePresence } from "./use-presence-oNdFU2c2.js";
+import { computed, createBlock, createCommentVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, toValue, unref, useId, withCtx } from "vue";
+import * as tabs from "@wirekyt/dom/machines/tabs";
+import { anatomy as tabsAnatomy } from "@wirekyt/dom/machines/tabs";
+//#region src/components/tabs/use-context.ts
+const [TabsProvider, useTabsContext] = createContext("TabsContext");
+//#endregion
+//#region src/components/tabs/tab-content.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "tab-content",
+	props: {
+		value: {},
+		asChild: { type: Boolean }
+	},
+	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(wire).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-indicator.vue
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	__name: "tab-indicator",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tabs = useTabsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).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-list.vue
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+	__name: "tab-list",
+	props: { asChild: { type: Boolean } },
+	setup(__props) {
+		const tabs = useTabsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).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-trigger.vue
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+	__name: "tab-trigger",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const tabs = useTabsContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(wire).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/context.vue
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+	__name: "context",
+	setup(__props) {
+		const tabs = useTabsContext();
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(tabs))));
+		};
+	}
+});
+//#endregion
+//#region src/components/tabs/root-provider.vue
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+	__name: "root-provider",
+	props: {
+		value: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean },
+		asChild: { type: Boolean }
+	},
+	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(wire).div, mergeProps(tabs.value.getRootProps(), { "as-child": __props.asChild }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["as-child"]);
+		};
+	}
+});
+//#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/root.vue
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+	__name: "root",
+	props: /*@__PURE__*/ mergeDefaults({
+		activationMode: {},
+		composite: { type: Boolean },
+		defaultValue: {},
+		deselectable: { type: Boolean },
+		id: {},
+		ids: {},
+		loopFocus: { type: Boolean },
+		modelValue: {},
+		navigate: { type: Function },
+		orientation: {},
+		translations: {},
+		lazyMount: { type: Boolean },
+		unmountOnExit: { type: Boolean },
+		asChild: { type: Boolean }
+	}, {
+		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(wire).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.ts
+var tabs_exports = /* @__PURE__ */ __exportAll({
+	Content: () => _sfc_main,
+	Context: () => _sfc_main$4,
+	Indicator: () => _sfc_main$1,
+	List: () => _sfc_main$2,
+	Root: () => _sfc_main$5,
+	RootProvider: () => _sfc_main$6,
+	Trigger: () => _sfc_main$3
+});
+//#endregion
+export { _sfc_main as TabContent, _sfc_main$1 as TabIndicator, _sfc_main$2 as TabList, _sfc_main$3 as TabTrigger, tabs_exports as Tabs, _sfc_main$4 as TabsContext, _sfc_main$5 as TabsRoot, _sfc_main$6 as TabsRootProvider, tabsAnatomy, useTabs, useTabsContext };