@edux-design/forms 0.0.9 → 0.0.10

package/README.md

@@ -82,6 +82,7 @@ Every `Field` instance mounts a internal context. `Label`, `Input`, `Textarea`,
 - Provides layout (`flex`, `gap-8`) and context wiring.
 - Accepts any children; typically wraps `Label`, a control (`Input`, `Textarea`, `Radio`), and optional `Field.Feedback`.
 - Set `orientation="horizontal"` when you need inline layouts (e.g., Switch + label) without affecting other form groups.
+- Use `justify="between"` with `orientation="horizontal"` to align left labels and right controls across a column.
 - Re-exports `Field.Feedback` for ergonomic composition.
 
 ### `<Label>`

package/dist/index.d.mts

@@ -20,6 +20,7 @@ declare function Label({ children, hint, description, ...props }: {
  *   clearable?: boolean,
  *   startIcon?: React.ReactNode,
  *   endIcon?: React.ReactNode|string,
+ *   size?: "default"|"small",
  *   value?: any,
  *   onChange?: (e: React.ChangeEvent<HTMLInputElement> | { target: { value: string } }) => void,
  * }} InputProps
@@ -48,6 +49,7 @@ type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     clearable?: boolean;
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode | string;
+    size?: "default" | "small";
     value?: any;
     onChange?: (e: React.ChangeEvent<HTMLInputElement> | {
         target: {
@@ -177,7 +179,10 @@ type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
  * @returns {React.ReactElement}
  */
 declare function Feedback({ id, tone, children, className, ...rest }: FeedbackProps): React.ReactElement;
-declare function Field({ children, orientation, className, }: FieldProps): React.ReactElement;
+declare function Field({ children, orientation, justify, className, }: FieldProps & {
+    orientation?: "vertical" | "horizontal";
+    justify?: "start" | "between";
+}): React.ReactElement;
 declare namespace Field {
     export { Feedback };
 }
@@ -241,6 +246,7 @@ declare const Option: react.ForwardRefExoticComponent<react.RefAttributes<any>>;
  * @property {string} [contentClassName] - optional class for the popover content
  * @property {string} [listClassName] - optional class for the list element
  * @property {string} [optionClassName] - optional class for each option
+ * @property {"default"|"small"} [size="default"] - size variant for the combobox input
  */
 declare const ComboboxRoot: react.ForwardRefExoticComponent<react.RefAttributes<any>>;
 

package/dist/index.d.ts

@@ -20,6 +20,7 @@ declare function Label({ children, hint, description, ...props }: {
  *   clearable?: boolean,
  *   startIcon?: React.ReactNode,
  *   endIcon?: React.ReactNode|string,
+ *   size?: "default"|"small",
  *   value?: any,
  *   onChange?: (e: React.ChangeEvent<HTMLInputElement> | { target: { value: string } }) => void,
  * }} InputProps
@@ -48,6 +49,7 @@ type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     clearable?: boolean;
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode | string;
+    size?: "default" | "small";
     value?: any;
     onChange?: (e: React.ChangeEvent<HTMLInputElement> | {
         target: {
@@ -177,7 +179,10 @@ type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
  * @returns {React.ReactElement}
  */
 declare function Feedback({ id, tone, children, className, ...rest }: FeedbackProps): React.ReactElement;
-declare function Field({ children, orientation, className, }: FieldProps): React.ReactElement;
+declare function Field({ children, orientation, justify, className, }: FieldProps & {
+    orientation?: "vertical" | "horizontal";
+    justify?: "start" | "between";
+}): React.ReactElement;
 declare namespace Field {
     export { Feedback };
 }
@@ -241,6 +246,7 @@ declare const Option: react.ForwardRefExoticComponent<react.RefAttributes<any>>;
  * @property {string} [contentClassName] - optional class for the popover content
  * @property {string} [listClassName] - optional class for the list element
  * @property {string} [optionClassName] - optional class for each option
+ * @property {"default"|"small"} [size="default"] - size variant for the combobox input
  */
 declare const ComboboxRoot: react.ForwardRefExoticComponent<react.RefAttributes<any>>;