@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.81

package/dist/lib/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.types.d.ts

@@ -0,0 +1,25 @@
+import { DateRange, DateRangeWithTime } from '../../../../../components/DateRangePicker/DateRangePicker.types';
+export type DateRangeFilterDropdownProps = {
+    /** Label for the filter button */
+    label: string;
+    /** Position of the dropdown relative to the button */
+    position?: 'left' | 'right';
+    /** Whether to show time inputs (default: false) */
+    showTime?: boolean;
+    /** Time format: '12' for 12-hour or '24' for 24-hour */
+    timeFormat?: '12' | '24';
+    /** Whether to show preset options (default: true) */
+    showPresets?: boolean;
+    /** Callback when the date range is applied */
+    onApply?: (range?: DateRangeWithTime) => void;
+    /** Callback when the date range changes */
+    onRangeChange?: (range: DateRangeWithTime) => void;
+    /** Initial date range */
+    defaultRange?: DateRange;
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Country code for locale formatting (default: 'US') */
+    countryCode?: string;
+};

package/dist/lib/components/Filter/components/ResetButton/ResetButton.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ResetButtonProps } from './ResetButton.types';
+export declare const ResetButton: FC<ResetButtonProps>;

package/dist/lib/components/Filter/components/ResetButton/ResetButton.types.d.ts

@@ -0,0 +1,5 @@
+import { Props as ButtonProps } from '../../../../../components/Button/Button.types';
+export type ResetButtonProps = ButtonProps & {
+    disabled?: boolean;
+    onClick?: VoidFunction;
+};

package/dist/lib/components/Filter/components/TextMultiSelect/TextMultiSelect.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TextMultiSelectProps } from './TextMultiSelect.types';
+export declare const TextMultiSelect: FC<TextMultiSelectProps>;

package/dist/lib/components/Filter/components/TextMultiSelect/TextMultiSelect.types.d.ts

@@ -0,0 +1,9 @@
+import { Option } from '../../Filter.types';
+export type TextMultiSelectProps = {
+    label: string;
+    options: Option[];
+    position?: 'left' | 'right';
+    onApply?: (selectedOptions: Option[]) => void;
+    showSelectAll?: boolean;
+    selectAllLabel?: string;
+};

package/dist/lib/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TimeFilterDropdownProps } from './TimeFilterDropdown.types';
+export declare const TimeFilterDropdown: FC<TimeFilterDropdownProps>;

package/dist/lib/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.hook.d.ts

@@ -0,0 +1,14 @@
+import { TimeFilterDropdownProps, TimePreset } from './TimeFilterDropdown.types';
+export declare const useTimeFilterDropdown: ({ onApply, format, }: Pick<TimeFilterDropdownProps, "onApply" | "format">) => {
+    id: string;
+    appliedLabel: string | undefined;
+    isOpen: boolean;
+    selectedTime: Date | undefined;
+    selectedPresetLabel: string | undefined;
+    wrapperRef: import('react').RefObject<HTMLDivElement | null>;
+    handleApply: () => void;
+    handleOpen: () => void;
+    handleSelectPreset: (preset: TimePreset) => void;
+    handleSelectCustom: (time: Date) => void;
+    handleReset: () => void;
+};

package/dist/lib/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.types.d.ts

@@ -0,0 +1,13 @@
+export type TimePreset = {
+    label: string;
+    value: Date;
+};
+export type TimeFilterDropdownProps = {
+    label: string;
+    position?: 'left' | 'right';
+    format?: '12' | '24';
+    presets?: TimePreset[];
+    /** Whether to show the TimePicker for custom time selection (default: true) */
+    showTimePicker?: boolean;
+    onApply?: (time?: Date) => void;
+};

package/dist/lib/components/Filter/components/index.d.ts

@@ -0,0 +1,12 @@
+export * from './BadgeDropdown/BadgeMultiSelect';
+export * from './BadgeDropdown/BadgeMultiSelect.types';
+export * from './DateFilterDropdown/DateFilterDropdown';
+export * from './DateFilterDropdown/DateFilterDropdown.types';
+export * from './DateRangeFilterDropdown/DateRangeFilterDropdown';
+export * from './DateRangeFilterDropdown/DateRangeFilterDropdown.types';
+export * from './ResetButton/ResetButton';
+export * from './ResetButton/ResetButton.types';
+export * from './TextMultiSelect/TextMultiSelect';
+export * from './TextMultiSelect/TextMultiSelect.types';
+export * from './TimeFilterDropdown/TimeFilterDropdown';
+export * from './TimeFilterDropdown/TimeFilterDropdown.types';

