orizon 0.2.1 → 0.2.2

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';

package/dist/components/date-picker/DatePicker.d.ts

@@ -1,4 +1,24 @@
 import { DatePickerProps } from './types';
+/**
+ * @file DatePicker Component
+ *
+ * A date input with a calendar dropdown for selecting a single date.
+ * Supports custom date format, disabled dates, today button, presets,
+ * clearable value, and size / status / variant styling.
+ *
+ * Key props: `value`, `onChange`, `format`, `disabledDate`, `showToday`,
+ * `presets`, `allowClear`, `size`, `status`, `variant`.
+ *
+ * @example
+ * ```tsx
+ * <DatePicker placeholder="Pick a date" />
+ * <DatePicker format="MM/DD/YYYY" allowClear />
+ * ```
+ *
+ * @see {@link ./types.ts} — prop definitions
+ * @see {@link ./RangePicker.tsx} — range picker sub-component
+ * @see {@link ./index.ts} — barrel export
+ */
 import * as React from "react";
 declare function daysInMonth(year: number, month: number): number;
 declare function startDayOfMonth(year: number, month: number): number;

package/dist/components/date-picker/DatePicker.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DatePicker } from './index';
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+export declare const Playground: Story;
+export declare const Basic: Story;
+export declare const Sizes: Story;
+export declare const Disabled: Story;
+export declare const DisabledDates: Story;
+export declare const Presets: Story;
+export declare const RangePickerStory: Story;

package/dist/components/date-picker/RangePicker.d.ts

@@ -1,4 +1,16 @@
 import { RangePickerProps } from './types';
+/**
+ * @file RangePicker Component
+ *
+ * A date range input with two side-by-side calendar panels.
+ * Used via `DatePicker.RangePicker`. Supports hover-preview of
+ * the range, disabled dates, presets, clearable value, and all
+ * DatePicker sizing / variant / status options.
+ *
+ * @see {@link ./DatePicker.tsx} — single date picker
+ * @see {@link ./types.ts} — prop definitions
+ * @see {@link ./index.ts} — barrel export
+ */
 import * as React from "react";
 declare const RangePicker: React.ForwardRefExoticComponent<RangePickerProps & React.RefAttributes<HTMLDivElement>>;
 export { RangePicker };

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

@@ -3,6 +3,27 @@ import { RangePicker } from './RangePicker';
 type DatePickerComponent = typeof InternalDatePicker & {
     RangePicker: typeof RangePicker;
 };
+/**
+ * DatePicker component for selecting a single date.
+ *
+ * Opens a calendar dropdown with month navigation, today button,
+ * and optional presets. Supports `format`, `disabledDate`,
+ * `allowClear`, `size`, `status`, and `variant`.
+ *
+ * Use `DatePicker.RangePicker` to select a start and end date
+ * with two side-by-side calendar panels.
+ *
+ * @example
+ * ```tsx
+ * <DatePicker placeholder="Select date" />
+ * <DatePicker format="MM/DD/YYYY" allowClear />
+ *
+ * <DatePicker.RangePicker
+ *   placeholder={["Start", "End"]}
+ *   onChange={(dates) => console.log(dates)}
+ * />
+ * ```
+ */
 declare const DatePicker: DatePickerComponent;
 export { DatePicker };
 export type { DatePickerProps, RangePickerProps, DatePickerSize, DatePickerStatus, DatePickerVariant, PickerMode, DatePickerPlacement, PresetDate, } from './types';

package/dist/components/descriptions/Descriptions.d.ts

@@ -1,4 +1,29 @@
 import { DescriptionsProps } from './types';
