@nxgt/material 1.0.0

package/dist/lib/components/ui/galleries/types.d.ts

@@ -0,0 +1,57 @@
+import { ComponentProps, ReactNode } from 'react';
+export type GalleryItemKind = 'image' | 'video';
+export type GalleryItem = {
+    id: string;
+    src: string;
+    alt?: string;
+    title?: string;
+    description?: string;
+    thumbnail?: string;
+    kind?: GalleryItemKind;
+    poster?: string;
+    width?: number;
+    height?: number;
+};
+export type LightboxGalleryItem = GalleryItem;
+export type MiniGalleryItem = GalleryItem;
+export type GalleryLayout = 'grid' | 'masonry' | 'justified' | 'featured' | 'carousel' | 'strip' | 'none';
+export type GalleryAspect = 'square' | 'video' | 'portrait' | 'landscape' | 'auto';
+export type GalleryPresetId = 'photos' | 'product' | 'album' | 'grid' | 'masonry' | 'stories' | 'compact' | 'lightbox';
+export type GalleryPresetConfig = {
+    layout: GalleryLayout;
+    lightbox: boolean;
+    columns?: number;
+    aspect?: GalleryAspect;
+    loop?: boolean;
+    maxItems?: number;
+    captions?: boolean;
+};
+export type GalleryChromeState = {
+    currentIndex: number;
+    lightboxOpen: boolean;
+    zoom: number;
+    loop: boolean;
+    selectedIds: string[];
+};
+export type GalleryProps = {
+    items: GalleryItem[];
+    preset?: GalleryPresetId;
+    layout?: GalleryLayout;
+    columns?: number;
+    aspect?: GalleryAspect;
+    loop?: boolean;
+    maxItems?: number;
+    lightbox?: boolean;
+    captions?: boolean;
+    defaultIndex?: number;
+    currentIndex?: number;
+    onIndexChange?: (index: number) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onDelete?: (item: GalleryItem) => void;
+    selectable?: boolean;
+    onSelectionChange?: (ids: string[]) => void;
+    trigger?: ReactNode;
+    className?: string;
+} & Omit<ComponentProps<'div'>, 'children'>;

package/dist/lib/components/ui/galleries/use-gallery.d.ts

@@ -0,0 +1,31 @@
+import { gallerySlice } from './gallery.slice';
+import { GalleryItem, GalleryPresetConfig, GalleryProps } from './types';
+export type GalleryModel = {
+    items: GalleryItem[];
+    resolved: GalleryPresetConfig;
+    state: ReturnType<typeof gallerySlice.getInitialState>;
+    current: GalleryItem | undefined;
+    canNext: boolean;
+    canPrev: boolean;
+    onDelete?: (item: GalleryItem) => void;
+    trigger?: GalleryProps['trigger'];
+    openAt: (index: number) => void;
+    select: (index: number) => void;
+    next: () => void;
+    prev: () => void;
+    closeLightbox: () => void;
+    setZoom: (zoom: number) => void;
+    toggleLoop: () => void;
+    goToFirst: () => void;
+    goToLast: () => void;
+    downloadCurrent: () => void;
+    selectable: boolean;
+    toggleSelected: (id: string) => void;
+    clearSelection: () => void;
+    onKeyDown: (event: {
+        key: string;
+        preventDefault: () => void;
+        target: unknown;
+    }) => void;
+};
+export declare function useGallery({ items, preset, layout, columns, aspect, loop, maxItems, lightbox, captions, defaultIndex, currentIndex, onIndexChange, open, defaultOpen, onOpenChange, onDelete, trigger, selectable, onSelectionChange, }: GalleryProps): GalleryModel;

package/dist/lib/components/ui/galleries/use-skip-first.d.ts

@@ -0,0 +1 @@
+export declare function useSkipFirst<T>(value: T, onChange?: (value: T) => void): void;

package/dist/lib/components/ui/helper-text.d.ts

@@ -0,0 +1,5 @@
+import { TypographyProps } from './typography';
+export type HelperTextProps = {
+    error?: boolean;
+} & Omit<TypographyProps, 'variant'>;
+export declare function HelperText({ error, className, ...props }: HelperTextProps): import("react").JSX.Element;

package/dist/lib/components/ui/hidrate-loading.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+import { Background } from './background';
+export type HydrateLoadingProps = ComponentProps<typeof Background> & {
+    lodadingIcon?: React.ReactNode;
+};
+export declare function HydrateLoading({ lodadingIcon, className, children, ...props }: HydrateLoadingProps): import("react").JSX.Element;

