h2o-library 1.8.0 → 2.0.0

package/package.json

@@ -1,21 +1,62 @@
 {
   "name": "h2o-library",
-  "version": "1.8.0",
+  "version": "2.0.0",
   "description": "A set of components for H2O App development",
   "main": "dist/index.cjs.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./charts": {
+      "types": "./dist/charts/index.d.ts",
+      "import": "./dist/charts/index.js",
+      "require": "./dist/charts/index.cjs.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js",
+      "require": "./dist/hooks/index.cjs.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "require": "./dist/utils/index.cjs.js"
+    },
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.js",
+      "require": "./dist/types/index.cjs.js"
+    },
+    "./dist/index.css": "./dist/index.css",
+    "./dist/styles/index.css": "./dist/styles/index.css"
+  },
   "files": [
     "dist",
+    "assets",
     "README.md",
-    "LICENSE"
+    "CHANGELOG.md",
+    "LICENSE",
+    "!dist/**/*.map"
   ],
   "license": "MIT",
   "author": "veltiston.ai",
   "scripts": {
-    "build": "rollup -c && node copy-css.js",
+    "build": "rollup -c && node scripts/copy-css.js",
     "clean": "rimraf dist",
-    "prepare": "npm run clean && npm run build"
+    "prepare": "npm run clean && npm run build",
+    "lint": "eslint 'src/**/*.{ts,tsx}'",
+    "lint:fix": "eslint 'src/**/*.{ts,tsx}' --fix",
+    "format": "prettier --write 'src/**/*.{ts,tsx,css}' 'stories/**/*.{ts,tsx}' '.storybook/**/*.{ts,tsx}' 'scripts/**/*.{js,cjs}' 'rollup.config.js'",
+    "format:check": "prettier --check 'src/**/*.{ts,tsx,css}' 'stories/**/*.{ts,tsx}' '.storybook/**/*.{ts,tsx}' 'scripts/**/*.{js,cjs}' 'rollup.config.js'",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "peerDependencies": {
     "react": "^18",
@@ -24,22 +65,41 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^8.3.2",
+    "@storybook/addon-a11y": "^8.6.18",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.1",
+    "@typescript-eslint/parser": "^8.59.1",
     "autoprefixer": "^10.4.14",
+    "eslint": "^8.57.1",
+    "eslint-config-prettier": "^9.1.2",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "postcss": "^8.4.12",
+    "prettier": "^3.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
     "rollup": "^2.70.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-terser": "^7.0.2",
+    "storybook": "^8.6.18",
     "tslib": "^2.8.1",
-    "typescript": "^4.6.3"
+    "typescript": "^5.3.3",
+    "vite": "^6.4.1"
   },
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "clsx": "^2.1.1",
     "recharts": "^2.15.3",
     "tailwind-merge": "^3.0.2"

package/dist/components/src/accordion.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-export interface AccordionProps {
-    title: string;
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    children: React.ReactNode;
-    description?: string;
-    className?: string;
-    containerClassName?: string;
-    titleClassName?: string;
-    descriptionClassName?: string;
-}
-export declare const Accordion: ({ title, isOpen, setIsOpen, children, description, containerClassName, className, titleClassName, descriptionClassName, }: AccordionProps) => React.JSX.Element;

package/dist/components/src/button.d.ts

@@ -1,15 +0,0 @@
-import { IconType, TooltipPosition } from "../../types";
-import React from "react";
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "primary" | "secondary" | "ghost" | "danger" | "warning" | "success";
-    size?: "sm" | "md" | "lg";
-    label?: string;
-    iconStrokeWidth?: number;
-    icon?: IconType;
-    iconOnly?: boolean;
-    isLoading?: boolean;
-    tooltip?: string;
-    tooltipPosition?: TooltipPosition;
-    className?: string;
-}
-export declare function Button({ variant, size, label, icon, iconStrokeWidth, iconOnly, isLoading, tooltip, tooltipPosition, className, disabled, children, ...props }: ButtonProps): React.JSX.Element;