package/dist/lib/components/Filter/contexts/filter.context.d.ts

@@ -0,0 +1,4 @@
+export type FilterContextType = {
+    closeOnApply: boolean;
+};
+export declare const FilterContext: import('react').Context<FilterContextType>;

package/dist/lib/components/Filter/contexts/filter.hook.d.ts

@@ -0,0 +1,2 @@
+import { FilterContextType } from './filter.context';
+export declare const useFilterContext: () => FilterContextType;

package/dist/lib/components/Filter/contexts/filter.provider.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+import { FilterContextType } from './filter.context';
+type Props = PropsWithChildren<FilterContextType>;
+export declare const FilterProvider: FC<Props>;
+export {};

package/dist/lib/components/Filter/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './filter.context';
+export * from './filter.hook';
+export * from './filter.provider';

package/dist/lib/components/Filter/events/index.d.ts

@@ -0,0 +1,6 @@
+export declare enum FilterEvent {
+    OPEN = "@konstrtuctio/KonstructFilter/event-OPEN",
+    RESET = "@konstrtuctio/KonstructFilter/event-RESET"
+}
+export declare const sendOpenFilterEvent: (id: string) => boolean;
+export declare const resetEvent: () => boolean;

package/dist/lib/components/Filter/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const getLocale: (countryCode?: string) => string;

package/dist/lib/components/ImageUpload/ImageUpload.d.ts

