@clickhouse/click-ui 0.0.5 → 0.0.6

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+declare const _default: {
+    component: import("react").ForwardRefExoticComponent<import("./IconButton").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        icon: string;
+    };
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+        icon: string;
+    };
+};
+export declare const Empty: {
+    args: {
+        display: string;
+        icon: string;
+    };
+};
+export declare const Small: {
+    args: {
+        size: string;
+        icon: string;
+    };
+};

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

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

package/dist/components/Panel/Panel.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type panelPadding = "none" | "xs" | "sm" | "md" | "lg" | "xl";
+export type panelColor = "default" | "muted" | "transparent";
+export interface panelProps {
+    hasBorder?: boolean;
+    hasShadow?: boolean;
+    color?: panelColor;
+    padding?: panelPadding;
+    children?: React.ReactNode;
+}
+export declare const Panel: ({ hasBorder, hasShadow, color, padding, children }: panelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+declare const _default: {
+    component: ({ hasBorder, hasShadow, color, padding, children }: import("./Panel").panelProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    argTypes: {
+        padding: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Playground: {
+    args: {
+        color: string;
+        padding: string;
+        hasBorder: boolean;
+        hasShadow: boolean;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,23 @@
+import * as RadixPopover from "@radix-ui/react-popover";
+import { ReactNode } from "react";
+export declare const Popover: {
+    ({ children, ...props }: RadixPopover.PopoverProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: {
+        ({ children, anchor, ...props }: TriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ children, showArrow, showClose, forceMount, container, ...props }: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+interface TriggerProps extends RadixPopover.PopoverTriggerProps {
+    anchor?: ReactNode;
+}
+interface PopoverContentProps extends RadixPopover.PopoverContentProps {
+    showArrow?: boolean;
+    showClose?: boolean;
+    forceMount?: true;
+    container?: HTMLElement | null;
+}
+export {};

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

@@ -0,0 +1,43 @@
+declare const _default: {
+    component: ({ open, modal, showArrow, showClose, forceMount, side, }: {
+        open: "default" | "open" | "closed";
+        modal: boolean;
+        showArrow: boolean;
+        showClose: boolean;
+        forceMount?: boolean | undefined;
+        side: "top" | "right" | "bottom" | "left";
+    }) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    argTypes: {
+        open: {
+            control: string;
+            options: string[];
+        };
+        modal: {
+            control: string;
+        };
+        showArrow: {
+            control: string;
+        };
+        showClose: {
+            control: string;
+        };
+        forceMount: {
+            control: string;
+        };
+        side: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        open: string;
+        showArrow: boolean;
+        showClose: boolean;
+        side: string;
+    };
+};

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

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

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,17 @@
+import * as RadixRadioGroup from "@radix-ui/react-radio-group";
+import { HTMLAttributes, ReactNode } from "react";
+export interface RadioGroupProps extends RadixRadioGroup.RadioGroupProps {
+    inline?: boolean;
+}
+export declare const RadioGroup: {
+    ({ children, inline, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+    Item: {
+        ({ id, label, value, disabled, required, ...props }: RadioGroupItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+interface RadioGroupInputProps extends RadixRadioGroup.RadioGroupItemProps {
+    label?: ReactNode;
+}
+export type RadioGroupItemProps = RadioGroupInputProps & HTMLAttributes<HTMLDivElement>;
+export {};

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

@@ -0,0 +1,39 @@
+import { RadioGroupProps } from "./RadioGroup";
+declare const _default: {
+    component: (props: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+    argTypes: {
+        disabled: {
+            control: string;
+        };
+        required: {
+            control: string;
+        };
+        inline: {
+            control: string;
+        };
+        dir: {
+            control: string;
+            options: string[];
+        };
+        orientation: {
+            control: string;
+            options: string[];
+        };
+        loop: {
+            control: string;
+            options: (boolean | undefined)[];
+        };
+        value: {
+            control: string;
+            options: (string | undefined)[];
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        disabled: boolean;
+    };
+};

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

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

package/dist/components/Separator/Separator.d.ts

@@ -0,0 +1,6 @@
+import * as RadixSeparator from "@radix-ui/react-separator";
+interface Props extends RadixSeparator.SeparatorProps {
+    size: "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+}
+declare const Separator: ({ orientation, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Separator;

package/dist/components/SidebarNavigationItem/SidebarNavigationItem.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { IconName } from '../../components/Icon/types';
+interface DefaultSidebarNavigationItemProps extends React.HTMLAttributes<HTMLButtonElement> {
+    collapsible?: false | undefined | null;
+    label?: undefined;
+    icon?: IconName;
+    children: React.ReactNode;
+}
+interface CollapsibleSidebarNavigationItemProps extends React.HTMLAttributes<HTMLButtonElement> {
+    collapsible: true;
+    label: string;
+    icon?: IconName;
+    children: React.ReactNode;
+}
+export type SidebarNavigationItemProps = DefaultSidebarNavigationItemProps | CollapsibleSidebarNavigationItemProps;
+declare const SidebarNavigationItem: ({ icon, collapsible, children, label, }: SidebarNavigationItemProps) => import("react/jsx-runtime").JSX.Element;
+export { SidebarNavigationItem };

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

@@ -0,0 +1,20 @@
+declare const _default: {
+    component: ({ icon, collapsible, children, label, }: import('../../components').SidebarNavigationItemProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    tags: string[];
+};
+export default _default;
+export declare const Default: {
+    args: {
+        icon: string;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export declare const Collapsible: {
+    args: {
+        icon: string;
+        collapsible: boolean;
+        label: string;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};

package/dist/components/Spacer/Spacer.d.ts

@@ -0,0 +1,4 @@
+export interface SpacerProps {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+}
+export declare const Spacer: ({ size }: SpacerProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,7 @@
+import * as RadixSwitch from "@radix-ui/react-switch";
+interface SwitchProps extends RadixSwitch.SwitchProps {
+    checked: boolean;
+    disabled?: boolean;
+}
+export declare const Switch: ({ checked, disabled, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export {};