@ai-matrx/design-system 0.86.359 → 0.86.361

package/dist/writing-field.d.cts

@@ -315,6 +315,8 @@ interface ProTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElem
     auxiliaryControlsLabel?: string;
     /** Dense-form label inside the border (use only on a `bg-card` surface). */
     floatingLabel?: string;
+    /** The host surface draws frame, fill and focus (a document pane, a card body) — no border, no ring. */
+    bare?: boolean | undefined;
     /** Markdown chords + selection toolbar. Default: on for a long-form box. */
     markdownFormatting?: boolean;
     /** Draw the mic + "…" cluster inside this element; `"none"`: the host already carries them. */
@@ -390,6 +392,8 @@ interface ProInputProps extends React.InputHTMLAttributes<HTMLInputElement>, Pro
     onClear?: () => void;
     /** Dense-form label inside the border (use only on a `bg-card` surface). */
     floatingLabel?: string;
+    /** The host capsule draws frame, fill and focus (a search pill) — see Field `bare`. */
+    bare?: boolean;
 }
 declare const ProInput: React.ForwardRefExoticComponent<ProInputProps & React.RefAttributes<HTMLInputElement>>;
 

package/dist/writing-field.d.ts

@@ -315,6 +315,8 @@ interface ProTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElem
     auxiliaryControlsLabel?: string;
     /** Dense-form label inside the border (use only on a `bg-card` surface). */
     floatingLabel?: string;
+    /** The host surface draws frame, fill and focus (a document pane, a card body) — no border, no ring. */
+    bare?: boolean | undefined;
     /** Markdown chords + selection toolbar. Default: on for a long-form box. */
     markdownFormatting?: boolean;
     /** Draw the mic + "…" cluster inside this element; `"none"`: the host already carries them. */
@@ -390,6 +392,8 @@ interface ProInputProps extends React.InputHTMLAttributes<HTMLInputElement>, Pro
     onClear?: () => void;
     /** Dense-form label inside the border (use only on a `bg-card` surface). */
     floatingLabel?: string;
+    /** The host capsule draws frame, fill and focus (a search pill) — see Field `bare`. */
+    bare?: boolean;
 }
 declare const ProInput: React.ForwardRefExoticComponent<ProInputProps & React.RefAttributes<HTMLInputElement>>;
 

package/dist/writing-field.js

@@ -20,7 +20,7 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
   Tile
-} from "./chunk-QTPW44IJ.js";
+} from "./chunk-WOA6WHV2.js";
 import "./chunk-DRSBLHOF.js";
 import {
   Dialog,
@@ -48,7 +48,7 @@ import {
 import {
   Field,
   Textarea
-} from "./chunk-WVEDW5VO.js";
+} from "./chunk-LU75R6YX.js";
 import "./chunk-BD77DHUO.js";
 import "./chunk-BKCJUFD3.js";
 import "./chunk-PIQJULQB.js";
@@ -408,6 +408,7 @@ var ProTextarea = React2.forwardRef(
     auxiliaryControlsTabIndex,
     auxiliaryControlsLabel,
     floatingLabel,
+    bare,
     id: idProp,
     placeholder,
     style,
@@ -892,6 +893,8 @@ var ProTextarea = React2.forwardRef(
             }) : /* @__PURE__ */ jsx3(
               Textarea,
               {
+                variant: bare ? "bare" : "field",
+                "data-keep-inset": bare ? "" : void 0,
                 hero,
                 joinedBottom: showPinnedTextStatsBar,
                 ref: setTextareaRef,
@@ -1054,6 +1057,7 @@ var ProInput = React3.forwardRef(
     clearable = false,
     onClear,
     floatingLabel,
+    bare,
     id: idProp,
     placeholder,
     type = "text",
@@ -1317,6 +1321,7 @@ var ProInput = React3.forwardRef(
               className: cn("w-full", className),
               style: { ...nativeWidth === void 0 ? {} : { width: nativeWidth }, ...nativeStyle },
               icon: startIcon,
+              bare,
               end: /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", style: { width: measuredRightPadding === null ? `calc(${Number(!!onSubmit) + Number(clearInline)} * (var(--matrx-tap-pill-size) + var(--matrx-tap-gap)))` : Math.max(0, measuredRightPadding - 12), flexShrink: 0 } }),
               value,
               onChange,