@okshaun/components 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,832 @@
+import { AriaAttributes } from 'react';
+import { BadgeVariantProps } from '../../../styled-system/recipes';
+import { BoxVariantProps } from '../../../styled-system/recipes';
+import { ButtonVariantProps } from '../../../styled-system/recipes';
+import { CardVariantProps } from '../../../styled-system/recipes';
+import { ChangeEventHandler } from 'react';
+import { CheckboxInputVariantProps } from '../../../styled-system/recipes';
+import { CheckboxVariantProps } from '../../../styled-system/recipes';
+import { ColorToken } from '../../../styled-system/tokens';
+import { ComponentPropsWithoutRef } from 'react';
+import { default as default_2 } from 'react';
+import { DividerVariantProps } from '../../../styled-system/recipes';
+import { ElementType } from 'react';
+import { FC } from 'react';
+import { FontSizeToken } from '../../../styled-system/tokens';
+import { FontToken } from '../../../styled-system/tokens';
+import { FontWeightToken } from '../../../styled-system/tokens';
+import { HeadingVariantProps } from '../../../styled-system/recipes';
+import { IconButtonVariantProps } from '../../../styled-system/recipes';
+import { IconNamesList } from './icons';
+import { JSX } from 'react/jsx-runtime';
+import { LabelVariantProps } from '../../../styled-system/recipes';
+import { LinkVariantProps } from '../../../styled-system/recipes';
+import { MenuVariantProps } from '../../../styled-system/recipes';
+import { RadioInputVariantProps } from '../../../styled-system/recipes';
+import { RadioVariantProps } from '../../../styled-system/recipes';
+import * as React_2 from 'react';
+import { ReactNode } from 'react';
+import { SpinnerVariantProps } from '../../../styled-system/recipes';
+import { SVGAttributes } from 'react';
+import { SystemStyleObject } from '../../../styled-system/types';
+import { TagVariantProps } from '../../../styled-system/recipes';
+import { TextareaVariantProps } from '../../../styled-system/recipes';
+import { TextinputVariantProps } from '../../../styled-system/recipes';
+import { TextVariantProps } from '../../../styled-system/recipes';
+import { ToggleInputVariantProps } from '../../../styled-system/recipes';
+import { ToggleVariantProps } from '../../../styled-system/recipes';
+import { TooltipVariantProps } from '../../../styled-system/recipes';
+
+declare type AllowedIconSizes = keyof typeof numericSizes;
+
+/**
+ * The Badge component uses the polymorphic Box as its base.
+ * Renders as a <span> by default but can be changed via the 'as' prop.
+ */
+export declare const Badge: BadgeComponent;
+
+/**
+ * Define a polymorphic BadgeComponent type.
+ */
+declare type BadgeComponent = <E extends React_2.ElementType = 'span'>(props: BadgeProps<E> & {
+    ref?: React_2.ForwardedRef<Element>;
+}) => React_2.ReactElement;
+
+/**
+ * BadgeProps is generic and manages its own polymorphism.
+ * It includes props for the element type E (default "span") and BadgeVariantProps.
+ */
+declare type BadgeProps<E extends React_2.ElementType = 'span'> = React_2.ComponentPropsWithoutRef<E> & BadgeVariantProps & {
+    as?: E;
+    className?: string;
+    children?: React_2.ReactNode;
+};
+
+export declare const Box: default_2.FC<BoxProps>;
+
+declare type BoxProps = Omit<ComponentPropsWithoutRef<ElementType>, 'as'> & SystemStyleObject & BoxVariantProps & {
+    as?: ElementType;
+} & AriaAttributes;
+
+export declare const Breadcrumbs: default_2.FC<BreadcrumbsProps>;
+
+declare type BreadcrumbsProps = BoxProps & {
+    items: {
+        id: string;
+        label: string;
+        href?: string;
+    }[];
+};
+
+/**
+ * The Button component uses the polymorphic Box as its base.
+ * It automatically renders as an <a> if href is provided.
+ * Since ButtonProps extends BoxProps, any extra props (like onClick) are automatically allowed.
+ */
+export declare const Button: ButtonComponent;
+
+/**
+ * Define a polymorphic ButtonComponent type.
+ * The ref type will be inferred from the element type E.
+ */
+declare type ButtonComponent = <E extends React_2.ElementType = 'button'>(props: ButtonProps<E> & {
+    ref?: React_2.ForwardedRef<Element>;
+}) => React_2.ReactElement;
+
+/**
+ * ButtonProps is generic and manages its own polymorphism.
+ * It includes props for the element type E (default "button") and ButtonVariantProps.
+ * This means that any prop accepted by the underlying element (e.g. onClick) is automatically allowed.
+ */
+declare type ButtonProps<E extends React_2.ElementType = 'button'> = React_2.ComponentPropsWithoutRef<E> & ButtonVariantProps & {
+    as?: E;
+    href?: string;
+    loading?: boolean;
+    className?: string;
+    children?: React_2.ReactNode;
+    disabled?: boolean;
+};
+
+export declare const Card: React.FC<CardProps>;
+
+declare type CardProps = Omit<BoxProps, keyof CardVariantProps> & CardVariantProps & {
+    href?: string;
+    children?: string | ReactNode;
+    grabbed?: boolean;
+    disabled?: boolean;
+};
+
+/**
+ * Checkbox is a controlled component.
+ * You must pass `checked` and `onChange` props.
+ *
+ * @example
+ * const [checked, setChecked] = useState(false);
+ * <Checkbox
+ *   checked={checked}
+ *   onChange={(e) => setChecked(e.target.checked)}
+ * />
+ */
+export declare const Checkbox: React.FC<CheckboxProps>;
+
+export declare const CheckboxInput: FC<CheckboxInputProps>;
+
+declare type CheckboxInputProps = BoxProps & CheckboxInputVariantProps & {
+    name: string;
+    id?: string;
+    error?: boolean;
+    children?: string | ReactNode;
+    checked: boolean;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+};
+
+declare type CheckboxProps = {
+    /** Form field name */
+    name: string;
+    /** Controlled checked state (REQUIRED) */
+    checked: boolean;
+    /** Change handler (REQUIRED) */
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    /** Unique identifier for the checkbox */
+    id?: string;
+    /** Display indeterminate state (partially checked) */
+    indeterminate?: boolean;
+    /** Disable the checkbox */
+    disabled?: boolean;
+    /** Display error state */
+    error?: boolean;
+} & Omit<BoxProps, 'checked' | 'onChange' | keyof CheckboxVariantProps> & CheckboxVariantProps;
+
+export declare const Divider: React.FC<DividerProps>;
+
+declare type DividerProps = Omit<BoxProps, keyof DividerVariantProps> & DividerVariantProps & {
+    direction?: string;
+    weight?: string;
+};
+
+export declare const Heading: React.FC<HeadingProps>;
+
+declare type HeadingProps = Omit<TextProps, keyof HeadingVariantProps> & HeadingVariantProps & {
+    children?: string | React.ReactNode;
+    level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+};
+
+export declare const Icon: default_2.FC<IconProps>;
+
+/**
+ * The IconButton component builds on Box.
+ * It automatically renders as a "button" (or an "a" if an href is provided)
+ * and applies the iconButton recipe styles.
+ *
+ * If the caller does not pass children but does provide an 'iconName',
+ * the component renders the corresponding Icon automatically.
+ */
+export declare const IconButton: IconButtonComponent;
+
+/**
+ * Define the polymorphic component type for IconButton.
+ */
+declare type IconButtonComponent = <E extends React_2.ElementType = 'button'>(props: IconButtonProps<E> & {
+    ref?: React_2.ForwardedRef<Element>;
+}) => React_2.ReactElement;
+
+/**
+ * IconButtonProps is generic and manages its own polymorphism.
+ * It includes props for the element type E (default "button") and IconButtonVariantProps.
+ *
+ * We've added a new optional prop 'iconName'. When provided (and if no children
+ * are passed), IconButton will render the corresponding Icon automatically.
+ */
+declare type IconButtonProps<E extends React_2.ElementType = 'button'> = React_2.ComponentPropsWithoutRef<E> & IconButtonVariantProps & {
+    as?: E;
+    href?: string;
+    loading?: boolean;
+    loadingText?: React_2.ReactNode;
+    children?: React_2.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    iconName?: IconNamesList;
+};
+
+export declare const IconNames: {
+    readonly 'aa-placeholder': "aa-placeholder";
+    readonly alarm: "alarm";
+    readonly 'alt-route': "alt-route";
+    readonly apps: "apps";
+    readonly 'arrow-bubble': "arrow-bubble";
+    readonly 'arrow-down': "arrow-down";
+    readonly 'arrow-drop-down': "arrow-drop-down";
+    readonly 'arrow-drop-up': "arrow-drop-up";
+    readonly 'arrow-left': "arrow-left";
+    readonly 'arrow-line-down': "arrow-line-down";
+    readonly 'arrow-line-left': "arrow-line-left";
+    readonly 'arrow-line-right': "arrow-line-right";
+    readonly 'arrow-line-up': "arrow-line-up";
+    readonly 'arrow-prompt': "arrow-prompt";
+    readonly 'arrow-redo': "arrow-redo";
+    readonly 'arrow-right': "arrow-right";
+    readonly 'arrow-square-in': "arrow-square-in";
+    readonly 'arrow-square-out': "arrow-square-out";
+    readonly 'arrow-undo': "arrow-undo";
+    readonly 'arrow-up': "arrow-up";
+    readonly 'arrows-down-up': "arrows-down-up";
+    readonly 'arrows-left-right': "arrows-left-right";
+    readonly asterisk: "asterisk";
+    readonly at: "at";
+    readonly attachment: "attachment";
+    readonly bank: "bank";
+    readonly 'barcode-reader': "barcode-reader";
+    readonly barcode: "barcode";
+    readonly barricade: "barricade";
+    readonly basket: "basket";
+    readonly 'bell-active': "bell-active";
+    readonly 'bell-slash': "bell-slash";
+    readonly bell: "bell";
+    readonly bin: "bin";
+    readonly 'blog-post': "blog-post";
+    readonly blueprint: "blueprint";
+    readonly 'book-a': "book-a";
+    readonly book: "book";
+    readonly 'bookmark-outlined': "bookmark-outlined";
+    readonly bookmark: "bookmark";
+    readonly bookmarks: "bookmarks";
+    readonly broadcast: "broadcast";
+    readonly Building: "Building";
+    readonly 'calendar-add': "calendar-add";
+    readonly 'calendar-view-day': "calendar-view-day";
+    readonly 'calendar-view-month': "calendar-view-month";
+    readonly 'calendar-view-week': "calendar-view-week";
+    readonly calendar: "calendar";
+    readonly 'caret-down': "caret-down";
+    readonly 'caret-left': "caret-left";
+    readonly 'caret-right': "caret-right";
+    readonly 'caret-up': "caret-up";
+    readonly cart: "cart";
+    readonly certificate: "certificate";
+    readonly 'check-all': "check-all";
+    readonly 'check-thick': "check-thick";
+    readonly check: "check";
+    readonly 'checkbox-checked': "checkbox-checked";
+    readonly 'checkbox-focus': "checkbox-focus";
+    readonly 'checkbox-indeterminate': "checkbox-indeterminate";
+    readonly checkbox: "checkbox";
+    readonly 'circle-change': "circle-change";
+    readonly 'circle-check': "circle-check";
+    readonly circle: "circle";
+    readonly 'circles-add': "circles-add";
+    readonly circuit: "circuit";
+    readonly clipboard: "clipboard";
+    readonly 'clock-countdown': "clock-countdown";
+    readonly clock: "clock";
+    readonly 'cloud-synced': "cloud-synced";
+    readonly code: "code";
+    readonly color: "color";
+    readonly compass: "compass";
+    readonly cone: "cone";
+    readonly confetti: "confetti";
+    readonly copy: "copy";
+    readonly 'credit-card': "credit-card";
+    readonly 'cube-focus': "cube-focus";
+    readonly 'cursor-click': "cursor-click";
+    readonly cursor: "cursor";
+    readonly cut: "cut";
+    readonly 'data-object': "data-object";
+    readonly database: "database";
+    readonly devices: "devices";
+    readonly dictionary: "dictionary";
+    readonly dna: "dna";
+    readonly donut: "donut";
+    readonly dot: "dot";
+    readonly dots: "dots";
+    readonly 'download-cloud': "download-cloud";
+    readonly download: "download";
+    readonly edit: "edit";
+    readonly encrypted: "encrypted";
+    readonly envelope: "envelope";
+    readonly equal: "equal";
+    readonly eraser: "eraser";
+    readonly error: "error";
+    readonly 'event-list': "event-list";
+    readonly export: "export";
+    readonly extension: "extension";
+    readonly 'eye-slash': "eye-slash";
+    readonly eye: "eye";
+    readonly faq: "faq";
+    readonly 'file-add': "file-add";
+    readonly file: "file";
+    readonly files: "files";
+    readonly 'filter-remove': "filter-remove";
+    readonly filter: "filter";
+    readonly finish: "finish";
+    readonly 'fit-screen': "fit-screen";
+    readonly 'flag-checkered': "flag-checkered";
+    readonly flag: "flag";
+    readonly forklift: "forklift";
+    readonly 'fullscreen-exit': "fullscreen-exit";
+    readonly fullscreen: "fullscreen";
+    readonly garage: "garage";
+    readonly gauge: "gauge";
+    readonly 'globe-grid': "globe-grid";
+    readonly globe: "globe";
+    readonly gripper: "gripper";
+    readonly 'handle-vertical': "handle-vertical";
+    readonly handle: "handle";
+    readonly hash: "hash";
+    readonly 'heart-outlined': "heart-outlined";
+    readonly heart: "heart";
+    readonly help: "help";
+    readonly history: "history";
+    readonly home: "home";
+    readonly image: "image";
+    readonly images: "images";
+    readonly inbox: "inbox";
+    readonly infinity: "infinity";
+    readonly info: "info";
+    readonly inventory: "inventory";
+    readonly invoice: "invoice";
+    readonly 'jump-back': "jump-back";
+    readonly 'jump-forward': "jump-forward";
+    readonly kanban: "kanban";
+    readonly 'kbd-backspace': "kbd-backspace";
+    readonly 'kbd-capslock': "kbd-capslock";
+    readonly 'kbd-command': "kbd-command";
+    readonly 'kbd-control': "kbd-control";
+    readonly 'kbd-hide': "kbd-hide";
+    readonly 'kbd-option': "kbd-option";
+    readonly 'kbd-return': "kbd-return";
+    readonly 'kbd-shift': "kbd-shift";
+    readonly 'kbd-space': "kbd-space";
+    readonly kbd: "kbd";
+    readonly lightning: "lightning";
+    readonly 'line-segment': "line-segment";
+    readonly 'line-segments': "line-segments";
+    readonly 'link-slash': "link-slash";
+    readonly link: "link";
+    readonly 'linked-services': "linked-services";
+    readonly 'list-bullets': "list-bullets";
+    readonly 'list-checks': "list-checks";
+    readonly 'list-numbers': "list-numbers";
+    readonly 'lock-open': "lock-open";
+    readonly lock: "lock";
+    readonly 'map-pin': "map-pin";
+    readonly map: "map";
+    readonly 'mark-unread': "mark-unread";
+    readonly 'menu-close': "menu-close";
+    readonly menu: "menu";
+    readonly message: "message";
+    readonly messages: "messages";
+    readonly 'minus-thick': "minus-thick";
+    readonly minus: "minus";
+    readonly money: "money";
+    readonly monitor: "monitor";
+    readonly moon: "moon";
+    readonly navigation: "navigation";
+    readonly 'network-x': "network-x";
+    readonly network: "network";
+    readonly 'newspaper-clipping': "newspaper-clipping";
+    readonly newspaper: "newspaper";
+    readonly 'note-stack': "note-stack";
+    readonly note: "note";
+    readonly notepad: "notepad";
+    readonly notification: "notification";
+    readonly nut: "nut";
+    readonly order: "order";
+    readonly package: "package";
+    readonly 'page-first': "page-first";
+    readonly 'page-last': "page-last";
+    readonly parts: "parts";
+    readonly password: "password";
+    readonly path: "path";
+    readonly pause: "pause";
+    readonly pencil: "pencil";
+    readonly percent: "percent";
+    readonly 'play-pause': "play-pause";
+    readonly play: "play";
+    readonly plus: "plus";
+    readonly printer: "printer";
+    readonly prohibit: "prohibit";
+    readonly 'question-mark': "question-mark";
+    readonly quote: "quote";
+    readonly 'radio-checked': "radio-checked";
+    readonly 'radio-focus': "radio-focus";
+    readonly radio: "radio";
+    readonly 'read-doc': "read-doc";
+    readonly receipt: "receipt";
+    readonly recycle: "recycle";
+    readonly refresh: "refresh";
+    readonly repeat: "repeat";
+    readonly 'reply-all': "reply-all";
+    readonly reply: "reply";
+    readonly resize: "resize";
+    readonly ribbon: "ribbon";
+    readonly 'rows-add': "rows-add";
+    readonly ruler: "ruler";
+    readonly rules: "rules";
+    readonly scale: "scale";
+    readonly 'schedule-backward': "schedule-backward";
+    readonly 'schedule-forward': "schedule-forward";
+    readonly screwdriver: "screwdriver";
+    readonly scroll: "scroll";
+    readonly 'search-check': "search-check";
+    readonly 'search-items': "search-items";
+    readonly 'search-objects': "search-objects";
+    readonly search: "search";
+    readonly send: "send";
+    readonly settings: "settings";
+    readonly shapes: "shapes";
+    readonly share: "share";
+    readonly shuffle: "shuffle";
+    readonly signpost: "signpost";
+    readonly 'skip-back': "skip-back";
+    readonly 'skip-forward': "skip-forward";
+    readonly skull: "skull";
+    readonly sliders: "sliders";
+    readonly 'sort-alpha-down': "sort-alpha-down";
+    readonly 'sort-alpha-up': "sort-alpha-up";
+    readonly 'sort-ascending': "sort-ascending";
+    readonly 'sort-descending': "sort-descending";
+    readonly 'sort-time-down': "sort-time-down";
+    readonly 'sort-time-up': "sort-time-up";
+    readonly 'square-add': "square-add";
+    readonly 'square-inside': "square-inside";
+    readonly 'square-select': "square-select";
+    readonly square: "square";
+    readonly stamp: "stamp";
+    readonly 'star-outlined': "star-outlined";
+    readonly star: "star";
+    readonly start: "start";
+    readonly step: "step";
+    readonly stop: "stop";
+    readonly story: "story";
+    readonly strategy: "strategy";
+    readonly success: "success";
+    readonly sun: "sun";
+    readonly support: "support";
+    readonly sync: "sync";
+    readonly tag: "tag";
+    readonly 'target-2': "target-2";
+    readonly target: "target";
+    readonly 'task-alt': "task-alt";
+    readonly 'text-add': "text-add";
+    readonly textbox: "textbox";
+    readonly 'time-add': "time-add";
+    readonly timer: "timer";
+    readonly toolbox: "toolbox";
+    readonly tools: "tools";
+    readonly trash: "trash";
+    readonly trophy: "trophy";
+    readonly 'truck-trailer': "truck-trailer";
+    readonly update: "update";
+    readonly 'upload-cloud': "upload-cloud";
+    readonly upload: "upload";
+    readonly 'user-add': "user-add";
+    readonly 'user-details': "user-details";
+    readonly 'user-group': "user-group";
+    readonly 'user-id-badge': "user-id-badge";
+    readonly 'user-id-card': "user-id-card";
+    readonly 'user-recent': "user-recent";
+    readonly user: "user";
+    readonly verified: "verified";
+    readonly video: "video";
+    readonly 'view-cards': "view-cards";
+    readonly 'view-doc': "view-doc";
+    readonly 'view-grid': "view-grid";
+    readonly 'view-rows': "view-rows";
+    readonly 'view-table': "view-table";
+    readonly wand: "wand";
+    readonly warning: "warning";
+    readonly weight: "weight";
+    readonly widgets: "widgets";
+    readonly 'work-order': "work-order";
+    readonly 'wrench-2': "wrench-2";
+    readonly wrench: "wrench";
+    readonly x: "x";
+    readonly 'zoom-in': "zoom-in";
+    readonly 'zoom-out': "zoom-out";
+};
+
+declare type IconProps = Omit<BoxProps, 'size'> & SVGAttributes<SVGElement> & {
+    name: IconNamesList;
+    size?: AllowedIconSizes;
+    fill?: ColorToken;
+};
+
+export declare const Label: default_2.FC<LabelProps>;
+
+declare type LabelProps = Omit<BoxProps, keyof LabelVariantProps> & LabelVariantProps & {
+    htmlFor?: string;
+    children?: string | default_2.ReactNode;
+};
+
+export declare const Link: React.FC<LinkProps>;
+
+declare type LinkProps = Omit<BoxProps, keyof LinkVariantProps> & LinkVariantProps & {
+    href: string;
+    external?: boolean;
+    disabled?: boolean;
+    size?: FontSizeToken;
+    family?: FontToken;
+    italic?: boolean;
+    bold?: boolean;
+    weight?: FontWeightToken;
+    className?: string;
+    children?: React.ReactNode;
+};
+
+export declare const Menu: React.FC<MenuProps>;
+
+declare type MenuProps = Omit<BoxProps, keyof MenuVariantProps> & MenuVariantProps & {
+    menuSection: {
+        id?: string;
+        title?: string;
+        divider?: boolean;
+        spacer?: boolean;
+        link?: boolean;
+        items: {
+            id: string;
+            label: string;
+            description?: string;
+            value?: string;
+            iconName?: string;
+            children?: MenuProps['menuSection'];
+            disabled?: boolean;
+            href?: string;
+        }[];
+    }[];
+    iconPlacement?: 'left' | 'right';
+    variant?: 'single-select' | 'multi-select';
+    multiSelectType?: 'checkbox' | 'toggle';
+    onChange?: (selected: string[] | string | null) => void;
+};
+
+declare const numericSizes: {
+    '0': {
+        value: string;
+    };
+    '1': {
+        value: string;
+    };
+    '2': {
+        value: string;
+    };
+    '3': {
+        value: string;
+    };
+    '4': {
+        value: string;
+    };
+    '5': {
+        value: string;
+    };
+    '6': {
+        value: string;
+    };
+    '7': {
+        value: string;
+    };
+    '8': {
+        value: string;
+    };
+    '9': {
+        value: string;
+    };
+    '10': {
+        value: string;
+    };
+    '12': {
+        value: string;
+    };
+    '14': {
+        value: string;
+    };
+    '16': {
+        value: string;
+    };
+    '20': {
+        value: string;
+    };
+    '22': {
+        value: string;
+    };
+    '24': {
+        value: string;
+    };
+    '32': {
+        value: string;
+    };
+    '40': {
+        value: string;
+    };
+    '48': {
+        value: string;
+    };
+    '56': {
+        value: string;
+    };
+    '64': {
+        value: string;
+    };
+    '72': {
+        value: string;
+    };
+    '80': {
+        value: string;
+    };
+    '88': {
+        value: string;
+    };
+    '96': {
+        value: string;
+    };
+    '104': {
+        value: string;
+    };
+    '112': {
+        value: string;
+    };
+    '120': {
+        value: string;
+    };
+    '128': {
+        value: string;
+    };
+    '136': {
+        value: string;
+    };
+    '144': {
+        value: string;
+    };
+    '152': {
+        value: string;
+    };
+    '160': {
+        value: string;
+    };
+    '168': {
+        value: string;
+    };
+    '176': {
+        value: string;
+    };
+    '184': {
+        value: string;
+    };
+    '192': {
+        value: string;
+    };
+    '200': {
+        value: string;
+    };
+    '208': {
+        value: string;
+    };
+    '216': {
+        value: string;
+    };
+    '224': {
+        value: string;
+    };
+    '232': {
+        value: string;
+    };
+    '240': {
+        value: string;
+    };
+    '248': {
+        value: string;
+    };
+    '256': {
+        value: string;
+    };
+    '264': {
+        value: string;
+    };
+    '272': {
+        value: string;
+    };
+    '280': {
+        value: string;
+    };
+};
+
+declare type Position = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'bottom-start' | 'left-start' | 'right-start' | 'top-end' | 'bottom-end' | 'left-end' | 'right-end';
+
+export declare const Pre: React.FC<PreProps>;
+
+declare type PreProps = BoxProps & {
+    children: string | React.ReactNode;
+    lang?: string;
+    as?: string;
+};
+
+export declare const Radio: React.FC<RadioProps>;
+
+export declare const RadioInput: FC<RadioInputProps>;
+
+declare type RadioInputProps = BoxProps & RadioInputVariantProps & {
+    name: string;
+    id?: string;
+    error?: boolean;
+    children?: string | ReactNode;
+};
+
+declare type RadioProps = Omit<BoxProps, keyof RadioVariantProps> & RadioVariantProps & {
+    id?: string;
+    name: string;
+    disabled?: boolean;
+    error?: boolean;
+};
+
+export declare const Spinner: React.FC<SpinnerProps>;
+
+declare type SpinnerProps = Omit<BoxProps, keyof SpinnerVariantProps> & SpinnerVariantProps & {
+    size?: 'standard' | 'small' | 'large';
+    className?: string;
+};
+
+export declare const Tag: React.FC<TagProps>;
+
+declare type TagProps = BoxProps & TagVariantProps & {
+    children: string | ReactNode;
+    iconName?: IconNamesList;
+};
+
+declare const Text_2: default_2.FC<TextProps>;
+export { Text_2 as Text }
+
+export declare const Textarea: React.FC<TextareaProps>;
+
+declare type TextareaProps = Omit<BoxProps, keyof TextareaVariantProps> & TextareaVariantProps & {
+    name: string;
+    autoSize?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+    id?: string;
+};
+
+export declare const TextInput: React.FC<TextInputProps>;
+
+declare type TextInputProps = Omit<BoxProps, keyof TextinputVariantProps> & TextinputVariantProps & {
+    name: string;
+    error?: boolean;
+    id?: string;
+    'aria-describedby'?: string;
+} & AriaAttributes;
+
+declare type TextProps = Omit<BoxProps, keyof TextVariantProps> & TextVariantProps & {
+    italic?: boolean;
+    family?: FontToken;
+    bold?: boolean;
+    underline?: boolean;
+    size?: FontSizeToken;
+    weight?: FontWeightToken;
+    children?: string | default_2.ReactNode;
+    as?: ElementType;
+    className?: string;
+};
+
+export declare type Theme = 'light' | 'dark';
+
+declare interface ThemeContextType {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+}
+
+export declare function ThemeProvider({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;
+
+export declare function ThemeSwitcher(): JSX.Element;
+
+export declare const Toggle: default_2.FC<ToggleProps>;
+
+export declare const ToggleInput: FC<ToggleInputProps>;
+
+declare type ToggleInputProps = BoxProps & ToggleInputVariantProps & {
+    name: string;
+    id?: string;
+    error?: boolean;
+    children?: string | ReactNode;
+};
+
+declare type ToggleProps = Omit<BoxProps, keyof ToggleVariantProps> & ToggleVariantProps & {
+    name: string;
+    id?: string;
+    error?: boolean;
+    disabled?: boolean;
+};
+
+export declare const Tooltip: React.FC<TooltipProps>;
+
+declare type TooltipProps = Omit<BoxProps, keyof TooltipVariantProps> & TooltipVariantProps & {
+    text: string;
+    title?: string;
+    caret?: boolean;
+    position?: Position;
+    children?: ReactNode;
+    trigger?: 'onHover' | 'onClick';
+};
+
+export declare function useTheme(): ThemeContextType;
+
+export { }