@@ -0,0 +1,25 @@
+import { Props } from './ImageUpload.types';
+/**
+ * A file input component for uploading images with preview and validation.
+ * Supports drag states, file type validation, size limits, and upload progress.
+ *
+ * @example
+ * ```tsx
+ * <ImageUpload
+ *   label="Profile Picture"
+ *   name="avatar"
+ *   accept="image/png,image/jpeg"
+ *   maxSize={5 * 1024 * 1024}
+ *   uploadButtonText="Choose image"
+ *   onChange={(e) => console.log(e.target.files?.[0])}
+ *   onRemove={() => setAvatar(null)}
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-imageupload--docs Storybook}
+ */
+declare const ImageUpload: {
+    ({ className, error, fileName, fileSize, fileUrl, helperText, isRequired, label, labelClassName, labelWrapperClassName, name, onChange, onRemove, status, theme, uploadButtonText, accept, maxSize, }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { ImageUpload };

package/dist/lib/components/ImageUpload/ImageUpload.types.d.ts

@@ -0,0 +1,71 @@
+import { VariantProps } from 'class-variance-authority';
+import { ChangeEvent, ReactNode } from 'react';
+import { Theme } from '../../../domain/theme';
+import { imageUploadVariants } from './ImageUpload.variants';
+/**
+ * Upload status states for the ImageUpload component.
+ */
+export declare enum ImageUploadStatus {
+    Default = "default",
+    Uploading = "uploading",
+    Complete = "complete",
+    Error = "error"
+}
+export type ImageUploadStatusType = ImageUploadStatus;
+/**
+ * Props for the ImageUpload component.
+ * A file input for uploading images with preview, validation, and status states.
+ *
+ * @example
+ * ```tsx
+ * <ImageUpload
+ *   label="Logo"
+ *   name="logo"
+ *   accept="image/png,image/svg+xml"
+ *   maxSize={2 * 1024 * 1024}
+ *   onChange={(e) => handleUpload(e.target.files?.[0])}
+ *   onRemove={() => setLogo(null)}
+ *   isRequired
+ * />
+ * ```
+ */
+export interface Props extends Omit<VariantProps<typeof imageUploadVariants>, 'status'> {
+    /** Additional CSS classes */
+    className?: string;
+    /** Error message to display */
+    error?: string;
+    /** Name of the uploaded file */
+    fileName?: string;
+    /** Formatted size of the uploaded file */
+    fileSize?: string;
+    /** URL or data URL of the uploaded file for preview */
+    fileUrl?: string;
+    /** Helper text displayed below the input */
+    helperText?: string;
+    /** Whether the field is required */
+    isRequired?: boolean;
+    /** Label displayed above the input */
+    label?: string | ReactNode;
+    /** Additional CSS classes for the label */
+    labelClassName?: string;
+    /** Additional CSS classes for the label wrapper */
+    labelWrapperClassName?: string;
+    /** Form field name */
+    name?: string;
+    /** Callback fired when a file is selected */
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /** Callback fired when the uploaded file is removed */
+    onRemove?: () => void;
+    /** Current upload status */
+    status?: ImageUploadStatusType;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Text displayed on the upload button */
+    uploadButtonText?: string;
+    /** Accepted file MIME types (comma-separated) */
+    accept?: string;
+    /** Maximum file size in bytes */
+    maxSize?: number;
+}
+/** @deprecated Use Props instead */
+export type ImageUploadProps = Props;

package/dist/lib/components/ImageUpload/ImageUpload.variants.d.ts

@@ -0,0 +1,13 @@
+export declare const imageUploadVariants: (props?: ({
+    status?: "error" | "default" | "uploading" | "complete" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const inputContainerVariants: (props?: ({
+    status?: "error" | "default" | "uploading" | "complete" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const inputFieldVariants: (props?: ({
+    status?: "error" | "default" | "uploading" | "complete" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const helperTextVariants: (props?: ({
+    status?: "error" | "default" | "uploading" | "complete" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/Input/Input.d.ts

@@ -0,0 +1,35 @@
+import { Props } from './Input.types';
+/**
+ * A text input component with label, error handling, and helper text support.
+ * Includes built-in password visibility toggle and search icon variant.
+ *
+ * @example
+ * ```tsx
+ * // Basic input with label
+ * <Input label="Email" placeholder="Enter your email" />
+ *
+ * // Required input with helper text
+ * <Input
+ *   label="Username"
+ *   isRequired
+ *   helperText="Choose a unique username"
+ * />
+ *
+ * // Input with error state
+ * <Input
+ *   label="Email"
+ *   value={email}
+ *   error="Please enter a valid email address"
+ * />
+ *
+ * // Password input (auto show/hide toggle)
+ * <Input label="Password" type="password" />
+ *
+ * // Search input with icon
+ * <Input placeholder="Search..." isSearch />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-input--docs Storybook}
+ */
+declare const Input: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/lib/components/Input/Input.types.d.ts

@@ -0,0 +1,38 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { Theme } from '../../../domain/theme';
+import { inputVariants } from './Input.variants';
+/**
+ * Props for the Input component.
+ *
+ * @example
+ * ```tsx
+ * <Input label="Email" placeholder="Enter email" />
+ * <Input label="Password" type="password" isRequired />
+ * <Input error="Invalid email" helperText="We'll never share your email" />
+ * ```
+ */
+export interface Props extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
+    /** Error message to display below the input */
+    error?: string;
+    /** Helper text displayed below the input when no error */
+    helperText?: string;
+    /** Additional CSS classes for the helper text */
+    helperTextClassName?: string;
+    /** Show required indicator (*) next to label */
+    isRequired?: boolean;
+    /** Show search icon inside the input */
+    isSearch?: boolean;
+    /** Label text or element displayed above the input */
+    label?: string | ReactNode;
+    /** Custom element rendered on the right side of the label (e.g. icon, button) */
+    labelAction?: ReactNode;
+    /** Additional CSS classes for the label */
+    labelClassName?: string;
+    /** Additional CSS classes for the label wrapper container */
+    labelWrapperClassName?: string;
+    /** Theme override for this component */
+    theme?: Theme;
+}
+/** @deprecated Use Props instead */
+export type InputProps = Props;

package/dist/lib/components/Input/Input.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const inputVariants: (props?: ({
+    variant?: "error" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/LineChart/LineChart.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { Props } from './LineChart.types';
+/**
+ * A line chart component for time-series data visualization.
+ * Built on Chart.js with support for single and multi-line datasets.
+ *
+ * @example
+ * ```tsx
+ * <LineChart
+ *   title="Disk Usage %"
+ *   labels={['11:20', '11:25', '11:30']}
+ *   datasets={[{ label: 'Usage', data: [6, 3, 8, 5] }]}
+ *   yAxisFormatter={(v) => `${v}%`}
+ * />
+ * ```
+ */
+export declare const LineChart: FC<Props>;

package/dist/lib/components/LineChart/LineChart.types.d.ts

@@ -0,0 +1,58 @@
+import { Props as TypographyProps } from '../../../components/Typography/Typography.types';
+export interface LineChartDataset {
+    /** Dataset label (used in legend) */
+    label: string;
+    /** Array of numeric values */
+    data: number[];
+    /** Line/point color (defaults to palette color) */
+    color?: string;
+    /** Dashed line pattern (e.g. [5, 5]) */
+    borderDash?: number[];
+}
+/**
+ * Props for the LineChart component.
+ *
+ * @example
+ * ```tsx
+ * <LineChart
+ *   title="Disk Usage %"
+ *   labels={['11:20', '11:25', '11:30']}
+ *   datasets={[{ label: 'Usage', data: [6, 3, 8, 5] }]}
+ *   yAxisFormatter={(v) => `${v}%`}
+ * />
+ * ```
+ */
+export interface Props {
+    /** Chart title text */
+    title?: string;
+    /** Props passed to the Typography component used for the title */
+    titleProps?: Partial<Omit<TypographyProps, 'children' | 'ref'>>;
+    /** X-axis labels (e.g. time values) */
+    labels: string[];
+    /** One or more datasets (lines) */
+    datasets: LineChartDataset[];
+    /** Y-axis tick formatter (e.g. value => `${value}%`) */
+    yAxisFormatter?: (value: number) => string;
+    /** Show legend (auto-shown when datasets > 1) */
+    showLegend?: boolean;
+    /** Chart height in px (default: 300) */
+    height?: number;
+    /** Smooth lines (default: true). Set to false for straight/rigid lines */
+    smooth?: boolean;
+    /** Color for axis tick labels (default: '#9F9FA9') */
+    axisColor?: string;
+    /** Color for grid lines (default: '#45556C') */
+    gridColor?: string;
+    /** Show horizontal grid lines (default: true) */
+    showGrid?: boolean;
+    /** Line thickness in px (default: 2) */
+    lineWidth?: number;
+    /** Show axis border lines (default: false) */
+    showAxisBorder?: boolean;
+    /** Tooltip text color (default: metal-100) */
+    tooltipTextColor?: string;
+    /** Additional className for wrapper */
+    className?: string;
+}
+/** @deprecated Use Props instead */
+export type LineChartProps = Props;

package/dist/lib/components/Loading/Loading.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { Props } from './Loading.types';
+/**
+ * A spinning loading indicator.
+ *
+ * @example
+ * ```tsx
+ * // Default loading spinner
+ * <Loading />
+ *
+ * // Custom size
+ * <Loading className="w-8 h-8" />
+ *
+ * // In a button
+ * <Button disabled>
+ *   <Loading className="w-4 h-4 mr-2" />
+ *   Loading...
+ * </Button>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-loading--docs Storybook}
+ */
+declare const Loading: FC<Props>;
+export { Loading };

package/dist/lib/components/Loading/Loading.types.d.ts

@@ -0,0 +1,19 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputHTMLAttributes } from 'react';
+import { Theme } from '../../../domain/theme';
+import { loadingVariants } from './Loading.variants';
+/**
+ * Props for the Loading component.
+ *
+ * @example
+ * ```tsx
+ * <Loading />
+ * <Loading className="w-8 h-8" />
+ * ```
+ */
+export type Props = InputHTMLAttributes<SVGSVGElement> & VariantProps<typeof loadingVariants> & {
+    /** Theme override for this component */
+    theme?: Theme;
+};
+/** @deprecated Use Props instead */
+export type LoadingProps = Props;

package/dist/lib/components/Loading/Loading.variants.d.ts

@@ -0,0 +1 @@
+export declare const loadingVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Modal/Modal.d.ts

@@ -0,0 +1,34 @@
+import { FC } from 'react';
+import { ChildProps, Props } from './Modal.types';
+/**
+ * A modal dialog component with Header, Body, and Footer sub-components.
+ * Supports keyboard navigation (Escape to close) and portals to document.body.
+ *
+ * @example
+ * ```tsx
+ * const [isOpen, setIsOpen] = useState(false);
+ *
+ * <Button onClick={() => setIsOpen(true)}>Open Modal</Button>
+ *
+ * <Modal isOpen={isOpen} onClose={() => setIsOpen(false)}>
+ *   <Modal.Header>Confirm Action</Modal.Header>
+ *   <Modal.Body>
+ *     Are you sure you want to proceed?
+ *   </Modal.Body>
+ *   <Modal.Footer>
+ *     <Button variant="secondary" onClick={() => setIsOpen(false)}>
+ *       Cancel
+ *     </Button>
+ *     <Button onClick={handleConfirm}>Confirm</Button>
+ *   </Modal.Footer>
+ * </Modal>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-modal--docs Storybook}
+ */
+declare const Modal: FC<Props> & {
+    Header: FC<ChildProps>;
+    Body: FC<ChildProps>;
+    Footer: FC<ChildProps>;
+};
+export { Modal };

package/dist/lib/components/Modal/Modal.types.d.ts

@@ -0,0 +1,50 @@
+import { VariantProps } from 'class-variance-authority';
+import { Transition } from 'motion/react';
+import { PropsWithChildren, ReactNode } from 'react';
+import { Theme } from '../../../domain/theme';
+import { modalVariants } from './components/Wrapper/Wrapper.variants';
+/**
+ * Props for the Modal component.
+ *
+ * @example
+ * ```tsx
+ * <Modal isOpen={isOpen} onClose={() => setIsOpen(false)}>
+ *   <Modal.Header>Title</Modal.Header>
+ *   <Modal.Body>Content</Modal.Body>
+ *   <Modal.Footer>
+ *     <Button onClick={() => setIsOpen(false)}>Close</Button>
+ *   </Modal.Footer>
+ * </Modal>
+ * ```
+ */
+export type Props = PropsWithChildren & VariantProps<typeof modalVariants> & {
+    /** CSS classes for the close button */
+    buttonCloseClassName?: string;
+    /** Additional CSS classes for the modal */
+    className?: string;
+    /** CSS classes for the outer container (the overlay grid wrapper) */
+    containerClassName?: string;
+    /** DOM element to portal the modal into (defaults to document.body) */
+    container?: Element | DocumentFragment;
+    /** Whether the modal is open */
+    isOpen?: boolean;
+    /** Show the X close button in the corner */
+    showCloseButton?: boolean;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Motion transition config for the modal animation */
+    transition?: Transition;
+    /** Callback when modal is closed (Escape key or close button) */
+    onClose?: () => void;
+};
+/**
+ * Props for Modal sub-components (Header, Body, Footer).
+ */
+export type ChildProps = {
+    /** Content of the modal section */
+    children: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Merge props onto child element */
+    asChild?: boolean;
+};

package/dist/lib/components/Modal/components/Body/Body.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './Body.types';
+export declare const Body: FC<Props>;

package/dist/lib/components/Modal/components/Body/Body.types.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export type Props = PropsWithChildren & {
+    asChild?: boolean;
+    className?: string;
+};

package/dist/lib/components/Modal/components/Footer/Footer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './Footer.types';
+export declare const Footer: FC<Props>;

package/dist/lib/components/Modal/components/Footer/Footer.types.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export type Props = PropsWithChildren & {
+    asChild?: boolean;
+    className?: string;
+};

package/dist/lib/components/Modal/components/Header/Header.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './Header.types';
+export declare const Header: FC<Props>;

package/dist/lib/components/Modal/components/Header/Header.types.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export type Props = PropsWithChildren & {
+    asChild?: boolean;
+    className?: string;
+};

package/dist/lib/components/Modal/components/Wrapper/Wrapper.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './Wrapper.types';
+export declare const Wrapper: FC<Props>;

package/dist/lib/components/Modal/components/Wrapper/Wrapper.types.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+import { Transition } from 'motion/react';
+import { PropsWithChildren } from 'react';
+import { Theme } from '../../../../../domain/theme';
+import { modalVariants } from './Wrapper.variants';
+export type Props = PropsWithChildren & VariantProps<typeof modalVariants> & {
+    buttonCloseClassName?: string;
+    className?: string;
+    containerClassName?: string;
+    showCloseButton?: boolean;
+    theme?: Theme;
+    transition?: Transition;
+    onClose?: () => void;
+};

package/dist/lib/components/Modal/components/Wrapper/Wrapper.variants.d.ts

@@ -0,0 +1,2 @@
+export declare const modalVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const buttonCloseVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/lib/components/Modal/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Body/Body';
+export * from './Footer/Footer';
+export * from './Header/Header';
+export * from './Wrapper/Wrapper';

package/dist/lib/components/Modal/contexts/Modal.context.d.ts

@@ -0,0 +1,2 @@
+import { State } from './Modal.types';
+export declare const ModalContext: import('react').Context<State>;

package/dist/lib/components/Modal/contexts/Modal.provider.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const ModalProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Modal/contexts/Modal.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type State = {
+    isOpen: boolean;
+    content: string | ReactNode;
+    shouldShowClose: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    setContentAndOpen: (content: string | ReactNode, showCloseButton?: boolean) => void;
+};

package/dist/lib/components/Modal/contexts/index.d.ts

@@ -0,0 +1 @@
+export * from './Modal.provider';

package/dist/lib/components/Modal/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useModal';

package/dist/lib/components/Modal/hooks/useModal.d.ts

@@ -0,0 +1,9 @@
+export declare const useModal: () => {
+    closeBtnRef: import('react').RefObject<HTMLButtonElement | null>;
+    isOpen: boolean;
+    content: string | import('react').ReactNode;
+    shouldShowClose: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    setContentAndOpen: (content: string | import('react').ReactNode, showCloseButton?: boolean) => void;
+};