@clickhouse/click-ui 0.0.0-alpha

package/dist/components/Tabs/Tabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,17 @@
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+export declare const TooltipProvider: ({ children, ...props }: RadixTooltip.TooltipProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: {
+    ({ children, ...props }: RadixTooltip.TooltipProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: {
+        (props: RadixTooltip.TooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ showArrow, children, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+interface TooltipContentProps extends RadixTooltip.TooltipContentProps {
+    showArrow?: boolean;
+}
+export {};

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,45 @@
+import { TooltipProps } from "@radix-ui/react-tooltip";
+interface Props extends TooltipProps {
+    showArrow?: boolean;
+    delayDuration?: number;
+    skipDelayDuration?: number;
+    disableHoverableContent?: boolean;
+    side: "top" | "right" | "left" | "bottom";
+}
+declare const _default: {
+    component: ({ delayDuration, skipDelayDuration, showArrow, disableHoverableContent, side, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    argTypes: {
+        open: {
+            control: string;
+            options: (boolean | undefined)[];
+        };
+        defaultOpen: {
+            control: string;
+        };
+        showArrow: {
+            control: string;
+        };
+        delayDuration: {
+            control: string;
+        };
+        skipDelayDuration: {
+            control: string;
+        };
+        disableHoverableContent: {
+            control: string;
+        };
+        side: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        side: string;
+        showArrow: boolean;
+    };
+};

package/dist/components/Tooltip/Tooltip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Typography/Text/Text.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export type TextColor = "default" | "muted";
+export type TextSize = "xs" | "sm" | "md" | "lg";
+export type TextWeight = "normal" | "medium" | "semibold" | "bold";
+export interface TextProps {
+    color?: TextColor;
+    size?: TextSize;
+    weight?: TextWeight;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const Text: import("styled-components").IStyledComponent<"web", {
+    color?: TextColor | undefined;
+    size?: TextSize | undefined;
+    weight?: TextWeight | undefined;
+    className?: string | undefined;
+    children?: React.ReactNode;
+}>;
+export { Text };

package/dist/components/Typography/Text/Text.stories.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+declare const _default: {
+    component: import("styled-components").IStyledComponent<"web", {
+        color?: import("./Text").TextColor | undefined;
+        size?: import("./Text").TextSize | undefined;
+        weight?: import("./Text").TextWeight | undefined;
+        className?: string | undefined;
+        children?: import("react").ReactNode;
+    }>;
+    title: string;
+    tags: string[];
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        size: string;
+        weight: string;
+        color: string;
+        children: string;
+    };
+};

package/dist/components/Typography/Text/Text.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Typography/Title/Title.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export type TitleColor = "default" | "muted";
+export type TitleSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type TitleFamily = "product" | "brand";
+export type TitleType = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export interface TitleProps {
+    color?: TitleColor;
+    size?: TitleSize;
+    family?: TitleFamily;
+    type: TitleType;
+    children?: React.ReactNode;
+}
+/** The `title` component allows you to easily add headings to your pages. They do not include built in margins. */
+export declare const Title: ({ size, family, type, color, children }: TitleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/Title/Title.stories.d.ts

@@ -0,0 +1,35 @@
+declare const _default: {
+    component: ({ size, family, type, color, children }: import("./Title").TitleProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        type: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        family: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        size: string;
+        type: string;
+        family: string;
+        color: string;
+        children: string;
+    };
+};

package/dist/components/Typography/Title/Title.test.d.ts

@@ -0,0 +1 @@
+export {};