@frigear-nu/widget 0.0.3 → 0.1.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@frigear-nu/widget",
   "configKey": "widgets",
-  "version": "0.0.3",
+  "version": "0.1.0",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/runtime/app/components/WidgetTabs.vue

@@ -33,11 +33,11 @@ function onKeydown(event, index) {
 <template>
   <div
     v-if="tabs?.length"
-    class="flex flex-col gap-6"
+    class="flex flex-col gap-4"
   >
     <div
       role="tablist"
-      class="flex gap-1 overflow-x-auto overflow-y-hidden border-b border-default"
+      class="-mx-1 flex overflow-x-auto overflow-y-hidden border-b border-default"
     >
       <button
         v-for="(tab, index) in tabs"
@@ -48,15 +48,15 @@ function onKeydown(event, index) {
         :aria-selected="tab.id === active?.id"
         :aria-controls="`tabpanel-${name}`"
         :tabindex="tab.id === active?.id ? 0 : -1"
-        class="inline-flex shrink-0 items-center gap-2 border-b-2 px-3 py-2 text-sm font-medium transition-colors"
-        :class="tab.id === active?.id ? 'border-primary text-highlighted' : 'border-transparent text-muted hover:text-default'"
+        class="inline-flex shrink-0 items-center gap-1.5 border-b-2 px-3 py-2 text-sm font-medium transition-colors focus-visible:outline-2 focus-visible:outline-primary/50"
+        :class="tab.id === active?.id ? 'border-primary text-highlighted' : 'border-transparent text-muted hover:text-highlighted'"
         @click="select(tab.id)"
         @keydown="onKeydown($event, index)"
       >
         <UIcon
           v-if="tab.icon"
           :name="tab.icon"
-          class="size-4"
+          class="size-5 shrink-0 max-sm:hidden"
         />
         {{ tab.label }}
       </button>

package/dist/runtime/utils/widget.d.ts

@@ -3,7 +3,7 @@ import type { WidgetDefinition } from '../../types.js';
 import { sortWidgets } from './sort.js';
 export type { WidgetDefinition, RegisteredWidget } from '../../types.js';
 export { sortWidgets };
-/** Id for a widget without one: its component's file name, e.g. `NewMembers` for `.../NewMembers.vue`. */
+/** Id for a widget without one: its component's file name, e.g. `NewUsers` for `.../NewUsers.vue`. */
 export declare function deriveWidgetId(widget: Pick<WidgetDefinition, 'id' | 'component'>): string;
 /**
  * Build-time API for modules to contribute widgets to a named area, without the host wiring anything. Call it
@@ -13,7 +13,7 @@ export declare function deriveWidgetId(widget: Pick<WidgetDefinition, 'id' | 'co
  * import { extendWidgets } from '@frigear-nu/widget/utils'
  *
  * extendWidgets(nuxt, 'admin.dashboard', {
- *   component: resolver.resolve('./runtime/app/widgets/NewMembers.vue'),
+ *   component: resolver.resolve('./runtime/app/widgets/NewUsers.vue'),
  *   order: 10,
  * })
  * ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frigear-nu/widget",
-  "version": "0.0.3",
+  "version": "0.1.0",
   "description": "Named widget areas - modules contribute widgets (extendWidgets) and hosts render them with <WidgetArea>, with ordering and a filter hook for gating.",
   "homepage": "https://docs.frigear.dev/modules/widget",
   "repository": {
@@ -30,21 +30,21 @@
     "playground"
   ],
   "dependencies": {
-    "@nuxt/kit": "^4.6.0",
-    "@frigear-nu/module-kit": "1.0.0"
+    "@nuxt/kit": "^4.6.1",
+    "@frigear-nu/module-kit": "1.1.0"
   },
   "devDependencies": {
     "@nuxt/devtools": "^3.4.2",
     "@nuxt/eslint-config": "^1.17.0",
     "@nuxt/module-builder": "^1.0.3",
-    "@nuxt/schema": "^4.6.0",
+    "@nuxt/schema": "^4.6.1",
     "@nuxt/test-utils": "^4.3.2",
-    "@types/node": "latest",
+    "@types/node": "^26.6.5",
     "changelogen": "^0.6.2",
-    "eslint": "^10.10.0",
+    "eslint": "^10.12.0",
     "nuxt": "^4.6.1",
     "typescript": "^6.0.3",
-    "vitest": "^5.0.1",
+    "vitest": "^5.0.2",
     "vue-tsc": "^3.3.11"
   },
   "scripts": {