@godxjp/ui 33.1.1 → 33.2.1

package/dist/props/registry.js

@@ -1854,6 +1854,17 @@ const COMPONENT_PROP_REGISTRY = {
       }
     ]
   },
+  CommandSeparatorProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: [
+      {
+        field: "alwaysRender",
+        local: true,
+        reason: "cmdk's own Command.Separator prop name, kept so the cmdk docs still apply; only its default differs (true) so the rule stays above a `+ Create` group while the user types (gh#1335)."
+      }
+    ]
+  },
   TextareaProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
@@ -1867,6 +1878,74 @@ const COMPONENT_PROP_REGISTRY = {
       "ClassNameProp"
     ]
   },
+  TranslatableInputProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: [
+      "ValueProp",
+      "DefaultValueProp",
+      "OnValueChangeProp",
+      "SizeProp",
+      "PlaceholderProp",
+      "DisabledProp",
+      "IdProp",
+      "ClassNameProp",
+      {
+        field: "locales",
+        local: true,
+        reason: "The BCP-47 tags the field edits, in tab order (gh#1336). Defaults to the app's registered locales; a per-field list, not a value."
+      },
+      {
+        field: "defaultLocale",
+        local: true,
+        reason: "The locale tab selected first \u2014 the AppProvider's own `defaultLocale` spelling, scoped to one field. Defaults to the active app locale."
+      },
+      {
+        field: "fallbackLocale",
+        local: true,
+        reason: "The locale whose text an EMPTY locale shows as its placeholder \u2014 the AppProvider's own `fallbackLocale` spelling, scoped to one field."
+      },
+      {
+        field: "errors",
+        local: true,
+        reason: "Per-locale validation messages keyed by BCP-47 tag; marks each locale's tab and sends the ACTIVE one through FormField. `error` (one message) cannot say which locale failed."
+      }
+    ]
+  },
+  TranslatableTextareaProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: [
+      "ValueProp",
+      "DefaultValueProp",
+      "OnValueChangeProp",
+      "SizeProp",
+      "PlaceholderProp",
+      "DisabledProp",
+      "IdProp",
+      "ClassNameProp",
+      {
+        field: "locales",
+        local: true,
+        reason: "The BCP-47 tags the field edits, in tab order (gh#1336). Defaults to the app's registered locales; a per-field list, not a value."
+      },
+      {
+        field: "defaultLocale",
+        local: true,
+        reason: "The locale tab selected first \u2014 the AppProvider's own `defaultLocale` spelling, scoped to one field. Defaults to the active app locale."
+      },
+      {
+        field: "fallbackLocale",
+        local: true,
+        reason: "The locale whose text an EMPTY locale shows as its placeholder \u2014 the AppProvider's own `fallbackLocale` spelling, scoped to one field."
+      },
+      {
+        field: "errors",
+        local: true,
+        reason: "Per-locale validation messages keyed by BCP-47 tag; marks each locale's tab and sends the ACTIVE one through FormField. `error` (one message) cannot say which locale failed."
+      }
+    ]
+  },
   NumberInputProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",

package/dist/styles/control.css

@@ -966,6 +966,17 @@
     opacity: 0.5;
   }
 
+  .ui-command-separator {
+    height: var(--command-item-divider-width, var(--stroke-hairline));
+    margin-block: var(--command-group-padding);
+    background: hsl(var(--command-item-divider-color, var(--border)));
+  }
+
+  .ui-command-group[hidden] + .ui-command-separator,
+  .ui-command-separator:has(+ .ui-command-group[hidden]) {
+    display: none;
+  }
+
   .ui-command[data-split] .ui-command-group {
     padding: var(--command-list-split-padding);
   }
@@ -990,6 +1001,10 @@
       hsl(var(--command-item-divider-color, var(--border)));
   }
 
+  .ui-command[data-split] .ui-command-separator {
+    display: none;
+  }
+
   [data-slot="dialog-content"].ui-command-palette {
     top: var(--command-palette-inset-top);
     width: min(

package/dist/styles/data-entry-layout.css

@@ -868,3 +868,28 @@
     border-radius: var(--radius-md);
   }
 }
+
+@layer components {
+
+  .ui-translatable-field {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--translatable-field-gap);
+    min-inline-size: 0;
+  }
+  .ui-translatable-field-tabs {
+    align-self: flex-start;
+    max-inline-size: 100%;
+  }
+  .ui-translatable-field-panel {
+    min-inline-size: 0;
+  }
+
+  .ui-translatable-field-error-mark {
+    inline-size: var(--translatable-field-error-icon-size);
+    block-size: var(--translatable-field-error-icon-size);
+    flex: none;
+    color: hsl(var(--text-error));
+  }
+}

package/dist/styles/layers.json

@@ -1,5 +1,5 @@
 {
-  "version": "33.1.1",
+  "version": "33.2.1",
   "generatedBy": "scripts/gen-style-layers.mjs — do not edit by hand; run `pnpm gen:style-layers`",
   "base": "base.css",
   "fonts": "fonts.css",
@@ -1097,6 +1097,24 @@
         "navigation-layout.css"
       ]
     },
+    "TranslatableInput": {
+      "layers": [
+        "control.css",
+        "toggle.css",
+        "dialog-layout.css",
+        "data-entry-layout.css",
+        "navigation-layout.css"
+      ]
+    },
+    "TranslatableTextarea": {
+      "layers": [
+        "control.css",
+        "toggle.css",
+        "dialog-layout.css",
+        "data-entry-layout.css",
+        "navigation-layout.css"
+      ]
+    },
     "Tree": {
       "layers": [
         "layout.css",