@anker-in/headless-ui 1.0.10-temp-onclick → 1.0.10-temp-21

package/dist/cjs/packages/ui/src/stories/button.stories.d.ts

@@ -0,0 +1,48 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/button.js").ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        hoverEffect: {
+            description: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        variant: "primary";
+        size: "base";
+        children: string;
+        asChild: false;
+        disabled: false;
+        loading: false;
+        hoverEffect: "none";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Link: Story;
+export declare const WithIcon: Story;
+export declare const Aschild: Story;
+export declare const Spinner: Story;

package/dist/cjs/packages/ui/src/stories/checkbox.stories.d.ts

@@ -0,0 +1,46 @@
+import type { StoryObj } from '@storybook/react/*';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/checkbox.js").CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        size: "base";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/packages/ui/src/stories/container.stories.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Container } from '../components/index.js';
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+        children?: React.ReactNode;
+        className?: string;
+        type?: "default" | "home" | "none";
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        type: {
+            description: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        type: "default";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Container>;
+export declare const Default: Story;

package/dist/cjs/packages/ui/src/stories/dialog.stories.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Dialog } from '../components/index.js';
+import type { StoryObj } from '@storybook/react/*';
+declare const meta: {
+    title: string;
+    component: React.FC<import("@radix-ui/react-dialog").DialogProps>;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const Default: Story;

package/dist/cjs/packages/ui/src/stories/grid.stories.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { Container } from '../components/index.js';
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+        children?: React.ReactNode;
+        className?: string;
+        type?: "default" | "home" | "none";
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        type: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        type: "default";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Container>;
+export declare const Default: Story;

package/dist/cjs/packages/ui/src/stories/heading.stories.d.ts

@@ -0,0 +1,82 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/heading.js").HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: (string | number)[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        weight: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        align: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: undefined;
+                };
+            };
+        };
+        color: {
+            control: {
+                type: "color";
+            };
+        };
+        as: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        html: {
+            type: "string";
+            description: string;
+        };
+    };
+    args: {
+        as: "h1";
+        size: "none";
+        weight: "normal";
+        align: "left";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const All: Story;

package/dist/cjs/packages/ui/src/stories/input.stories.d.ts

@@ -0,0 +1,35 @@
+import type { StoryObj } from '@storybook/react';
+import type { ComponentType } from 'react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/input.js").InputProps & React.RefAttributes<HTMLInputElement>>;
+    subcomponents: {
+        InputSlot: ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        size: "base";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithButton: Story;
+export declare const WithIcon: Story;

package/dist/cjs/packages/ui/src/stories/picture.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ imgClassName, source, quality, deviceSizes, ...rest }: import("../components/picture.js").PictureProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NotMatchDomain: Story;

package/dist/cjs/packages/ui/src/stories/popover.stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.FC<import("@radix-ui/react-popover").PopoverProps>;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/packages/ui/src/stories/radio.stories.d.ts

@@ -0,0 +1,39 @@
+import type { StoryObj } from '@storybook/react/*';
+import { RadioGroup } from '../components/index.js';
+import React, { type ComponentType } from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/radio.js").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    subcomponents: {
+        RadioGroupItem: ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        size: "base";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const Default: Story;

package/dist/cjs/packages/ui/src/stories/skeleton.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/skeleton.js").SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Multiple: Story;
+export declare const WithText: Story;

package/dist/cjs/packages/ui/src/stories/text.stories.d.ts

@@ -0,0 +1,94 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/text.js").TextProps & React.RefAttributes<HTMLSpanElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: {
+                type: "select";
+            };
+            description: string;
+            options: (string | number)[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        weight: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        align: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: undefined;
+                };
+            };
+        };
+        color: {
+            control: {
+                type: "color";
+            };
+        };
+        as: {
+            control: {
+                type: "select";
+            };
+            description: string;
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        lineHeights: {
+            control: {
+                type: "select";
+            };
+            description: string;
+            options: string[];
+        };
+        html: {
+            type: "string";
+            description: string;
+        };
+    };
+    args: {
+        size: "none";
+        weight: "normal";
+        align: "left";
+        lineHeights: "normal";
+        html: string;
+        as: "p";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const weight: Story;
+export declare const LineHeights: Story;
+export declare const Html: Story;

package/dist/cjs/src/components/index.d.ts

@@ -0,0 +1,21 @@
+export { default as Button } from './button.js';
+export { default as Badge } from './badge.js';
+export * from './input.js';
+export { default as Checkbox } from './checkbox.js';
+export { default as Skeleton } from './skeleton.js';
+export * from './dialog.js';
+export * from './popover.js';
+export * from './radio.js';
+export * from './dialog.js';
+export * from './text.js';
+export * from './gird.js';
+export * from './col.js';
+export * from './row.js';
+export * from './heading.js';
+export * from './container.js';
+export * from './color.js';
+export * from './link.js';
+export * from './avatar.js';
+export * from './input-number.js';
+export { default as Picture } from './picture.js';
+export { default as Theme } from './theme.js';

package/dist/cjs/src/components/input-number.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { KeyboardEvent, FocusEvent } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+type ColorType = 'default' | 'success' | 'warning' | 'error' | null;
+declare const InputNumber: React.ForwardRefExoticComponent<{
+    /** 类名*/
+    className?: string;
+    /** 输入框下方提示文本，会根据不同的 status 呈现不同的样式*/
+    tips?: string;
+    /** 文本框状态*/
+    status?: ColorType;
+    /** 数字输入框的值 */
+    value?: number;
+    /** 数字输入框的初始值 */
+    defaultValue?: number;
+    /** 数值改变步数 */
+    step?: number;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 是否禁用*/
+    disabled?: boolean;
+    /** 是否只读*/
+    readonly?: boolean;
+    /** 样式*/
+    style?: React.CSSProperties;
+    /** 值变化时触发*/
+    onChange?: (value: number) => void;
+    /** 失去焦点时触发*/
+    onBlur?: (value: number, e: FocusEvent) => void;
+    /** 按下回车键时触发*/
+    onEnter?: (value: number, e: KeyboardEvent) => void;
+} & VariantProps<(props?: ({
+    status?: "default" | "success" | "warning" | "error" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & ComponentPropsWithout<"div", RemovedProps> & React.RefAttributes<HTMLDivElement>>;
+declare const InputNumberWrap: React.ForwardRefExoticComponent<{
+    /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
+    asChild?: boolean;
+} & VariantProps<(props?: ({
+    status?: "default" | "success" | "warning" | "error" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & ComponentPropsWithout<"div", RemovedProps> & React.RefAttributes<HTMLDivElement>>;
+export default InputNumber;
+export { InputNumberWrap };

package/dist/cjs/src/index.d.ts

@@ -0,0 +1 @@
+export * from './components/index.js';

package/dist/cjs/src/stories/avatar.stories.d.ts

@@ -0,0 +1,40 @@
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<{
+        asChild?: boolean;
+        className?: string;
+        style?: React.CSSProperties;
+        onClick?: Function;
+        isAdaptation?: boolean;
+        minSize?: number;
+        maxSize?: number;
+        textClassName?: string;
+    } & import("class-variance-authority").VariantProps<(props?: ({
+        size?: "small" | "medium" | "large" | null | undefined;
+    } & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string> & Omit<import("@radix-ui/react-avatar").AvatarProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    tags: string[];
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        size: {
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarType: () => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarTextAdaptation: () => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarSize: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/src/stories/badge.stories.d.ts

@@ -0,0 +1,26 @@
+import type { StoryObj } from '@storybook/react';
+import { Badge } from '../components/index.js';
+declare const meta: {
+    title: string;
+    component: typeof Badge;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+    args: {
+        variant: "default";
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Examples: Story;