+/**
+ * @file Descriptions Component
+ *
+ * A key-value display component that renders labelled description
+ * items in rows and columns. Supports horizontal / vertical layout,
+ * bordered table style, size presets, column spans, colon toggle,
+ * and a title / extra header row.
+ *
+ * Key props: `items`, `bordered`, `column`, `layout`, `size`,
+ * `title`, `extra`, `colon`.
+ *
+ * @example
+ * ```tsx
+ * <Descriptions
+ *   title="User Info"
+ *   items={[
+ *     { label: "Name", children: "Jane Doe" },
+ *     { label: "Email", children: "jane@example.com" },
+ *   ]}
+ * />
+ * ```
+ *
+ * @see {@link ./types.ts} — prop definitions
+ * @see {@link ./index.ts} — barrel export
+ */
 import * as React from "react";
 declare const InternalDescriptions: React.FC<DescriptionsProps>;
 export { InternalDescriptions };

package/dist/components/descriptions/Descriptions.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Descriptions } from './index';
+declare const meta: Meta<typeof Descriptions>;
+export default meta;
+type Story = StoryObj<typeof Descriptions>;
+export declare const Playground: Story;
+export declare const Basic: Story;
+export declare const Bordered: Story;
+export declare const Vertical: Story;
+export declare const Sizes: Story;
+export declare const WithTitle: Story;
+export declare const ColumnSpan: Story;

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

@@ -1,3 +1,28 @@
+/**
+ * @file Descriptions — Public Barrel Export
+ *
+ * Re-exports the `<Descriptions>` key-value display component.
+ */
+/**
+ * Descriptions component for key-value pair display.
+ *
+ * Renders labelled items in a columnar layout. Supports `bordered`
+ * table style, `layout` (horizontal / vertical), `column` count,
+ * `size`, `title`, `extra`, and `colon` toggle.
+ *
+ * @example
+ * ```tsx
+ * <Descriptions
+ *   title="User Info"
+ *   bordered
+ *   items={[
+ *     { label: "Name", children: "Jane Doe" },
+ *     { label: "Phone", children: "555-1234" },
+ *     { label: "City", children: "San Francisco" },
+ *   ]}
+ * />
+ * ```
+ */
 declare const Descriptions: import('react').FC<import('./types').DescriptionsProps>;
 export { Descriptions };
 export type { DescriptionsProps, DescriptionsItem, DescriptionsLayout, DescriptionsSize, ResponsiveColumn, } from './types';

package/dist/components/divider/Divider.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Divider } from './index';
+declare const meta: Meta<typeof Divider>;
+export default meta;
+type Story = StoryObj<typeof Divider>;
+export declare const Playground: Story;
+export declare const Horizontal: Story;
+export declare const WithText: Story;
+export declare const Orientation: Story;
+export declare const Dashed: Story;
+export declare const Vertical: Story;
+export declare const Plain: Story;

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

@@ -1,2 +1,12 @@
+/**
+ * Divider component for visual separation of content.
+ *
+ * @example
+ * ```tsx
+ * <Divider />
+ * <Divider type="vertical" />
+ * <Divider dashed orientation="left">Title</Divider>
+ * ```
+ */
 export { Divider } from './Divider';
 export type { DividerProps, DividerType, DividerOrientation } from './types';

package/dist/components/drawer/Drawer.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Drawer } from './index';
+declare const meta: Meta<typeof Drawer>;
+export default meta;
+type Story = StoryObj<typeof Drawer>;
+export declare const Playground: Story;
+export declare const Placements: Story;
+export declare const Sizes: Story;
+export declare const WithFooter: Story;
+export declare const Loading: Story;

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

@@ -1,3 +1,16 @@
+/**
+ * Drawer component — a panel that slides from any edge of the screen.
+ *
+ * @example
+ * ```tsx
+ * <Drawer open={open} onClose={() => setOpen(false)} title="Settings">
+ *   <p>Content</p>
+ * </Drawer>
+ * <Drawer placement="left" open={open} onClose={() => setOpen(false)}>
+ *   <p>Left drawer</p>
+ * </Drawer>
+ * ```
+ */
 declare const Drawer: import('react').ForwardRefExoticComponent<import('./types').DrawerProps & import('react').RefAttributes<HTMLDivElement>>;
 export { Drawer };
 export type { DrawerProps, DrawerPlacement, DrawerSize } from './types';