package/dist/components/src/calendar.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-type CalendarMode = "single" | "range";
-interface CalendarProps {
-    mode?: CalendarMode;
-    value?: Date | [Date | null, Date | null];
-    onChange?: (value: Date | [Date | null, Date | null]) => void;
-    minDate?: Date;
-    maxDate?: Date;
-    forceWeek?: boolean;
-    disabledDates?: Date[];
-    month?: Date;
-    hideHeader?: boolean;
-    hideOutsideDays?: boolean;
-    hoverDate?: Date | null;
-    onDayMouseEnter?: (date: Date) => void;
-    onDayMouseLeave?: () => void;
-}
-declare const Calendar: ({ mode, value, onChange, minDate, maxDate, forceWeek, disabledDates, month, hideHeader, hideOutsideDays, hoverDate: externalHoverDate, onDayMouseEnter, onDayMouseLeave, }: CalendarProps) => JSX.Element | null;
-export { Calendar };

package/dist/components/src/chart-bar.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-export interface BarChartDataPoint {
-    name: string;
-    [key: string]: number | string;
-}
-export interface BarProps {
-    dataKey: string;
-    fill: string;
-    label: string;
-    unit?: string;
-    displayName?: string;
-}
-export interface BarChartProps {
-    data: BarChartDataPoint[];
-    bars: BarProps[];
-    layout?: 'single' | 'grouped' | 'stacked';
-    orientation?: 'vertical' | 'horizontal';
-    showGrid?: boolean;
-    showLegend?: boolean;
-    height?: number;
-    rotateLabels?: boolean;
-    wrapLabels?: boolean;
-    onXAxisTickClick?: (value: string | number) => void;
-    onYAxisTickClick?: (value: string | number) => void;
-    onBarClick?: (dataPoint: BarChartDataPoint, index: number, dataKey: string) => void;
-}
-export declare const BarChart: ({ data, bars, layout, orientation, showGrid, showLegend, height, rotateLabels, wrapLabels, onXAxisTickClick, onYAxisTickClick, onBarClick, }: BarChartProps) => React.JSX.Element;

package/dist/components/src/chart-heatmap.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-export interface HeatmapDataPoint {
-    value: number;
-    percentage: number;
-}
-export interface HeatmapData {
-    rows: string[];
-    columns: string[];
-    data: HeatmapDataPoint[][];
-}
-export interface HeatmapChartProps {
-    data: HeatmapData;
-    showPercentage?: boolean;
-    height?: string | number;
-    showValue?: boolean;
-    showPercentageInTooltip?: boolean;
-    onRowClick?: (row: string) => void;
-    onColumnClick?: (column: string) => void;
-    onCellClick?: (row: string, column: string, cellData: HeatmapDataPoint) => void;
-}
-export declare const HeatmapChart: ({ data, showPercentage, height, showValue, showPercentageInTooltip, onRowClick, onColumnClick, onCellClick, }: HeatmapChartProps) => React.JSX.Element;

package/dist/components/src/chart-line.d.ts

@@ -1,26 +0,0 @@
-import React from "react";
-export interface LineChartDataPoint {
-    name: string;
-    [key: string]: number | string | undefined;
-}
-export interface LineProps {
-    dataKey: string;
-    displayName?: string;
-    stroke: string;
-    dashed?: boolean;
-    unit?: string;
-    lineWidth?: number;
-}
-export interface LineChartProps {
-    data: LineChartDataPoint[];
-    lines: LineProps[];
-    showGrid?: boolean;
-    showLegend?: boolean;
-    showGradient?: boolean;
-    height?: number;
-    showXValue?: boolean;
-    onXAxisTickClick?: (value: string | number) => void;
-    onYAxisTickClick?: (value: string | number) => void;
-    onDataPointClick?: (point: LineChartDataPoint, index: number, dataKey: string) => void;
-}
-export declare const LineChart: ({ data, lines, showGrid, showLegend, showGradient, height, showXValue, onXAxisTickClick, onYAxisTickClick, onDataPointClick, }: LineChartProps) => React.JSX.Element;

package/dist/components/src/chart-pie.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-export interface PieChartDataPoint {
-    name: string;
-    value: number;
-    color: string;
-    unit?: string;
-}
-export interface PieChartProps {
-    data: PieChartDataPoint[];
-    variant?: "pie" | "donut";
-    showLegend?: boolean;
-    height?: number;
-    showLabels?: boolean;
-    showPercentageInTooltip?: boolean;
-    onSliceClick?: (dataPoint: PieChartDataPoint, index: number) => void;
-}
-export declare const PieChart: ({ data, variant, showLegend, height, showLabels, showPercentageInTooltip, onSliceClick, }: PieChartProps) => React.JSX.Element;

