orizon 0.2.0 → 0.2.2

package/dist/components/button/index.d.ts

@@ -3,6 +3,39 @@ import { ButtonGroup } from './ButtonGroup';
 type ButtonComponent = typeof InternalButton & {
     Group: typeof ButtonGroup;
 };
+/**
+ * Button component with Ant-Design-compatible props.
+ *
+ * Supports `type`, `size`, `shape`, `danger`, `ghost`, `loading`,
+ * `icon`, `block`, and `hint` (tooltip on hover).
+ *
+ * Use `Button.Group` to render connected button groups.
+ *
+ * @example
+ * ```tsx
+ * // Primary button
+ * <Button type="primary">Save</Button>
+ *
+ * // With icon and tooltip
+ * <Button type="primary" icon={<Save />} hint="Save changes">Save</Button>
+ *
+ * // Danger
+ * <Button danger icon={<Trash2 />}>Delete</Button>
+ *
+ * // Loading state
+ * <Button type="primary" loading>Submitting…</Button>
+ *
+ * // Ghost on dark background
+ * <Button type="primary" ghost>Ghost</Button>
+ *
+ * // Button group
+ * <Button.Group>
+ *   <Button>Left</Button>
+ *   <Button>Center</Button>
+ *   <Button>Right</Button>
+ * </Button.Group>
+ * ```
+ */
 declare const Button: ButtonComponent;
 export { Button };
 export type { ButtonProps, ButtonGroupProps, ButtonType, ButtonSize, ButtonShape, ButtonHTMLType } from './types';

package/dist/components/button/types.d.ts

@@ -1,35 +1,111 @@
 import { ReactNode, MouseEventHandler, ButtonHTMLAttributes } from 'react';
+/** Visual style — maps to CVA `variant` in the primitive. */
 export type ButtonType = "primary" | "default" | "dashed" | "link" | "text";
+/** T-shirt sizing — maps to CVA `size` in the primitive. */
 export type ButtonSize = "small" | "middle" | "large";
+/** Border-radius preset. "circle" forces a 1:1 aspect ratio. */
 export type ButtonShape = "default" | "circle" | "round";
+/** Native `<button type="">` attribute. Kept separate from `ButtonType`. */
 export type ButtonHTMLType = "button" | "submit" | "reset";
+/**
+ * Props for the public `<Button>` component.
+ *
+ * Extends native button attributes but replaces `type` with
+ * the Ant-Design-style {@link ButtonType} (use `htmlType` for
+ * the native attribute instead).
+ */
 export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
-    /** Antd button type */
+    /**
+     * Visual type of the button.
+     *
+     * | value     | rendered as                |
+     * |-----------|----------------------------|
+     * | primary   | Solid primary background   |
+     * | default   | Outlined / bordered        |
+     * | dashed    | Outlined with dashed border|
+     * | text      | Ghost / transparent        |
+     * | link      | Inline text link style     |
+     *
+     * @default "default"
+     */
     type?: ButtonType;
-    /** Size of button */
+    /**
+     * Button size. Inherits from `SizeContext` if not provided.
+     * @default "middle"
+     */
     size?: ButtonSize;
-    /** Shape of button */
+    /**
+     * Border-radius shape.
+     * - `"default"` — standard rounded-lg
+     * - `"round"` — fully rounded (pill shape)
+     * - `"circle"` — 1:1 square with full rounding (use with icon-only)
+     *
+     * @default "default"
+     */
     shape?: ButtonShape;
-    /** Show loading spinner */
+    /**
+     * Show a loading spinner and disable the button.
+     * Replaces the `icon` slot with a spinning `<Loader2>`.
+     * @default false
+     */
     loading?: boolean;
-    /** Danger styling */
+    /**
+     * Apply destructive (red) styling regardless of `type`.
+     * @default false
+     */
     danger?: boolean;
-    /** Ghost styling (transparent background) */
+    /**
+     * Transparent background with border in the current text color.
+     * Useful on dark/colored backgrounds.
+     * @default false
+     */
     ghost?: boolean;
-    /** Full width */
+    /**
+     * Stretch to 100% width of the parent container.
+     * @default false
+     */
     block?: boolean;
