@ai-matrx/design-system 0.86.358 → 0.86.360

package/dist/controls.css

@@ -1365,7 +1365,24 @@
     padding: 0 !important;
     border-radius: 0 !important;
   }
-  :is(.matrx-control-input, .matrx-control-textarea)[data-variant="bare"]:is(:focus-visible, :focus-within) {
+  /* A bare WRITING field (ProTextarea \`bare\`) keeps its text inset: its mic / menu cluster reserves
+     space through the same padding, so only the frame goes. */
+  .matrx-control-textarea[data-variant="bare"][data-keep-inset] {
+    padding: var(--matrx-textarea-start-inset, 0.375rem) var(--matrx-textarea-inline-inset, var(--matrx-control-inset-text)) !important;
+    padding-inline-end: max(var(--matrx-textarea-inline-inset, var(--matrx-control-inset-text)), var(--matrx-textarea-reserved-inline-end, 0px)) !important;
+    padding-block-end: max(var(--matrx-textarea-bottom-inset, 0.375rem), var(--matrx-textarea-reserved-block-end, 0px), var(--matrx-textarea-end, 0px)) !important;
+  }
+  :is(.matrx-control-input, .matrx-control-textarea)[data-variant="bare"]:is(:focus, :focus-visible, :focus-within) {
+    border-color: transparent !important;
+    outline: none !important;
+    box-shadow: none !important;
+  }
+  /* bare field: the host capsule owns frame, fill and focus — the field paints nothing. */
+  .matrx-control-field[data-variant="bare"],
+  .matrx-control-field[data-variant="bare"]:focus-within {
+    border-color: transparent !important;
+    background-color: transparent !important;
+    box-shadow: none !important;
     outline: none !important;
   }
   /* mono: code, ids, keys, JSON. */

package/dist/controls.d.cts

@@ -159,6 +159,11 @@ interface FieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
      * with (a file home's search, as on Google Docs / Drive). One per page; never in a form or toolbar.
      */
     filled?: boolean;
+    /**
+     * BARE: the surrounding surface draws the frame (a search pill with its own glyphs and buttons).
+     * No border, no fill, no focus ring — the host capsule shows focus.
+     */
+    bare?: boolean | undefined;
 }
 /** The input capsule. `className`/`style` place the capsule (width, flex). */
 declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLInputElement>>;

package/dist/controls.d.ts

@@ -159,6 +159,11 @@ interface FieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
      * with (a file home's search, as on Google Docs / Drive). One per page; never in a form or toolbar.
      */
     filled?: boolean;
+    /**
+     * BARE: the surrounding surface draws the frame (a search pill with its own glyphs and buttons).
+     * No border, no fill, no focus ring — the host capsule shows focus.
+     */
+    bare?: boolean | undefined;
 }
 /** The input capsule. `className`/`style` place the capsule (width, flex). */
 declare const Field: React.ForwardRefExoticComponent<FieldProps & React.RefAttributes<HTMLInputElement>>;

package/dist/controls.js

@@ -73,7 +73,7 @@ import {
   spansOf,
   splitForMiddleTruncate,
   stageStates
-} from "./chunk-K3XWUACX.js";
+} from "./chunk-FF524V6P.js";
 import "./chunk-6NOLVA4E.js";
 import {
   Input,
@@ -98,7 +98,7 @@ import {
   RowGroup,
   SettingRow,
   Tile
-} from "./chunk-QTPW44IJ.js";
+} from "./chunk-WOA6WHV2.js";
 import "./chunk-K4XCB576.js";
 import "./chunk-5Z5GTXKL.js";
 import "./chunk-DRSBLHOF.js";
@@ -119,7 +119,7 @@ import {
   StatusToken,
   isCollectedValue,
   valueSummary
-} from "./chunk-NFJ63LIH.js";
+} from "./chunk-UCEKAKHP.js";
 import "./chunk-WFBPCMPF.js";
 import "./chunk-OPF265PU.js";
 import {
@@ -141,7 +141,7 @@ import {
   Switch,
   Tabs,
   Textarea
-} from "./chunk-WVEDW5VO.js";
+} from "./chunk-LU75R6YX.js";
 import "./chunk-BD77DHUO.js";
 import "./chunk-BKCJUFD3.js";
 import "./chunk-PIQJULQB.js";

package/dist/data-table/data-row-inspector.cjs

@@ -531,7 +531,7 @@ var SplitButton = React4.forwardRef(
 );
 SplitButton.displayName = "SplitButton";
 var Field = React4.forwardRef(
-  ({ className, style, icon, end, width, hero, filled, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  ({ className, style, icon, end, width, hero, filled, bare, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "label",
     {
       "data-matrx-control": "field",
@@ -539,6 +539,7 @@ var Field = React4.forwardRef(
       "data-width": width,
       "data-hero": hero ? "" : void 0,
       "data-filled": filled ? "" : void 0,
+      "data-variant": bare ? "bare" : void 0,
       className: cn("matrx-control matrx-control-field", className),
       style,
       children: [