@andreyfedkovich/cozy-ui 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -0,0 +1,6 @@
+# Changelog
+
+## 0.2.1
+
+- **fix:** Published `dist-lib/index.d.ts` is now the real rolled-up declaration bundle (no broken stub pointing at `../dist/lib/index`). `vite-plugin-dts` writes types to the same `outDir` as the library build (`dist-lib`).
+- **fix:** Ship `dist-lib/svg-react-shim.d.ts` and a `/// <reference />` in `index.d.ts` so consumers typecheck `*.svg?react` imports from the bundle without missing-module errors (including with `skipLibCheck: false`).

package/dist-lib/index.d.ts

@@ -1,2 +1,732 @@
-export * from '../dist/lib/index'
-export {}
+/// <reference path="./svg-react-shim.d.ts" />
+import { default as ArrowDownBlueIcon } from './arrowDownBlue.svg?react';
+import { default as ArrowDownIcon } from './arrowDown.svg?react';
+import { default as ArrowRightIcon } from './arrowRight.svg?react';
+import { ButtonHTMLAttributes } from 'react';
+import { default as CameraIcon } from './camera.svg?react';
+import { default as CancelIcon } from './cancel.svg?react';
+import { default as ChartIcon } from './chart.svg?react';
+import { default as ChatIcon } from './chat.svg?react';
+import { default as CheckGreen } from './checkGreen.svg?react';
+import { default as ClockFilledIcon } from './clockFilled.svg?react';
+import { default as ClockIcon } from './clock.svg?react';
+import { default as CloseRed } from './closeRed.svg?react';
+import { default as CopyIcon } from './copy.svg?react';
+import { default as CrossIcon } from './cross.svg?react';
+import { default as default_2 } from 'react';
+import { default as DoneIcon } from './done.svg?react';
+import { default as DownloadIcon } from './download.svg?react';
+import { default as EditIcon } from './edit.svg?react';
+import { default as EmptyIcon } from './empty.svg?react';
+import { default as EnvelopIcon } from './envelop.svg?react';
+import { FC } from 'react';
+import { default as FeedbackIcon } from './feedback.svg?react';
+import { default as FileReloadIcon } from './fileReload.svg?react';
+import { default as FileSync } from './fileSync.svg?react';
+import { default as FilterIcon } from './filter.svg?react';
+import { default as FolderEditIcon } from './folderEdit.svg?react';
+import { default as GraduateIcon } from './graduate.svg?react';
+import { default as GridIcon } from './grid.svg?react';
+import { default as HeartIcon } from './heart.svg?react';
+import { default as HelpIcon } from './help.svg?react';
+import { default as HistoryBlue } from './historyBlue.svg?react';
+import { default as HomeIcon } from './home.svg?react';
+import { HTMLAttributes } from 'react';
+import { default as InfoIcon } from './info.svg?react';
+import { default as IslandIcon } from './island.svg?react';
+import { JSX } from 'react/jsx-runtime';
+import { default as ListIcon } from './list.svg?react';
+import { default as MarketIcon } from './market.svg?react';
+import { default as MegaphoneIcon } from './megaphone.svg?react';
+import { MemoExoticComponent } from 'react';
+import { default as MessageIcon } from './message.svg?react';
+import { default as NotebookIcon } from './notebook.svg?react';
+import { default as PhoneIcon } from './phone.svg?react';
+import { default as PlaneIcon } from './plane.svg?react';
+import { default as ProfileIcon } from './profile.svg?react';
+import { default as ProfileSearchIcon } from './profileSearch.svg?react';
+import { PropsWithChildren } from 'react';
+import * as React_2 from 'react';
+import { ReactNode } from 'react';
+import { RefObject } from 'react';
+import { default as ReloadIcon } from './reload.svg?react';
+import { default as SchoolIcon } from './school.svg?react';
+import { default as SearchIcon } from './search.svg?react';
+import { default as SettingsIcon } from './settings.svg?react';
+import { default as TaskListIcon } from './taskList.svg?react';
+import { default as TimesheetIcon } from './timesheet.svg?react';
+import { default as TrendUpIcon } from './trendUp.svg?react';
+import { default as UserSwitchIcon } from './userSwitch.svg?react';
+import { default as WalletIcon } from './wallet.svg?react';
+import { default as WarnIcon } from './warn.svg?react';
+
+export declare type ApprovalLevel = {
+    id: string;
+    name: string;
+    status: "completed" | "current" | "pending";
+    stages: ApprovalStage[];
+};
+
+export declare const ApprovalRoute: default_2.FC<ApprovalRouteProps>;
+
+export declare interface ApprovalRouteProps {
+    levels: ApprovalLevel[];
+    editable?: boolean;
+    title?: string;
+    eyebrow?: string;
+    className?: string;
+    loadApprovers?: (params: LoadOptionsParams_2) => Promise<LoadOptionsResult_2>;
+    onAddLevel?: (name: string) => void;
+    onRemoveLevel?: (levelId: string) => void;
+    onAddStage?: (levelId: string, name: string) => void;
+    onRemoveStage?: (levelId: string, stageId: string) => void;
+    onAddApprover?: (levelId: string, stageId: string, person: CustomOption<unknown, string>) => void;
+    onRemoveApprover?: (levelId: string, stageId: string, approverId: string) => void;
+}
+
+export declare type ApprovalStage = {
+    id: string;
+    name: string;
+    approvers: Approver[];
+};
+
+export declare type ApprovalStatus = "pending" | "approved" | "rejected";
+
+export declare type Approver = {
+    id: string;
+    fullName: string;
+    status?: ApprovalStatus;
+    actedAt?: string;
+    rejectReason?: string;
+};
+
+export { ArrowDownBlueIcon }
+
+export { ArrowDownIcon }
+
+export { ArrowRightIcon }
+
+export declare const BaseBlock: FC<BaseBlockProps>;
+
+declare interface BaseBlockProps {
+    id?: string;
+    title?: string | ReactNode;
+    subtitle?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+
+export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    className?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    children?: default_2.ReactNode;
+}
+
+declare type ButtonSize = "small" | "medium" | "large";
+
+declare type ButtonVariant = "default" | "primary" | "secondary" | "text" | "link" | "danger";
+
+export { CameraIcon }
+
+export { CancelIcon }
+
+export declare const Card: FC<CardProps>;
+
+declare interface CardProps {
+    text: string;
+    width?: number;
+    height?: number;
+    className?: string;
+    backgroundColor?: string;
+    imageUrl?: string;
+    textColor?: string;
+    link?: string;
+}
+
+export declare const Carousel: <T extends {
+    id: string | number;
+    caption?: string;
+}>(props: CarouselProps<T>) => JSX.Element | null;
+
+export declare type CarouselProps<T extends {
+    id: string | number;
+    caption?: string;
+}> = (CarouselSharedProps & {
+    items: T[];
+    renderItem: (item: T) => ReactNode;
+}) | (CarouselSharedProps & {
+    children: ReactNode;
+});
+
+declare type CarouselSharedProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    dark?: boolean;
+    enableTouch?: boolean;
+    fade?: boolean;
+    interval?: number | string | boolean;
+    keyboard?: boolean;
+    pause?: "hover" | false;
+    ride?: "carousel";
+    slide?: boolean;
+};
+
+export { ChartIcon }
+
+export { ChatIcon }
+
+export { CheckGreen }
+
+export { ClockFilledIcon }
+
+export { ClockIcon }
+
+export { CloseRed }
+
+export declare const CollapsableBlock: React_2.FC<Props_2>;
+
+export declare const Collapse: FC<CollapseProps>;
+
+declare interface CollapseProps {
+    header: ReactNode;
+    content: ReactNode;
+    onToggle?: () => void;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    className?: string;
+    id?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+    iconClassName?: string;
+}
+
+export declare enum Colors {
+    BLUE_01 = "#D3E8FA",
+    BLUE_02 = "#4573D9",
+    BLUE_03 = "#4573D9",
+    BLUE_04 = "#4573D9",
+    BLUE_05 = "#001A3D",
+    GRAY_01 = "#F4F7FA",
+    GRAY_02 = "#c8c7cc",
+    GRAY_03 = "#808080",
+    GRAY_04 = "#525252",
+    GRAY_05 = "#2A2A2A",
+    GRAY_06 = "#AEBFDE",
+    GRAY_07 = "#DDE5F5",
+    WHITE_01 = "#FFFFFF",
+    BLACK_01 = "#000000",
+    GREEN_01 = "#C4F2E8",
+    GREEN_02 = "#00A582",
+    ORANGE_01 = "#F9E1D7",
+    ORANGE_02 = "#FF6B2C",
+    RED_01 = "#FFEEEE",
+    RED_02 = "#D72D40",
+    YELLOW_01 = "#FFF1D8",
+    YELLOW_02 = "#FFA300"
+}
+
+export { CopyIcon }
+
+export declare const CopyTextTrigger: MemoExoticComponent<({ children, onClick, copied, tooltipText, ariaLabel, showIcon, className, }: CopyTextTriggerProps) => JSX.Element>;
+
+export declare interface CopyTextTriggerProps {
+    children: ReactNode;
+    onClick: () => void;
+    copied: boolean;
+    tooltipText?: string;
+    ariaLabel?: string;
+    showIcon?: boolean;
+    className?: string;
+}
+
+export { CrossIcon }
+
+export declare interface CustomOption<T, S = string> {
+    value: S;
+    label: string;
+    meta?: T;
+}
+
+declare type CustomSelectProps<T, S> = {
+    onChange?: (option: CustomOption<T, S>) => void;
+    options?: CustomOption<T, S>[];
+    placeholder: string;
+    dropdownRender?: (menu: ReactNode) => ReactNode;
+    optionRender?: (option: CustomOption<T, S>) => ReactNode;
+    selectedOptionRender?: (option: CustomOption<T, S>) => ReactNode;
+    tagRender?: (option: CustomOption<T, S>) => ReactNode;
+    emptyComponent?: ReactNode;
+    dropdownIcon?: ReactNode;
+    dropDownClassName?: string;
+    optionClassName?: string;
+    inputClassName?: string;
+    tagClassName?: string;
+    searchClassName?: string;
+    searchPlaceholder?: string;
+    deleteIconClassName?: string;
+    onDelete?: (option: CustomOption<T, S>) => void;
+    onClear?: () => void;
+    icon?: ReactNode;
+    label?: ReactNode;
+    onSearch?: (value: string) => void;
+    isLoading?: boolean;
+    disabled?: boolean;
+    onClose?: () => void;
+    portalTarget?: Element;
+    error?: string | null;
+    fixedHeight?: boolean;
+    template?: "list" | "table";
+    columns?: SelectColumn<T, S>[];
+    total?: number;
+} & ModeProps<T, S>;
+
+export declare const DialogSelect: <T, S extends string | number>({ value, placeholder, loadOptions, onChange, onClear, columns, label, title, searchPlaceholder, selectButtonText, closeButtonText, manualButtonText, onManualAdd, pageSize, debounceMs, disabled, error, className, inputClassName, selectedOptionRender, }: DialogSelectProps<T, S>) => JSX.Element;
+
+export declare type DialogSelectColumn<T, S extends string | number> = {
+    key: string;
+    title: ReactNode;
+    className?: string;
+    render: (option: CustomOption<T, S>) => ReactNode;
+};
+
+export declare interface DialogSelectProps<T, S extends string | number> {
+    value?: CustomOption<T, S> | null;
+    placeholder: string;
+    loadOptions: (params: LoadOptionsParams) => Promise<LoadOptionsResult<T, S>>;
+    onChange?: (option: CustomOption<T, S>) => void;
+    onClear?: () => void;
+    columns?: DialogSelectColumn<T, S>[];
+    label?: ReactNode;
+    title?: ReactNode;
+    searchPlaceholder?: string;
+    selectButtonText?: string;
+    closeButtonText?: string;
+    manualButtonText?: string;
+    onManualAdd?: () => void;
+    pageSize?: number;
+    debounceMs?: number;
+    disabled?: boolean;
+    error?: string | null;
+    className?: string;
+    inputClassName?: string;
+    selectedOptionRender?: (option: CustomOption<T, S>) => ReactNode;
+}
+
+export { DoneIcon }
+
+export { DownloadIcon }
+
+declare type DropdownPosition = "top" | "bottom";
+
+export { EditIcon }
+
+export declare const EmptyComponent: default_2.FC<EmptyComponentProps>;
+
+declare interface EmptyComponentProps {
+    svg?: default_2.ReactNode;
+    title?: string;
+    /** Secondary line under the title (alias of {@link subtitle}). */
+    description?: string;
+    subtitle?: string;
+    content?: ReactNode;
+    className?: string;
+}
+
+export { EmptyIcon }
+
+export { EnvelopIcon }
+
+export { FeedbackIcon }
+
+export { FileReloadIcon }
+
+export { FileSync }
+
+export { FilterIcon }
+
+export { FolderEditIcon }
+
+export { GraduateIcon }
+
+export { GridIcon }
+
+export { HeartIcon }
+
+export { HelpIcon }
+
+export { HistoryBlue }
+
+export { HomeIcon }
+
+export { InfoIcon }
+
+export declare const InputCaption: React_2.FC<PropsWithChildren<InputCaptionProps>>;
+
+declare interface InputCaptionProps {
+    isFullWidth?: boolean;
+    /** Visual tone. Defaults to `error` for backwards compatibility with validation messages. */
+    variant?: InputCaptionVariant;
+    /** @deprecated Use {@link variant} */
+    type?: InputCaptionVariant;
+}
+
+export declare type InputCaptionVariant = "neutral" | "error" | "success";
+
+export { IslandIcon }
+
+export declare const Label: ({ htmlFor, children, className }: LabelProps) => JSX.Element;
+
+declare interface LabelProps {
+    htmlFor?: string;
+    children: ReactNode;
+    className?: string;
+}
+
+export { ListIcon }
+
+declare type LoadOptionsParams = {
+    search: string;
+    page: number;
+    pageSize: number;
+};
+
+declare type LoadOptionsParams_2 = {
+    search: string;
+    page: number;
+    pageSize: number;
+};
+
+declare type LoadOptionsResult<T, S extends string | number> = {
+    options: CustomOption<T, S>[];
+    total?: number;
+    hasNextPage?: boolean;
+};
+
+declare type LoadOptionsResult_2 = {
+    options: CustomOption<unknown, string>[];
+    total?: number;
+};
+
+export { MarketIcon }
+
+export { MegaphoneIcon }
+
+export { MessageIcon }
+
+declare type ModeProps<T, S> = {
+    mode: "single";
+    value?: CustomOption<T, S> | null;
+} | {
+    mode: "multiple";
+    value: CustomOption<T, S>[];
+};
+
+export { NotebookIcon }
+
+export { PhoneIcon }
+
+export { PlaneIcon }
+
+export declare const Popover: (props: PopoverProps) => JSX.Element;
+
+declare type PopoverPlacement = "top" | "bottom" | "left" | "right" | `${"top" | "bottom" | "left" | "right"}-${"start" | "end"}`;
+
+declare type PopoverProps = PopoverSharedProps & ({
+    trigger: ReactNode;
+    target?: never;
+} | {
+    /** Legacy: ref to an existing element that toggles the popover. */ target: RefObject<HTMLElement | null>;
+    trigger?: never;
+});
+
+declare interface PopoverSharedProps {
+    children?: ReactNode;
+    placement?: PopoverPlacement;
+    className?: string;
+    isOpen?: boolean;
+    toggle?: () => void;
+    onOpenChange?: (isOpen: boolean) => void;
+}
+
+export { ProfileIcon }
+
+export { ProfileSearchIcon }
+
+declare interface Props {
+    marginTop?: React_2.CSSProperties["marginTop"];
+    marginBottom?: React_2.CSSProperties["marginBottom"];
+    marginLeft?: React_2.CSSProperties["marginLeft"];
+    /** `medium` → small wheel, `large` → big wheel; legacy names `big` \| `small` \| `extraSmall` unchanged. */
+    size?: SpinnerSize;
+    className?: string;
+}
+
+declare interface Props_2 extends CollapseProps {
+    infoTooltipContent?: ReactNode;
+}
+
+declare interface Props_3 {
+    className?: string;
+    tabsClassName?: string;
+    items: TabItemRounded[];
+    value?: string | number;
+    onValueChange?: (value: string | number) => void;
+    /** Legacy */
+    activeTab?: number;
+    onClick?: (activeTabIndex: number) => void;
+}
+
+declare interface Props_4 {
+    className?: string;
+    onClick?: () => void;
+    isSubjectEmployee?: boolean;
+    isSmall?: boolean;
+}
+
+export declare const RadioGroupButton: <T extends string | number>({ options, value, defaultValue, data, activeButton, defaultActiveButton, onChange, }: RadioGroupButtonProps<T>) => JSX.Element;
+
+export declare interface RadioGroupButtonChoice<T extends string | number> {
+    value: T;
+    label: string;
+    additionalComponent?: React.ReactNode;
+}
+
+export declare interface RadioGroupButtonOption<T> {
+    id: T;
+    label: string;
+    additionalComponent?: React.ReactNode;
+}
+
+declare interface RadioGroupButtonProps<T extends string | number> {
+    /** Preferred API — matches typical form control naming. */
+    options?: RadioGroupButtonChoice<T>[];
+    value?: T;
+    defaultValue?: T;
+    /** @deprecated Use {@link options} with `{ value, label }`. */
+    data?: RadioGroupButtonOption<T>[];
+    /** @deprecated Use {@link value}. */
+    activeButton?: T;
+    /** @deprecated Use {@link defaultValue}. */
+    defaultActiveButton?: T;
+    onChange?: (value: T) => void;
+}
+
+export { ReloadIcon }
+
+export { SchoolIcon }
+
+export { SearchIcon }
+
+export declare const Select: <T, S extends string | number>({ options, value, mode, placeholder, onChange, dropdownRender, optionRender, selectedOptionRender, dropdownIcon, tagRender, dropDownClassName, optionClassName, inputClassName, deleteIconClassName, onDelete, onClear, label, onSearch, searchClassName, searchPlaceholder, isLoading, disabled, onClose, portalTarget, error, fixedHeight, template, columns, total, }: CustomSelectProps<T, S>) => JSX.Element;
+
+export declare type SelectColumn<T, S> = {
+    key: string;
+    title: ReactNode;
+    className?: string;
+    render: (option: CustomOption<T, S>) => ReactNode;
+};
+
+export { SettingsIcon }
+
+export declare const Spinner: React_2.FC<Props>;
+
+declare type SpinnerSize = "big" | "small" | "extraSmall" | "medium" | "large";
+
+export declare const Stepper: default_2.FC<StepperProps>;
+
+export declare type StepperItem = {
+    label?: ReactNode;
+    content?: ReactNode;
+};
+
+export declare interface StepperProps {
+    items: StepperItem[];
+    current: number;
+    onChange?: (index: number) => void;
+    showCheckOnCompleted?: boolean;
+    className?: string;
+}
+
+export declare type TabItem = TabItemLegacy_2 | {
+    value: string | number;
+    label: string;
+    className?: string;
+    header?: string;
+};
+
+declare type TabItemLegacy = {
+    title: string;
+    className?: string;
+    needNotification?: boolean;
+    header?: string;
+};
+
+declare type TabItemLegacy_2 = {
+    title: string;
+    className?: string;
+    header?: string;
+};
+
+export declare type TabItemRounded = TabItemLegacy | {
+    value: string | number;
+    label: string;
+    className?: string;
+    needNotification?: boolean;
+    header?: string;
+};
+
+export declare const Tabs: React_2.MemoExoticComponent<({ items, value, onValueChange, activeTab, className, tabsClassName, changesIndex, badgeValue, sliderClassName, onClick, }: TabsProps) => JSX.Element>;
+
+declare interface TabsProps {
+    items: TabItem[];
+    /** Preferred: controlled tab id (matches `items[].value`). */
+    value?: string | number;
+    onValueChange?: (value: string | number) => void;
+    /** Legacy: controlled tab index */
+    activeTab?: number;
+    /** Legacy */
+    onClick?: (activeTabIndex: number) => void;
+    changesIndex?: number;
+    /** Arbitrary numeric label for the tab at `changesIndex` (semantics defined by the consumer). */
+    badgeValue?: number;
+    className?: string;
+    tabsClassName?: string;
+    sliderClassName?: string;
+}
+
+export declare const TabsRounded: React_2.FC<Props_3>;
+
+export declare const Tag: FC<PropsWithChildren<Props_4>>;
+
+export { TaskListIcon }
+
+export { TimesheetIcon }
+
+export declare const TooltipDark: MemoExoticComponent<({ title, content, open: openProp, defaultOpen, trigger, mouseEnterDelay, mouseLeaveDelay, onOpenChange, placement, arrow, children, overlayClassName, getPopupContainer, }: TooltipProps) => JSX.Element>;
+
+export declare const TooltipLight: FC<TooltipLightProps>;
+
+declare interface TooltipLightProps {
+    children?: ReactNode;
+    target: TooltipTarget;
+    placement?: TooltipPlacement_2;
+    popperClassName?: string;
+    isOpen?: boolean;
+    toggle?: () => void;
+    delay?: number | {
+        show?: number;
+        hide?: number;
+    };
+    autohide?: boolean;
+}
+
+export declare type TooltipPlacement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom";
+
+declare type TooltipPlacement_2 = "top" | "bottom" | "left" | "right" | `${"top" | "bottom" | "left" | "right"}-${"start" | "end"}`;
+
+export declare interface TooltipProps {
+    title?: ReactNode;
+    /** Alias for {@link title}. If both are set, `title` wins. */
+    content?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    trigger?: TooltipTrigger | TooltipTrigger[];
+    mouseEnterDelay?: number;
+    mouseLeaveDelay?: number;
+    onOpenChange?: (open: boolean) => void;
+    placement?: TooltipPlacement;
+    arrow?: boolean;
+    children: ReactNode;
+    overlayClassName?: string;
+    getPopupContainer?: () => HTMLElement;
+}
+
+declare type TooltipTarget = string | HTMLElement | RefObject<HTMLElement | null>;
+
+export declare type TooltipTrigger = "hover" | "click";
+
+export declare const TreeDialogSelect: <T, S extends string | number>({ value, placeholder, loadChildren: loadChildrenProp, loadNodes, searchNodes, onChange, onClear, label, title, searchPlaceholder, selectButtonText, closeButtonText, confirmButtonText, debounceMs, disabled, error, className, inputClassName, selectedOptionRender, nodeRender, }: TreeDialogSelectProps<T, S>) => JSX.Element;
+
+/** Pass either {@link loadNodes} or {@link loadChildren} (deprecated alias). */
+export declare type TreeDialogSelectProps<T, S extends string | number> = TreeDialogSelectShared<T, S> & ({
+    /** Loads nodes for a tree level (`parentId` null = roots). */ loadNodes: TreeLoader<T, S>;
+    loadChildren?: TreeLoader<T, S>;
+} | {
+    /** @deprecated Use {@link loadNodes} */ loadChildren: TreeLoader<T, S>;
+    loadNodes?: TreeLoader<T, S>;
+});
+
+declare interface TreeDialogSelectShared<T, S extends string | number> {
+    value?: TreeNode<T, S> | null;
+    placeholder: string;
+    searchNodes?: (search: string) => Promise<TreeSearchResult<T, S>>;
+    onChange?: (node: TreeNode<T, S>) => void;
+    onClear?: () => void;
+    label?: ReactNode;
+    title?: ReactNode;
+    searchPlaceholder?: string;
+    selectButtonText?: string;
+    closeButtonText?: string;
+    confirmButtonText?: string;
+    debounceMs?: number;
+    disabled?: boolean;
+    error?: string | null;
+    className?: string;
+    inputClassName?: string;
+    selectedOptionRender?: (node: TreeNode<T, S>) => ReactNode;
+    nodeRender?: (node: TreeNode<T, S>) => ReactNode;
+}
+
+declare type TreeLoader<T, S extends string | number> = (params: TreeLoadParams<S>) => Promise<TreeLoadResult<T, S>>;
+
+export declare type TreeLoadParams<S extends string | number> = {
+    parentId: S | null;
+    search: string;
+};
+
+export declare type TreeLoadResult<T, S extends string | number> = {
+    nodes: TreeNode<T, S>[];
+};
+
+export declare type TreeNode<T, S extends string | number> = {
+    value: S;
+    label: string;
+    hasChildren?: boolean;
+    meta?: T;
+};
+
+export declare type TreeSearchResult<T, S extends string | number> = {
+    matches: Array<{
+        node: TreeNode<T, S>;
+        path: TreeNode<T, S>[];
+    }>;
+};
+
+export { TrendUpIcon }
+
+export declare const useDropdownPosition: ({ triggerRef, dropdownHeight, offset, enabled, onAnchorFrame, }: UseDropdownPositionProps) => DropdownPosition;
+
+declare interface UseDropdownPositionProps {
+    triggerRef: React.RefObject<HTMLElement | null>;
+    dropdownHeight: number;
+    offset?: number;
+    /** When false, skips scroll/layout listeners (e.g. closed dropdown). Defaults to true. */
+    enabled?: boolean;
+    onAnchorFrame?: (placement: DropdownPosition) => void;
+}
+
+export declare const useMeasureElement: (element?: HTMLElement | null) => {
+    height: number;
+    width: number;
+};
+
+export { UserSwitchIcon }
+
+export { WalletIcon }
+
+export { WarnIcon }
+
+export { }

package/dist-lib/svg-react-shim.d.ts

@@ -0,0 +1,5 @@
+declare module "*.svg?react" {
+  import type { FC, SVGProps } from "react";
+  const ReactComponent: FC<SVGProps<SVGSVGElement>>;
+  export default ReactComponent;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@andreyfedkovich/cozy-ui",
   "private": false,
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Cozy UI — a premium, opinionated React component library for crafted product UIs. Typed, themeable, SSR-safe, tree-shakeable.",
   "keywords": [
     "react",
@@ -44,10 +44,12 @@
   },
   "files": [
     "dist-lib/index.d.ts",
+    "dist-lib/svg-react-shim.d.ts",
     "dist-lib/styles.css",
     "dist-lib/ui-library.es.js",
     "dist-lib/ui-library.cjs.js",
     "dist-lib/*.map",
+    "CHANGELOG.md",
     "README.md"
   ],
   "peerDependencies": {