-    /** Icon placed before children */
+    /**
+     * Icon element rendered alongside (or instead of) the label.
+     * Pass any `ReactNode` — typically a Lucide icon.
+     */
     icon?: ReactNode;
-    /** Icon placement */
+    /**
+     * Which side of the label the `icon` appears on.
+     * @default "start"
+     */
     iconPosition?: "start" | "end";
-    /** HTML button type attribute */
+    /**
+     * Native `<button>` type attribute.
+     * Kept separate from the visual `type` prop to avoid conflicts.
+     * @default "button"
+     */
     htmlType?: ButtonHTMLType;
-    /** Click handler */
+    /**
+     * Plain-text tooltip shown on hover via the Tooltip primitive.
+     * Wraps the button in a `<TooltipProvider> → <Tooltip> → <TooltipTrigger>`.
+     * Only renders the tooltip wrapper when a non-empty string is provided.
+     */
+    hint?: string;
+    /** Click handler. */
     onClick?: MouseEventHandler<HTMLButtonElement>;
+    /** Button label / content. */
     children?: ReactNode;
 }
+/**
+ * Props for `<Button.Group>`.
+ *
+ * Groups adjacent buttons with collapsed borders and shared rounding.
+ * Children are cloned with the group-level `size` if provided.
+ */
 export interface ButtonGroupProps {
+    /**
+     * Overrides the size of every child `<Button>` in the group.
+     * Individual button sizes are preserved if this is not set.
+     */
     size?: ButtonSize;
+    /** Additional CSS classes on the group wrapper. */
     className?: string;
+    /** `<Button>` children. */
     children?: ReactNode;
 }

package/dist/components/calendar/Calendar.d.ts

@@ -1,4 +1,25 @@
 import { CalendarProps } from './types';
+/**
+ * @file Calendar Component
+ *
+ * Full-featured calendar with two modes: a full-screen grid view
+ * and a compact mini calendar using the shadcn primitive. Supports
+ * month / year panel switching, custom cell rendering, disabled
+ * dates, and controlled / uncontrolled selection.
+ *
+ * Key props: `fullscreen`, `mode`, `value`, `disabledDate`,
+ * `cellRender`, `headerRender`, `onChange`, `onSelect`.
+ *
+ * @example
+ * ```tsx
+ * <Calendar />
+ * <Calendar fullscreen={false} />
+ * <Calendar mode="year" />
+ * ```
+ *
+ * @see {@link ./types.ts} — prop definitions
+ * @see {@link ./index.ts} — barrel export
+ */
 import * as React from "react";
 declare const InternalCalendar: React.FC<CalendarProps>;
 export { InternalCalendar };

package/dist/components/calendar/Calendar.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Calendar } from './index';
+declare const meta: Meta<typeof Calendar>;
+export default meta;
+type Story = StoryObj<typeof Calendar>;
+export declare const Playground: Story;
+export declare const Fullscreen: Story;
+export declare const Mini: Story;
+export declare const YearMode: Story;
+export declare const DisabledDates: Story;

package/dist/components/calendar/index.d.ts

@@ -1,3 +1,22 @@
+/**
+ * @file Calendar — Public Barrel Export
+ *
+ * Re-exports the `<Calendar>` date selection component.
+ */
+/**
+ * Calendar component for date display and selection.
+ *
+ * Renders a full-screen monthly/yearly calendar by default, or a
+ * compact mini calendar when `fullscreen={false}`. Supports
+ * `mode`, `disabledDate`, custom `cellRender`, and `headerRender`.
+ *
+ * @example
+ * ```tsx
+ * <Calendar />
+ * <Calendar fullscreen={false} />
+ * <Calendar mode="year" onChange={(d) => console.log(d)} />
+ * ```
+ */
 declare const Calendar: import('react').FC<import('./types').CalendarProps>;
 export { Calendar };
 export type { CalendarProps, CalendarMode } from './types';

package/dist/components/card/Card.d.ts

@@ -1,4 +1,25 @@
 import { CardProps, CardMetaProps, CardGridProps } from './types';
