@texturehq/edges 0.1.6 → 0.1.8

package/dist/index.d.cts

@@ -294,6 +294,32 @@ interface CheckboxProps extends Omit<CheckboxProps$1, "children"> {
 }
 declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
 
+interface ChipProps {
+    /** The content to display inside the chip */
+    children: React__default.ReactNode;
+    /** Callback when the remove button is clicked */
+    onRemove?: () => void;
+    /** Size variant of the chip */
+    size?: Size;
+    /** Visual variant of the chip */
+    variant?: "default" | "primary" | "secondary";
+    /** Whether the chip can be removed (shows X button) */
+    isRemovable?: boolean;
+    /** Whether the chip is disabled */
+    isDisabled?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Click handler for the chip itself (not the remove button) */
+    onClick?: () => void;
+}
+/**
+ * Chip
+ *
+ * A compact element that represents an input, attribute, or action.
+ * Can be removable with an X button and supports different variants and sizes.
+ */
+declare function Chip({ children, onRemove, size, variant, isRemovable, isDisabled, className, onClick, }: ChipProps): react_jsx_runtime.JSX.Element;
+
 interface CopyToClipboardProps {
     /**
      * The value to copy to clipboard. If not provided, will use the text content of children
@@ -395,6 +421,8 @@ interface DrawerProps {
     footerContent?: React__default.ReactNode;
     /** Whether to include padding inside the content area. Defaults to true. */
     contentPadding?: boolean;
+    /** Maximum width of the drawer. Defaults to "400px". Can be any valid CSS width value. */
+    maxWidth?: string;
 }
 declare const Drawer: React__default.FC<DrawerProps>;
 
@@ -815,7 +843,9 @@ interface SelectProps<T extends SelectItem> extends Omit<SelectProps$1<T>, "chil
     /** Size variant of the select */
     size?: Size;
     /** Render function for items or static children */
-    children: React__default.ReactNode | ((item: T) => React__default.ReactNode);
+    children?: React__default.ReactNode | ((item: T) => React__default.ReactNode);
+    /** Custom render function for individual items. When provided, items prop is used to render items automatically */
+    renderItem?: (item: T) => React__default.ReactNode;
     /** Currently selected item's id. Uses the SelectItem's `id` field for stable selection tracking */
     selectedKey?: Key;
     /** Default selected item's id for uncontrolled usage */
@@ -833,7 +863,7 @@ interface SelectProps<T extends SelectItem> extends Omit<SelectProps$1<T>, "chil
     /** Whether to use transparent background */
     transparent?: boolean;
 }
