@auronui/vue 1.0.5 → 1.0.7

package/dist/components/tabs/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { composeClassName } from "../../utils/composeClassName.js";
 import { useTabsProvide } from "./tabs.context.js";
-import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, toRef, unref, withCtx } from "vue";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, ref, renderSlot, toRef, unref, watch, withCtx } from "vue";
 import { tabsVariants } from "@auronui/styles";
 import { TabsRoot } from "reka-ui";
 //#region src/components/tabs/Tabs.vue?vue&type=script&setup=true&lang.ts
@@ -18,26 +18,34 @@ var Tabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const internalValue = ref(props.modelValue ?? props.defaultValue);
+		watch(() => props.modelValue, (v) => {
+			if (v !== void 0) internalValue.value = v;
+		});
+		function changeTab(value) {
+			internalValue.value = value;
+			emit("update:modelValue", value);
+		}
 		const slotFns = computed(() => tabsVariants({ variant: props.variant }));
 		useTabsProvide({
 			slotFns,
-			orientation: toRef(props, "orientation")
+			orientation: toRef(props, "orientation"),
+			currentValue: internalValue,
+			changeTab
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(TabsRoot), {
-				"model-value": props.modelValue,
-				"default-value": props.defaultValue,
+				"model-value": internalValue.value,
 				orientation: props.orientation,
 				"activation-mode": props.activationMode,
 				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
 				"data-orientation": props.orientation,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => emit("update:modelValue", v))
+				"onUpdate:modelValue": changeTab
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"model-value",
-				"default-value",
 				"orientation",
 				"activation-mode",
 				"class",

package/dist/components/tabs/Tabs.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { TabsRoot } from 'reka-ui'\nimport { tabsVariants, type TabsVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useTabsProvide } from './tabs.context'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string\n  defaultValue?: string\n  orientation?: 'horizontal' | 'vertical'\n  variant?: TabsVariants['variant']\n  activationMode?: 'automatic' | 'manual'\n  class?: string\n}>(), {\n  orientation: 'horizontal',\n  variant: 'primary',\n  activationMode: 'automatic',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst slotFns = computed(() => tabsVariants({ variant: props.variant }))\n\nuseTabsProvide({\n  slotFns,\n  orientation: toRef(props, 'orientation'),\n})\n</script>\n\n<template>\n  <TabsRoot\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :orientation=\"props.orientation\"\n    :activation-mode=\"props.activationMode\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"props.orientation\"\n    @update:model-value=\"(v: string) => emit('update:modelValue', v)\"\n  >\n    <slot />\n  </TabsRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAad,MAAM,OAAO;EAIb,MAAM,UAAU,eAAe,aAAa,EAAE,SAAS,MAAM,SAAS,CAAC,CAAA;AAEvE,iBAAe;GACb;GACA,aAAa,MAAM,OAAO,cAAc;GACzC,CAAA;;uBAIC,YAUW,MAAA,SAAA,EAAA;IATR,eAAa,MAAM;IACnB,iBAAe,MAAM;IACrB,aAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,oBAAkB,MAAM;IACxB,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAAc,KAAI,qBAAsB,EAAC;;2BAEvD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"Tabs.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef, watch } from 'vue'\nimport { TabsRoot } from 'reka-ui'\nimport { tabsVariants, type TabsVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useTabsProvide } from './tabs.context'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string\n  defaultValue?: string\n  orientation?: 'horizontal' | 'vertical'\n  variant?: TabsVariants['variant']\n  activationMode?: 'automatic' | 'manual'\n  class?: string\n}>(), {\n  orientation: 'horizontal',\n  variant: 'primary',\n  activationMode: 'automatic',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst internalValue = ref<string | undefined>(props.modelValue ?? props.defaultValue)\n\nwatch(() => props.modelValue, (v) => {\n  if (v !== undefined) internalValue.value = v\n})\n\nfunction changeTab(value: string) {\n  internalValue.value = value\n  emit('update:modelValue', value)\n}\n\nconst slotFns = computed(() => tabsVariants({ variant: props.variant }))\n\nuseTabsProvide({\n  slotFns,\n  orientation: toRef(props, 'orientation'),\n  currentValue: internalValue,\n  changeTab,\n})\n</script>\n\n<template>\n  <TabsRoot\n    :model-value=\"internalValue\"\n    :orientation=\"props.orientation\"\n    :activation-mode=\"props.activationMode\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"props.orientation\"\n    @update:model-value=\"changeTab\"\n  >\n    <slot />\n  </TabsRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAad,MAAM,OAAO;EAIb,MAAM,gBAAgB,IAAwB,MAAM,cAAc,MAAM,aAAY;AAEpF,cAAY,MAAM,aAAa,MAAM;AACnC,OAAI,MAAM,KAAA,EAAW,eAAc,QAAQ;IAC5C;EAED,SAAS,UAAU,OAAe;AAChC,iBAAc,QAAQ;AACtB,QAAK,qBAAqB,MAAK;;EAGjC,MAAM,UAAU,eAAe,aAAa,EAAE,SAAS,MAAM,SAAS,CAAC,CAAA;AAEvE,iBAAe;GACb;GACA,aAAa,MAAM,OAAO,cAAc;GACxC,cAAc;GACd;GACD,CAAA;;uBAIC,YASW,MAAA,SAAA,EAAA;IARR,eAAa,cAAA;IACb,aAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,oBAAkB,MAAM;IACxB,uBAAoB;;2BAEb,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/tabs/tabs.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.context.js","names":[],"sources":["../../../src/components/tabs/tabs.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\nimport type { tabsVariants } from '@auronui/styles'\n\n// Return shape of tabsVariants({ variant }) — each key is a slot function that returns a string\nexport type TabsSlotFns = ReturnType<typeof tabsVariants>\n\nexport interface TabsContext {\n  slotFns: Ref<TabsSlotFns>\n  orientation: Ref<'horizontal' | 'vertical'>\n}\n\nexport const {\n  useProvide: useTabsProvide,\n  useInject: useTabsInject,\n  key: tabsContextKey,\n} = createContext<TabsContext>('Tabs')\n"],"mappings":";;AAYA,IAAa,EACX,YAAY,gBACZ,WAAW,eACX,KAAK,mBACH,cAA2B,OAAO"}
+{"version":3,"file":"tabs.context.js","names":[],"sources":["../../../src/components/tabs/tabs.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\nimport type { tabsVariants } from '@auronui/styles'\n\n// Return shape of tabsVariants({ variant }) — each key is a slot function that returns a string\nexport type TabsSlotFns = ReturnType<typeof tabsVariants>\n\nexport interface TabsContext {\n  slotFns: Ref<TabsSlotFns>\n  orientation: Ref<'horizontal' | 'vertical'>\n  currentValue: Ref<string | undefined>\n  changeTab: (value: string) => void\n}\n\nexport const {\n  useProvide: useTabsProvide,\n  useInject: useTabsInject,\n  key: tabsContextKey,\n} = createContext<TabsContext>('Tabs')\n"],"mappings":";;AAcA,IAAa,EACX,YAAY,gBACZ,WAAW,eACX,KAAK,mBACH,cAA2B,OAAO"}