+/**
+ * @file Card Component
+ *
+ * A versatile container component with optional title, extra content,
+ * cover image, action bar, and loading skeleton. Includes `Card.Meta`
+ * for avatar + title + description layouts and `Card.Grid` for grid
+ * cells within the card body.
+ *
+ * Key props: `title`, `extra`, `cover`, `actions`, `bordered`,
+ * `hoverable`, `loading`, `size`, `type`.
+ *
+ * @example
+ * ```tsx
+ * <Card title="Card Title" extra={<a href="#">More</a>}>
+ *   <p>Card content</p>
+ * </Card>
+ * ```
+ *
+ * @see {@link ./types.ts} — prop definitions
+ * @see {@link ./index.ts} — barrel export
+ */
 import * as React from "react";
 declare const CardMeta: React.FC<CardMetaProps>;
 declare const CardGrid: React.FC<CardGridProps>;

package/dist/components/card/Card.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Card } from './index';
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<typeof Card>;
+export declare const Playground: Story;
+export declare const Basic: Story;
+export declare const Hoverable: Story;
+export declare const Loading: Story;
+export declare const NoBorder: Story;
+export declare const WithCover: Story;
+export declare const Meta: Story;
+export declare const GridCells: Story;
+export declare const InnerCard: Story;

package/dist/components/card/index.d.ts

@@ -3,6 +3,31 @@ type CardComponent = typeof InternalCard & {
     Meta: typeof CardMeta;
     Grid: typeof CardGrid;
 };
+/**
+ * Card container component.
+ *
+ * Supports `title`, `extra`, `cover`, `actions`, `bordered`,
+ * `hoverable`, `loading`, `size`, and `type` (inner for nesting).
+ *
+ * Use `Card.Meta` for avatar + title + description layouts and
+ * `Card.Grid` for hoverable grid cells inside the card body.
+ *
+ * @example
+ * ```tsx
+ * <Card title="Users" extra={<a href="#">More</a>}>
+ *   <p>Card body content</p>
+ * </Card>
+ *
+ * <Card cover={<img src="/cover.jpg" alt="" />}>
+ *   <Card.Meta title="Title" description="Description" />
+ * </Card>
+ *
+ * <Card>
+ *   <Card.Grid>Cell 1</Card.Grid>
+ *   <Card.Grid>Cell 2</Card.Grid>
+ * </Card>
+ * ```
+ */
 declare const Card: CardComponent;
 export { Card };
 export type { CardProps, CardMetaProps, CardGridProps, CardSize, CardType } from './types';

package/dist/components/carousel/Carousel.d.ts

@@ -1,4 +1,27 @@
 import { CarouselProps, CarouselRef } from './types';
+/**
+ * @file Carousel Component
+ *
+ * A slideshow component that cycles through child slides with
+ * scroll or fade transitions. Supports autoplay with pause-on-hover,
+ * navigation arrows, dot indicators at any position, and an
+ * imperative ref for programmatic control.
+ *
+ * Key props: `autoplay`, `effect`, `dots`, `dotPosition`, `arrows`,
+ * `slidesToShow`, `infinite`, `beforeChange`, `afterChange`.
+ *
+ * @example
+ * ```tsx
+ * <Carousel autoplay arrows>
+ *   <div>Slide 1</div>
+ *   <div>Slide 2</div>
+ *   <div>Slide 3</div>
+ * </Carousel>
+ * ```
+ *
+ * @see {@link ./types.ts} — prop definitions
+ * @see {@link ./index.ts} — barrel export
+ */
 import * as React from "react";
 declare const InternalCarousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselRef>>;
 export { InternalCarousel };

package/dist/components/carousel/Carousel.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Carousel } from './index';
+declare const meta: Meta<typeof Carousel>;
+export default meta;
+type Story = StoryObj<typeof Carousel>;
+export declare const Playground: Story;
+export declare const Basic: Story;
+export declare const FadeEffect: Story;
+export declare const Arrows: Story;
+export declare const DotPositions: Story;
+export declare const Autoplay: Story;

package/dist/components/carousel/index.d.ts