package/dist/components/src/chart-stat.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export interface StatChartDataPoint {
-    name: string;
-    value: number;
-    total: number;
-}
-export interface StatChartBarProps {
-    dataKey: string;
-    fill: string;
-    stackId: string;
-}
-export interface StatChartProps {
-    data: StatChartDataPoint[];
-    compareData?: StatChartDataPoint[];
-    barColor?: string;
-    totalBarColor?: string;
-    unit?: string;
-    showDifference?: boolean;
-}
-export declare const StatChart: ({ data, compareData, barColor, totalBarColor, unit, showDifference, }: StatChartProps) => React.JSX.Element | null;

package/dist/components/src/chart.d.ts

@@ -1,36 +0,0 @@
-import React from "react";
-import { BarChartDataPoint } from "./chart-bar";
-import { LineChartDataPoint } from "./chart-line";
-import { PieChartDataPoint } from "./chart-pie";
-import { HeatmapData } from "./chart-heatmap";
-export type ChartKPI = {
-    label: string;
-    value: string | number;
-};
-type BaseChartData = {
-    bar: BarChartDataPoint[];
-    line: LineChartDataPoint[];
-    pie: PieChartDataPoint[];
-    heatmap: HeatmapData;
-};
-export type ChartType = keyof BaseChartData;
-interface BaseChartProps {
-    type: ChartType;
-    title?: string;
-    tooltip?: string;
-    description?: string;
-    kpis?: ChartKPI[];
-    height?: number;
-}
-type BarChartSpecificProps = {
-    layout?: 'single' | 'grouped' | 'stacked';
-    orientation?: 'vertical' | 'horizontal';
-    rotateLabels?: boolean;
-    wrapLabels?: boolean;
-};
-type ChartTypeSpecificProps<T extends ChartType> = T extends 'bar' ? BarChartSpecificProps : {};
-type ChartProps<T extends ChartType> = BaseChartProps & {
-    data: BaseChartData[T];
-} & ChartTypeSpecificProps<T>;
-export declare const Chart: <T extends keyof BaseChartData>({ type, title, tooltip, description, kpis, data, height, ...chartSpecificProps }: ChartProps<T>) => React.JSX.Element;
-export {};

package/dist/components/src/checkbox.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
-    label?: string;
-    className?: string;
-    labelClassName?: string;
-    isCard?: boolean;
-    isIndeterminate?: boolean;
-}
-export declare const Checkbox: React.FC<CheckboxProps>;
-export interface CheckboxGroupProps {
-    label: string;
-    children: React.ReactNode;
-    className?: string;
-    checked?: boolean;
-    indeterminate?: boolean;
-    onChange?: (checked: boolean) => void;
-}
-export declare const CheckboxGroup: React.FC<CheckboxGroupProps>;

package/dist/components/src/chip.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { IconType } from "../../types";
-type ChipProps = React.HTMLAttributes<HTMLDivElement> & {
-    className?: string;
-    label: string;
-    icon?: IconType;
-    variant?: "neutral" | "primary" | "success" | "warning" | "error";
-    iconStrokeWidth?: number;
-    iconClassName?: string;
-    iconSize?: number;
-};
-export declare const Chip: ({ className, label, icon, variant, iconStrokeWidth, iconClassName, iconSize, ...props }: ChipProps) => React.JSX.Element;
-export {};

package/dist/components/src/compact-multi-select.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-import { TooltipPosition } from "../../types";
-export interface CompactMultiSelectOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-}
-export interface CompactMultiSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "value"> {
-    size?: "sm" | "md" | "lg";
-    label?: string;
-    showClear?: boolean;
-    note?: string;
-    error?: string;
-    containerClassName?: string;
-    options: CompactMultiSelectOption[];
-    placeholder?: string;
-    value?: CompactMultiSelectOption[];
-    onChange?: (value: CompactMultiSelectOption[]) => void;
-    disabled?: boolean;
-    enableSearch?: boolean;
-    maxSelections?: number;
-    tooltip?: string;
-    tooltipPosition?: TooltipPosition;
-}
-export declare const CompactMultiSelect: React.ForwardRefExoticComponent<CompactMultiSelectProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/src/content-switch.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-type ContentSwitchProps = {
-    options: {
-        label: string;
-        value: string;
-    }[];
-    variant?: "primary" | "secondary";
-    className?: string;
-    optionClassName?: string;
-    selected: string;
-    onChange: (value: string) => void;
-    disabled?: boolean;
-};
-export declare const ContentSwitch: ({ options, selected, onChange, variant, className, optionClassName, disabled, }: ContentSwitchProps) => React.JSX.Element;
-export {};