-declare function Select<T extends SelectItem>({ label, description, errorMessage, children, items, size, selectedKey: controlledSelectedKey, defaultSelectedKey, onSelectionChange, placeholder, showErrors, tooltip, isRequired, transparent, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function Select<T extends SelectItem>({ label, description, errorMessage, children, items, renderItem, size, selectedKey: controlledSelectedKey, defaultSelectedKey, onSelectionChange, placeholder, showErrors, tooltip, isRequired, transparent, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
 interface SkeletonProps {
     width?: number | string;
@@ -885,16 +915,49 @@ declare function TabPanel(props: TabPanelProps): react_jsx_runtime.JSX.Element;
  *
  * Multi-line text input with Edges styling, label, description, and error.
  */
-interface TextAreaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size">, BaseInputProps {
+interface TextAreaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "disabled">, BaseInputProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
     tooltip?: string;
     size?: Size;
     isInvalid?: boolean;
+    isDisabled?: boolean;
     validationResult?: ValidationResult;
 }
-declare function TextArea({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, className, validationResult, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
+declare function TextArea({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, isDisabled, className, validationResult, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
+
+interface ChipData {
+    id: string;
+    label: string;
+    value: unknown;
+}
+interface TriggerInfo {
+    query: string;
+    position: number;
+    startIndex: number;
+}
+interface TextAreaWithChipsProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "value" | "onChange" | "disabled">, BaseInputProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    tooltip?: string;
+    size?: Size;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    validationResult?: ValidationResult;
+    value?: string;
+    onChange?: (value: string) => void;
+    chips?: ChipData[];
+    onChipsChange?: (chips: ChipData[]) => void;
+    triggerPattern?: string | RegExp;
+    onTriggerDetected?: (triggerInfo: TriggerInfo) => void;
+    onTriggerDismissed?: () => void;
+    renderChip?: (chip: ChipData, onRemove: () => void) => React__default.ReactNode;
+    chipVariant?: "default" | "primary" | "secondary";
+    chipSize?: Size;
+}
+declare function TextAreaWithChips({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, isDisabled, className, validationResult, value, onChange, chips, onChipsChange, triggerPattern, onTriggerDetected, onTriggerDismissed, renderChip, chipVariant, chipSize, ...props }: TextAreaWithChipsProps): react_jsx_runtime.JSX.Element;
 
 /**
  * TextField
@@ -1029,4 +1092,4 @@ declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
 
 declare function useDebounce<T>(value: T, delay?: number): T;
 
-export { Autocomplete, type BaseInputProps, type BaseProps, Button, Calendar, Card, Checkbox, ClearButton, CopyToClipboard, DateField, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, Drawer, ErrorBoundary, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, Form, Heading, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Label, type LabelProps, ListBox, ListBoxItem, Loader, Logo, NumberField, PlaceSearch, Popover, ProgressBar, Radio, RadioGroup, RangeCalendar, Select, Skeleton, Slider, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextField, TextLink, TimeField, ToggleButton, Tooltip, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, useDebounce, useInputFocus };
+export { Autocomplete, type BaseInputProps, type BaseProps, Button, Calendar, Card, Checkbox, Chip, ClearButton, CopyToClipboard, DateField, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, Drawer, ErrorBoundary, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, Form, Heading, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Label, type LabelProps, ListBox, ListBoxItem, Loader, Logo, NumberField, PlaceSearch, Popover, ProgressBar, Radio, RadioGroup, RangeCalendar, Select, Skeleton, Slider, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextAreaWithChips, TextField, TextLink, TimeField, ToggleButton, Tooltip, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, useDebounce, useInputFocus };

package/dist/index.d.ts

@@ -294,6 +294,32 @@ interface CheckboxProps extends Omit<CheckboxProps$1, "children"> {
 }
 declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
 
+interface ChipProps {
+    /** The content to display inside the chip */
+    children: React__default.ReactNode;
+    /** Callback when the remove button is clicked */
+    onRemove?: () => void;
+    /** Size variant of the chip */
+    size?: Size;
+    /** Visual variant of the chip */
+    variant?: "default" | "primary" | "secondary";
+    /** Whether the chip can be removed (shows X button) */
+    isRemovable?: boolean;
+    /** Whether the chip is disabled */
+    isDisabled?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Click handler for the chip itself (not the remove button) */
+    onClick?: () => void;
+}
+/**
+ * Chip
+ *
+ * A compact element that represents an input, attribute, or action.
+ * Can be removable with an X button and supports different variants and sizes.
+ */
+declare function Chip({ children, onRemove, size, variant, isRemovable, isDisabled, className, onClick, }: ChipProps): react_jsx_runtime.JSX.Element;
+
 interface CopyToClipboardProps {
     /**
      * The value to copy to clipboard. If not provided, will use the text content of children
@@ -395,6 +421,8 @@ interface DrawerProps {
     footerContent?: React__default.ReactNode;
     /** Whether to include padding inside the content area. Defaults to true. */
     contentPadding?: boolean;
+    /** Maximum width of the drawer. Defaults to "400px". Can be any valid CSS width value. */
+    maxWidth?: string;
 }
 declare const Drawer: React__default.FC<DrawerProps>;
 
@@ -815,7 +843,9 @@ interface SelectProps<T extends SelectItem> extends Omit<SelectProps$1<T>, "chil
     /** Size variant of the select */
     size?: Size;
     /** Render function for items or static children */
-    children: React__default.ReactNode | ((item: T) => React__default.ReactNode);
+    children?: React__default.ReactNode | ((item: T) => React__default.ReactNode);
+    /** Custom render function for individual items. When provided, items prop is used to render items automatically */
+    renderItem?: (item: T) => React__default.ReactNode;
     /** Currently selected item's id. Uses the SelectItem's `id` field for stable selection tracking */
     selectedKey?: Key;
     /** Default selected item's id for uncontrolled usage */
@@ -833,7 +863,7 @@ interface SelectProps<T extends SelectItem> extends Omit<SelectProps$1<T>, "chil
     /** Whether to use transparent background */
     transparent?: boolean;
 }
-declare function Select<T extends SelectItem>({ label, description, errorMessage, children, items, size, selectedKey: controlledSelectedKey, defaultSelectedKey, onSelectionChange, placeholder, showErrors, tooltip, isRequired, transparent, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function Select<T extends SelectItem>({ label, description, errorMessage, children, items, renderItem, size, selectedKey: controlledSelectedKey, defaultSelectedKey, onSelectionChange, placeholder, showErrors, tooltip, isRequired, transparent, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
 interface SkeletonProps {
     width?: number | string;
@@ -885,16 +915,49 @@ declare function TabPanel(props: TabPanelProps): react_jsx_runtime.JSX.Element;
  *
  * Multi-line text input with Edges styling, label, description, and error.
  */
-interface TextAreaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size">, BaseInputProps {
+interface TextAreaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "disabled">, BaseInputProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
     tooltip?: string;
     size?: Size;
     isInvalid?: boolean;
+    isDisabled?: boolean;
     validationResult?: ValidationResult;
 }
-declare function TextArea({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, className, validationResult, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
+declare function TextArea({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, isDisabled, className, validationResult, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
+
+interface ChipData {
+    id: string;
+    label: string;
+    value: unknown;
+}
+interface TriggerInfo {
+    query: string;
+    position: number;
+    startIndex: number;
+}
+interface TextAreaWithChipsProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "value" | "onChange" | "disabled">, BaseInputProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    tooltip?: string;
+    size?: Size;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    validationResult?: ValidationResult;
+    value?: string;
+    onChange?: (value: string) => void;
+    chips?: ChipData[];
+    onChipsChange?: (chips: ChipData[]) => void;
+    triggerPattern?: string | RegExp;
+    onTriggerDetected?: (triggerInfo: TriggerInfo) => void;
+    onTriggerDismissed?: () => void;
+    renderChip?: (chip: ChipData, onRemove: () => void) => React__default.ReactNode;
+    chipVariant?: "default" | "primary" | "secondary";
+    chipSize?: Size;
+}
+declare function TextAreaWithChips({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, isDisabled, className, validationResult, value, onChange, chips, onChipsChange, triggerPattern, onTriggerDetected, onTriggerDismissed, renderChip, chipVariant, chipSize, ...props }: TextAreaWithChipsProps): react_jsx_runtime.JSX.Element;
 
 /**
  * TextField
@@ -1029,4 +1092,4 @@ declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
 
 declare function useDebounce<T>(value: T, delay?: number): T;
 
-export { Autocomplete, type BaseInputProps, type BaseProps, Button, Calendar, Card, Checkbox, ClearButton, CopyToClipboard, DateField, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, Drawer, ErrorBoundary, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, Form, Heading, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Label, type LabelProps, ListBox, ListBoxItem, Loader, Logo, NumberField, PlaceSearch, Popover, ProgressBar, Radio, RadioGroup, RangeCalendar, Select, Skeleton, Slider, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextField, TextLink, TimeField, ToggleButton, Tooltip, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, useDebounce, useInputFocus };
+export { Autocomplete, type BaseInputProps, type BaseProps, Button, Calendar, Card, Checkbox, Chip, ClearButton, CopyToClipboard, DateField, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, Drawer, ErrorBoundary, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, Form, Heading, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Label, type LabelProps, ListBox, ListBoxItem, Loader, Logo, NumberField, PlaceSearch, Popover, ProgressBar, Radio, RadioGroup, RangeCalendar, Select, Skeleton, Slider, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextAreaWithChips, TextField, TextLink, TimeField, ToggleButton, Tooltip, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, useDebounce, useInputFocus };