@@ -1,3 +1,28 @@
+/**
+ * @file Carousel — Public Barrel Export
+ *
+ * Re-exports the `<Carousel>` slideshow component.
+ */
+/**
+ * Carousel slideshow component.
+ *
+ * Cycles through child slides with `effect` (scrollx / fade),
+ * `autoplay`, `arrows`, `dots`, and `dotPosition`. Exposes an
+ * imperative ref with `goTo`, `next`, and `prev` methods.
+ *
+ * @example
+ * ```tsx
+ * <Carousel autoplay arrows>
+ *   <div>Slide 1</div>
+ *   <div>Slide 2</div>
+ * </Carousel>
+ *
+ * <Carousel effect="fade" dotPosition="right">
+ *   <img src="/a.jpg" />
+ *   <img src="/b.jpg" />
+ * </Carousel>
+ * ```
+ */
 declare const Carousel: import('react').ForwardRefExoticComponent<import('./types').CarouselProps & import('react').RefAttributes<import('./types').CarouselRef>>;
 export { Carousel };
 export type { CarouselProps, CarouselRef, DotPosition, CarouselEffect, AutoplayConfig, } from './types';

package/dist/components/cascader/Cascader.d.ts

@@ -1,4 +1,30 @@
 import { CascaderProps } from './types';
+/**
+ * @file Cascader Component
+ *
+ * Hierarchical dropdown selector that drills into nested option
+ * columns. Supports single and multiple selection, expand on
+ * click or hover, search filtering, lazy loading via `loadData`,
+ * allow-clear, and custom display rendering.
+ *
+ * Key props: `options`, `value`, `onChange`, `multiple`,
+ * `expandTrigger`, `showSearch`, `changeOnSelect`, `placeholder`.
+ *
+ * @example
+ * ```tsx
+ * <Cascader
+ *   options={[
+ *     { value: "zhejiang", label: "Zhejiang", children: [
+ *       { value: "hangzhou", label: "Hangzhou" },
+ *     ]},
+ *   ]}
+ *   placeholder="Select location"
+ * />
+ * ```
+ *
+ * @see {@link ./types.ts} — prop definitions
+ * @see {@link ./index.ts} — barrel export
+ */
 import * as React from "react";
 declare const InternalCascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<HTMLDivElement>>;
 export { InternalCascader };

package/dist/components/cascader/Cascader.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Cascader } from './index';
+declare const meta: Meta<typeof Cascader>;
+export default meta;
+type Story = StoryObj<typeof Cascader>;
+export declare const Playground: Story;
+export declare const Basic: Story;
+export declare const ExpandOnHover: Story;
+export declare const ChangeOnSelect: Story;
+export declare const AllowClear: Story;
+export declare const Disabled: Story;

package/dist/components/cascader/index.d.ts

@@ -1,3 +1,28 @@
+/**
+ * @file Cascader — Public Barrel Export
+ *
+ * Re-exports the `<Cascader>` hierarchical dropdown selector.
+ */
+/**
+ * Cascader component for hierarchical selection.
+ *
+ * Drills into nested option columns. Supports `multiple` selection,
+ * `expandTrigger` (click / hover), `showSearch`, `changeOnSelect`,
+ * `loadData` for lazy loading, and `allowClear`.
+ *
+ * @example
+ * ```tsx
+ * <Cascader
+ *   options={[
+ *     { value: "zhejiang", label: "Zhejiang", children: [
+ *       { value: "hangzhou", label: "Hangzhou" },
+ *     ]},
+ *   ]}
+ *   placeholder="Select location"
+ *   onChange={(val, opts) => console.log(val, opts)}
+ * />
+ * ```
+ */
 declare const Cascader: import('react').ForwardRefExoticComponent<import('./types').CascaderProps & import('react').RefAttributes<HTMLDivElement>>;
 export { Cascader };
 export type { CascaderProps, CascaderOption, CascaderSize, CascaderStatus, CascaderVariant, CascaderExpandTrigger, CascaderPlacement, } from './types';

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

@@ -1,4 +1,25 @@
 import { CheckboxProps } from './types';