package/dist/components/src/date-range-picker.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-type PresetDirection = "last" | "next";
-interface DateRangePickerProps {
-    value?: [Date | null, Date | null];
-    onChange?: (value: [Date | null, Date | null]) => void;
-    minDate?: Date;
-    maxDate?: Date;
-    disabledDates?: Date[];
-    presetDirection?: PresetDirection;
-}
-export declare const DateRangePicker: ({ value, onChange, presetDirection, ...calendarProps }: DateRangePickerProps) => React.JSX.Element;
-export {};

package/dist/components/src/dropdown.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-export interface DropdownOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-}
-export interface DropdownProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "value" | "onChange"> {
-    size?: "sm" | "md" | "lg";
-    label?: string;
-    showClear?: boolean;
-    note?: string;
-    error?: string;
-    containerClassName?: string;
-    options: DropdownOption[];
-    placeholder?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-    enableSearch?: boolean;
-    direction?: "top" | "bottom" | "auto";
-    arrowClassName?: string;
-}
-export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/src/expandable-table.d.ts

@@ -1,40 +0,0 @@
-import React from "react";
-import { SortDirection } from "./table";
-export interface ExpandableTableColumn<T> {
-    key: string;
-    label: string;
-    sortable?: boolean;
-    minWidth?: string;
-    maxWidth?: string;
-    width?: string;
-    render?: (value: any, row: T) => React.ReactNode;
-}
-export interface ExpandableRow {
-    expandableContent?: React.ReactNode;
-}
-export interface ExpandableTableProps<T extends Record<string, any> & ExpandableRow> {
-    columns: ExpandableTableColumn<T>[];
-    data: T[];
-    isLoading?: boolean;
-    className?: string;
-    containerClassName?: string;
-    rowHeight?: string;
-    sortKey?: string;
-    sortDirection?: SortDirection;
-    currentPage?: number;
-    totalPages?: number;
-    perPage?: number;
-    perPageOptions?: {
-        label: string;
-        value: string;
-    }[];
-    onSort?: (key: string, direction: SortDirection) => void;
-    onPageChange?: (page: number) => void;
-    onPerPageChange?: (perPage: string) => void;
-    maxHeight?: string;
-    selectedRows?: T[];
-    setSelectedRows?: (rows: T[]) => void;
-    rowKey?: keyof T;
-    onRowClick?: (row: T, rowIndex: number) => void;
-}
-export declare function ExpandableTable<T extends Record<string, any> & ExpandableRow>({ columns, data, isLoading, className, rowHeight, sortKey, sortDirection, onSort, currentPage, totalPages, perPage, perPageOptions, onPageChange, onPerPageChange, maxHeight, containerClassName, selectedRows, setSelectedRows, rowKey, onRowClick, }: ExpandableTableProps<T>): React.JSX.Element;

package/dist/components/src/expandable.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export interface ExpandableSearchProps {
-    onSearch?: (value: string) => void;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    className?: string;
-    value?: string;
-}
-export declare const ExpandableSearch: ({ onSearch, onChange, placeholder, className, value, }: ExpandableSearchProps) => React.JSX.Element;

package/dist/components/src/icon.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { IconType, TooltipPosition } from "../../types";
-export interface IconProps extends React.SVGProps<SVGSVGElement> {
-    icon: IconType;
-    size?: number;
-    tooltip?: string | React.ReactNode;
-    tooltipPosition?: TooltipPosition;
-    tooltipVariant?: "dark" | "light";
-}
-export declare const Icon: ({ icon, size, tooltip, tooltipPosition, tooltipVariant, ...props }: IconProps) => JSX.Element;

package/dist/components/src/input.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { IconType, TooltipPosition } from "../../types";
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
-    size?: "sm" | "md" | "lg";
-    label?: string;
-    leftIcon?: IconType;
-    rightIcon?: IconType;
-    onRightIconClick?: () => void;
-    showClear?: boolean;
-    note?: string;
-    error?: string;
-    containerClassName?: string;
-    tooltip?: string;
-    tooltipPosition?: TooltipPosition;
-}
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/src/legend.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export type LegendStyle = 'line' | 'dashed-line' | 'rectangle' | 'circle';
-export type LegendItem = {
-    label: string;
-    color: string;
-    onClick?: () => void;
-    style?: LegendStyle;
-};
-export type LegendProps = {
-    items: LegendItem[];
-    itemStyle?: LegendStyle;
-    className?: string;
-    itemClassName?: string;
-    labelClassName?: string;
-    colorClassName?: string;
-};
-export declare const Legend: ({ items, itemStyle, className, itemClassName, labelClassName, colorClassName, }: LegendProps) => React.JSX.Element;

