@homebound/beam 3.0.3 → 3.0.5

package/dist/index.js

@@ -20,8 +20,7 @@ import {
 } from "./chunk-ZPT2ZR5B.js";
 
 // src/Css.ts
-import { trussProps } from "@homebound/truss/runtime";
-import { RuntimeStyle, useRuntimeStyle } from "@homebound/truss/runtime";
+import { trussProps, useRuntimeStyle as _useRuntimeStyle } from "@homebound/truss/runtime";
 var CssBuilder = class _CssBuilder {
   constructor(opts) {
     this.opts = opts;
@@ -3877,12 +3876,20 @@ var CssBuilder = class _CssBuilder {
       return this;
     }
     const newRules = typeof propOrStyles === "string" ? { [propOrStyles]: value } : propOrStyles;
+    if (typeof propOrStyles !== "string" && newRules.$css) {
+      throw new Error("add() received a Css expression \u2014 use with() to compose Css expressions");
+    }
     const rules = this.selector ? { ...this.rules, [this.selector]: { ...this.rules[this.selector], ...newRules } } : { ...this.rules, ...newRules };
     return this.newCss({ rules });
   }
-  /** Inline a partial style hash, skipping any undefined values. */
-  addCss(props) {
-    return this.add(omitUndefinedValues(props));
+  with(cssProp) {
+    if (!this.enabled) {
+      return this;
+    }
+    const { $css, ...rest } = cssProp;
+    const filtered = omitUndefinedValues(rest);
+    const rules = this.selector ? { ...this.rules, [this.selector]: { ...this.rules[this.selector], ...filtered } } : { ...this.rules, ...filtered };
+    return this.newCss({ rules });
   }
   /** Marker for the build-time transform to append a raw className. */
   className(className) {
@@ -4016,6 +4023,16 @@ var Css = new CssBuilder({
   elseApplied: false,
   runtimeError: void 0
 });
+var RuntimeCss = new CssBuilder({
+  rules: {},
+  enabled: true,
+  selector: void 0,
+  elseApplied: false,
+  runtimeError: void 0
+});
+function useRuntimeStyle(css2) {
+  _useRuntimeStyle(css2);
+}
 var Breakpoints = /* @__PURE__ */ ((Breakpoints2) => {
   Breakpoints2["print"] = "@media print";
   Breakpoints2["sm"] = "@media screen and (max-width: 599px)";
@@ -4868,7 +4885,7 @@ function Chips(props) {
       whiteSpace: "whiteSpace_normal"
     },
     ...wrap !== false ? {
-      flexWrap: "flexWrap_wrap"
+      flexWrap: "fww"
     } : {},
     ...xss
   }), children: values.map((value, i) => {
@@ -11363,7 +11380,7 @@ function ComboBoxInput(props) {
   });
   return /* @__PURE__ */ jsx55(TextFieldBase, { ...otherProps, ...multilineProps, unfocusedPlaceholder: showChipSelection && /* @__PURE__ */ jsx55(Chips, { compact: otherProps.compact, values: chipLabels, wrap: allowWrap }), inputRef, inputWrapRef, errorMsg, contrast, xss: otherProps.labelStyle !== "inline" && !inputProps.readOnly ? {
     fontWeight: "fw5"
-  } : {}, startAdornment: showNumSelection && /* @__PURE__ */ jsx55(Tooltip, { title: /* @__PURE__ */ jsx55(SelectedOptionBullets, { labels: chipLabels }), children: /* @__PURE__ */ jsx55(CountBadge, { count: isTree ? selectedOptionsLabels?.length ?? 0 : state.selectionManager.selectedKeys.size, "data-testid": "selectedOptionsCount" }) }) || showFieldDecoration && fieldDecoration(selectedOptions[0]), endAdornment: !inputProps.readOnly && /* @__PURE__ */ jsx55("button", { ...buttonProps, disabled: inputProps.disabled, ref: buttonRef, ...trussProps38({
+  } : void 0, startAdornment: showNumSelection && /* @__PURE__ */ jsx55(Tooltip, { title: /* @__PURE__ */ jsx55(SelectedOptionBullets, { labels: chipLabels }), children: /* @__PURE__ */ jsx55(CountBadge, { count: isTree ? selectedOptionsLabels?.length ?? 0 : state.selectionManager.selectedKeys.size, "data-testid": "selectedOptionsCount" }) }) || showFieldDecoration && fieldDecoration(selectedOptions[0]), endAdornment: !inputProps.readOnly && /* @__PURE__ */ jsx55("button", { ...buttonProps, disabled: inputProps.disabled, ref: buttonRef, ...trussProps38({
     ...{
       borderRadius: "br4",
       outline: "outline0",
@@ -12574,6 +12591,7 @@ function NumberField(props) {
     wip: false
   });
   const lastSentRef = useRef27(void 0);
+  const focusValueRef = useRef27(void 0);
   const [, forceRender] = useState23(0);
   const propValue = value === void 0 ? Number.NaN : value / factor;
   if (valueRef.current.wip && !Object.is(valueRef.current.value, propValue)) {
@@ -12589,7 +12607,7 @@ function NumberField(props) {
     // // This is called on blur with the final/committed value.
     onChange: (value2) => {
       const formatted = formatValue(value2, factor, numFractionDigits, numIntegerDigits, positiveOnly);
-      if (formatted !== lastSentRef.current) return;
+      if (formatted !== lastSentRef.current && formatted === focusValueRef.current) return;
       onChange(formatted);
     },
     onFocus: () => {
@@ -12598,6 +12616,7 @@ function NumberField(props) {
         value: value === void 0 ? Number.NaN : value / factor
       };
       lastSentRef.current = value;
+      focusValueRef.current = value;
     },
     onBlur: () => {
       valueRef.current = {
@@ -21523,7 +21542,7 @@ export {
   RightPaneProvider,
   RightSidebar,
   Row,
-  RuntimeStyle,
+  RuntimeCss,
   ScrollShadows,
   ScrollableContent,
   ScrollableParent,