@floegence/floe-webapp-core 0.13.0 → 0.14.0

package/dist/components/ui/Dropdown.d.ts

@@ -5,6 +5,12 @@ export interface DropdownItem {
     icon?: () => JSX.Element;
     disabled?: boolean;
     separator?: boolean;
+    /** Submenu items for cascade dropdown */
+    children?: DropdownItem[];
+    /** Custom content to render instead of label (for embedding components) */
+    content?: () => JSX.Element;
+    /** Prevent closing menu when clicking this item */
+    keepOpen?: boolean;
 }
 export interface DropdownProps {
     trigger: JSX.Element;
@@ -15,7 +21,7 @@ export interface DropdownProps {
     class?: string;
 }
 /**
- * Dropdown menu component
+ * Dropdown menu component with cascade submenu support
  */
 export declare function Dropdown(props: DropdownProps): JSX.Element;
 /**

package/dist/components/ui/Input.d.ts

@@ -23,3 +23,65 @@ export interface TextareaProps extends JSX.TextareaHTMLAttributes<HTMLTextAreaEl
     helperText?: string;
 }
 export declare function Textarea(props: TextareaProps): JSX.Element;
+/**
+ * NumberInput - Number input with increment/decrement buttons
+ */
+export interface NumberInputProps {
+    /** Current value */
+    value: number;
+    /** Called when value changes */
+    onChange: (value: number) => void;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment (default: 1) */
+    step?: number;
+    /** Input size variant */
+    size?: InputSize;
+    /** Disabled state (disables both input and buttons) */
+    disabled?: boolean;
+    /** Disable direct input, only allow button clicks */
+    inputDisabled?: boolean;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Error message */
+    error?: string;
+    /** Helper text */
+    helperText?: string;
+    /** Additional CSS class */
+    class?: string;
+}
+export declare function NumberInput(props: NumberInputProps): JSX.Element;
+/**
+ * AffixInput - Input with selectable prefix and/or suffix
+ */
+export interface AffixOption {
+    value: string;
+    label: string;
+}
+export interface AffixInputProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
+    /** Input size variant */
+    size?: InputSize;
+    /** Error message */
+    error?: string;
+    /** Helper text */
+    helperText?: string;
+    /** Fixed prefix text (non-selectable) */
+    prefix?: string;
+    /** Fixed suffix text (non-selectable) */
+    suffix?: string;
+    /** Selectable prefix options */
+    prefixOptions?: AffixOption[];
+    /** Selected prefix value */
+    prefixValue?: string;
+    /** Called when prefix selection changes */
+    onPrefixChange?: (value: string) => void;
+    /** Selectable suffix options */
+    suffixOptions?: AffixOption[];
+    /** Selected suffix value */
+    suffixValue?: string;
+    /** Called when suffix selection changes */
+    onSuffixChange?: (value: string) => void;
+}
+export declare function AffixInput(props: AffixInputProps): JSX.Element;

package/dist/components/ui/index.d.ts

@@ -1,5 +1,5 @@
 export { Button, type ButtonProps, type ButtonVariant, type ButtonSize } from './Button';
-export { Input, Textarea, type InputProps, type InputSize, type TextareaProps } from './Input';
+export { Input, Textarea, NumberInput, AffixInput, type InputProps, type InputSize, type TextareaProps, type NumberInputProps, type AffixInputProps, type AffixOption, } from './Input';
 export { Dialog, ConfirmDialog, type DialogProps, type ConfirmDialogProps } from './Dialog';
 export { FloatingWindow, type FloatingWindowProps } from './FloatingWindow';
 export { Dropdown, Select, type DropdownProps, type DropdownItem, type SelectProps } from './Dropdown';