package/dist/components/src/loader.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-declare const Loader: ({ className }: {
-    className?: string | undefined;
-}) => React.JSX.Element;
-export { Loader };

package/dist/components/src/logo.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-export declare function Logo({ className, size, }: {
-    className?: string;
-    size?: number;
-}): React.JSX.Element;

package/dist/components/src/message.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-export type MessageVariant = "info" | "muted" | "error" | "warning" | "success";
-interface MessageProps {
-    variant: MessageVariant;
-    className?: string;
-    iconSize?: number;
-    iconStrokeWidth?: number;
-    iconClassName?: string;
-    message?: string | null;
-}
-export declare const Message: ({ variant, className, iconSize, iconStrokeWidth, iconClassName, message, }: MessageProps) => React.JSX.Element | null;
-export {};

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

@@ -1,16 +0,0 @@
-import React from "react";
-export interface ModalProps {
-    isOpen: boolean;
-    onClose?: () => void;
-    title?: string;
-    description?: string;
-    children: React.ReactNode;
-    className?: string;
-    titleContainerClassName?: string;
-    titleClassName?: string;
-    descriptionClassName?: string;
-    closeButtonClassName?: string;
-    headerClassName?: string;
-    contentClassName?: string;
-}
-export declare const Modal: ({ isOpen, onClose, title, description, children, className, titleContainerClassName, titleClassName, descriptionClassName, closeButtonClassName, headerClassName, contentClassName, }: ModalProps) => React.ReactPortal | null;

package/dist/components/src/month-calendar.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-interface MonthCalendarProps {
-    value?: Date;
-    onChange?: (value: Date) => void;
-    minDate?: Date;
-    maxDate?: Date;
-    disabledDates?: Date[];
-}
-declare const MonthCalendar: ({ value, onChange, minDate, maxDate, disabledDates, }: MonthCalendarProps) => JSX.Element;
-export { MonthCalendar };

package/dist/components/src/multi-menu.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-export interface MultiMenuItem {
-    label: string;
-    value: string;
-    onClick?: () => void;
-    disabled?: boolean;
-    subItems?: MultiMenuItem[];
-}
-export interface MultiMenuProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> {
-    size?: "sm" | "md" | "lg";
-    label?: string;
-    note?: string;
-    error?: string;
-    containerClassName?: string;
-    items: MultiMenuItem[];
-    placeholder?: string;
-}
-export declare const MultiMenu: React.ForwardRefExoticComponent<MultiMenuProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/src/multi-select.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-interface Option {
-    label: string;
-    value: string;
-}
-interface MultiSelectProps {
-    options: Option[];
-    selectedOptions: Option[];
-    setSelectedOptions: (options: Option[]) => void;
-    optionsType: string;
-    maxSelectedOptions?: number;
-    toggleLabel?: string;
-    onToggle?: (checked: boolean) => void;
-    showSearch?: boolean;
-    showSelectAll?: boolean;
-}
-declare const MultiSelect: ({ options, selectedOptions, setSelectedOptions, optionsType, maxSelectedOptions, toggleLabel, onToggle, showSearch, showSelectAll, }: MultiSelectProps) => React.JSX.Element;
-export { MultiSelect };

package/dist/components/src/pagination.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-export interface PaginationProps {
-    currentPage: number;
-    totalPages: number;
-    perPage: number;
-    perPageOptions?: {
-        label: string;
-        value: string;
-    }[];
-    onPageChange: (page: number) => void;
-    onPerPageChange: (perPage: string) => void;
-    className?: string;
-}
-export declare const Pagination: React.FC<PaginationProps>;

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

@@ -1,16 +0,0 @@
-import React, { ReactNode } from "react";
-interface PopOverProps {
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    children: React.ReactNode;
-    alignment?: "left" | "right";
-    className?: string;
-}
-export declare const PopOver: ({ children, isOpen, setIsOpen, alignment, className, }: PopOverProps) => React.JSX.Element;
-export declare const PopOverTrigger: ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export declare const PopOverContent: ({ children, }: {
-    children: ReactNode;
-}) => JSX.Element | null;
-export {};