@octabits-io/nuxt-ui-kit 0.14.0 → 0.14.2

package/dist/locale/index.js

@@ -45,7 +45,9 @@ function useLocaleTabs(hasValue, source, registerOverride = false) {
 	const isVariant = (loc) => baseLocaleOf(loc) !== loc && supportedLocales.value.includes(baseLocaleOf(loc));
 	const visibleLocales = computed(() => {
 		const filtered = toValue(registerOverride) ? supportedLocales.value : supportedLocales.value.filter((loc) => !isVariant(loc));
-		return filtered.includes(defaultLocale.value) ? filtered : [...filtered, defaultLocale.value];
+		const withDefault = filtered.includes(defaultLocale.value) ? filtered : [...filtered, defaultLocale.value];
+		if (!defaultLocale.value) return withDefault;
+		return [defaultLocale.value, ...withDefault.filter((loc) => loc !== defaultLocale.value)];
 	});
 	const active = ref("");
 	watchEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octabits-io/nuxt-ui-kit",
-  "version": "0.14.0",
+  "version": "0.14.2",
   "description": "Frontend kit for Nuxt/Vue admin SPAs: OIDC session harness (oidc-client-ts), Eden Treaty client factory, auth/org store cores, and a route-guard builder — factory-style seams the app wires into its own plugins, stores, and middleware",
   "license": "MIT",
   "type": "module",
@@ -78,9 +78,9 @@
     "elysia": "^1.4.29",
     "oidc-client-ts": "^3.5.0",
     "vitest": "^4.1.10",
-    "vue": "^3.5.40",
+    "vue": "^3.5.41",
     "zod": "^4.4.3",
-    "@octabits-io/framework": "^0.19.1"
+    "@octabits-io/framework": "^0.22.0"
   },
   "peerDependencies": {
     "@elysiajs/eden": "^1.4.0",

package/src/components/PageAction.vue

@@ -59,7 +59,10 @@ const tooltipText = computed(() =>
 const buttonProps = computed<Partial<ButtonProps>>(() => {
   const base: Partial<ButtonProps> = {
     icon: props.icon,
-    size: 'sm',
+    // `md` (the Nuxt UI default) — header actions read at the same text size as
+    // the buttons in the page body. `sm` renders text-xs, which looked shrunken
+    // next to its own icon and next to every other button on the page.
+    size: 'md',
     loading: props.loading,
     disabled: props.disabled || props.loading || isBlocked.value,
     to: props.to,

package/src/components/PageActions.vue

@@ -157,10 +157,12 @@ const hasUtilityRegion = computed(() =>
     @click="item.onSelect?.()"
   />
   <!-- AI cluster: soft-primary sparkles = "AI acts on data". One item → its
-       verb label; several → the shared labeled dropdown. -->
+       verb label; several → the shared labeled dropdown. `size="md"` matches
+       PageAction — AiButton keeps its `sm` default for in-page triggers. -->
   <AiButton
     v-if="inlineAiItems.length === 1"
     :label="inlineAiItems[0]!.label"
+    size="md"
     :loading="inlineAiItems[0]!.loading"
     :disabled="inlineAiItems[0]!.disabled || Boolean(inlineAiItems[0]!.disabledReason)"
     @click="inlineAiItems[0]!.onSelect?.()"
@@ -176,7 +178,7 @@ const hasUtilityRegion = computed(() =>
       itemDescription: 'mt-0.5 whitespace-normal text-xs/4',
     }"
   >
-    <AiButton :label="t('pageChrome.ai')" trailing-icon="i-lucide-chevron-down" />
+    <AiButton :label="t('pageChrome.ai')" size="md" trailing-icon="i-lucide-chevron-down" />
     <template #item-leading="{ item }">
       <span
         class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-primary/20 to-primary/5 text-primary ring-1 ring-primary/20 ring-inset"

package/src/components/PageHeader.vue

@@ -108,7 +108,7 @@ const titleClass = computed(() => props.density === 'compact' ? 'font-display te
       icon="i-lucide-arrow-left"
       color="neutral"
       variant="ghost"
-      size="sm"
+      size="md"
       :aria-label="t('pageChrome.back')"
       @click="onBack"
     />

package/src/components/PageUtilityActions.vue

@@ -22,7 +22,7 @@ const showHelp = computed(() => Boolean(helpPanel?.hasActions.value))
       v-if="helpPanel"
       icon="i-lucide-circle-help"
       :label="t('pageChrome.help')"
-      size="sm"
+      size="md"
       color="neutral"
       :variant="helpPanel.isOpen.value ? 'soft' : 'ghost'"
       @click="helpPanel.toggle()"