@clickhouse/click-ui 0.0.209 → 0.0.211

package/dist/components/Icon/types.d.ts

@@ -6,7 +6,7 @@ import { PaymentName, PaymentProps } from '../icons/Payments';
 
 export type IconSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
 export type IconState = "default" | "success" | "warning" | "danger" | "info";
-export declare const ICON_NAMES: readonly ["activity", "alarm", "arrow-down", "arrow-left", "arrow-right", "arrow-triangle", "arrow-directions", "arrow-up", "auth-app", "auth-sms", "backups", "bar-chart", "bell", "beta", "blog", "bold", "book", "brackets", "briefcase", "building", "burger-menu", "calendar", "calendar-with-time", "cards", "cell-tower", "chat", "chart-area", "chart-bar-horizontal", "chart-donut", "chart-heatmap", "chart-scatter", "chart-stacked-horizontal", "chart-stacked-vertical", "check", "check-in-circle", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle", "clock", "cloud", "cloud-keys", "code", "code-in-square", "connect", "connect-alt", "console", "copy", "cpu", "cross", "credit-card", "data", "database", "disk", "display", "document", "dot", "dots-horizontal", "dots-triangle", "dots-vertical", "dots-vertical-double", "double-check", "download", "download-in-circle", "email", "empty", "enter", "eye", "eye-closed", "filter", "fire", "flag", "flask", "folder-closed", "folder-open", "gear", "gift", "git-merge", "globe", "hexagon", "history", "horizontal-loading", "home", "http", "http-monitoring", "info-in-circle", "information", "insert-row", "integrations", "italic", "key", "keys", "lifebuoy", "light-bulb", "light-bulb-on", "lightening", "line-in-circle", "list-bulleted", "list-numbered", "loading", "loading-animated", "lock", "metrics", "metrics-alt", "minus", "mcp", "moon", "no-cloud", "pause", "payment", "pencil", "pie-chart", "pipe", "play", "play-in-circle", "plus", "popout", "puzzle-piece", "query", "question", "refresh", "rocket", "sandglass", "search", "secure", "server", "services", "settings", "share", "share-arrow", "share-network", "slide-in", "slide-out", "sort-alt", "sort", "sparkle", "speaker", "speed", "square", "star", "stop", "support", "table", "taxi", "trash", "tree-structure", "upgrade", "upload", "url", "user", "users", "underline", "warning", "waves"];
+export declare const ICON_NAMES: readonly ["activity", "alarm", "arrow-down", "arrow-left", "arrow-right", "arrow-triangle", "arrow-directions", "arrow-up", "auth-app", "auth-sms", "backups", "bar-chart", "bell", "beta", "blog", "bold", "book", "brackets", "briefcase", "building", "burger-menu", "calendar", "calendar-with-time", "cards", "cell-tower", "chat", "chart-area", "chart-bar-horizontal", "chart-donut", "chart-heatmap", "chart-scatter", "chart-stacked-horizontal", "chart-stacked-vertical", "check", "check-in-circle", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle", "clock", "cloud", "cloud-keys", "code", "code-in-square", "connect", "connect-alt", "console", "copy", "cpu", "cross", "credit-card", "data", "database", "disk", "display", "document", "dot", "dots-horizontal", "dots-triangle", "dots-vertical", "dots-vertical-double", "double-check", "download", "download-in-circle", "email", "empty", "enter", "eye", "eye-closed", "filter", "fire", "flag", "flask", "folder-closed", "folder-open", "gear", "gift", "git-merge", "globe", "hexagon", "history", "horizontal-loading", "home", "http", "http-monitoring", "info-in-circle", "information", "insert-row", "integrations", "italic", "key", "keys", "lifebuoy", "light-bulb", "light-bulb-on", "lightening", "line-in-circle", "list-bulleted", "list-numbered", "loading", "loading-animated", "lock", "metrics", "metrics-alt", "minus", "mcp", "moon", "no-cloud", "pause", "payment", "pencil", "pie-chart", "pipe", "play", "play-in-circle", "plus", "popout", "puzzle-piece", "query", "question", "refresh", "rocket", "sandglass", "search", "secure", "server", "services", "settings", "share", "share-arrow", "share-network", "slide-in", "slide-out", "sort-alt", "sort", "sparkle", "speaker", "speed", "square", "star", "stop", "support", "table", "taxi", "text-slash", "trash", "tree-structure", "upgrade", "upload", "url", "user", "users", "underline", "warning", "waves"];
 export type IconName = (typeof ICON_NAMES)[number];
 export interface IconProps extends SVGAttributes<HTMLOrSVGElement> {
     name: IconName;

package/dist/components/IconWrapper/IconWrapper.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { HorizontalDirection, IconName } from '..';
+import { GapOptions } from '../Container/Container';
 import { IconSize } from '../Icon/types';
 
 interface IconWrapperProps {
@@ -10,6 +11,7 @@ interface IconWrapperProps {
     height?: number | string;
     children: ReactNode;
     ellipsisContent?: boolean;
+    gap?: GapOptions;
 }
-declare const IconWrapper: ({ icon, iconDir, size, width, height, children, ellipsisContent, ...props }: IconWrapperProps) => import("react/jsx-runtime").JSX.Element;
+declare const IconWrapper: ({ icon, iconDir, size, width, height, children, ellipsisContent, gap, ...props }: IconWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export default IconWrapper;

package/dist/components/Select/CheckboxMultiSelect.d.ts

@@ -7,4 +7,5 @@ export declare const CheckboxMultiSelect: {
     ({ value: valueProp, defaultValue, onSelect: onSelectProp, options, children, onOpenChange: onOpenChangeProp, selectLabel, ...props }: CheckboxMultiSelectProps): import("react/jsx-runtime").JSX.Element;
     Group: import('react').ForwardRefExoticComponent<import('./common/types').SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<import('./common/InternalSelect').MultiSelectCheckboxItemProps & import('react').RefAttributes<HTMLDivElement>>;
+    ItemDescription: import('react').ForwardRefExoticComponent<import('..').TextProps<"p"> & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/components/Select/MultiSelect.d.ts

@@ -12,4 +12,5 @@ export declare const MultiSelect: {
     ({ value: valueProp, defaultValue, onSelect: onSelectProp, options, children, onOpenChange: onOpenChangeProp, ...props }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
     Group: import('react').ForwardRefExoticComponent<import('./common/types').SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<import('./common/types').SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
+    ItemDescription: import('react').ForwardRefExoticComponent<import('..').TextProps<"p"> & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/components/Select/SingleSelect.d.ts

@@ -14,4 +14,5 @@ export declare const Select: {
     ({ value: valueProp, defaultValue, onSelect: onSelectProp, options, children, onOpenChange: onOpenChangeProp, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
     Group: import('react').ForwardRefExoticComponent<import('./common/types').SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<import('./common/types').SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
+    ItemDescription: import('react').ForwardRefExoticComponent<import('..').TextProps<"p"> & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/components/Select/common/InternalSelect.d.ts

@@ -1,5 +1,5 @@
 import { SelectContainerProps, SelectGroupProps, SelectItemProps } from './types';
-import { CheckboxVariants } from '../..';
+import { CheckboxVariants, TextProps } from '../..';
 
 export declare const InternalSelect: ({ label, children, orientation, dir, disabled, id, error, value: selectedValues, onChange, onSelect, open, onOpenChange, name, form, allowCreateOption, customText, options, sortable, placeholder, multiple, checkbox, selectLabel, showSearch, container, useFullWidthItems, itemCharacterLimit, ...props }: SelectContainerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const SelectGroup: import('react').ForwardRefExoticComponent<SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -8,3 +8,4 @@ export type MultiSelectCheckboxItemProps = SelectItemProps & {
     variant?: CheckboxVariants;
 };
 export declare const MultiSelectCheckboxItem: import('react').ForwardRefExoticComponent<MultiSelectCheckboxItemProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectItemDescription: import('react').ForwardRefExoticComponent<TextProps<"p"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Select/common/SelectStyled.d.ts

@@ -29,3 +29,4 @@ export declare const SelectGroupContent: import('styled-components/dist/types').
 export declare const SelectNoDataContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $clickable: boolean;
 }>> & string;
+export declare const SelectItemDescriptionText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Select/common/types.d.ts

@@ -14,10 +14,12 @@ interface SelectItemComponentProps extends Omit<DivProps, "disabled" | "onSelect
 type SelectItemChildren = {
     children: ReactNode;
     label?: never;
+    description?: never;
 };
 type SelectItemLabel = {
     children?: never;
     label: ReactNode;
+    description?: ReactNode;
 };
 export type SelectItemProps = SelectItemComponentProps & (SelectItemChildren | SelectItemLabel);
 export interface SelectGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "heading"> {
@@ -25,14 +27,13 @@ export interface SelectGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "
     value?: never;
     onSelect?: never;
 }
-export interface SelectOptionItem extends Omit<SelectItemProps, "children" | "label"> {
-    heading?: never;
+export interface SelectOptionItem extends Omit<SelectItemProps, "children" | "label" | "description"> {
     label: ReactNode;
+    description?: ReactNode;
     [key: `data-${string}`]: string;
 }
-interface SelectGroupOptionItem extends Omit<SelectGroupProps, "children" | "label"> {
+interface SelectGroupOptionItem extends Omit<SelectGroupProps, "children" | "label" | "description"> {
     options: Array<SelectOptionItem>;
-    label?: never;
     [key: `data-${string}`]: string;
 }
 export type SelectOptionListItem = SelectGroupOptionItem | SelectOptionItem;

package/dist/components/Toast/Toast.d.ts

@@ -3,9 +3,10 @@ import { ButtonProps } from '..';
 
 import * as RadixUIToast from "@radix-ui/react-toast";
 export interface ToastContextProps {
-    createToast: (toast: ToastProps) => void;
+    createToast: (toast: ToastProps, align?: ToastAlignment) => void;
 }
 export declare const ToastContext: import('react').Context<ToastContextProps>;
+export type ToastAlignment = "start" | "end";
 export type ToastType = "danger" | "warning" | "default" | "success";
 export interface ToastProps {
     id?: string;
@@ -17,8 +18,12 @@ export interface ToastProps {
     actions?: Array<ButtonProps & {
         altText: string;
     }>;
+    align?: ToastAlignment;
 }
-export interface ToastProviderProps extends RadixUIToast.ToastProps {
-    align?: "start" | "end";
+export declare const Toast: ({ type, title, description, actions, duration, onClose, }: ToastProps & {
+    onClose: (open: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface ToastProviderProps extends RadixUIToast.ToastProviderProps {
+    align?: ToastAlignment;
 }
 export declare const ToastProvider: ({ children, align, ...props }: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/TextSlash.d.ts

@@ -0,0 +1,4 @@
+import { SVGAttributes } from 'react';
+
+declare const TextSlash: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default TextSlash;

package/dist/components/index.d.ts

@@ -69,4 +69,4 @@ export { createToast } from './Toast/toastEmitter';
 export { UserIcon as ProfileIcon } from './icons/UserIcon';
 export { default as VerticalStepper } from './VerticalStepper/VerticalStepper';
 export { MultiAccordion } from './MultiAccordion/MultiAccordion';
-export { ToastProvider } from './Toast/Toast';
+export { ToastProvider, Toast } from './Toast/Toast';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "0.0.209",
+  "version": "0.0.211",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",