@octabits-io/nuxt-ui-kit 0.4.0 → 0.6.0

package/dist/i18n/index.d.ts

@@ -18,6 +18,7 @@ interface KitMessages {
     validation_error: string;
     unique_violation: string;
     foreign_key_violation: string;
+    exclusion_violation: string;
     service_unavailable: string;
   };
   auth: {

package/dist/i18n/index.js

@@ -7,6 +7,7 @@ const kitMessagesEn = {
 		validation_error: "Validation error",
 		unique_violation: "This value already exists",
 		foreign_key_violation: "Referenced record does not exist",
+		exclusion_violation: "This entry overlaps with an existing one",
 		service_unavailable: "Service temporarily unavailable. Please try again later."
 	},
 	auth: {
@@ -39,6 +40,7 @@ const kitMessagesDe = {
 		validation_error: "Validierungsfehler",
 		unique_violation: "Dieser Wert existiert bereits",
 		foreign_key_violation: "Der referenzierte Datensatz existiert nicht",
+		exclusion_violation: "Dieser Eintrag überschneidet sich mit einem bestehenden",
 		service_unavailable: "Dienst vorübergehend nicht verfügbar. Bitte versuche es später erneut."
 	},
 	auth: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octabits-io/nuxt-ui-kit",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "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",
@@ -73,15 +73,15 @@
     "elysia": "^1.4.29",
     "oidc-client-ts": "^3.5.0",
     "vitest": "^4.1.10",
-    "vue": "^3.5.39",
+    "vue": "^3.5.40",
     "zod": "^4.4.3",
-    "@octabits-io/framework": "^0.3.1"
+    "@octabits-io/framework": "^0.4.0"
   },
   "peerDependencies": {
     "@elysiajs/eden": "^1.4.0",
-    "@octabits-io/framework": "^0.3.0",
     "@internationalized/date": "^3",
     "@nuxt/ui": "^4",
+    "@octabits-io/framework": ">=0.4.0 <1",
     "date-fns": "^3 || ^4",
     "elysia": ">=1.4 <3",
     "oidc-client-ts": "^3.3.0",

package/src/components/SubSidebar.vue

@@ -18,9 +18,22 @@ const props = withDefaults(defineProps<{
    * e.g. `?s=owner:42`) — the mobile slideover auto-closes when it changes.
    */
   selectionQueryKey?: string
+  /**
+   * Visibility classes for the persistent rail `<aside>`. Override to drive
+   * the rail/slideover switch from something other than the viewport — e.g.
+   * a named container query (`'hidden @3xl/main:flex'`) so the rail collapses
+   * when a docked panel squeezes the content column. Must be complete class
+   * literals (Tailwind extracts literals only) and must pair with
+   * `toggleVisibilityClass` (the toggle shows exactly while the rail hides).
+   */
+  railVisibilityClass?: string
+  /** Visibility classes for the toggle bar that opens the slideover. */
+  toggleVisibilityClass?: string
 }>(), {
   width: 'w-[240px]',
   selectionQueryKey: 's',
+  railVisibilityClass: 'hidden lg:flex',
+  toggleVisibilityClass: 'lg:hidden',
 })
 
 const open = ref(false)
@@ -63,7 +76,7 @@ watch(
       </USlideover>
 
       <aside
-        :class="['hidden shrink-0 flex-col overflow-hidden border-r border-default lg:flex', width]"
+        :class="['shrink-0 flex-col overflow-hidden border-r border-default', railVisibilityClass, width]"
       >
         <div v-if="!headerless" class="border-b border-default px-4 py-3">
           <h2 class="font-display text-lg font-semibold tracking-tight">{{ title }}</h2>
@@ -75,7 +88,7 @@ watch(
       </aside>
 
       <div class="flex min-w-0 flex-1 flex-col overflow-hidden">
-        <div class="flex shrink-0 items-center gap-2 border-b border-default px-3 py-2 lg:hidden">
+        <div :class="['flex shrink-0 items-center gap-2 border-b border-default px-3 py-2', toggleVisibilityClass]">
           <UButton
             :label="buttonLabel"
             icon="i-lucide-panel-left-open"