@sakaniui/react 0.13.0 → 0.14.0

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

@@ -1,5 +1,8 @@
 import { default as React } from 'react';
+import { AiGlowMode } from '../../lib/AiGlow';
 export type InputSize = 'sm' | 'md' | 'lg';
+export type InputVariant = 'default' | 'ai';
+export type InputGlow = AiGlowMode;
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
     /** Field label (Figma: Title). */
     label?: string;
@@ -14,6 +17,15 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     unstyled?: boolean;
     leadingIcon?: React.ReactNode;
     trailingIcon?: React.ReactNode;
+    /** "ai" is the prompt box of an AI product: a pill with a 16px field, action slots and a light around the border. Defaults to "default". */
+    variant?: InputVariant;
+    /** variant="ai": the light that sweeps clockwise around the border. "pulse" (default) sweeps every 2.5s while idle and once each time
+     *  the field takes focus; "focus" sweeps only on focus; "off" draws none. Reduced motion draws none. */
+    glow?: AiGlowMode;
+    /** variant="ai": actions before the field, such as an attach button. Interactive content is fine here (unlike `leadingIcon`). */
+    leading?: React.ReactNode;
+    /** variant="ai": actions after the field, such as a mic and a send button. */
+    trailing?: React.ReactNode;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/components/Textarea/Textarea.d.ts

@@ -1,8 +1,23 @@
 import { default as React } from 'react';
+import { AiGlowMode } from '../../lib/AiGlow';
+export type TextareaVariant = 'default' | 'ai';
+export type TextareaGlow = AiGlowMode;
 export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     label?: string;
     description?: string;
     error?: string;
+    /** "ai" is the prompt box of an AI product: a 16px-radius box, a 16px field that grows with the text, an actions row and a light
+     *  around the border. Defaults to "default". */
+    variant?: TextareaVariant;
+    /** variant="ai": the light that sweeps clockwise around the border. "pulse" (default) sweeps every 2.5s while idle and once each
+     *  time the field takes focus; "focus" sweeps only on focus; "off" draws none. Reduced motion draws none. */
+    glow?: AiGlowMode;
+    /** variant="ai": actions on the left of the row under the field, such as an attach button. */
+    leading?: React.ReactNode;
+    /** variant="ai": actions on the right of that row, such as a mic and a send button. */
+    trailing?: React.ReactNode;
+    /** variant="ai": the most lines the field grows to before it scrolls. Defaults to 8. */
+    maxRows?: number;
 }
 export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export default Textarea;