package/dist/lib/components/ui/hover-card.d.ts

@@ -0,0 +1,6 @@
+import { HoverCard as HoverCardPrimitive } from 'radix-ui';
+import { ComponentProps } from 'react';
+declare function HoverCard({ ...props }: ComponentProps<typeof HoverCardPrimitive.Root>): import("react").JSX.Element;
+declare function HoverCardTrigger({ ...props }: ComponentProps<typeof HoverCardPrimitive.Trigger>): import("react").JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: ComponentProps<typeof HoverCardPrimitive.Content>): import("react").JSX.Element;
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/lib/components/ui/icon.d.ts

@@ -0,0 +1,9 @@
+import { IconFamily, IconName, IconStyle } from '@fortawesome/fontawesome-common-types';
+import { SVGProps } from 'react';
+export type IconProps = {
+    name: IconName;
+    family?: IconFamily;
+    type?: IconStyle | 'semibold';
+} & SVGProps<SVGSVGElement>;
+export declare function Icon({ name, family, type, className, ...props }: IconProps): import("react").JSX.Element;
+export type { IconFamily, IconName, IconStyle };

package/dist/lib/components/ui/icon.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { Icon } from '..';
+declare const meta: {
+    title: string;
+    component: typeof Icon;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/lib/components/ui/icon.test.d.ts

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

package/dist/lib/components/ui/image-cropper/crop-image.d.ts

@@ -0,0 +1,13 @@
+import { Area } from 'react-easy-crop';
+export declare function getRadianAngle(degree: number): number;
+export declare function rotateSize(width: number, height: number, rotation: number): {
+    width: number;
+    height: number;
+};
+export declare function createImage(url: string): Promise<HTMLImageElement>;
+export declare function cropImageToFile(imageSrc: string, pixelCrop: Area, options?: {
+    rotation?: number;
+    mimeType?: string;
+    quality?: number;
+    fileName?: string;
+}): Promise<File>;

package/dist/lib/components/ui/image-cropper/crop-image.test.d.ts

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

package/dist/lib/components/ui/image-cropper/crop-resize-handles.d.ts

@@ -0,0 +1,12 @@
+export type CropSize = {
+    width: number;
+    height: number;
+};
+export type CropResizeHandlesProps = {
+    size: CropSize;
+    max: CropSize;
+    onChange: (size: CropSize) => void;
+    min?: number;
+};
+export declare function CropResizeHandles({ size, max, onChange, min, }: CropResizeHandlesProps): import("react").JSX.Element;
+export declare function clampCropEdge(value: number, min: number, max: number): number;

package/dist/lib/components/ui/image-cropper/crop-resize-handles.test.d.ts

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

package/dist/lib/components/ui/image-cropper/image-cropper-dialog.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ImageCropperProps } from './image-cropper';
+export type ImageCropperDialogProps = Omit<ImageCropperProps, 'onCancel' | 'className'> & {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: ReactNode;
+    title?: ReactNode;
+};
+export declare function ImageCropperDialog({ open, onOpenChange, trigger, title, onCrop, ...cropperProps }: ImageCropperDialogProps): import("react").JSX.Element;

package/dist/lib/components/ui/image-cropper/image-cropper.d.ts

@@ -0,0 +1,11 @@
+import { ImageCropResult, ImageCropShape } from './types';
+export type ImageCropperProps = {
+    src: string;
+    aspect?: number;
+    cropShape?: ImageCropShape;
+    fileName?: string;
+    onCrop: (result: ImageCropResult) => void;
+    onCancel?: () => void;
+    className?: string;
+};
+export declare function ImageCropper({ src, aspect: aspectProp, cropShape, fileName, onCrop, onCancel, className, }: ImageCropperProps): import("react").JSX.Element;

package/dist/lib/components/ui/image-cropper/image-cropper.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { ImageCropper } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof ImageCropper;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Avatar: Story;
+export declare const Cover: Story;
+export declare const AspectPresets: Story;
+export declare const Dark: Story;
+export declare const InDialog: Story;

package/dist/lib/components/ui/image-cropper/index.d.ts

