@edux-design/forms 0.0.8 → 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

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 
 declare function Label({ children, hint, description, ...props }: {
@@ -21,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
@@ -49,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: {
@@ -57,7 +58,29 @@ type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     }) => void;
 };
 
-declare function Radio(): react_jsx_runtime.JSX.Element;
+/**
+ * Minimal radio control wired to the surrounding Field context.
+ *
+ * @typedef {React.InputHTMLAttributes<HTMLInputElement> & {
+ *   className?: string,
+ * }} RadioProps
+ */
+/**
+ * Radio component.
+ *
+ * Provides a styled radio input that integrates with the Field context and
+ * supports both controlled (`checked`) and uncontrolled (`defaultChecked`) use.
+ *
+ * @component
+ * @type {React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>}
+ */
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Minimal radio control wired to the surrounding Field context.
+ */
+type RadioProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    className?: string;
+};
 
 declare const Checkbox: react.ForwardRefExoticComponent<react.RefAttributes<any>>;
 
@@ -156,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 };
 }
@@ -220,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

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 
 declare function Label({ children, hint, description, ...props }: {
@@ -21,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
@@ -49,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: {
@@ -57,7 +58,29 @@ type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
     }) => void;
 };
 
-declare function Radio(): react_jsx_runtime.JSX.Element;
+/**
+ * Minimal radio control wired to the surrounding Field context.
+ *
+ * @typedef {React.InputHTMLAttributes<HTMLInputElement> & {
+ *   className?: string,
+ * }} RadioProps
+ */
+/**
+ * Radio component.
+ *
+ * Provides a styled radio input that integrates with the Field context and
+ * supports both controlled (`checked`) and uncontrolled (`defaultChecked`) use.
+ *
+ * @component
+ * @type {React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>}
+ */
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Minimal radio control wired to the surrounding Field context.
+ */
+type RadioProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    className?: string;
+};
 
 declare const Checkbox: react.ForwardRefExoticComponent<react.RefAttributes<any>>;
 
@@ -156,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 };
 }
@@ -220,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>>;