package/dist/components/dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Dropdown } from './index';
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+type Story = StoryObj<typeof Dropdown>;
+export declare const Playground: Story;
+export declare const BasicMenu: Story;
+export declare const WithIcons: Story;
+export declare const Placements: Story;
+export declare const ClickTrigger: Story;
+export declare const DisabledItems: Story;
+export declare const DropdownButtonStory: Story;

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

@@ -3,6 +3,20 @@ import { DropdownButton } from './DropdownButton';
 type DropdownComponent = typeof InternalDropdown & {
     Button: typeof DropdownButton;
 };
+/**
+ * Dropdown component with contextual overlay menu.
+ *
+ * Sub-components: `Dropdown.Button`.
+ *
+ * @example
+ * ```tsx
+ * <Dropdown menu={{ items: [{ key: '1', label: 'Edit' }] }}>
+ *   <a>Hover me</a>
+ * </Dropdown>
+ *
+ * <Dropdown.Button menu={{ items }}>Actions</Dropdown.Button>
+ * ```
+ */
 declare const Dropdown: DropdownComponent;
 export { Dropdown };
 export type { DropdownProps, DropdownButtonProps, DropdownMenuType, DropdownMenuItemType, DropdownTrigger, DropdownPlacement, DropdownButtonType, DropdownButtonSize, } from './types';

package/dist/components/empty/Empty.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Empty } from './index';
+declare const meta: Meta<typeof Empty>;
+export default meta;
+type Story = StoryObj<typeof Empty>;
+export declare const Playground: Story;
+export declare const DefaultImage: Story;
+export declare const SimpleImage: Story;
+export declare const CustomDescription: Story;
+export declare const WithAction: Story;
+export declare const CustomImage: Story;

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

@@ -3,6 +3,20 @@ type EmptyComponent = typeof InternalEmpty & {
     PRESENTED_IMAGE_DEFAULT: typeof PRESENTED_IMAGE_DEFAULT;
     PRESENTED_IMAGE_SIMPLE: typeof PRESENTED_IMAGE_SIMPLE;
 };
+/**
+ * Empty state component for displaying placeholder content when no data exists.
+ *
+ * Static properties: `Empty.PRESENTED_IMAGE_DEFAULT`, `Empty.PRESENTED_IMAGE_SIMPLE`.
+ *
+ * @example
+ * ```tsx
+ * <Empty />
+ * <Empty description="No items found" />
+ * <Empty image={Empty.PRESENTED_IMAGE_SIMPLE}>
+ *   <button>Create</button>
+ * </Empty>
+ * ```
+ */
 declare const Empty: EmptyComponent;
 export { Empty };
 export type { EmptyProps } from './types';

package/dist/components/flex/Flex.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Flex } from './index';
+declare const meta: Meta<typeof Flex>;
+export default meta;
+type Story = StoryObj<typeof Flex>;
+export declare const Playground: Story;
+export declare const HorizontalRow: Story;
+export declare const VerticalColumn: Story;
+export declare const GapSizes: Story;
+export declare const JustifyContent: Story;
+export declare const AlignItems: Story;
+export declare const Wrap: Story;

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

@@ -1,2 +1,17 @@
+/**
+ * Flex layout component for CSS flexbox layouts.
+ *
+ * @example
+ * ```tsx
+ * <Flex gap="middle" align="center">
+ *   <div>A</div>
+ *   <div>B</div>
+ * </Flex>
+ * <Flex vertical gap={24} justify="center">
+ *   <div>Top</div>
+ *   <div>Bottom</div>
+ * </Flex>
+ * ```
+ */
 export { Flex } from './Flex';
 export type { FlexProps, FlexGap } from './types';

