@clickhouse/click-ui 0.0.25 → 0.0.28

package/dist/components/Accordion/Accordion.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
+/// <reference types="react" />
 import * as RadixAccordion from "@radix-ui/react-accordion";
-import { IconName, IconSize } from '../../components/Icon/types';
+import { IconSize } from '../../components/Icon/types';
+import { IconName } from '../../components';
 type Size = "sm" | "md" | "lg";
 export interface AccordionProps extends SizeProp, Omit<RadixAccordion.AccordionSingleProps, "type" | "collapsible"> {
     title: string;

package/dist/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { IconName } from '../../components/Icon/types';
+import { IconName } from '../../components';
+import React from "react";
 type ButtonType = "primary" | "secondary" | "danger";
 type Alignment = "center" | "left";
 export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {

package/dist/components/CardPrimary/CardPrimary.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '../../components/Icon/types';
+import { IconName } from '../../components';
 import { ReactNode } from "react";
 export interface CardPrimaryProps {
     title: string;

package/dist/components/CardSecondary/CardSecondary.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '../../components/Icon/types';
+import { IconName } from '../../components';
 import { ReactNode } from "react";
 export type BadgeState = "default" | "success" | "neutral" | "danger" | "disabled" | "warning" | "info";
 export interface CardSecondaryProps {

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,8 @@
 import * as RadixCheckbox from "@radix-ui/react-checkbox";
+import { ReactNode } from "react";
 export interface CheckboxProps extends RadixCheckbox.CheckboxProps {
-    label?: string;
+    label?: ReactNode;
+    orientation?: "vertical" | "horizontal";
+    dir?: "start" | "end";
 }
-export declare const Checkbox: ({ id, label, ...delegated }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: ({ id, label, disabled, orientation, dir, ...delegated }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CodeBlock/CodeBlock.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from "react";
+export type CodeThemeType = "light" | "dark";
+interface Props extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    language?: string;
+    children: string;
+    theme?: CodeThemeType;
+    showLineNumbers?: boolean;
+    showWrapButton?: boolean;
+    wrapLines?: boolean;
+}
+export declare const CodeBlock: ({ children, language, theme, showLineNumbers, showWrapButton, wrapLines, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CodeBlock/InlineCodeBlock.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from "react";
+export declare const InlineCodeBlock: (props: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CodeBlock/useColorStyle.d.ts

@@ -0,0 +1,115 @@
+import { CodeThemeType } from "./CodeBlock";
+declare const useColorStyle: (defaultTheme?: CodeThemeType) => {
+    hljs: {
+        display: string;
+        overflowX: string;
+        padding: string;
+        color: string;
+        background: string;
+        borderRadius: string;
+        font: string;
+    };
+    "hljs-comment": {
+        color: string;
+    };
+    "hljs-keyword": {
+        color: string;
+    };
+    "hljs-selector-tag": {
+        color: string;
+    };
+    "hljs-meta-keyword": {
+        color: string;
+    };
+    "hljs-doctag": {
+        color: string;
+    };
+    "hljs-section": {
+        color: string;
+    };
+    "hljs-selector-class": {
+        color: string;
+    };
+    "hljs-meta": {
+        color: string;
+    };
+    "hljs-selector-pseudo": {
+        color: string;
+    };
+    "hljs-attr": {
+        color: string;
+    };
+    "hljs-attribute": {
+        color: string;
+    };
+    "hljs-name": {
+        color: string;
+    };
+    "hljs-type": {
+        color: string;
+    };
+    "hljs-number": {
+        color: string;
+    };
+    "hljs-selector-id": {
+        color: string;
+    };
+    "hljs-quote": {
+        color: string;
+    };
+    "hljs-template-tag": {
+        color: string;
+    };
+    "hljs-built_in": {
+        color: string;
+    };
+    "hljs-title": {
+        color: string;
+    };
+    "hljs-literal": {
+        color: string;
+    };
+    "hljs-string": {
+        color: string;
+    };
+    "hljs-regexp": {
+        color: string;
+    };
+    "hljs-symbol": {
+        color: string;
+    };
+    "hljs-variable": {
+        color: string;
+    };
+    "hljs-template-variable": {
+        color: string;
+    };
+    "hljs-link": {
+        color: string;
+    };
+    "hljs-selector-attr": {
+        color: string;
+    };
+    "hljs-meta-string": {
+        color: string;
+    };
+    "hljs-bullet": {
+        color: string;
+    };
+    "hljs-code": {
+        color: string;
+    };
+    "hljs-deletion": {
+        color: string;
+    };
+    "hljs-addition": {
+        color: string;
+    };
+    "hljs-emphasis": {
+        fontStyle: string;
+    };
+    "hljs-strong": {
+        fontWeight: string;
+    };
+};
+export default useColorStyle;

package/dist/components/GenericMenu.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react" />
 export declare const GenericMenuPanel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $type: "popover" | "dropdown-menu" | "context-menu";
     $showArrow?: boolean | undefined;
@@ -8,6 +9,7 @@ export declare const GenericPopoverMenuPanel: import("styled-components").IStyle
     $showArrow?: boolean | undefined;
 }>>;
 export declare const Arrow: import("styled-components").IStyledComponent<"web", {
+    suppressHydrationWarning?: boolean | undefined;
     className?: string | undefined;
     color?: string | undefined;
     height?: string | number | undefined;