@homebound/beam 2.252.1 → 2.253.0

package/dist/Css.d.ts

@@ -716,6 +716,26 @@ declare class CssBuilder<T extends Properties> {
     jc(value: Properties["justifyContent"]): CssBuilder<T & {
         justifyContent: import("csstype").Property.JustifyContent | undefined;
     }>;
+    /** Sets `justifySelf: "auto"`. */
+    get jsa(): CssBuilder<T & {
+        justifySelf: import("csstype").Property.JustifySelf | undefined;
+    }>;
+    /** Sets `justifySelf: "center"`. */
+    get jsc(): CssBuilder<T & {
+        justifySelf: import("csstype").Property.JustifySelf | undefined;
+    }>;
+    /** Sets `justifySelf: "start"`. */
+    get jss(): CssBuilder<T & {
+        justifySelf: import("csstype").Property.JustifySelf | undefined;
+    }>;
+    /** Sets `justifySelf: "end"`. */
+    get jse(): CssBuilder<T & {
+        justifySelf: import("csstype").Property.JustifySelf | undefined;
+    }>;
+    /** Sets `justifySelf: value`. */
+    js(value: Properties["justifySelf"]): CssBuilder<T & {
+        justifySelf: import("csstype").Property.JustifySelf | undefined;
+    }>;
     /** Sets `justifyItems: "flex-start"`. */
     get jifs(): CssBuilder<T & {
         justifyItems: import("csstype").Property.JustifyItems | undefined;
@@ -776,6 +796,14 @@ declare class CssBuilder<T extends Properties> {
     get aife(): CssBuilder<T & {
         alignItems: import("csstype").Property.AlignItems | undefined;
     }>;
+    /** Sets `alignItems: "start"`. */
+    get ais(): CssBuilder<T & {
+        alignItems: import("csstype").Property.AlignItems | undefined;
+    }>;
+    /** Sets `alignItems: "end"`. */
+    get aie(): CssBuilder<T & {
+        alignItems: import("csstype").Property.AlignItems | undefined;
+    }>;
     /** Sets `alignItems: "center"`. */
     get aic(): CssBuilder<T & {
         alignItems: import("csstype").Property.AlignItems | undefined;
@@ -785,13 +813,81 @@ declare class CssBuilder<T extends Properties> {
         alignItems: import("csstype").Property.AlignItems | undefined;
     }>;
     /** Sets `alignItems: "stretch"`. */
-    get ais(): CssBuilder<T & {
+    get aiStretch(): CssBuilder<T & {
         alignItems: import("csstype").Property.AlignItems | undefined;
     }>;
     /** Sets `alignItems: value`. */
     ai(value: Properties["alignItems"]): CssBuilder<T & {
         alignItems: import("csstype").Property.AlignItems | undefined;
     }>;
+    /** Sets `placeSelf: "auto"`. */
+    get psa(): CssBuilder<T & {
+        placeSelf: import("csstype").Property.PlaceSelf | undefined;
+    }>;
+    /** Sets `placeSelf: "center"`. */
+    get psc(): CssBuilder<T & {
+        placeSelf: import("csstype").Property.PlaceSelf | undefined;
+    }>;
+    /** Sets `placeSelf: "start"`. */
+    get pss(): CssBuilder<T & {
+        placeSelf: import("csstype").Property.PlaceSelf | undefined;
+    }>;
+    /** Sets `placeSelf: "end"`. */
+    get pse(): CssBuilder<T & {
+        placeSelf: import("csstype").Property.PlaceSelf | undefined;
+    }>;
+    /** Sets `placeSelf: "flex-start"`. */
+    get psfs(): CssBuilder<T & {
+        placeSelf: import("csstype").Property.PlaceSelf | undefined;
+    }>;
+    /** Sets `placeSelf: "flex-end"`. */
+    get psfe(): CssBuilder<T & {
+        placeSelf: import("csstype").Property.PlaceSelf | undefined;
+    }>;
+    /** Sets `placeSelf: "stretch"`. */
+    get psStretch(): CssBuilder<T & {
+        placeSelf: import("csstype").Property.PlaceSelf | undefined;
+    }>;
+    /** Sets `placeSelf: value`. */
+    ps(value: Properties["placeSelf"]): CssBuilder<T & {
+        placeSelf: import("csstype").Property.PlaceSelf | undefined;
+    }>;
+    /** Sets `placeContent: "center"`. */
+    get pcc(): CssBuilder<T & {
+        placeContent: import("csstype").Property.PlaceContent | undefined;
+    }>;
+    /** Sets `placeContent: "start"`. */
+    get pcs(): CssBuilder<T & {
+        placeContent: import("csstype").Property.PlaceContent | undefined;
+    }>;
+    /** Sets `placeContent: "end"`. */
+    get pce(): CssBuilder<T & {
+        placeContent: import("csstype").Property.PlaceContent | undefined;
+    }>;
+    /** Sets `placeContent: "space-between"`. */
+    get pcsb(): CssBuilder<T & {
+        placeContent: import("csstype").Property.PlaceContent | undefined;
+    }>;
+    /** Sets `placeContent: "space-around"`. */
+    get pcsa(): CssBuilder<T & {
+        placeContent: import("csstype").Property.PlaceContent | undefined;
+    }>;
+    /** Sets `placeContent: "space-evenly"`. */
+    get pcse(): CssBuilder<T & {
+        placeContent: import("csstype").Property.PlaceContent | undefined;
+    }>;
+    /** Sets `placeContent: "baseline"`. */
+    get pcb(): CssBuilder<T & {
+        placeContent: import("csstype").Property.PlaceContent | undefined;
+    }>;
+    /** Sets `placeContent: "stretch"`. */
+    get pcStretch(): CssBuilder<T & {
+        placeContent: import("csstype").Property.PlaceContent | undefined;
+    }>;
+    /** Sets `placeContent: value`. */
+    pc(value: Properties["placeContent"]): CssBuilder<T & {
+        placeContent: import("csstype").Property.PlaceContent | undefined;
+    }>;
     /** Sets `flexBasis: "100%"`. */
     get fb1(): CssBuilder<T & {
         flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;

package/dist/Css.js

@@ -711,6 +711,26 @@ class CssBuilder {
     jc(value) {
         return this.add("justifyContent", value);
     }
+    /** Sets `justifySelf: "auto"`. */
+    get jsa() {
+        return this.add("justifySelf", "auto");
+    }
+    /** Sets `justifySelf: "center"`. */
+    get jsc() {
+        return this.add("justifySelf", "center");
+    }
+    /** Sets `justifySelf: "start"`. */
+    get jss() {
+        return this.add("justifySelf", "start");
+    }
+    /** Sets `justifySelf: "end"`. */
+    get jse() {
+        return this.add("justifySelf", "end");
+    }
+    /** Sets `justifySelf: value`. */
+    js(value) {
+        return this.add("justifySelf", value);
+    }
     /** Sets `justifyItems: "flex-start"`. */
     get jifs() {
         return this.add("justifyItems", "flex-start");
@@ -771,6 +791,14 @@ class CssBuilder {
     get aife() {
         return this.add("alignItems", "flex-end");
     }
+    /** Sets `alignItems: "start"`. */
+    get ais() {
+        return this.add("alignItems", "start");
+    }
+    /** Sets `alignItems: "end"`. */
+    get aie() {
+        return this.add("alignItems", "end");
+    }
     /** Sets `alignItems: "center"`. */
     get aic() {
         return this.add("alignItems", "center");
@@ -780,13 +808,81 @@ class CssBuilder {
         return this.add("alignItems", "baseline");
     }
     /** Sets `alignItems: "stretch"`. */
-    get ais() {
+    get aiStretch() {
         return this.add("alignItems", "stretch");
     }
     /** Sets `alignItems: value`. */
     ai(value) {
         return this.add("alignItems", value);
     }
+    /** Sets `placeSelf: "auto"`. */
+    get psa() {
+        return this.add("placeSelf", "auto");
+    }
+    /** Sets `placeSelf: "center"`. */
+    get psc() {
+        return this.add("placeSelf", "center");
+    }
+    /** Sets `placeSelf: "start"`. */
+    get pss() {
+        return this.add("placeSelf", "start");
+    }
+    /** Sets `placeSelf: "end"`. */
+    get pse() {
+        return this.add("placeSelf", "end");
+    }
+    /** Sets `placeSelf: "flex-start"`. */
+    get psfs() {
+        return this.add("placeSelf", "flex-start");
+    }
+    /** Sets `placeSelf: "flex-end"`. */
+    get psfe() {
+        return this.add("placeSelf", "flex-end");
+    }
+    /** Sets `placeSelf: "stretch"`. */
+    get psStretch() {
+        return this.add("placeSelf", "stretch");
+    }
+    /** Sets `placeSelf: value`. */
+    ps(value) {
+        return this.add("placeSelf", value);
+    }
+    /** Sets `placeContent: "center"`. */
+    get pcc() {
+        return this.add("placeContent", "center");
+    }
+    /** Sets `placeContent: "start"`. */
+    get pcs() {
+        return this.add("placeContent", "start");
+    }
+    /** Sets `placeContent: "end"`. */
+    get pce() {
+        return this.add("placeContent", "end");
+    }
+    /** Sets `placeContent: "space-between"`. */
+    get pcsb() {
+        return this.add("placeContent", "space-between");
+    }
+    /** Sets `placeContent: "space-around"`. */
+    get pcsa() {
+        return this.add("placeContent", "space-around");
+    }
+    /** Sets `placeContent: "space-evenly"`. */
+    get pcse() {
+        return this.add("placeContent", "space-evenly");
+    }
+    /** Sets `placeContent: "baseline"`. */
+    get pcb() {
+        return this.add("placeContent", "baseline");
+    }
+    /** Sets `placeContent: "stretch"`. */
+    get pcStretch() {
+        return this.add("placeContent", "stretch");
+    }
+    /** Sets `placeContent: value`. */
+    pc(value) {
+        return this.add("placeContent", value);
+    }
     /** Sets `flexBasis: "100%"`. */
     get fb1() {
         return this.add("flexBasis", "100%");

package/dist/forms/BoundCheckboxField.d.ts

@@ -1,7 +1,7 @@
 import { FieldState } from "@homebound/form-state";
 import { CheckboxProps } from "../inputs";
 export type BoundCheckboxFieldProps = Omit<CheckboxProps, "selected" | "onChange" | "label"> & {
-    field: FieldState<any, boolean | null | undefined>;
+    field: FieldState<boolean | null | undefined>;
     /** Make optional so that callers can override if they want to. */
     onChange?: (values: boolean) => void;
     label?: string;

package/dist/forms/BoundCheckboxGroupField.d.ts

@@ -1,7 +1,7 @@
 import { FieldState } from "@homebound/form-state";
 import { CheckboxGroupProps } from "../inputs";
 export type BoundCheckboxGroupFieldProps = Omit<CheckboxGroupProps, "values" | "onChange" | "label"> & {
-    field: FieldState<any, string[] | null | undefined>;
+    field: FieldState<string[] | null | undefined>;
     /** Make optional so that callers can override if they want to. */
     onChange?: (values: string[]) => void;
     label?: string;

package/dist/forms/BoundChipSelectField.d.ts

@@ -4,7 +4,7 @@ import { ChipSelectFieldProps } from "../inputs/ChipSelectField";
 import { HasIdAndName, Optional } from "../types";
 interface BoundChipSelectFieldProps<O, V extends Value> extends Omit<ChipSelectFieldProps<O, V>, "onSelect" | "label" | "value"> {
     onSelect?: (option: V | undefined) => void;
-    field: FieldState<any, V | null | undefined>;
+    field: FieldState<V | null | undefined>;
     label?: string;
 }
 export declare function BoundChipSelectField<O, V extends Value>(props: BoundChipSelectFieldProps<O, V>): JSX.Element;

package/dist/forms/BoundDateField.d.ts

@@ -1,7 +1,7 @@
 import { FieldState } from "@homebound/form-state";
 import { DateFieldProps } from "../inputs";
 export type BoundDateFieldProps = Omit<DateFieldProps, "label" | "value" | "onChange"> & {
-    field: FieldState<any, Date | null | undefined>;
+    field: FieldState<Date | null | undefined>;
     label?: string;
     onChange?: (value: Date | undefined) => void;
 };

package/dist/forms/BoundDateRangeField.d.ts

@@ -2,7 +2,7 @@ import { FieldState } from "@homebound/form-state";
 import { DateRangeFieldProps } from "../inputs";
 import { DateRange } from "../types";
 export type BoundDateRangeFieldProps = Omit<DateRangeFieldProps, "label" | "value" | "onChange"> & {
-    field: FieldState<any, DateRange | null | undefined>;
+    field: FieldState<DateRange | null | undefined>;
     label?: string;
     onChange?: (value: DateRange | undefined) => void;
 };

package/dist/forms/BoundMultiLineSelectField.d.ts

@@ -3,7 +3,7 @@ import { MultiLineSelectFieldProps, Value } from "../inputs";
 import { HasIdAndName, Optional } from "../types";
 export type BoundMultiLineSelectFieldProps<O, V extends Value> = Omit<MultiLineSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
     onSelect?: (values: V[], opts: O[]) => void;
-    field: FieldState<any, V[] | null | undefined>;
+    field: FieldState<V[] | null | undefined>;
     label?: string;
 };
 /**

package/dist/forms/BoundMultiSelectField.d.ts

@@ -3,7 +3,7 @@ import { MultiSelectFieldProps, Value } from "../inputs";
 import { HasIdAndName, Optional } from "../types";
 export type BoundMultiSelectFieldProps<O, V extends Value> = Omit<MultiSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
     onSelect?: (values: V[], opts: O[]) => void;
-    field: FieldState<any, V[] | null | undefined>;
+    field: FieldState<V[] | null | undefined>;
     label?: string;
 };
 /**

package/dist/forms/BoundNumberField.d.ts

@@ -2,7 +2,7 @@ import { FieldState } from "@homebound/form-state";
 import { NumberFieldProps } from "../inputs/NumberField";
 export type BoundNumberFieldProps = Omit<NumberFieldProps, "value" | "onChange" | "label"> & {
     label?: string;
-    field: FieldState<any, number | null | undefined>;
+    field: FieldState<number | null | undefined>;
     onChange?: (value: number | undefined) => void;
 };
 /** Wraps `NumberField` and binds it to a form field. */

package/dist/forms/BoundRadioGroupField.d.ts

@@ -1,7 +1,7 @@
 import { FieldState } from "@homebound/form-state";
 import { RadioGroupFieldProps } from "../inputs";
 export type BoundRadioGroupFieldProps<K extends string> = Omit<RadioGroupFieldProps<K>, "value" | "onChange" | "label"> & {
-    field: FieldState<any, K | null | undefined>;
+    field: FieldState<K | null | undefined>;
     /** Make optional so that callers can override if they want to. */
     onChange?: (value: K) => void;
     label?: string;

package/dist/forms/BoundRichTextField.d.ts

@@ -1,7 +1,7 @@
 import { FieldState } from "@homebound/form-state";
 import { RichTextFieldProps } from "../inputs/RichTextField";
 export type BoundRichTextFieldProps = Omit<RichTextFieldProps, "value" | "onChange"> & {
-    field: FieldState<any, string | null | undefined>;
+    field: FieldState<string | null | undefined>;
     onChange?: (value: string | undefined) => void;
 };
 /** Wraps `RichTextField` and binds it to a form field. */

package/dist/forms/BoundSelectField.d.ts

@@ -3,7 +3,7 @@ import { SelectFieldProps, Value } from "../inputs";
 import { HasIdAndName, Optional } from "../types";
 export type BoundSelectFieldProps<O, V extends Value> = Omit<SelectFieldProps<O, V>, "value" | "onSelect" | "label"> & {
     onSelect?: (value: V | undefined, opt: O | undefined) => void;
-    field: FieldState<any, V | null | undefined>;
+    field: FieldState<V | null | undefined>;
     label?: string;
 };
 /**

package/dist/forms/BoundSwitchField.d.ts

@@ -1,7 +1,7 @@
 import { FieldState } from "@homebound/form-state";
 import { SwitchProps } from "../inputs";
 export type BoundSwitchFieldProps = Omit<SwitchProps, "selected" | "onChange" | "label"> & {
-    field: FieldState<any, boolean | null | undefined>;
+    field: FieldState<boolean | null | undefined>;
     /** Make optional so that callers can override if they want to. */
     onChange?: (value: boolean) => void;
     label?: string;

package/dist/forms/BoundTextAreaField.d.ts

@@ -4,7 +4,7 @@ import { TextAreaFieldProps } from "../inputs";
 import { TextFieldXss } from "../interfaces";
 export type BoundTextAreaFieldProps<X> = Omit<TextAreaFieldProps<X>, "value" | "onChange" | "label"> & {
     label?: string;
-    field: FieldState<any, string | null | undefined>;
+    field: FieldState<string | null | undefined>;
     onChange?: (value: string | undefined) => void;
 };
 /** Wraps `TextAreaField` and binds it to a form field. */

package/dist/forms/BoundTextField.d.ts

@@ -4,7 +4,7 @@ import { TextFieldProps } from "../inputs";
 import { TextFieldXss } from "../interfaces";
 export type BoundTextFieldProps<X> = Omit<TextFieldProps<X>, "value" | "onChange" | "label"> & {
     label?: string;
-    field: FieldState<any, string | null | undefined>;
+    field: FieldState<string | null | undefined>;
     onChange?: (value: string | undefined) => void;
 };
 /** Wraps `TextField` and binds it to a form field. */

package/dist/forms/BoundToggleChipGroupField.d.ts

@@ -1,7 +1,7 @@
 import { FieldState } from "@homebound/form-state";
 import { ToggleChipGroupProps } from "../inputs";
 export type BoundToggleChipGroupFieldProps = Omit<ToggleChipGroupProps, "values" | "onChange" | "label"> & {
-    field: FieldState<any, string[] | null | undefined>;
+    field: FieldState<string[] | null | undefined>;
     /** Make optional so that callers can override if they want to. */
     onChange?: (values: string[]) => void;
     label?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.252.1",
+  "version": "2.253.0",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",
@@ -33,7 +33,7 @@
     "format": "prettier --loglevel warn --write \"**/*.{ts,tsx,css,md,mdx}\""
   },
   "dependencies": {
-    "@homebound/form-state": "^2.16.0",
+    "@homebound/form-state": "^2.17.0",
     "@internationalized/number": "^3.0.3",
     "@react-aria/utils": "^3.13.2",
     "@react-hook/resize-observer": "^1.2.2",
@@ -77,7 +77,7 @@
     "@homebound/eslint-config": "1.5.1",
     "@homebound/rtl-react-router-utils": "^1.0.3",
     "@homebound/rtl-utils": "^2.59.3",
-    "@homebound/truss": "^1.122.1",
+    "@homebound/truss": "^1.123.0",
     "@homebound/tsconfig": "^1.0.3",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
     "@semantic-release/exec": "^6.0.3",