@@ -0,0 +1,7 @@
+export { cropImageToFile, getRadianAngle, rotateSize } from './crop-image';
+export type { ImageCropperProps } from './image-cropper';
+export { ImageCropper } from './image-cropper';
+export type { ImageCropperDialogProps } from './image-cropper-dialog';
+export { ImageCropperDialog } from './image-cropper-dialog';
+export type { ImageCropAspectId, ImageCropResult, ImageCropShape, } from './types';
+export { IMAGE_CROP_ASPECTS } from './types';

package/dist/lib/components/ui/image-cropper/types.d.ts

@@ -0,0 +1,24 @@
+import { Area } from 'react-easy-crop';
+export type ImageCropShape = 'rect' | 'round';
+export type ImageCropResult = {
+    file: File;
+    area: Area;
+};
+export declare const IMAGE_CROP_ASPECTS: readonly [{
+    readonly id: "1:1";
+    readonly label: "1:1";
+    readonly value: 1;
+}, {
+    readonly id: "4:3";
+    readonly label: "4:3";
+    readonly value: number;
+}, {
+    readonly id: "16:9";
+    readonly label: "16:9";
+    readonly value: number;
+}, {
+    readonly id: "3:4";
+    readonly label: "3:4";
+    readonly value: number;
+}];
+export type ImageCropAspectId = 'free' | (typeof IMAGE_CROP_ASPECTS)[number]['id'];

