@0xsquid/ui 0.20.2 → 0.21.0

package/dist/cjs/types/components/controls/Input.d.ts

@@ -8,8 +8,9 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     containerClassName?: string;
     actionButtonProps?: InputActionButtonProps;
     autoFocusTimeout?: number;
+    inputRef?: React.RefObject<HTMLInputElement>;
 }
-export declare function Input({ placeholder, showIcon, className, icon, isError, containerClassName, actionButtonProps, autoFocusTimeout, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ placeholder, showIcon, className, icon, isError, containerClassName, actionButtonProps, autoFocusTimeout, inputRef: inputRefProp, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
 type InputActionButtonProps = {
     onClick?: () => void;
     variant?: ButtonVariant;

package/dist/cjs/types/components/controls/RangeInput.d.ts

@@ -0,0 +1,9 @@
+interface RangeInputProps {
+    label: string;
+    initialValue?: string;
+    onChange?: (value: string) => void;
+    min?: number;
+    max?: number;
+}
+export declare function RangeInput({ label, initialValue, onChange, min, max, }: RangeInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/components/controls/index.d.ts

@@ -3,3 +3,4 @@ export * from './NumericInput';
 export * from './SettingsSlider';
 export * from './Switch';
 export * from './Tooltip';
+export * from './RangeInput';

package/dist/cjs/types/components/icons/Arrow.d.ts

@@ -57,3 +57,7 @@ export declare function ArrowsSwapIcon({ size, className, }: {
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function ArrowUpIcon(): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowCornerDownRightIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/icons/Checkmark.d.ts

@@ -1 +1,10 @@
-export declare function Checkmark1Icon(): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare function Checkmark1Icon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Checkmark2Icon({ className, size, style, }: {
+    className?: string;
+    size?: string;
+    style?: React.CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/icons/CompassRound.d.ts

@@ -6,3 +6,11 @@ export declare function CircleX({ size, className, }: {
     size?: string;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function CircleMinusIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CirclePlusIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/components/icons/index.d.ts

@@ -22,7 +22,6 @@ export * from './Heart';
 export * from './Help';
 export * from './HomeIcon';
 export * from './ImageSparkle';
-export * from './index';
 export * from './Infinity';
 export * from './Lightning';
 export * from './Link';

package/dist/cjs/types/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './badges';
 export * from './buttons';
 export * from './controls';
+export * from './icons';
 export * from './layout';
 export * from './lists';
 export * from './typography';

package/dist/cjs/types/components/layout/Modal.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
+type ModalWidth = 'large' | 'extra-large';
 interface ModalProps {
     children: React.ReactNode;
     className?: string;
     onBackdropClick?: () => void;
     isOpen?: boolean;
     maxHeight?: boolean;
+    width?: ModalWidth;
 }
-export declare function Modal({ children, className, onBackdropClick, isOpen: _isOpen, maxHeight, }: ModalProps): false | import("react/jsx-runtime").JSX.Element;
+export declare function Modal({ children, className, onBackdropClick, isOpen: _isOpen, maxHeight, width, }: ModalProps): false | import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/types/components/lists/SettingsItem.d.ts

@@ -30,6 +30,13 @@ export type SettingsControl = {
     onChange: (checked: boolean) => void;
     tooltip?: Omit<TooltipProps, 'children'>;
     disabled?: boolean;
+} | {
+    type: 'options';
+    selectedLabel: string;
+    options: {
+        label: string;
+        onSelect: () => void;
+    }[];
 };
 export interface SettingsItemProps {
     icon: React.ReactNode;

package/dist/cjs/types/stories/controls/RangeInput.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { RangeInput } from '../../components/controls/RangeInput';
+declare const meta: Meta<typeof RangeInput>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;