package/dist/components/float-button/FloatButton.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FloatButton } from './index';
+declare const meta: Meta<typeof FloatButton>;
+export default meta;
+type Story = StoryObj<typeof FloatButton>;
+export declare const Playground: Story;
+export declare const BasicButton: Story;
+export declare const Shapes: Story;
+export declare const WithBadge: Story;
+export declare const WithTooltip: Story;
+export declare const Description: Story;
+export declare const GroupTrigger: Story;

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

@@ -5,6 +5,21 @@ type FloatButtonComponent = typeof InternalFloatButton & {
     Group: typeof FloatButtonGroup;
     BackTop: typeof BackTop;
 };
+/**
+ * FloatButton component for floating action buttons.
+ *
+ * Sub-components: `FloatButton.Group`, `FloatButton.BackTop`.
+ *
+ * @example
+ * ```tsx
+ * <FloatButton icon={<PlusIcon />} />
+ * <FloatButton.Group trigger="click">
+ *   <FloatButton icon={<EditIcon />} />
+ *   <FloatButton icon={<ShareIcon />} />
+ * </FloatButton.Group>
+ * <FloatButton.BackTop />
+ * ```
+ */
 declare const FloatButton: FloatButtonComponent;
 export { FloatButton };
 export type { FloatButtonProps, FloatButtonGroupProps, BackTopProps, FloatButtonShape, FloatButtonType, FloatButtonGroupTrigger, FloatButtonBadge, } from './types';

package/dist/components/form/Form.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Form } from './index';
+declare const meta: Meta<typeof Form>;
+export default meta;
+type Story = StoryObj<typeof Form>;
+export declare const Playground: Story;
+export declare const BasicForm: Story;
+export declare const LayoutVariants: Story;
+export declare const FormSizes: Story;
+export declare const DisabledForm: Story;

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

@@ -11,6 +11,23 @@ type FormComponent = typeof InternalForm & {
     useForm: typeof useForm;
     useWatch: typeof useWatch;
 };
+/**
+ * Form component for data entry and validation.
+ *
+ * Sub-components: `Form.Item`, `Form.List`, `Form.ErrorList`.
+ * Hooks: `Form.useForm`, `Form.useWatch`.
+ *
+ * @example
+ * ```tsx
+ * const form = Form.useForm();
+ * <Form form={form} onFinish={console.log}>
+ *   <Form.Item name="email" label="Email" rules={[{ required: true, type: 'email' }]}>
+ *     <Input />
+ *   </Form.Item>
+ *   <button type="submit">Submit</button>
+ * </Form>
+ * ```
+ */
 declare const Form: FormComponent;
 export { Form };
 export type { FormProps, FormItemProps, FormListProps, FormErrorListProps, FormLayout, FormSize, FormVariant, FormRequiredMark, Rule, UseFormOptions, FormContextValue, FormListField, FormListOperation, } from './types';

package/dist/components/grid/Grid.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Row } from './index';
+declare const meta: Meta<typeof Row>;
+export default meta;
+type Story = StoryObj<typeof Row>;
+export declare const Playground: Story;
+export declare const BasicGrid: Story;
+export declare const GutterSpacing: Story;
+export declare const Offset: Story;
+export declare const FlexAlignment: Story;
+export declare const ResponsiveColumns: Story;

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

@@ -1,3 +1,23 @@
+/**
+ * Row component — 24-column grid row container.
+ *
+ * @example
+ * ```tsx
+ * <Row gutter={16}>
+ *   <Col span={12}>Left</Col>
+ *   <Col span={12}>Right</Col>
+ * </Row>
+ * ```
+ */
 export { Row } from './Row';
+/**
+ * Col component — grid column occupying a fraction of 24 columns.
+ *
+ * @example
+ * ```tsx
+ * <Col span={8}>8/24</Col>
+ * <Col xs={24} md={12}>Responsive</Col>
+ * ```
+ */
 export { Col } from './Col';
 export type { RowProps, ColProps, ColSpanType, Breakpoint, Gutter } from './types';