@mbao01/common 0.0.44 → 0.0.46

package/dist/types/components/Chart/stories/args/labelListArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const labelListArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/legendArgs.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+export declare const legendType: ArgTypes[0];
+export declare const legendArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/lineArgs.d.ts

@@ -0,0 +1,2 @@
+import { Args } from '@storybook/react';
+export declare const lineArgs: Args;

package/dist/types/components/Chart/stories/args/lineChartArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const lineChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/pieArgs.d.ts

@@ -0,0 +1,2 @@
+import { Args } from '@storybook/react';
+export declare const pieArgs: Args;

package/dist/types/components/Chart/stories/args/pieChartArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const pieChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/polarChartArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const polarChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/polarSharedArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const polarSharedArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/radarArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const radarArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/radarChartArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const radarChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/radialBarArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const radialBarArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/radialBarChartArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const radialBarChartArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/rectangleArgs.d.ts

@@ -0,0 +1,9 @@
+import { ArgTypes } from '@storybook/react';
+export declare const radius: ArgTypes[0];
+export declare const isUpdateAnimationActive: ArgTypes[0];
+/**
+ * Caveat: If any prop is added here, it would falsely be add to the documentation of the component
+ * where this group is used. If the group is to be extended, then only single props should be imported
+ * by each component that does not use all of them.
+ * */
+export declare const rectangleArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/referenceSharedArgs.d.ts

@@ -0,0 +1,4 @@
+import { ArgTypes } from '@storybook/react';
+export declare const referenceStyleArgs: ArgTypes;
+export declare const referenceGeneralArgs: ArgTypes;
+export declare const referenceInternalArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/sectorArgs.d.ts

@@ -0,0 +1,7 @@
+import { ArgTypes } from '@storybook/react';
+/**
+ * Caveat: If any prop is added here, it would falsely be add to the documentation of the component
+ * where this group is used. If the group is to be extended, then only single props should be imported
+ * by each component that does not use all of them.
+ * */
+export declare const sectorArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/sharedAxisArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const sharedAxisArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/stylesArgs.d.ts

@@ -0,0 +1,6 @@
+import { Args, ArgTypes } from '@storybook/react';
+export declare const hide: ArgTypes[0];
+export declare const generalStyleArgs: ArgTypes;
+export declare const labelDescription = "If false set, labels will not be drawn. If true set, labels will be drawn which have\nthe props calculated internally. If object set, labels will be drawn which have the props merged\nby the internal calculated props and the option. If ReactElement set, the option can be the custom\nlabel element. If set a function, the function will be called to render customized label.";
+export declare const labelSummary = "boolean | Object | ReactElement | Function";
+export declare const radialBarStyleArgs: Args;

package/dist/types/components/Chart/stories/args/textArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const textArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/tooltipArgs.d.ts

@@ -0,0 +1,4 @@
+import { ArgTypes } from '@storybook/react';
+export declare const tooltipType: ArgTypes[0];
+export declare const activeDot: ArgTypes[0];
+export declare const tooltipArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/types.d.ts

@@ -0,0 +1,13 @@
+import { SVGProps } from 'react';
+type SVGKeys = Exclude<keyof SVGProps<SVGElement>, "type" | "fill" | "fillOpacity" | "stroke" | "strokeWidth" | "className">;
+export type OmitSVGElement<T> = Omit<T, SVGKeys>;
+export type Flatten<T> = NonNullable<{
+    [K in keyof T]: T[K] extends never ? never : {
+        [P in keyof T[K]]: T[K][P] extends never ? {
+            [Q in `${Exclude<K, symbol>} ${Exclude<P, symbol>}`]: never;
+        } : {
+            [Q in `${Exclude<K, symbol>} ${Exclude<P, symbol>}`]: T[K][P];
+        };
+    }[keyof T[K]];
+}[keyof T]>;
+export {};

