@seeqdev/qomponents 0.0.177 → 0.0.179

package/dist/Modal/Modal.stories.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import Modal from './Modal';
-import Button from '../Button';
-export default {
-    title: 'Modal',
-};
-const modalBody = (_jsx("div", { children: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." }));
-const waitUntil = async (timeout) => {
-    return new Promise((resolve) => {
-        setTimeout(() => resolve('yes'), timeout);
-    });
-};
-const ModalComponent = ({ bodyClass = '', title: originalTitle, titleIcon, isTitleEditable, children, hideCloseIcon, disableSubmitButton, size, buttonLabel = 'Open Modal', customButton, customButtonLabel, submitButtonVariant, onSubmit, }) => {
-    const [open, setOpen] = useState(false);
-    const [title, setTitle] = useState(originalTitle);
-    useEffect(() => {
-        return () => {
-            document.body.className = '';
-        };
-    }, []);
-    const onClose = () => {
-        document.body.className = '';
-        setOpen(false);
-    };
-    return (_jsxs("div", { className: "tw:p-4", children: [_jsx(Button, { onClick: () => {
-                    document.body.className = bodyClass;
-                    setOpen(true);
-                }, label: buttonLabel }), _jsx(Modal, { open: open, onClose: onClose, title: title, titleIcon: titleIcon, isTitleEditable: isTitleEditable, onTitleChanged: (event) => setTitle(event.target.value), hideCloseIcon: hideCloseIcon, disableSubmitButton: disableSubmitButton, size: size, onSubmit: onSubmit, customButton: customButton, submitButtonVariant: submitButtonVariant, onPointerDownOutside: onClose, customButtonLabel: customButtonLabel, children: children })] }));
-};
-export const AllModalsVariants = () => {
-    const colors = ['Topic', 'Analysis', 'Datalab', 'Vantage'];
-    const sizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl'];
-    return (_jsx("div", { className: "tw:grid tw:grid-cols-4 tw:gap-4", children: colors.map((color) => (_jsxs("div", { children: [_jsxs("b", { children: [color, " colors"] }), _jsx("div", { className: "tw:p-4 light", children: sizes.map((size) => (_jsx(ModalComponent, { bodyClass: `color_${color.toLowerCase()}`, title: "Modal example", children: modalBody, size: size, buttonLabel: `Open ${size} size modal` }, `${size}_${color}`))) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: sizes.map((size) => (_jsx(ModalComponent, { bodyClass: `color_${color.toLowerCase()} tw-dark color_${color.toLowerCase()}_dark`, title: "Modal example", children: modalBody, size: size, buttonLabel: `Open ${size} size modal` }, `${size}_${color}_dark`))) })] }, color))) }));
-};
-export const ModalsWithDisabledSubmit = () => (_jsxs("div", { className: "tw:grid tw:grid-cols-4 tw:gap-4", children: [_jsxs("div", { children: [_jsx("b", { children: "Topic Colors" }), _jsx("div", { className: "tw:p-4 light", children: _jsx(ModalComponent, { bodyClass: "color_topic", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody }) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: _jsx(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody }) })] }), _jsxs("div", { children: [_jsx("b", { children: "Analysis Colors" }), _jsx("div", { className: "tw:p-4 light", children: _jsx(ModalComponent, { bodyClass: "color_analysis", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody }) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: _jsx(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody }) })] }), _jsxs("div", { children: [_jsx("b", { children: "Datalab Colors" }), _jsx("div", { className: "tw:p-4 light", children: _jsx(ModalComponent, { bodyClass: "color_datalab", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody }) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: _jsx(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody }) })] }), _jsxs("div", { children: [_jsx("b", { children: "Vantage Colors" }), _jsx("div", { className: "tw:p-4 light", children: _jsx(ModalComponent, { bodyClass: "color_vantage", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody }) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: _jsx(ModalComponent, { bodyClass: "color_vantage tw-dark color_vantage_dark", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody }) })] })] }));
-export const ModalsWithEditableTitle = () => {
-    const colors = ['Topic', 'Analysis', 'Datalab', 'Vantage'];
-    const sizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl'];
-    return (_jsx("div", { className: "tw:grid tw:grid-cols-4 tw:gap-4", children: colors.map((color) => (_jsxs("div", { children: [_jsxs("b", { children: [color, " colors"] }), _jsx("div", { className: "tw:p-4 light", children: sizes.map((size) => (_jsx(ModalComponent, { bodyClass: `color_${color.toLowerCase()}`, title: "Editable title example", isTitleEditable: true, titleIcon: "fc-check", children: modalBody, size: size, buttonLabel: `Open ${size} size modal` }, `${size}_${color}`))) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: sizes.map((size) => (_jsx(ModalComponent, { bodyClass: `color_${color.toLowerCase()} tw-dark color_${color.toLowerCase()}_dark`, title: "Editable title example", isTitleEditable: true, titleIcon: "fc-check", children: modalBody, size: size, buttonLabel: `Open ${size} size modal` }, `${size}_${color}_dark`))) })] }, color))) }));
-};
-export const ModalsWithCustomButton = () => (_jsxs("div", { className: "tw:grid tw:grid-cols-4 tw:gap-4", children: [_jsxs("div", { children: [_jsx("b", { children: "Topic Colors" }), _jsx("div", { className: "tw:p-4 light", children: _jsx(ModalComponent, { bodyClass: "color_topic", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" }) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: _jsx(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" }) })] }), _jsxs("div", { children: [_jsx("b", { children: "Analysis Colors" }), _jsx("div", { className: "tw:p-4 light", children: _jsx(ModalComponent, { bodyClass: "color_analysis", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" }) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: _jsx(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" }) })] }), _jsxs("div", { children: [_jsx("b", { children: "Datalab Colors" }), _jsx("div", { className: "tw:p-4 light", children: _jsx(ModalComponent, { bodyClass: "color_datalab", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" }) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: _jsx(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" }) })] }), _jsxs("div", { children: [_jsx("b", { children: "Vantage Colors" }), _jsx("div", { className: "tw:p-4 light", children: _jsx(ModalComponent, { bodyClass: "color_vantage", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" }) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: _jsx(ModalComponent, { bodyClass: "color_vantage tw-dark color_vantage_dark", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" }) })] })] }));
-export const ModalsWithVariantButton = () => (_jsxs("div", { className: "tw:grid tw:grid-cols-4 tw:gap-4", children: [_jsxs("div", { children: [_jsx("b", { children: "Topic Colors" }), _jsx("div", { className: "tw:p-4 light", children: _jsx(ModalComponent, { bodyClass: "color_topic", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back", submitButtonVariant: "theme" }) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: _jsx(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back", submitButtonVariant: "theme-light" }) })] }), _jsxs("div", { children: [_jsx("b", { children: "Analysis Colors" }), _jsx("div", { className: "tw:p-4 light", children: _jsx(ModalComponent, { bodyClass: "color_analysis", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back", submitButtonVariant: "warning" }) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: _jsx(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal with custom button", children: modalBody, customButton: true, submitButtonVariant: "danger", customButtonLabel: "Back" }) })] }), _jsxs("div", { children: [_jsx("b", { children: "Datalab Colors" }), _jsx("div", { className: "tw:p-4 light", children: _jsx(ModalComponent, { bodyClass: "color_datalab", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back", submitButtonVariant: "outline" }) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: _jsx(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal with custom button", children: modalBody, customButton: true, submitButtonVariant: "no-border", customButtonLabel: "Back" }) })] }), _jsxs("div", { children: [_jsx("b", { children: "Vantage Colors" }), _jsx("div", { className: "tw:p-4 light", children: _jsx(ModalComponent, { bodyClass: "color_vantage", title: "Modal with custom button", children: modalBody, customButton: true, submitButtonVariant: "theme", customButtonLabel: "Back" }) }), _jsx("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: _jsx(ModalComponent, { bodyClass: "color_vantage tw-dark color_vantage_dark", title: "Modal with custom button", children: modalBody, submitButtonVariant: "outline", customButton: true, customButtonLabel: "Back" }) })] })] }));
-//# sourceMappingURL=Modal.stories.js.map

package/dist/Modal/Modal.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../src/Modal/Modal.stories.tsx"],"names":[],"mappings":"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"}

package/dist/Modal/Modal.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/Modal/Modal.test.js

@@ -1,108 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import '@testing-library/jest-dom';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import Modal from './Modal';
-describe('Modal', () => {
-    class Context {
-        props = {
-            onTitleChanged: jest.fn(),
-            disableSubmitButton: false,
-            title: 'Testing Modal Dialog',
-            children: _jsx("div", { children: "Modal content" }),
-            open: true,
-        };
-    }
-    let tc;
-    beforeEach(() => {
-        tc = new Context();
-    });
-    const renderModal = (props) => render(_jsx(Modal, { ...props }));
-    describe('renders Modal', () => {
-        it("doesn't render the modal if the open state is false", () => {
-            const open = false;
-            renderModal({ ...tc.props, open });
-            expect(screen.queryByTestId('modal')).not.toBeInTheDocument();
-        });
-        it('renders the modal if the open state is true', () => {
-            renderModal(tc.props);
-            expect(screen.getByTestId('modal')).toBeInTheDocument();
-            expect(screen.getByTestId('modal')).toHaveClass('tw:max-w-xl');
-        });
-        it('calls onClose modal when close button is clicked', async () => {
-            const onClose = jest.fn();
-            const { getByTestId } = renderModal({ ...tc.props, onClose });
-            expect(screen.getByTestId('modal')).toBeInTheDocument();
-            await userEvent.click(getByTestId('closeButton'));
-            expect(onClose).toHaveBeenCalled();
-        });
-        it('hides close button', () => {
-            const hideCloseIcon = true;
-            const { queryByTestId } = renderModal({ ...tc.props, hideCloseIcon });
-            expect(queryByTestId('closeButton')).not.toBeInTheDocument();
-        });
-        it('renders modal size based on the size prop', () => {
-            const size = 'lg';
-            renderModal({ ...tc.props, size });
-            expect(screen.getByTestId('modal')).toHaveClass('tw:max-w-lg');
-        });
-        it('renders not editable title', () => {
-            renderModal(tc.props);
-            expect(screen.getByTestId('modalTitle')).not.toHaveAttribute('value');
-        });
-        it('renders editable title', () => {
-            const isTitleEditable = true;
-            const { getByTestId } = renderModal({ ...tc.props, isTitleEditable });
-            expect(getByTestId('modalTitle')).toHaveAttribute('value');
-        });
-        it('calls onChange when title is modified', async () => {
-            const isTitleEditable = true;
-            const { getByTestId } = renderModal({ ...tc.props, isTitleEditable });
-            await userEvent.type(getByTestId('modalTitle'), 'a');
-            expect(tc.props.onTitleChanged).toHaveBeenCalled();
-        });
-        it('displays icon title', () => {
-            const titleIcon = 'fc-check';
-            const { getByTestId } = renderModal({ ...tc.props, titleIcon });
-            expect(getByTestId('modalTitleIcon')).toBeInTheDocument();
-        });
-        it('calls onSubmit when submit button is clicked', async () => {
-            const onSubmit = jest.fn();
-            const { getByTestId } = renderModal({ ...tc.props, onSubmit });
-            expect(getByTestId('submitButton')).not.toBeDisabled();
-            await userEvent.click(getByTestId('submitButton'));
-            expect(onSubmit).toHaveBeenCalled();
-        });
-        it('displays the disabled submit button', async () => {
-            const onSubmit = jest.fn();
-            const disableSubmitButton = true;
-            const { getByTestId } = renderModal({ ...tc.props, onSubmit, disableSubmitButton });
-            expect(getByTestId('submitButton')).toBeDisabled();
-            await userEvent.click(getByTestId('submitButton'));
-            expect(onSubmit).not.toHaveBeenCalled();
-        });
-        it('calls onClose when cancel button is clicked', async () => {
-            const onClose = jest.fn();
-            const { getByTestId } = renderModal({ ...tc.props, onClose });
-            expect(getByTestId('cancelButton')).not.toBeDisabled();
-            await userEvent.click(getByTestId('cancelButton'));
-            expect(onClose).toHaveBeenCalled();
-        });
-        it('displays custom button', () => {
-            const customButton = true;
-            const customButtonLabel = 'Back';
-            const { getByTestId } = renderModal({ ...tc.props, customButton, customButtonLabel });
-            expect(getByTestId('customButton')).toBeInTheDocument();
-        });
-        it('calls onClickCustomButton when custom button is clicked', async () => {
-            const customButton = true;
-            const customButtonLabel = 'Back';
-            const onClickCustomButton = jest.fn();
-            const { getByTestId } = renderModal({ ...tc.props, customButtonLabel, customButton, onClickCustomButton });
-            expect(getByTestId('customButton')).toBeInTheDocument();
-            await userEvent.click(getByTestId('customButton'));
-            expect(onClickCustomButton).toHaveBeenCalled();
-        });
-    });
-});
-//# sourceMappingURL=Modal.test.js.map

package/dist/Modal/Modal.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../src/Modal/Modal.test.tsx"],"names":[],"mappings":"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"}

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

@@ -1,244 +0,0 @@
-import { FormControlElement } from '../types';
-import React from 'react';
-import { ButtonVariant } from '../Button/Button.types';
-export type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
-export type TitleIconPosition = 'left' | 'right';
-export interface ModalProps {
-    /**
-     * Main title text displayed prominently in the modal header.
-     * This is the primary heading that identifies the purpose or content of the modal.
-     */
-    title: string;
-    /**
-     * Additional text to append after the main title.
-     * Useful for adding context, version numbers, or secondary information to the title.
-     */
-    titleSuffixLabel?: string;
-    /**
-     * Secondary text displayed below the main title in the header.
-     * Use this for additional context, descriptions, or instructions for the modal content.
-     */
-    subtitle?: string;
-    /**
-     * Icon to display next to the title in the header.
-     * Can be an icon class name (string) for font icons or a React element for custom icons.
-     * Helps provide visual context for the modal's purpose.
-     */
-    titleIcon?: string | React.ReactElement;
-    /**
-     * Position of the title icon relative to the title text:
-     * - `left`: Icon appears before the title text
-     * - `right`: Icon appears after the title text
-     * @default 'left'
-     */
-    titleIconPosition?: TitleIconPosition;
-    /**
-     * Main content of the modal body.
-     * This is where you place the primary content, forms, information, or interactive elements.
-     * Must be a single React element (wrap multiple elements in a container if needed).
-     */
-    children: React.ReactElement;
-    /**
-     * Custom footer content that completely replaces the default button footer.
-     * When provided, all default buttons (submit, cancel, custom) are hidden.
-     * Use this when you need complete control over the footer layout and actions.
-     */
-    modalFooter?: React.ReactElement;
-    /**
-     * Controls whether the modal is currently visible and open.
-     * When true, the modal is displayed with overlay. When false, the modal is hidden.
-     * Use this prop to control modal visibility from parent components.
-     */
-    open: boolean;
-    /**
-     * Callback function triggered when the user attempts to close the modal.
-     * Called when clicking the X button, cancel button, or clicking outside the modal.
-     * Use this to handle modal closure logic and update the `open` state.
-     */
-    onClose?: () => any;
-    /**
-     * When true, displays an additional custom button in the footer alongside default buttons.
-     * The custom button appears before the submit and cancel buttons.
-     * Configure the button's appearance and behavior with related custom button props.
-     */
-    customButton?: boolean;
-    /**
-     * Text label for the custom button when `customButton` is true.
-     * This text will be displayed on the button to indicate its purpose or action.
-     */
-    customButtonLabel?: string;
-    /**
-     * Callback function triggered when the custom button is clicked.
-     * Use this to define the action that should occur when users click the custom button.
-     */
-    onClickCustomButton?: () => any;
-    /**
-     * Text label for the primary submit/confirmation button.
-     * This button typically confirms the modal action or submits form data.
-     * @default "OK"
-     */
-    submitButtonLabel?: string;
-    /**
-     * Text label for the cancel/dismiss button.
-     * This button typically closes the modal without saving changes or performing actions.
-     * @default "Cancel"
-     */
-    cancelButtonLabel?: string;
-    /**
-     * When true, disables the submit button preventing user interaction.
-     * Useful when form validation fails or when an operation is in progress.
-     * The button will appear visually disabled and won't respond to clicks.
-     */
-    disableSubmitButton?: boolean;
-    /**
-     * Controls whether the submit button click event should stop propagation.
-     * When true, prevents the click event from bubbling up to parent elements.
-     * @default true
-     */
-    stopPropagationSubmitButton?: boolean;
-    /**
-     * Callback function triggered when the submit button is clicked.
-     * Receives the click event as a parameter for additional event handling.
-     * Use this to handle form submission, data processing, or confirmation actions.
-     */
-    onSubmit?: (event: React.MouseEvent) => any;
-    /**
-     * When true, allows the title text to be edited inline by clicking on it.
-     * The title becomes an input field that users can modify directly in the modal header.
-     * Useful for renaming operations or title customization workflows.
-     */
-    isTitleEditable?: boolean;
-    /**
-     * Callback function triggered when the editable title text changes.
-     * Only relevant when `isTitleEditable` is true. Receives the change event
-     * which contains the new title value. Use this to update your title state.
-     */
-    onTitleChanged?: React.ChangeEventHandler<FormControlElement>;
-    /**
-     * Additional CSS classes to apply to the title input field.
-     * Only used when `isTitleEditable` is true. Use this to customize
-     * the appearance of the editable title input beyond default styling.
-     */
-    inputExtraClassNames?: string;
-    /**
-     * When true, hides the X close icon button in the modal header.
-     * Users will only be able to close the modal using footer buttons or by clicking outside.
-     * Useful when you want to force users to make an explicit choice via footer buttons.
-     */
-    hideCloseIcon?: boolean;
-    /**
-     * Size variant that controls the modal's width and maximum dimensions:
-     * - `xs`: Extra small modal (280px max width)
-     * - `sm`: Small modal (384px max width)
-     * - `md`: Medium modal (448px max width)
-     * - `lg`: Large modal (512px max width)
-     * - `xl`: Extra large modal (576px max width)
-     * - `2xl` through `6xl`: Progressively larger sizes up to full screen
-     */
-    size?: ModalSize;
-    /**
-     * When true, completely hides all default footer buttons (submit, cancel, custom).
-     * The modal will only have header and body content. Useful when you provide
-     * custom actions within the modal body or use a custom footer.
-     */
-    hideFooterButtons?: boolean;
-    /**
-     * When true, hides only the submit button while keeping other footer buttons visible.
-     * Useful for information-only modals that don't require a confirmation action.
-     */
-    hideSubmitButton?: boolean;
-    /**
-     * When true, hides only the cancel button while keeping other footer buttons visible.
-     * Useful for critical operations where cancellation should not be easily accessible.
-     */
-    hideCancelButton?: boolean;
-    /**
-     * Test ID attribute for the modal container element.
-     * Used for automated testing to identify and interact with the modal.
-     * Applied to the modal's root element for test targeting.
-     */
-    testId?: string;
-    /**
-     * Additional CSS classes to apply to the modal dialog container.
-     * Use this to customize the modal's positioning, sizing, or appearance
-     * beyond the built-in size variants and default styling.
-     */
-    dialogClassName?: string;
-    /**
-     * Placeholder text displayed in the title input when `isTitleEditable` is true.
-     * Shows helpful text when the title field is empty, guiding users on what to enter.
-     */
-    titlePlaceholder?: string;
-    /**
-     * When true, makes the title field required when `isTitleEditable` is true.
-     * Prevents submission or validation if the title is empty. Usually combined
-     * with validation feedback and error handling.
-     */
-    titleRequired?: boolean;
-    /**
-     * Error message to display when the editable title has validation issues.
-     * Only shown when `isTitleEditable` is true and there's a title validation error.
-     * Provides user feedback about what needs to be corrected.
-     */
-    titleError?: string;
-    /**
-     * Tooltip text to display when hovering over the submit button.
-     * Provides additional context or instructions about what the submit action will do.
-     * Helpful for clarifying the button's purpose in complex workflows.
-     */
-    submitButtonTooltip?: string;
-    /**
-     * Tooltip text to display when hovering over the cancel button.
-     * Can provide information about what happens when canceling or any data loss warnings.
-     */
-    cancelButtonTooltip?: string;
-    /**
-     * When true, disables the custom button preventing user interaction.
-     * Only relevant when `customButton` is true. The button will appear
-     * visually disabled and won't respond to clicks.
-     */
-    disableCustomButton?: boolean;
-    /**
-     * Custom header content that completely replaces the default modal header.
-     * When provided, the default title, subtitle, and close button are not rendered.
-     * Use this when you need complete control over the header layout and content.
-     */
-    customHeader?: React.ReactElement;
-    /**
-     * Content to display in the center area of the footer between buttons.
-     * Useful for adding status messages, progress indicators, or additional
-     * information that should be visible alongside the action buttons.
-     */
-    middleFooterSection?: React.ReactElement;
-    /**
-     * Visual style variant for the custom button when `customButton` is true.
-     * Determines the button's appearance and color scheme. Uses the same
-     * variants as the standard Button component (outline, theme, danger, etc.).
-     */
-    customButtonVariant?: ButtonVariant;
-    /**
-     * Controls whether focus should be trapped within the modal when open.
-     * When true (default), focus cycles through modal elements only. Set to false
-     * if you need to interact with elements outside the modal (like tooltips with inputs).
-     * @default true
-     */
-    keepFocusInsideModal?: boolean;
-    /**
-     * Visual style variant for the submit button.
-     * Determines the button's appearance and color scheme. Use 'theme' for primary
-     * actions, 'danger' for destructive actions, or other variants as appropriate.
-     */
-    submitButtonVariant?: ButtonVariant;
-    /**
-     * Callback function triggered when the user clicks/taps outside the modal dialog.
-     * Receives the pointer event. Use this to customize outside-click behavior,
-     * such as preventing closure in certain conditions or showing warnings.
-     */
-    onPointerDownOutside?: (e: Event) => void;
-    /**
-     * Callback function triggered when the user interacts outside the modal.
-     * This includes clicks, taps, and other interactions outside the modal area.
-     * More general than `onPointerDownOutside` and covers additional interaction types.
-     */
-    onInteractOutside?: (e: Event) => void;
-}

package/dist/Modal/Modal.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Modal.types.js.map

package/dist/Modal/Modal.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.types.js","sourceRoot":"","sources":["../../src/Modal/Modal.types.ts"],"names":[],"mappings":""}

package/dist/Modal/index.d.ts

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

package/dist/Modal/index.js

@@ -1,2 +0,0 @@
-export { default } from './Modal';
-//# sourceMappingURL=index.js.map

package/dist/Modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ProgressBarProps } from './ProgressBar.types';
-declare const ProgressBar: React.FunctionComponent<ProgressBarProps>;
-export default ProgressBar;

package/dist/ProgressBar/ProgressBar.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import React, { useEffect, useRef } from 'react';
-import * as Progress from '@radix-ui/react-progress';
-import { getQTipData } from '../Tooltip/qTip.utilities';
-import tinycolor from 'tinycolor2';
-const baseLabelClasses = 'tw:left-1 tw:text-xs tw:text-sq-text-color tw:dark:text-sq-dark-text tw:items-center tw:h-4.5';
-const ProgressIndicator = (props) => {
-    const { value, color = undefined, testId, label, extraClasses = '', labelClasses = '', valuesLength, max, index, totalValue, ...tooltipProps } = props;
-    const tooltipData = getQTipData(tooltipProps);
-    const previousWidth = useRef(0);
-    const indicatorElementRef = useRef(null);
-    const [textColorClass, setTextColorClass] = React.useState('');
-    const [animatedWidth, setAnimatedWidth] = React.useState(previousWidth.current);
-    // Determine which corners to round based on position and total value
-    let roundedCorners = '';
-    if (totalValue >= max) {
-        // If progress is 100%, round both ends
-        if (index === 0 && valuesLength === 1) {
-            roundedCorners = 'tw:rounded-[0.9375rem]';
-        }
-        else if (index === 0) {
-            roundedCorners = 'tw:rounded-l-[0.9375rem]';
-        }
-        else if (index === valuesLength - 1) {
-            roundedCorners = 'tw:rounded-r-[0.9375rem]';
-        }
-    }
-    else {
-        // Otherwise, only round the leftmost indicator
-        if (index === 0) {
-            roundedCorners = 'tw:rounded-l-[0.9375rem]';
-        }
-    }
-    useEffect(() => {
-        const timeout = setTimeout(() => {
-            const newWidth = (Number(value) / Number(max)) * 100;
-            setAnimatedWidth(newWidth);
-            previousWidth.current = newWidth;
-        }, 100);
-        return () => clearTimeout(timeout);
-    }, [value]);
-    const bgColor = color || undefined;
-    const bgClass = color ? '' : 'tw:bg-sq-theme-dark';
-    const computeTextClass = (elem) => {
-        const computedStyle = getComputedStyle(elem);
-        const backgroundColor = computedStyle.backgroundColor;
-        const textColorClass = tinycolor(backgroundColor).isDark()
-            ? 'tw:text-sq-white tw:dark:text-sq-white'
-            : 'tw:text-sq-text-color tw:dark:text-sq-text-color';
-        setTextColorClass(textColorClass);
-    };
-    useEffect(() => {
-        if (indicatorElementRef.current) {
-            computeTextClass(indicatorElementRef.current);
-        }
-    }, [!!indicatorElementRef.current]);
-    return (_createElement(Progress.Indicator, { className: `tw:ease-[cubic-bezier(0.65, 0, 0.35, 1)] tw:w-full tw:h-4.5 tw:duration-[660ms] tw:flex tw:justify-center tw:items-center ${valuesLength === 1 ? '' : 'tw:overflow-hidden'} ${roundedCorners} ${bgClass} ${extraClasses}`, ...tooltipData, "data-qtip-text": tooltipProps.tooltip ? tooltipProps.tooltip : `${value}%`, "data-testid": `progress-bar-indicator-${testId ? testId : value}`, key: `${index}-${value}`, ref: indicatorElementRef, style: {
-            // Background color will default to the theme color if undefined
-            backgroundColor: bgColor,
-            animation: 'width 660ms forwards',
-            width: `${animatedWidth}%`,
-        } }, label ? (_jsx("span", { className: `${baseLabelClasses} ${labelClasses} ${textColorClass} ${valuesLength === 1 ? 'tw:absolute tw:z-50' : ''}`, children: label })) : undefined));
-};
-const ProgressBar = ({ values = [], max = 100, containerExtraClasses = '', zeroValueLabel = 'No progress yet', }) => {
-    const totalValue = values.reduce((acc, { value }) => acc + value, 0);
-    return (_jsx(Progress.Root, { className: `tw:relative tw:h-4.5 tw:w-full tw:overflow-hidden tw:rounded-[0.9375rem] tw:bg-sq-dark-gray tw:dark:bg-sq-dark-disabled-gray tw:flex tw:flex-1 ${containerExtraClasses}`, max: max, value: totalValue, children: totalValue > 0 ? (values.map((props, i) => {
-            return (_createElement(ProgressIndicator, { ...props, max: max, valuesLength: values.length, index: i, totalValue: totalValue, key: i }));
-        })) : (_jsx("div", { className: `${baseLabelClasses} tw:mx-auto tw:overflow-hidden`, children: zeroValueLabel })) }));
-};
-export default ProgressBar;
-//# sourceMappingURL=ProgressBar.js.map

package/dist/ProgressBar/ProgressBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"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"}

package/dist/ProgressBar/ProgressBar.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllProgressBars: () => import("react/jsx-runtime").JSX.Element;

package/dist/ProgressBar/ProgressBar.stories.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useEffect } from 'react';
-import ProgressBar from './ProgressBar';
-import { QTip } from '../Tooltip';
-export default {
-    title: 'ProgressBar',
-};
-export const AllProgressBars = () => {
-    const [values, setValues] = React.useState([
-        { value: 20, label: 'RGB' },
-        { value: 15, color: 'brown', label: 'Brown' },
-        { value: 40, color: '#435abc', label: 'Hex' },
-    ]);
-    useEffect(() => {
-        const timeout = setTimeout(() => {
-            setValues([
-                { value: 40, label: 'RGB' },
-                { value: 5, color: 'brown', label: 'Brown' },
-                { value: 50, color: '#435abc', label: 'Hex' },
-            ]);
-        }, 2000);
-        return () => clearTimeout(timeout);
-    });
-    const renderAllVariations = () => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "tw:p-4 light", children: [_jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { max: 100, values: [{ value: 40 }] }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { max: 100, values: [{ value: 10 }] }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: [{ value: 0 }], max: 100 }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: [{ value: 70, tooltip: 'this is an indicator tooltip' }], max: 100, containerExtraClasses: "tw:bg-sq-text-color" }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: [
-                                { value: 20, label: 'RGB' },
-                                { value: 15, color: 'brown', label: 'Brown' },
-                                { value: 40, color: '#435abc', label: 'Hex' },
-                            ], max: 100, containerExtraClasses: "tw:bg-sq-text-color" }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: [{ value: 5, label: 'A very long text' }], max: 100 }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: values, max: 100, containerExtraClasses: "tw:bg-sq-text-color" }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: [{ value: 0, label: 'zero label' }], max: 100 }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: [{ value: 0 }], zeroValueLabel: "default zero level label deliberately long to test overflow", max: 100 }) })] }), _jsxs("div", { className: "tw:p-4 tw-dark tw:bg-sq-dark-background", children: [_jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { max: 100, values: [{ value: 40 }] }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { max: 100, values: [{ value: 10 }] }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: [{ value: 0 }], max: 100 }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: [{ value: 70, tooltip: 'this is an indicator tooltip' }], max: 100, containerExtraClasses: "tw:bg-sq-text-color" }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: [
-                                { value: 20, color: 'rgb(44,200,190)', label: 'RGB' },
-                                { value: 15, color: 'brown', label: 'Brown' },
-                                { value: 40, color: '#435abc', label: 'Hex' },
-                            ], max: 100, containerExtraClasses: "tw:bg-sq-text-color" }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: values, max: 100, containerExtraClasses: "tw:bg-sq-text-color" }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: [{ value: 0, label: 'zero label' }], max: 100, containerExtraClasses: "tw:bg-sq-text-color" }) }), _jsx("div", { className: "tw:p-4", children: _jsx(ProgressBar, { values: [{ value: 0 }], zeroValueLabel: "default zero level label is made deliberately long to test overflow", max: 100, containerExtraClasses: "tw:bg-sq-text-color" }) })] })] }));
-    return (_jsxs("div", { className: "tw:grid tw:grid-cols-4 tw:gap-4", children: [_jsx(QTip, {}), _jsxs("div", { className: "color_topic", children: [_jsx("b", { children: "Topic Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_analysis", children: [_jsx("b", { children: "Analysis Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_datalab", children: [_jsx("b", { children: "Datalab Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_vantage", children: [_jsx("b", { children: "Vantage Colors" }), renderAllVariations()] })] }));
-};
-//# sourceMappingURL=ProgressBar.stories.js.map

package/dist/ProgressBar/ProgressBar.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar.stories.js","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.stories.tsx"],"names":[],"mappings":"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"}

package/dist/ProgressBar/ProgressBar.test.d.ts

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