+/**
+ * @file Checkbox Component
+ *
+ * A styled checkbox with label support. Works standalone or inside
+ * a `Checkbox.Group` context. Supports controlled / uncontrolled
+ * `checked`, `indeterminate` visual state, and `disabled`.
+ *
+ * Key props: `checked`, `defaultChecked`, `indeterminate`,
+ * `disabled`, `onChange`, `children` (label).
+ *
+ * @example
+ * ```tsx
+ * <Checkbox onChange={(e) => console.log(e.target.checked)}>
+ *   Accept terms
+ * </Checkbox>
+ * ```
+ *
+ * @see {@link ./types.ts} — prop definitions
+ * @see {@link ./CheckboxGroup.tsx} — group component
+ * @see {@link ./index.ts} — barrel export
+ */
 import * as React from "react";
 declare const InternalCheckbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLElement>>;
 export { InternalCheckbox };

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Checkbox } from './index';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Playground: Story;
+export declare const Basic: Story;
+export declare const Disabled: Story;
+export declare const Indeterminate: Story;
+export declare const GroupOptions: Story;
+export declare const GroupChildren: Story;

package/dist/components/checkbox/CheckboxGroup.d.ts

@@ -1,4 +1,14 @@
 import { CheckboxGroupProps } from './types';
+/**
+ * @file CheckboxGroup Component
+ *
+ * Provides group context for multiple `<Checkbox>` children.
+ * Manages a shared list of selected values and can render
+ * checkboxes from an `options` array or from child composition.
+ *
+ * @see {@link ./Checkbox.tsx} — individual checkbox
+ * @see {@link ./types.ts} — prop definitions
+ */
 import * as React from "react";
 export interface CheckboxGroupContextValue {
     value: (string | number)[];

package/dist/components/checkbox/index.d.ts

@@ -3,6 +3,25 @@ import { CheckboxGroup } from './CheckboxGroup';
 type CheckboxComponent = typeof InternalCheckbox & {
     Group: typeof CheckboxGroup;
 };
+/**
+ * Checkbox component with label support.
+ *
+ * Supports `checked`, `defaultChecked`, `indeterminate`, and
+ * `disabled`. Use `Checkbox.Group` for multi-select with an
+ * `options` array or child composition.
+ *
+ * @example
+ * ```tsx
+ * <Checkbox>Remember me</Checkbox>
+ * <Checkbox indeterminate>Select all</Checkbox>
+ *
+ * <Checkbox.Group
+ *   options={["Apple", "Pear", "Orange"]}
+ *   defaultValue={["Apple"]}
+ *   onChange={(vals) => console.log(vals)}
+ * />
+ * ```
+ */
 declare const Checkbox: CheckboxComponent;
 export { Checkbox };
 export type { CheckboxProps, CheckboxGroupProps, CheckboxChangeEvent, CheckboxOptionType, } from './types';

package/dist/components/collapse/Collapse.d.ts

@@ -1,4 +1,29 @@
 import { CollapseProps } from './types';
+/**
+ * @file Collapse Component
+ *
+ * An accordion/collapse panel that reveals content on header click.
+ * Supports `accordion` mode (single panel), `bordered` / `ghost`
+ * styles, `expandIconPosition`, custom `expandIcon`, `size` presets,
+ * and per-item `collapsible` trigger modes.
+ *
+ * Key props: `items`, `activeKey`, `accordion`, `bordered`,
+ * `ghost`, `size`, `expandIconPosition`, `onChange`.
+ *
+ * @example
+ * ```tsx
+ * <Collapse
+ *   items={[
+ *     { key: "1", label: "Panel 1", children: <p>Content 1</p> },
+ *     { key: "2", label: "Panel 2", children: <p>Content 2</p> },
+ *   ]}
+ *   accordion
+ * />
+ * ```
+ *
+ * @see {@link ./types.ts} — prop definitions
+ * @see {@link ./index.ts} — barrel export
+ */
 import * as React from "react";
 declare const InternalCollapse: React.FC<CollapseProps>;
 export { InternalCollapse };

package/dist/components/collapse/Collapse.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Collapse } from './index';
+declare const meta: Meta<typeof Collapse>;
+export default meta;
+type Story = StoryObj<typeof Collapse>;
+export declare const Playground: Story;
+export declare const Basic: Story;
+export declare const Accordion: Story;
+export declare const Ghost: Story;
+export declare const Sizes: Story;
+export declare const ExpandIconEnd: Story;
+export declare const WithExtra: Story;