package/dist/types/components/Chart/stories/args/xAxisArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const xAxisArgs: ArgTypes;

package/dist/types/components/Chart/stories/args/yAxisArgs.d.ts

@@ -0,0 +1,2 @@
+import { ArgTypes } from '@storybook/react';
+export declare const yAxisArgs: ArgTypes;

package/dist/types/components/Chart/stories/examples/AreaChart.d.ts

@@ -0,0 +1,16 @@
+import { AreaChartProps } from '../args';
+/**
+ * ## Parent
+ *
+ * The AreaChart can be used within: `<Chart />`
+ *
+ * ## Children
+ *
+ * The AreaChart can be used with the following child components: `<XAxis />`, `<YAxis />`, `<ReferenceArea />`, `<ReferenceDot />`, `<ReferenceArea />`,
+ * `<Brush />`, `<CartesianGrid />`, `<ChartLegend />`, `<ChartTooltip />`, `<Area />`, `<Customized />` or valid svg elements.
+ */
+export declare const AreaChartExample: (props: Partial<AreaChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const StackedAreaChartExample: (props: Partial<AreaChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const StackedExpandedAreaChartExample: (props: Partial<AreaChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const LabeledAreaChartExample: (props: Partial<AreaChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const WithLegendAreaChartExample: (props: Partial<AreaChartProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Chart/stories/examples/BarChart.d.ts

@@ -0,0 +1,20 @@
+import { BarChartProps } from '../args';
+/**
+ * ## Parent
+ *
+ * The BarChart can be used within: `<Chart />`
+ *
+ * ## Children
+ *
+ * The BarChart can be used with the following child components: `<XAxis />`, `<YAxis />`, `<ReferenceArea />`, `<ReferenceDot />`, `<ReferenceLine />`,
+ * `<Brush />`, `<CartesianGrid />`, `<ChartLegend />`, `<ChartTooltip />`, `<Bar />`, `<Customized />` or valid svg elements.
+ */
+export declare const BarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const MultipleBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const LabelBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomLabelBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const MixedBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const StackedBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ActiveBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const NegativeBarChartExample: (props: Partial<BarChartProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Chart/stories/examples/LineChart.d.ts

@@ -0,0 +1,16 @@
+import { LineChartProps } from '../args';
+/**
+ * ## Parent
+ *
+ * The LineChart can be used within: `<Chart />`
+ *
+ * ## Children
+ *
+ * The LineChart can be used with the following child components: `<XAxis />`, `<YAxis />`, `<ReferenceArea />`, `<ReferenceDot />`, `<ReferenceLine />`,
+ * `<Brush />`, `<CartesianGrid />`, `<ChartLegend />`, `<ChartTooltip />`, `<Line />`, `<Customized />` or valid svg elements.
+ */
+export declare const LineChartExample: (props: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StackedLineChartExample: (props: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomDotLineChartExample: (props: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LabeledLineChartExample: (props: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WithLegendLineChartExample: (props: LineChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Chart/stories/examples/PieChart.d.ts

@@ -0,0 +1,19 @@
+import { PieChartProps } from '../args';
+/**
+ * ## Parent
+ *
+ * The PieChart can be used within: `<Chart />`
+ *
+ * ## Children
+ *
+ * The PieChart can be used with the following child components: `<PolarAngleAxis />`, `<PolarRadiusAxis />`,
+ * `<PolarGrid />`, `<ChartLegend />`, `<ChartTooltip />`, `<Pie />`, `<Customized />`
+ */
+export declare const PieChartExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const LabeledPieChartExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomLabeledPieChartExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const LabelListPieChartExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const WithLegendPieChartExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const DonutPieChartExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ActiveDonutPieChartExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const StackedPieChartExample: (props: Partial<PieChartProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Chart/stories/examples/RadarChart.d.ts

@@ -0,0 +1,24 @@
+import { RadarChartProps } from '../args';
+/**
+ * ## Parent
+ *
+ * The RadarChart can be used within: `<Chart />`
+ *
+ * ## Children
+ *
+ * The RadarChart can be used with the following child components: `<PolarAngleAxis />`, `<PolarRadiusAxis />`,
+ * `<PolarGrid />`, `<ChartLegend />`, `<ChartTooltip />`, `<Radar />`, `<Customized />`
+ */
+export declare const RadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const DotRadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const MultipleRadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const LinesRadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomLabeledRadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const RadiusAxisRadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const GridCustomRadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const GridFilledRadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const NoGridRadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const GridCircleRadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const NoLinesGridCircleRadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const GridCircleFilledRadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const LegendRadarChartExample: (props: Partial<RadarChartProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Chart/stories/examples/RadialChart.d.ts

@@ -0,0 +1,17 @@
+import { RadialBarChartProps } from '../args';
+/**
+ * ## Parent
+ *
+ * The RadialBarChart can be used within: `<Chart />`
+ *
+ * ## Children
+ *
+ * The RadialBarChart can be used with the following child components: `<PolarAngleAxis />`, `<PolarRadiusAxis />`,
+ * `<PolarGrid />`, `<ChartLegend />`, `<ChartTooltip />`, `<RadialBar />`, `<Customized />`
+ */
+export declare const RadialChartExample: (props: Partial<RadialBarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const LabeledRadialChartExample: (props: Partial<RadialBarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const GridRadialChartExample: (props: Partial<RadialBarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const TextRadialChartExample: (props: Partial<RadialBarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ShapeRadialChartExample: (props: Partial<RadialBarChartProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const StackedRadialChartExample: (props: Partial<RadialBarChartProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Chart/stories/examples/Tooltip.d.ts

@@ -0,0 +1,15 @@
+import { ChartTooltipContentProps } from '../../types';
+export declare const tooltipChartConfig: {
+    activities: {
+        label: string;
+    };
+    running: {
+        label: string;
+        color: string;
+    };
+    swimming: {
+        label: string;
+        color: string;
+    };
+};
+export declare const BarChartExample: (props: ChartTooltipContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Chart/stories/helpers/index.d.ts

@@ -0,0 +1,9 @@
+import { ArgTypes, StoryContext, StoryFn } from '@storybook/react';
+import { ElementType } from 'react';
+export declare const categorizeArgs: (args: ArgTypes, category: string) => ArgTypes<import('@storybook/react').Args>;
+export declare const withArgs: <T extends object>(Component: StoryFn, context: StoryContext<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const getArgsFromArgTypes: <T extends ArgTypes>(argsTypes: T) => Record<keyof T, unknown>;
+export declare const renderer: <T extends ElementType>(Component: T) => {
+    <G>(props: G): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,37 @@
+import { ComponentProps, ComponentType, ReactNode } from 'react';
+import { LegendProps, ResponsiveContainer, Tooltip } from 'recharts';
+import { Theme } from '../../utilities';
+export type ChartConfig = {
+    [k in string]: {
+        label?: ReactNode;
+        icon?: ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<Theme, string>;
+    });
+};
+export type ChartContextProps = {
+    config: ChartConfig;
+};
+export type ChartProps = ComponentProps<"div"> & {
+    config: ChartConfig;
+    children: ComponentProps<typeof ResponsiveContainer>["children"];
+};
+export type ChartStyleProps = {
+    id: string;
+    config: ChartConfig;
+};
+export type ChartTooltipContentProps = ComponentProps<typeof Tooltip> & ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+};
+export type ChartLegendContentProps = ComponentProps<"div"> & Pick<LegendProps, "payload" | "verticalAlign"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+};

package/dist/types/components/DragAndDrop/Draggable/Draggable.d.ts

@@ -0,0 +1,29 @@
+import { CSSProperties, Ref } from 'react';
+import { DraggableOverlayProps, DraggableProps } from './types';
+declare const Draggable: {
+    ({ id, axis, data, disabled, attributes, style, handle, className, ...props }: DraggableProps): import("react/jsx-runtime").JSX.Element;
+    Root: import('react').ForwardRefExoticComponent<Partial<{
+        axis: import('./types').DraggableAxis;
+        style: CSSProperties;
+        handle: import('./types').DraggableHandleElement;
+        actions: (args: Partial<import('./types').DraggableActionsArgs>) => import('react').ReactNode;
+    }> & import('react').HTMLAttributes<HTMLDivElement> & Partial<{
+        isDragOverlay: boolean;
+        isDragging: boolean;
+        listeners: import('@dnd-kit/core').DraggableSyntheticListeners;
+        transform: import('@dnd-kit/utilities').Transform | null;
+        activatorNodeRef: Ref<HTMLElement>;
+    }> & import('react').RefAttributes<HTMLDivElement>>;
+    Action: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & {
+        active?: Partial<{
+            fill: string;
+            background: string;
+        }>;
+        cursor?: CSSProperties["cursor"];
+    } & import('react').RefAttributes<HTMLElement>>;
+    Overlay: {
+        ({ axis, dropAnimation, className, ...props }: DraggableOverlayProps): import('react').ReactPortal;
+        displayName: string;
+    };
+};
+export { Draggable };

package/dist/types/components/DragAndDrop/Draggable/Draggable.example.d.ts

@@ -0,0 +1,24 @@
+import { DropAnimation, Modifiers, PointerActivationConstraint } from '@dnd-kit/core';
+import { CSSProperties } from 'react';
+import { DraggableAxis, DraggableHandleElement } from './types';
+type DraggableExampleProps = Partial<{
+    activationConstraint: PointerActivationConstraint;
+    axis: DraggableAxis;
+    handle: DraggableHandleElement;
+    modifiers: Modifiers;
+    buttonStyle: CSSProperties;
+    label: string;
+}>;
+export declare const DraggableExample: ({ activationConstraint, axis, handle, modifiers, label, }: DraggableExampleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DraggableSnapToGridExample: () => import("react/jsx-runtime").JSX.Element;
+type DraggableOverlayExampleProps = Partial<{
+    activationConstraint: PointerActivationConstraint;
+    axis: DraggableAxis;
+    handle: DraggableHandleElement;
+    modifiers: Modifiers;
+    label: string;
+    dragOverlayModifiers: Modifiers;
+    dropAnimation: DropAnimation | null;
+}>;
+export declare const DraggableOverlayExample: ({ axis, dropAnimation, handle, label, modifiers, }: DraggableOverlayExampleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DragAndDrop/Draggable/constants.d.ts

@@ -0,0 +1,9 @@
+import { DropAnimation } from '@dnd-kit/core';
+export declare const DROP_ANIMATION_CONFIG: DropAnimation;
+export declare const getDraggableClasses: (props?: ({
+    isDragging?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getDraggableRootClasses: (props?: ({
+    isDragging?: boolean | null | undefined;
+    isDragOverlay?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/DragAndDrop/Draggable/index.d.ts

@@ -0,0 +1 @@
+export { Draggable } from './Draggable';

package/dist/types/components/DragAndDrop/Draggable/types.d.ts

@@ -0,0 +1,41 @@
+import { DraggableSyntheticListeners, DragOverlayProps, DropAnimation, UseDraggableArguments } from '@dnd-kit/core';
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { Transform } from '@dnd-kit/utilities';
+export declare enum DraggableAxis {
+    All = 0,
+    Vertical = 1,
+    Horizontal = 2
+}
+export type DraggableHandleElement = JSX.Element | null;
+export type DraggableActionsArgs = {
+    draggable: {
+        ref: Ref<HTMLElement> | undefined;
+        listeners: DraggableSyntheticListeners;
+    };
+};
+type BaseDraggableProps = Partial<{
+    axis: DraggableAxis;
+    style: CSSProperties;
+    handle: DraggableHandleElement;
+    actions: (args: Partial<DraggableActionsArgs>) => ReactNode;
+}> & React.HTMLAttributes<HTMLDivElement>;
+export type DraggableProps = BaseDraggableProps & UseDraggableArguments;
+export type DraggableRootProps = BaseDraggableProps & Partial<{
+    isDragOverlay: boolean;
+    isDragging: boolean;
+    listeners: DraggableSyntheticListeners;
+    transform: Transform | null;
+    activatorNodeRef: Ref<HTMLElement>;
+}>;
+export type DraggableActionProps = React.HTMLAttributes<HTMLButtonElement> & {
+    active?: Partial<{
+        fill: string;
+        background: string;
+    }>;
+    cursor?: CSSProperties["cursor"];
+};
+export type DraggableOverlayProps = {
+    axis?: DraggableRootProps["axis"];
+    dropAnimation?: DropAnimation | null;
+} & DragOverlayProps;
+export {};

package/dist/types/components/DragAndDrop/Droppable/Droppable.d.ts

@@ -0,0 +1,2 @@
+import { DroppableProps } from './types';
+export declare const Droppable: ({ children, id, disabled, data, resizeObserverConfig, isDragging, className, ...props }: DroppableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DragAndDrop/Droppable/Droppable.example.d.ts

@@ -0,0 +1,10 @@
+import { Modifiers, UniqueIdentifier } from '@dnd-kit/core';
+type CollisionDetectionType = "rectIntersection" | "closestCenter" | "closestCorners" | "pointerWithin";
+type DroppableExampleProps = {
+    collisionDetection?: CollisionDetectionType;
+    containers?: UniqueIdentifier[];
+    modifiers?: Modifiers;
+};
+export declare const DroppableExample: ({ containers, collisionDetection, modifiers, }: DroppableExampleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CollisionDetectionAlgorithmsDroppableExample: ({ collisionDetection, ...props }: DroppableExampleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DragAndDrop/Droppable/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const getDroppableClasses: (props?: ({
+    isDragging?: boolean | null | undefined;
+    isOver?: boolean | null | undefined;
+    isEmpty?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/DragAndDrop/Droppable/index.d.ts

@@ -0,0 +1 @@
+export { Droppable } from './Droppable';

package/dist/types/components/DragAndDrop/Droppable/types.d.ts

@@ -0,0 +1,4 @@
+import { UseDroppableArguments } from '@dnd-kit/core';
+export type DroppableProps = Omit<React.HTMLAttributes<HTMLDivElement>, "id"> & UseDroppableArguments & Partial<{
+    isDragging: boolean;
+}>;

package/dist/types/components/DragAndDrop/Sortable/Sortable.d.ts

@@ -0,0 +1,2 @@
+import { SortableProps } from './types';
+export declare const Sortable: ({ id, data, style, className, children, disabled, attributes, resizeObserverConfig, animateLayoutChanges, getNewIndex, strategy, transition, ...props }: SortableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DragAndDrop/Sortable/Sortable.example.d.ts

@@ -0,0 +1,6 @@
+import { SortableProps } from './types';
+type SortableExampleProps = Partial<SortableProps> & {
+    hasDraggableOverlay?: boolean;
+};
+export declare const SortableExample: ({ hasDraggableOverlay, ...props }: SortableExampleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DragAndDrop/Sortable/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const getSortableClasses: (props?: ({
+    isDragging?: boolean | null | undefined;
+    isSorting?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/DragAndDrop/Sortable/index.d.ts

@@ -0,0 +1 @@
+export { Sortable } from './Sortable';

package/dist/types/components/DragAndDrop/Sortable/types.d.ts

@@ -0,0 +1,7 @@
+import { UseSortableArguments } from '@dnd-kit/sortable';
+import { CSSProperties } from 'react';
+import { DraggableAxis, DraggableRootProps } from '../Draggable/types';
+export type SortableProps = Omit<React.HTMLAttributes<HTMLDivElement>, "id"> & UseSortableArguments & Pick<DraggableRootProps, "handle" | "actions"> & Partial<{
+    axis: DraggableAxis;
+    style: CSSProperties;
+}>;

package/dist/types/components/DragAndDrop/index.d.ts

@@ -0,0 +1,3 @@
+export { Draggable } from './Draggable';
+export { Droppable } from './Droppable';
+export { Sortable } from './Sortable';

package/dist/types/components/Widget/InternalWidgetsContext.d.ts

@@ -0,0 +1,2 @@
+import { InternalWidgetsContextProps } from './types';
+export declare const InternalWidgetsContext: import('react').Context<InternalWidgetsContextProps | null>;

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

@@ -0,0 +1,2 @@
+import { WidgetProps } from './types';
+export declare const Widget: ({ id, children, actions, ...props }: WidgetProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/Widget/Widgets.example.d.ts

@@ -0,0 +1 @@
+export declare const WidgetsExample: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Widget/WidgetsContext.d.ts

@@ -0,0 +1,2 @@
+import { WidgetsContextProps } from './types';
+export declare const WidgetsContext: ({ children, initialWidgets }: WidgetsContextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Widget/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useWidget } from './useWidget';
+export { useWidgets } from './useWidgets';

package/dist/types/components/Widget/hooks/useWidget/index.d.ts

@@ -0,0 +1 @@
+export { useWidget } from './useWidget';

package/dist/types/components/Widget/hooks/useWidget/useWidget.d.ts

@@ -0,0 +1,7 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+export declare const useWidget: (id: UniqueIdentifier) => {
+    widget: import('@dnd-kit/core').Data<{
+        id: UniqueIdentifier;
+    }> | undefined;
+    deleteWidget: () => void;
+};

package/dist/types/components/Widget/hooks/useWidgets/index.d.ts

@@ -0,0 +1 @@
+export { useWidgets } from './useWidgets';

package/dist/types/components/Widget/hooks/useWidgets/useWidgets.d.ts

@@ -0,0 +1 @@
+export declare const useWidgets: () => import('../../types').InternalWidgetsContextProps;

package/dist/types/components/Widget/index.d.ts

@@ -0,0 +1,3 @@
+export * from './hooks';
+export { Widget } from './Widget';
+export { WidgetsContext } from './WidgetsContext';

package/dist/types/components/Widget/modifiers/index.d.ts

@@ -0,0 +1 @@
+export { restrictToElement } from './restrictToElement';

package/dist/types/components/Widget/modifiers/restrictToElement.d.ts

@@ -0,0 +1,2 @@
+import { Modifier } from '@dnd-kit/core';
+export declare const restrictToElement: (rect: DOMRect | null | undefined) => Modifier;

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

@@ -0,0 +1,28 @@
+import { Data, UniqueIdentifier } from '@dnd-kit/core';
+import { ReactNode } from 'react';
+import { DraggableActionsArgs } from '../DragAndDrop/Draggable/types';
+import { SortableProps } from '../DragAndDrop/Sortable/types';
+export type Widget = Data<{
+    id: UniqueIdentifier;
+}>;
+type WidgetActions = (args: Partial<DraggableActionsArgs> & {
+    deleteWidget: () => void;
+}) => ReactNode;
+export type WidgetProps = Omit<SortableProps, "actions"> & {
+    actions?: WidgetActions;
+};
+export type WidgetsContextProps = {
+    children?: ReactNode;
+    initialWidgets?: Widget[];
+};
+export type InternalWidgetsContextProps = {
+    widgets: Data<{
+        id: UniqueIdentifier;
+    }>[];
+    addWidget: (widget: Widget, insertIndex?: number) => void;
+    addWidgets: (widgets: Widget[], startIndex?: number) => void;
+    deleteWidget: (widget: Widget) => void;
+    deleteWidgets: (widgets: Widget[]) => void;
+    resetWidgets: () => void;
+};
+export {};