package/dist/lib/components/ui/image-field/image-field.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { NetworkUploadFieldProps } from '../upload/network-upload-field';
+type SingleUploadProps = Extract<NetworkUploadFieldProps, {
+    mode: 'single';
+}>;
+export type ImageFieldProps = Omit<SingleUploadProps, 'mode' | 'accept'> & {
+    accept?: string;
+    description?: ReactNode;
+    buttonText?: ReactNode;
+    placeholder?: string;
+    required?: boolean;
+};
+export declare function ImageField({ label, helperText, error, disabled, accept, description, buttonText, placeholder: placeholderSrc, className, name, required, ...rest }: ImageFieldProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/image-field/image-field.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { ImageField } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof ImageField;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const S3: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/image-field/image-s3-field.d.ts

@@ -0,0 +1,6 @@
+import { PresignedUploadTarget } from '../upload/s3-upload-field';
+import { ImageFieldProps } from './image-field';
+export type ImageS3FieldProps = Omit<ImageFieldProps, 'onUpload'> & {
+    getPresignedUrl: (file: File) => Promise<PresignedUploadTarget>;
+};
+export declare function ImageS3Field({ getPresignedUrl, ...props }: ImageS3FieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/image-field/index.d.ts

@@ -0,0 +1,4 @@
+export type { ImageFieldProps } from './image-field';
+export { ImageField } from './image-field';
+export type { ImageS3FieldProps } from './image-s3-field';
+export { ImageS3Field } from './image-s3-field';

package/dist/lib/components/ui/inline-edit/index.d.ts

@@ -0,0 +1,2 @@
+export type { InlineEditProps } from './inline-edit';
+export { InlineEdit } from './inline-edit';

package/dist/lib/components/ui/inline-edit/inline-edit.d.ts

@@ -0,0 +1,11 @@
+export type InlineEditProps = {
+    value?: string;
+    defaultValue?: string;
+    onSave?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: string;
+    className?: string;
+    name?: string;
+};
+export declare function InlineEdit({ value, defaultValue, onSave, placeholder, disabled, label, className, name, }: InlineEditProps): import("react").JSX.Element;

package/dist/lib/components/ui/inline-edit/inline-edit.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { InlineEdit } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof InlineEdit;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const Controlled: Story;
+export declare const Disabled: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/input-group-field.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type InputGroupFieldProps = {
+    label?: ReactNode;
+    placeholder?: ReactNode;
+    helperText?: ReactNode;
+    error?: boolean;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    renderInput?: (input: ReactNode) => ReactNode;
+    slotId?: string;
+} & Omit<React.ComponentProps<'input'>, 'leading' | 'trailing'>;
+export declare function InputGroupField({ label, helperText, error, leading, trailing, className, required, placeholder, slotId, renderInput, ...props }: InputGroupFieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/input-group-field.stories.d.ts

@@ -0,0 +1,35 @@
+import { StoryObj } from '@storybook/react';
+import { InputGroupField } from '..';
+declare const meta: {
+    title: string;
+    component: typeof InputGroupField;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        disabled: {
+            control: "boolean";
+        };
+        error: {
+            control: "boolean";
+        };
+        required: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLeading: Story;
+export declare const WithTrailing: Story;
+export declare const WithBothAddons: Story;
+export declare const WithLeadingButton: Story;
+export declare const WithTrailingButton: Story;
+export declare const WithBothButtons: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const Required: Story;
+export declare const Dark: Story;
+export declare const DarkWithError: Story;

package/dist/lib/components/ui/input-group.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { IconButtonProps } from './buttons';
+import type * as React from 'react';
+declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
+declare function InputGroupButton({ className, type, variant, ...props }: IconButtonProps): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>): React.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>): React.JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/lib/components/ui/input-group.stories.d.ts

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react';
+import { InputGroup } from '..';
+declare const meta: {
+    title: string;
+    component: typeof InputGroup;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithInlineStartAddon: Story;
+export declare const WithInlineEndAddon: Story;
+export declare const WithBothAddons: Story;
+export declare const WithButton: Story;
+export declare const WithStartButton: Story;
+export declare const WithBlockStartAddon: Story;
+export declare const WithBlockEndAddon: Story;
+export declare const WithTextarea: Story;
+export declare const TextareaWithSendButton: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;
+export declare const Dark: Story;
+export declare const DarkError: Story;

package/dist/lib/components/ui/input-otp.d.ts

@@ -0,0 +1,11 @@
+import { OTPInput } from 'input-otp';
+import * as React from 'react';
+declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): React.JSX.Element;
+declare function InputOTPGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<'div'> & {
+    index: number;
+}): React.JSX.Element;
+declare function InputOTPSeparator({ ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/lib/components/ui/input.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps } from 'react';
+export type InputProps = ComponentProps<'input'>;
+export declare const inputDefaultClassNames: string[];
+export declare function Input({ className, type, ...props }: InputProps): import("react").JSX.Element;

package/dist/lib/components/ui/kanban/index.d.ts

@@ -0,0 +1,5 @@
+export type { KanbanProps } from './kanban';
+export { Kanban } from './kanban';
+export { KanbanProvider, useKanbanContext } from './kanban-context';
+export type { KanbanAddDraft, KanbanAddHandler, KanbanCardHandler, KanbanChange, KanbanColumn, KanbanGroup, KanbanItem, KanbanRenderCard, } from './types';
+export { useKanban } from './use-kanban';

package/dist/lib/components/ui/kanban/kanban-context.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { KanbanAddHandler, KanbanCardHandler, KanbanRenderCard } from './types';
+import { KanbanModel } from './use-kanban';
+export type KanbanContextValue = KanbanModel & {
+    reorderableColumns: boolean;
+    onCardClick?: KanbanCardHandler;
+    onAddCard?: KanbanAddHandler;
+    renderCard?: KanbanRenderCard;
+    dragLabel: string;
+    dragColumnLabel: string;
+};
+export declare function KanbanProvider({ value, children, }: {
+    value: KanbanContextValue;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useKanbanContext(): KanbanContextValue;

package/dist/lib/components/ui/kanban/kanban.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { KanbanAddHandler, KanbanCardHandler, KanbanChange, KanbanColumn, KanbanGroup, KanbanItem, KanbanRenderCard } from './types';
+export type KanbanProps = {
+    columns?: KanbanColumn[];
+    defaultColumns?: KanbanColumn[];
+    items: KanbanItem[];
+    groups?: KanbanGroup[];
+    onColumnsChange?: (columns: KanbanColumn[]) => void;
+    onItemsChange?: (items: KanbanItem[]) => void;
+    onChange?: (change: KanbanChange) => void;
+    onCardClick?: KanbanCardHandler;
+    onAddCard?: KanbanAddHandler;
+    searchable?: boolean;
+    reorderableColumns?: boolean;
+    disabled?: boolean;
+    label?: ReactNode;
+    className?: string;
+    renderCard?: KanbanRenderCard;
+};
+export declare function Kanban({ columns, defaultColumns, items, groups, onColumnsChange, onItemsChange, onChange, onCardClick, onAddCard, searchable, reorderableColumns, disabled, label, className, renderCard, }: KanbanProps): import("react").JSX.Element;

package/dist/lib/components/ui/kanban/kanban.keyboard.d.ts

@@ -0,0 +1,25 @@
+export type KanbanKeyCommand = {
+    type: 'focus';
+    itemId: string;
+} | {
+    type: 'move';
+    itemId: string;
+    toColumnId: string;
+    beforeId?: string;
+};
+type KeyEventLike = {
+    key: string;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    preventDefault: () => void;
+};
+type ColumnRef = {
+    id: string;
+};
+export declare function handleKanbanKeyDown(event: KeyEventLike, ctx: {
+    focusedId: string | null;
+    columns: ColumnRef[];
+    visibleByColumn: Record<string, string[]>;
+    lockedIds?: ReadonlySet<string>;
+}): KanbanKeyCommand | null;
+export {};

package/dist/lib/components/ui/kanban/kanban.slice.d.ts

@@ -0,0 +1,106 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { KanbanChromeState } from './types';
+export declare const kanbanSlice: import('@reduxjs/toolkit').Slice<KanbanChromeState, {
+    setQuery: (state: {
+        query: string;
+        focusedId: string | null;
+        collapsedGroupIds: string[];
+        collapsedColumnIds: string[];
+        composing: {
+            columnId: string;
+            groupId: string | null;
+        } | null;
+    }, action: PayloadAction<string>) => void;
+    setFocusedId: (state: {
+        query: string;
+        focusedId: string | null;
+        collapsedGroupIds: string[];
+        collapsedColumnIds: string[];
+        composing: {
+            columnId: string;
+            groupId: string | null;
+        } | null;
+    }, action: PayloadAction<string | null>) => void;
+    toggleGroupCollapsed: (state: {
+        query: string;
+        focusedId: string | null;
+        collapsedGroupIds: string[];
+        collapsedColumnIds: string[];
+        composing: {
+            columnId: string;
+            groupId: string | null;
+        } | null;
+    }, action: PayloadAction<string>) => void;
+    toggleColumnCollapsed: (state: {
+        query: string;
+        focusedId: string | null;
+        collapsedGroupIds: string[];
+        collapsedColumnIds: string[];
+        composing: {
+            columnId: string;
+            groupId: string | null;
+        } | null;
+    }, action: PayloadAction<string>) => void;
+    setComposing: (state: {
+        query: string;
+        focusedId: string | null;
+        collapsedGroupIds: string[];
+        collapsedColumnIds: string[];
+        composing: {
+            columnId: string;
+            groupId: string | null;
+        } | null;
+    }, action: PayloadAction<KanbanChromeState["composing"]>) => void;
+}, "kanban", "kanban", import('@reduxjs/toolkit').SliceSelectors<KanbanChromeState>>;
+export declare const kanbanActions: import('@reduxjs/toolkit').CaseReducerActions<{
+    setQuery: (state: {
+        query: string;
+        focusedId: string | null;
+        collapsedGroupIds: string[];
+        collapsedColumnIds: string[];
+        composing: {
+            columnId: string;
+            groupId: string | null;
+        } | null;
+    }, action: PayloadAction<string>) => void;
+    setFocusedId: (state: {
+        query: string;
+        focusedId: string | null;
+        collapsedGroupIds: string[];
+        collapsedColumnIds: string[];
+        composing: {
+            columnId: string;
+            groupId: string | null;
+        } | null;
+    }, action: PayloadAction<string | null>) => void;
+    toggleGroupCollapsed: (state: {
+        query: string;
+        focusedId: string | null;
+        collapsedGroupIds: string[];
+        collapsedColumnIds: string[];
+        composing: {
+            columnId: string;
+            groupId: string | null;
+        } | null;
+    }, action: PayloadAction<string>) => void;
+    toggleColumnCollapsed: (state: {
+        query: string;
+        focusedId: string | null;
+        collapsedGroupIds: string[];
+        collapsedColumnIds: string[];
+        composing: {
+            columnId: string;
+            groupId: string | null;
+        } | null;
+    }, action: PayloadAction<string>) => void;
+    setComposing: (state: {
+        query: string;
+        focusedId: string | null;
+        collapsedGroupIds: string[];
+        collapsedColumnIds: string[];
+        composing: {
+            columnId: string;
+            groupId: string | null;
+        } | null;
+    }, action: PayloadAction<KanbanChromeState["composing"]>) => void;
+}, "kanban">;

package/dist/lib/components/ui/kanban/kanban.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { Kanban } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof Kanban;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const WorkInProgress: Story;
+export declare const Groups: Story;
+export declare const Dark: Story;