@anker-in/headless-ui 0.0.17 → 0.0.18

package/dist/esm/src/components/badge.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime.js").JSX.Element;
+export default Badge;

package/dist/esm/src/components/button.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * Button Variants
+ */
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "primary" | "secondary" | "ghost" | null | undefined;
+    size?: "sm" | "base" | "lg" | "icon" | null | undefined;
+    hoverEffect?: "none" | "slide" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** 设置按钮载入状态  */
+    loading?: boolean;
+    /** 设置按钮失效状态  */
+    disabled?: boolean;
+    /** 定义自组件作为父组件的类型， 详细使用方式请参考radix-ui */
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/esm/src/components/checkbox.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { type VariantProps } from 'class-variance-authority';
+declare const checkboxVariants: (props?: ({
+    size?: "sm" | "base" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export default Checkbox;
+export type { CheckboxProps };

package/dist/esm/src/components/dialog.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime.js").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime.js").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/esm/src/components/heading.d.ts

@@ -0,0 +1,16 @@
+import { type VariantProps } from 'class-variance-authority';
+import React from 'react';
+declare const headingVariants: (props?: ({
+    size?: 1 | "none" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
+    weights?: "bold" | "light" | "normal" | "medium" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+interface HeadingProps extends React.ComponentPropsWithoutRef<'h1'>, VariantProps<typeof headingVariants> {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    asChild?: boolean;
+    color?: string;
+    html?: string;
+}
+declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export { Heading };
+export type { HeadingProps };

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

@@ -0,0 +1,12 @@
+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 './heading.js';
+export { default as Theme } from './theme.js';

package/dist/esm/src/components/input.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import { type VariantProps } from 'class-variance-authority';
+declare const inputVariants: (props?: ({
+    size?: "sm" | "base" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+export interface InputProps extends ComponentPropsWithout<'input', 'size'>, VariantProps<typeof inputVariants> {
+}
+interface InputSlotProps extends ComponentPropsWithout<'div', RemovedProps> {
+    /**
+     * 插槽的位置
+     * default: right
+     */
+    side?: 'left' | 'right';
+}
+/**
+ * InputSlot
+ * 用来在 Input 组件中插入额外的内容，比如icon ，按钮
+ */
+declare const InputSlot: React.ForwardRefExoticComponent<InputSlotProps & React.RefAttributes<HTMLDivElement>>;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input, InputSlot };

package/dist/esm/src/components/popover.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };

package/dist/esm/src/components/radio.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { type VariantProps } from 'class-variance-authority';
+declare const radioGroupVariants: (props?: ({
+    size?: "sm" | "base" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+    /** 尺寸 */
+    size?: 'sm' | 'base' | 'lg';
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, VariantProps<typeof radioGroupVariants> {
+}
+declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };
+export type { RadioGroupProps, RadioGroupItemProps };

package/dist/esm/src/components/skeleton.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+interface SkeletonProps extends ComponentPropsWithout<'span', RemovedProps> {
+    /** 是否正在加载 , 默认是true*/
+    loading?: boolean;
+}
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
+export default Skeleton;
+export type { SkeletonProps };

package/dist/esm/src/components/text.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+declare const textVariants: (props?: ({
+    size?: 1 | "none" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
+    weights?: "bold" | "light" | "normal" | "medium" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+type TextSpanProps = {
+    as?: 'span';
+} & ComponentPropsWithout<'span', RemovedProps>;
+type TextDivProps = {
+    as: 'div';
+} & ComponentPropsWithout<'div', RemovedProps>;
+type TextLabelProps = {
+    as: 'label';
+} & ComponentPropsWithout<'label', RemovedProps>;
+type TextPProps = {
+    as: 'p';
+} & ComponentPropsWithout<'p', RemovedProps>;
+interface CommonTextProps extends VariantProps<typeof textVariants> {
+    as?: 'div' | 'label' | 'p' | 'span';
+    asChild?: boolean;
+    color?: string;
+    /** 相当于 dangerouslySetInnerHTML */
+    html?: string;
+}
+type TextProps = CommonTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps);
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
+export { Text };
+export type { TextProps };

package/dist/esm/src/components/theme.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { Brand } from '../helpers/constants.js';
+interface ThemeProps {
+    brand: Brand;
+    children: React.ReactNode;
+}
+/**
+ *
+ * @param param
+ * @returns
+ */
+declare const Theme: ({ brand, children }: ThemeProps) => import("react/jsx-runtime.js").JSX.Element;
+export default Theme;

package/dist/esm/src/helpers/component-props.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+type ComponentPropsAs<C extends React.ElementType<any>, T extends React.ComponentPropsWithoutRef<C>['as']> = Omit<Extract<React.ComponentPropsWithoutRef<C>, {
+    as: T;
+}>, 'as' | 'asChild'>;
+type ComponentPropsWithout<T extends React.ElementType, O extends Omit<string, keyof React.ComponentPropsWithoutRef<T>> | keyof React.ComponentPropsWithoutRef<T>> = Omit<React.ComponentPropsWithoutRef<T>, O & string>;
+type RemovedProps = 'asChild' | 'defaultChecked' | 'defaultValue' | 'color';
+export type { ComponentPropsAs, ComponentPropsWithout, RemovedProps };

package/dist/esm/src/helpers/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ALL_BRANDS: readonly ["anker", "eufy", "soundcore", "nebula", "ankerWork", "ankerMake"];
+export type Brand = (typeof ALL_BRANDS)[number];

package/dist/esm/src/helpers/index.d.ts

@@ -0,0 +1 @@
+export { cn } from './utils.js';

package/dist/esm/src/helpers/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/esm/src/icons/spinner.d.ts

@@ -0,0 +1,5 @@
+export interface SpinnerProps {
+    className?: string;
+}
+declare const Spinner: (props: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

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

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

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

@@ -0,0 +1,26 @@
+import type { StoryObj } from '@storybook/react';
+import { Badge } from '../components/index';
+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;

package/dist/esm/src/stories/button.stories.d.ts

@@ -0,0 +1,47 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/button").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;

package/dist/esm/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").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/esm/src/stories/dialog.stories.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Dialog } from '../components/index';
+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/esm/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").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;
+                };
+            };
+        };
+        weights: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        align: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        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";
+        weights: "normal";
+        align: "left";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const All: Story;

package/dist/esm/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").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/esm/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/esm/src/stories/radio.stories.d.ts

@@ -0,0 +1,39 @@
+import type { StoryObj } from '@storybook/react/*';
+import { RadioGroup } from '../components/index';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../components/radio").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    subcomponents: {
+        RadioGroupItem: React.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;