package/dist/components/collapse/index.d.ts

@@ -1,3 +1,29 @@
+/**
+ * @file Collapse — Public Barrel Export
+ *
+ * Re-exports the `<Collapse>` accordion panel component.
+ */
+/**
+ * Collapse / Accordion panel component.
+ *
+ * Reveals content panels on header click. Supports `accordion`
+ * (single open), `bordered` / `ghost` styles, `size` presets,
+ * `expandIconPosition`, and custom `expandIcon`.
+ *
+ * @example
+ * ```tsx
+ * <Collapse
+ *   items={[
+ *     { key: "1", label: "Section A", children: <p>Content A</p> },
+ *     { key: "2", label: "Section B", children: <p>Content B</p> },
+ *   ]}
+ * />
+ *
+ * <Collapse accordion ghost>
+ *   ...
+ * </Collapse>
+ * ```
+ */
 declare const Collapse: import('react').FC<import('./types').CollapseProps>;
 export { Collapse };
 export type { CollapseProps, CollapseItem, CollapsibleType, ExpandIconPosition, CollapseSize, } from './types';

package/dist/components/color-picker/ColorPicker.d.ts

@@ -1,4 +1,26 @@
 import { ColorPickerProps } from './types';
+/**
+ * @file ColorPicker Component
+ *
+ * A colour selection panel with saturation canvas, hue slider,
+ * optional alpha slider, format switching (hex / rgb / hsb),
+ * and preset colour swatches. Opens as a popover triggered by
+ * click or hover on a colour swatch.
+ *
+ * Key props: `value`, `onChange`, `format`, `showText`, `presets`,
+ * `disabledAlpha`, `size`, `trigger`.
+ *
+ * @example
+ * ```tsx
+ * <ColorPicker defaultValue="#1677ff" showText />
+ * <ColorPicker
+ *   presets={[{ label: "Brand", colors: ["#f00", "#0f0", "#00f"] }]}
+ * />
+ * ```
+ *
+ * @see {@link ./types.ts} — prop definitions
+ * @see {@link ./index.ts} — barrel export
+ */
 import * as React from "react";
 declare const InternalColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLDivElement>>;
 export { InternalColorPicker };

package/dist/components/color-picker/ColorPicker.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ColorPicker } from './index';
+declare const meta: Meta<typeof ColorPicker>;
+export default meta;
+type Story = StoryObj<typeof ColorPicker>;
+export declare const Playground: Story;
+export declare const ShowText: Story;
+export declare const Sizes: Story;
+export declare const Presets: Story;
+export declare const DisabledAlpha: Story;
+export declare const Disabled: Story;

package/dist/components/color-picker/index.d.ts

@@ -1,3 +1,25 @@
+/**
+ * @file ColorPicker — Public Barrel Export
+ *
+ * Re-exports the `<ColorPicker>` colour selection component.
+ */
+/**
+ * ColorPicker component for selecting colours.
+ *
+ * Opens a popover with a saturation canvas, hue slider, optional
+ * alpha slider, format switcher (hex / rgb / hsb), and preset
+ * colour swatches. Supports `showText`, `trigger` (click / hover),
+ * and `size`.
+ *
+ * @example
+ * ```tsx
+ * <ColorPicker defaultValue="#1677ff" />
+ * <ColorPicker showText format="rgb" />
+ * <ColorPicker
+ *   presets={[{ label: "Brand", colors: ["#1677ff", "#52c41a"] }]}
+ * />
+ * ```
+ */
 declare const ColorPicker: import('react').ForwardRefExoticComponent<import('./types').ColorPickerProps & import('react').RefAttributes<HTMLDivElement>>;
 export { ColorPicker };
 export type { ColorPickerProps, ColorFormat, ColorPickerSize, ColorPickerTrigger, ColorPreset, } from './types';