@internxt/ui 0.0.25

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

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

package/dist/components/modalTransparent/TransparentModal.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+export interface TransparentModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: ReactNode;
+    className?: string;
+    disableBackdrop?: boolean;
+}
+declare const TransparentModal: ({ isOpen, onClose, children, className, disableBackdrop }: TransparentModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export default TransparentModal;

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

@@ -0,0 +1,2 @@
+export { default as TransparentModal } from './TransparentModal';
+export type { TransparentModalProps } from './TransparentModal';

package/dist/components/popover/Popover.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+
+export interface PopoverProps {
+    childrenButton: ReactNode;
+    panel: (closePopover: () => void) => ReactNode;
+    className?: string;
+    classButton?: string;
+}
+/**
+ * Popover component
+ *
+ * @property {ReactNode} childrenButton
+ * - The content to be displayed inside the trigger button.
+ *
+ * @property {(closePopover: () => void) => ReactNode} panel
+ * - A function that returns the content to be displayed inside the popover panel.
+ * It receives a `closePopover` function as a parameter, which can be used to programmatically close the popover.
+ *
+ * @property {string} [className]
+ * - Additional custom classes for the outermost container of the popover.
+ * Can be used for positioning or adding custom styles.
+ *
+ * @property {string} [classButton]
+ * - Custom classes for the trigger button.
+ *
+ * @returns {JSX.Element}
+ * - The rendered Popover component.
+ */
+declare const Popover: ({ childrenButton, panel, className, classButton }: PopoverProps) => JSX.Element;
+export default Popover;

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

@@ -0,0 +1,2 @@
+export { default as Popover } from './Popover';
+export type { PopoverProps } from './Popover';

package/dist/components/radioButton/RadioButton.d.ts

@@ -0,0 +1,26 @@
+export interface RadioButtonProps {
+    checked: boolean;
+    id?: string;
+    disabled?: boolean;
+    onClick: (e?: unknown) => void;
+}
+/**
+ * RadioButton component
+ *
+ * A custom radio button component that allows the user to select one option from a group of choices.
+ *
+ * @property {boolean} checked
+ * - Determines whether the radio button is selected (checked) or not. If true, the radio button appears active.
+ *
+ * @property {string} [id]
+ * - The unique identifier for the radio button element. Useful for associating labels or customizing the radio button.
+ *
+ * @property {boolean} [disabled]
+ * - If true, disables the radio button, making it unclickable and visually indicating its inactive state.
+ *
+ * @property {(e?: unknown) => void} onClick
+ * - A callback function triggered when the radio button is clicked.
+ * Can be used to handle custom behavior when the button is selected.
+ */
+declare const RadioButton: ({ checked, id, disabled, onClick }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioButton;

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

@@ -0,0 +1,2 @@
+export { default as RadioButton } from './RadioButton';
+export type { RadioButtonProps } from './RadioButton';

package/dist/components/skeletonLoader/SkeletonLoader.d.ts

@@ -0,0 +1,19 @@
+export interface SkeletonLoaderItemProps {
+    skeletonItem: Array<React.ReactElement> | undefined;
+    columns: Array<string>;
+}
+export interface SkeletonLoaderProps {
+    skeleton: Array<SkeletonLoaderItemProps>;
+}
+export declare const SkeletonLoaderItem: ({ skeletonItem, columns }: SkeletonLoaderItemProps) => React.ReactElement;
+/**
+ * SkeletonLoader component to display loading placeholders in list layouts.
+ *
+ * @param skeleton - Array of skeleton items, {skeletonItem, columns}
+ *                 - The params of each sekeletonItem:
+ *                            - skeletonItem: - Array of elements representing the loading placeholders.
+ *                            - columns: - An array of CSS class names for each column, defining their layout and style.
+ *
+ */
+declare const SkeletonLoader: ({ skeleton }: SkeletonLoaderProps) => React.ReactElement;
+export default SkeletonLoader;

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

@@ -0,0 +1,2 @@
+export { default as SkeletonLoader } from './SkeletonLoader';
+export type { SkeletonLoaderProps } from './SkeletonLoader';

package/dist/components/slider/RangeSlider.d.ts

@@ -0,0 +1,56 @@
+
+export interface RangeSliderProps {
+    value: number;
+    min?: number;
+    max: number;
+    step?: number;
+    percentageForProgressSliderBar?: number;
+    className?: string;
+    onChange: (value: number) => void;
+    disabled?: boolean;
+    ariaLabel?: string;
+}
+/**
+ * RangeSlider component
+ *
+ * @param {RangeSliderProps} props - Properties of the RangeSlider component.
+ *
+ * @property {number} value
+ * - The current value of the slider.
+ *
+ * @property {number} [min=0]
+ * - The minimum value of the slider. Defaults to 0 if not specified.
+ *
+ * @property {number} max
+ * - The maximum value of the slider.
+ *
+ * @property {number} [step]
+ * - The step interval for the slider. Defines how much the value increments or decrements on each step.
+ *
+ * @property {number} [percentageForProgressSliderBar]
+ * - Optional. This value could control the width or progress of the slider,
+ * but it's not used in the component directly.
+ *
+ * @property {string} [className]
+ * - Optional class name to apply custom styles to the slider container.
+ *
+ * @property {(value: number) => void} onChange
+ * - Callback function triggered when the slider value changes. Receives the new value as an argument.
+ *
+ * @property {boolean} [disabled=false]
+ * - Optional flag to disable the slider. Defaults to false if not specified.
+ *
+ * @property {string} [ariaLabel="Range slider"]
+ * - Optional ARIA label for accessibility purposes. Defaults to 'Range slider' if not specified.
+ *
+ * @returns {JSX.Element}
+ * - The rendered RangeSlider component.
+ *
+ * The slider visually represents its value with a linear gradient background.
+ * The background dynamically adjusts as the slider's value changes, reflecting the percentage of progress.
+ * The slider supports custom min, max, and step values, and handles input changes via the `onChange` callback.
+ *
+ * The component also provides accessibility through the `aria-label` attribute.
+ */
+declare const RangeSlider: ({ value, min, max, step, className, disabled, ariaLabel, onChange, }: RangeSliderProps) => import("react/jsx-runtime").JSX.Element;
+export default RangeSlider;

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

@@ -0,0 +1,2 @@
+export { default as RangeSlider } from './RangeSlider';
+export type { RangeSliderProps } from './RangeSlider';

package/dist/components/switch/Switch.d.ts

@@ -0,0 +1,33 @@
+export interface SwitchComponentProps {
+    size?: 'md' | 'lg' | 'xl';
+    id?: string;
+    dataTestId?: string;
+    disabled?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    onClick?: (e?: unknown) => void;
+}
+/**
+ * SwitchComponent
+ *
+ * A toggle switch component that allows users to toggle between two states: on/off or checked/unchecked.
+ *
+ * @property {string} size
+ * - Defines the size of the switch. Options are 'md', 'lg', or 'xl'.
+ *
+ * @property {string} [id]
+ * - The unique identifier for the switch element.
+ *
+ * @property {string} [dataTestId]
+ * - A custom data attribute for use in testing or identifying the switch in the DOM.
+ *
+ * @property {boolean} [disabled]
+ * - If true, disables the switch, making it unclickable and visually indicating its inactive state.
+ *
+ * @property {(checked: boolean) => void} [onCheckedChange]
+ * - A callback function triggered whenever the checked state changes. Receives the new checked state as an argument.
+ *
+ * @property {(e?: unknown) => void} [onClick]
+ * - A callback function triggered when the switch is clicked. Allows for custom click behavior.
+ */
+declare const SwitchComponent: ({ disabled, id, dataTestId, size, onClick, onCheckedChange, }: SwitchComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default SwitchComponent;

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

@@ -0,0 +1,2 @@
+export { default as SwitchComponent } from './Switch';
+export type { SwitchComponentProps } from './Switch';

package/dist/components/table/Table.d.ts

@@ -0,0 +1,59 @@
+import { default as React } from 'react';
+
+export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
+    children: React.ReactNode;
+    className?: string;
+    isHeader?: boolean;
+}
+/**
+ * Table component
+ *
+ * A container for tabular data. Wraps the `<table>` element with a div for additional styling or layout purposes.
+ * @param {TableProps} props - The props for the table component.
+ */
+export declare const Table: React.FC<TableProps>;
+/**
+ * TableHeader component
+ *
+ * Represents the header section of the table. Wraps the `<thead>` element.
+ * @param {TableHeaderProps} props - The props for the table header component.
+ */
+export declare const TableHeader: React.FC<TableHeaderProps>;
+/**
+ * TableBody component
+ *
+ * Represents the body section of the table. Wraps the `<tbody>` element.
+ * @param {TableBodyProps} props - The props for the table body component.
+ */
+export declare const TableBody: React.FC<TableBodyProps>;
+/**
+ * TableRow component
+ *
+ * Represents a single row in the table. Wraps the `<tr>` element.
+ * @param {TableRowProps} props - The props for the table row component.
+ */
+export declare const TableRow: React.FC<TableRowProps>;
+/**
+ * TableCell component
+ *
+ * Represents a single cell in the table, either header (`<th>`) or data (`<td>`).
+ * @param {TableCellProps} props - The props for the table cell component.
+ * @param {boolean} [props.isHeader=false] - Determines if the cell is a header (`<th>`).
+ */
+export declare const TableCell: React.FC<TableCellProps>;

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

@@ -0,0 +1,6 @@
+export { Table } from './Table';
+export { TableHeader } from './Table';
+export { TableBody } from './Table';
+export { TableRow } from './Table';
+export { TableCell } from './Table';
+export type { TableProps, TableHeaderProps, TableBodyProps, TableRowProps, TableCellProps } from './Table';

package/dist/components/textArea/TextArea.d.ts

@@ -0,0 +1,36 @@
+export interface TextAreaComponentProps {
+    disabled?: boolean;
+    accentColor?: 'red';
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    name?: string;
+}
+/**
+ * TextArea component
+ *
+ * @param {TextAreaComponentProps} props - Properties of the TextArea component.
+ *
+ * @property {boolean} [disabled=false]
+ * - Optional flag to disable the text area. Defaults to false if not specified.
+ *
+ * @property {'red'} [accentColor]
+ * - Optional accent color for the text area.
+ *
+ * @property {string} [placeholder='']
+ * - Optional placeholder text that is displayed when the text area is empty.
+ *
+ * @property {string} [value='']
+ * - Optional value for the text area. The content inside the text area is controlled by this value.
+ *
+ * @property {(e: React.ChangeEvent<HTMLTextAreaElement>) => void} [onChange]
+ * - Optional callback function triggered when the text area value changes. Receives the event object as an argument.
+ *
+ * @property {string} [name]
+ * - Optional name attribute for the text area, typically used for form submissions.
+ *
+ * @returns {JSX.Element}
+ * - The rendered TextArea component.
+ */
+declare const TextArea: ({ disabled, accentColor, placeholder, value, onChange, name, }: TextAreaComponentProps) => JSX.Element;
+export default TextArea;

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

@@ -0,0 +1,2 @@
+export { default as TextArea } from './TextArea';
+export type { TextAreaComponentProps } from './TextArea';

package/dist/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+
+export interface TooltipProps {
+    children: ReactNode;
+    title: string;
+    subtitle?: string;
+    popsFrom: 'right' | 'left' | 'top' | 'bottom';
+    className?: string;
+    delayInMs?: number;
+    arrow?: boolean;
+}
+/**
+ * Tooltip component
+ *
+ * @property {ReactNode} children
+ * - The content that triggers the tooltip when hovered over.
+ *
+ * @property {string} title
+ * - The main text displayed inside the tooltip. This is required.
+ *
+ * @property {string} [subtitle]
+ * - An optional subtitle displayed below the main title inside the tooltip.
+ *
+ * @property {'right' | 'left' | 'top' | 'bottom'} popsFrom
+ * - Determines the direction from which the tooltip appears relative to the trigger element.
+ *   - "right": Tooltip appears to the right of the element.
+ *   - "left": Tooltip appears to the left of the element.
+ *   - "top": Tooltip appears above the element.
+ *   - "bottom": Tooltip appears below the element.
+ *
+ * @property {string} [className]
+ * - Additional CSS classes to style the tooltip container. Use to override default styles.
+ *
+ * @property {number} [delayInMs]
+ * - The delay (in milliseconds) before hiding the tooltip after the mouse leaves the trigger element.
+ *   - If not provided, the tooltip hides immediately.
+ *
+ * @property {boolean} [arrow=true]
+ * - Whether to display the arrow pointing to the trigger element.
+ *   - Default is true.
+ *
+ * @returns {JSX.Element}
+ * - A tooltip component that shows additional information when hovering over its children.
+ */
+declare const Tooltip: ({ children, title, subtitle, popsFrom, className, delayInMs, arrow, }: TooltipProps) => JSX.Element;
+export default Tooltip;

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

@@ -0,0 +1,2 @@
+export { default as Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip';

package/dist/hooks/useHotKeys.d.ts

@@ -0,0 +1,5 @@
+type KeyMap = {
+    [key: string]: () => void;
+};
+declare const useHotkeys: (keyMap: KeyMap, dependencies?: unknown[]) => void;
+export default useHotkeys;