@seekho/ui 0.1.22 → 0.1.26

package/dist/index.d.mts

@@ -137,6 +137,48 @@ interface ModalProps {
 }
 declare function Modal({ show, title, className, children, isLoading, onHide, isWarning, isButtonsRequired, handleConfirmation, handleConfirmationBtnText, }: ModalProps): react_jsx_runtime.JSX.Element | null;
 
+interface MonthYear {
+    month: number;
+    year: number;
+}
+type MonthYearPickerColor = "skprimary" | "blue" | "green" | "purple" | "red" | "orange" | "pink" | "teal";
+interface MonthYearPickerProps {
+    month: number;
+    year: number;
+    onChange: (value: MonthYear) => void;
+    disableFuture?: boolean;
+    disablePast?: boolean;
+    minDate?: MonthYear;
+    maxDate?: MonthYear;
+    placement?: "left" | "right";
+    variant?: "outlined" | "ghost" | "plain";
+    size?: "sm" | "md" | "lg";
+    color?: MonthYearPickerColor;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    dropdownClassName?: string;
+}
+declare const MonthYearPicker: ({ month, year, onChange, disableFuture, disablePast, minDate, maxDate, placement, variant, size, color, disabled, className, triggerClassName, dropdownClassName, }: MonthYearPickerProps) => react_jsx_runtime.JSX.Element;
+
+interface PaginationProps {
+    count: number; /** Total number of pages */
+    page: number; /** Current page, 1-indexed */
+    onChange: (page: number) => void; /** Fired when the user selects a new page */
+    siblingCount?: number; /** Pages shown on each side of the current page. Default: 1 */
+    boundaryCount?: number; /** Pages always shown at the start and end. Default: 1 */
+    showFirstButton?: boolean; /** Show a jump-to-first-page button (««) */
+    showLastButton?: boolean; /** Show a jump-to-last-page button (»») */
+    hidePrevButton?: boolean; /** Hide the previous-page button */
+    hideNextButton?: boolean; /** Hide the next-page button */
+    disabled?: boolean; /** Disable all interactions */
+    size?: "small" | "medium" | "large"; /** Button size */
+    variant?: "outlined" | "text"; /** Visual style — outlined adds a persistent border to every button */
+    shape?: "circular" | "rounded"; /** Button corner style */
+    className?: string; /** Extra className applied to the root nav element */
+}
+declare const Pagination: ({ count, page, onChange, siblingCount, boundaryCount, showFirstButton, showLastButton, hidePrevButton, hideNextButton, disabled, size, variant, shape, className, }: PaginationProps) => react_jsx_runtime.JSX.Element | null;
+
 interface ReadMoreProps {
     readMore: Record<string | number, boolean>;
     index: string | number;
@@ -168,6 +210,57 @@ interface StagingAlertProps {
 }
 declare const StagingAlert: ({ liveUrl, liveLinkText, }: StagingAlertProps) => react_jsx_runtime.JSX.Element;
 
+interface TabsProps {
+    value: number | string;
+    onChange: (event: React.SyntheticEvent, value: number | string) => void;
+    children: React.ReactNode;
+    variant?: "standard" | "scrollable" | "fullWidth";
+    scrollButtons?: "auto" | boolean;
+    allowScrollButtonsMobile?: boolean;
+    className?: string;
+    "aria-label"?: string;
+}
+declare function Tabs({ value, onChange, children, variant, scrollButtons, allowScrollButtonsMobile, className, "aria-label": ariaLabel, }: TabsProps): react_jsx_runtime.JSX.Element;
+/** Accessibility helper — same API as MUI's a11yProps */
+declare function handleAllyProps({ index }: {
+    index: number;
+}): {
+    id: string;
+    "aria-controls": string;
+};
+
+interface TabProps {
+    /** Tab label */
+    label: React.ReactNode;
+    /** Explicit value; defaults to its index in the Tabs list */
+    value?: number | string;
+    disabled?: boolean;
+    className?: string;
+    /** Applied only when this tab is active */
+    activeClassName?: string;
+    /** @internal */
+    selected?: boolean;
+    /** @internal */
+    onChange?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** @internal */
+    tabRef?: React.Ref<HTMLButtonElement>;
+}
+declare function Tab({ label, disabled, className, activeClassName, selected, onChange, tabRef, }: TabProps): react_jsx_runtime.JSX.Element;
+
+type TooltipPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+interface TooltipProps {
+    title: React.ReactNode;
+    children: React.ReactElement;
+    placement?: TooltipPlacement;
+    arrow?: boolean;
+    open?: boolean;
+    enterDelay?: number;
+    leaveDelay?: number;
+    className?: string;
+    disabled?: boolean;
+}
+declare function Tooltip({ title, children, placement, arrow, open: controlledOpen, enterDelay, leaveDelay, className, disabled, }: TooltipProps): react_jsx_runtime.JSX.Element;
+
 /**
  * useState backed by localStorage — syncs value on mount and persists on change.
  */
@@ -178,4 +271,4 @@ declare const handleCopyTextToClipboard: ({ clipboardText, }: {
     clipboardText: string | number | null | undefined;
 }) => Promise<boolean>;
 
-export { Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, AutoComplete, type AutoCompleteProps, Breadcrumb, type BreadcrumbProps, ButtonLoader, type ButtonLoaderProps, CopyId, type CopyIdProps, CustomAnchor, type CustomAnchorProps, CustomInput, type CustomInputProps, Drawer, type DrawerAnchor, type DrawerProps, FilterDrawer, type FilterDrawerProps, InputTitleWithRequired, type InputTitleWithRequiredProps, Modal, type ModalProps, ReadMore, type ReadMoreProps, SearchBar, type SearchBarProps, StagingAlert, type StagingAlertProps, cn, handleCopyTextToClipboard, useLocalStorage };
+export { Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, AutoComplete, type AutoCompleteProps, Breadcrumb, type BreadcrumbProps, ButtonLoader, type ButtonLoaderProps, CopyId, type CopyIdProps, CustomAnchor, type CustomAnchorProps, CustomInput, type CustomInputProps, Drawer, type DrawerAnchor, type DrawerProps, FilterDrawer, type FilterDrawerProps, InputTitleWithRequired, type InputTitleWithRequiredProps, Modal, type ModalProps, type MonthYear, MonthYearPicker, type MonthYearPickerProps, Pagination, type PaginationProps, ReadMore, type ReadMoreProps, SearchBar, type SearchBarProps, StagingAlert, type StagingAlertProps, Tab, type TabProps, Tabs, type TabsProps, Tooltip, type TooltipPlacement, type TooltipProps, cn, handleAllyProps, handleCopyTextToClipboard, useLocalStorage };

package/dist/index.d.ts

@@ -137,6 +137,48 @@ interface ModalProps {
 }
 declare function Modal({ show, title, className, children, isLoading, onHide, isWarning, isButtonsRequired, handleConfirmation, handleConfirmationBtnText, }: ModalProps): react_jsx_runtime.JSX.Element | null;
 
+interface MonthYear {
+    month: number;
+    year: number;
+}
+type MonthYearPickerColor = "skprimary" | "blue" | "green" | "purple" | "red" | "orange" | "pink" | "teal";
+interface MonthYearPickerProps {
+    month: number;
+    year: number;
+    onChange: (value: MonthYear) => void;
+    disableFuture?: boolean;
+    disablePast?: boolean;
+    minDate?: MonthYear;
+    maxDate?: MonthYear;
+    placement?: "left" | "right";
+    variant?: "outlined" | "ghost" | "plain";
+    size?: "sm" | "md" | "lg";
+    color?: MonthYearPickerColor;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    dropdownClassName?: string;
+}
+declare const MonthYearPicker: ({ month, year, onChange, disableFuture, disablePast, minDate, maxDate, placement, variant, size, color, disabled, className, triggerClassName, dropdownClassName, }: MonthYearPickerProps) => react_jsx_runtime.JSX.Element;
+
+interface PaginationProps {
+    count: number; /** Total number of pages */
+    page: number; /** Current page, 1-indexed */
+    onChange: (page: number) => void; /** Fired when the user selects a new page */
+    siblingCount?: number; /** Pages shown on each side of the current page. Default: 1 */
+    boundaryCount?: number; /** Pages always shown at the start and end. Default: 1 */
+    showFirstButton?: boolean; /** Show a jump-to-first-page button (««) */
+    showLastButton?: boolean; /** Show a jump-to-last-page button (»») */
+    hidePrevButton?: boolean; /** Hide the previous-page button */
+    hideNextButton?: boolean; /** Hide the next-page button */
+    disabled?: boolean; /** Disable all interactions */
+    size?: "small" | "medium" | "large"; /** Button size */
+    variant?: "outlined" | "text"; /** Visual style — outlined adds a persistent border to every button */
+    shape?: "circular" | "rounded"; /** Button corner style */
+    className?: string; /** Extra className applied to the root nav element */
+}
+declare const Pagination: ({ count, page, onChange, siblingCount, boundaryCount, showFirstButton, showLastButton, hidePrevButton, hideNextButton, disabled, size, variant, shape, className, }: PaginationProps) => react_jsx_runtime.JSX.Element | null;
+
 interface ReadMoreProps {
     readMore: Record<string | number, boolean>;
     index: string | number;
@@ -168,6 +210,57 @@ interface StagingAlertProps {
 }
 declare const StagingAlert: ({ liveUrl, liveLinkText, }: StagingAlertProps) => react_jsx_runtime.JSX.Element;
 
+interface TabsProps {
+    value: number | string;
+    onChange: (event: React.SyntheticEvent, value: number | string) => void;
+    children: React.ReactNode;
+    variant?: "standard" | "scrollable" | "fullWidth";
+    scrollButtons?: "auto" | boolean;
+    allowScrollButtonsMobile?: boolean;
+    className?: string;
+    "aria-label"?: string;
+}
+declare function Tabs({ value, onChange, children, variant, scrollButtons, allowScrollButtonsMobile, className, "aria-label": ariaLabel, }: TabsProps): react_jsx_runtime.JSX.Element;
+/** Accessibility helper — same API as MUI's a11yProps */
+declare function handleAllyProps({ index }: {
+    index: number;
+}): {
+    id: string;
+    "aria-controls": string;
+};
+
+interface TabProps {
+    /** Tab label */
+    label: React.ReactNode;
+    /** Explicit value; defaults to its index in the Tabs list */
+    value?: number | string;
+    disabled?: boolean;
+    className?: string;
+    /** Applied only when this tab is active */
+    activeClassName?: string;
+    /** @internal */
+    selected?: boolean;
+    /** @internal */
+    onChange?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    /** @internal */
+    tabRef?: React.Ref<HTMLButtonElement>;
+}
+declare function Tab({ label, disabled, className, activeClassName, selected, onChange, tabRef, }: TabProps): react_jsx_runtime.JSX.Element;
+
+type TooltipPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+interface TooltipProps {
+    title: React.ReactNode;
+    children: React.ReactElement;
+    placement?: TooltipPlacement;
+    arrow?: boolean;
+    open?: boolean;
+    enterDelay?: number;
+    leaveDelay?: number;
+    className?: string;
+    disabled?: boolean;
+}
+declare function Tooltip({ title, children, placement, arrow, open: controlledOpen, enterDelay, leaveDelay, className, disabled, }: TooltipProps): react_jsx_runtime.JSX.Element;
+
 /**
  * useState backed by localStorage — syncs value on mount and persists on change.
  */
@@ -178,4 +271,4 @@ declare const handleCopyTextToClipboard: ({ clipboardText, }: {
     clipboardText: string | number | null | undefined;
 }) => Promise<boolean>;
 
-export { Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, AutoComplete, type AutoCompleteProps, Breadcrumb, type BreadcrumbProps, ButtonLoader, type ButtonLoaderProps, CopyId, type CopyIdProps, CustomAnchor, type CustomAnchorProps, CustomInput, type CustomInputProps, Drawer, type DrawerAnchor, type DrawerProps, FilterDrawer, type FilterDrawerProps, InputTitleWithRequired, type InputTitleWithRequiredProps, Modal, type ModalProps, ReadMore, type ReadMoreProps, SearchBar, type SearchBarProps, StagingAlert, type StagingAlertProps, cn, handleCopyTextToClipboard, useLocalStorage };
+export { Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, AutoComplete, type AutoCompleteProps, Breadcrumb, type BreadcrumbProps, ButtonLoader, type ButtonLoaderProps, CopyId, type CopyIdProps, CustomAnchor, type CustomAnchorProps, CustomInput, type CustomInputProps, Drawer, type DrawerAnchor, type DrawerProps, FilterDrawer, type FilterDrawerProps, InputTitleWithRequired, type InputTitleWithRequiredProps, Modal, type ModalProps, type MonthYear, MonthYearPicker, type MonthYearPickerProps, Pagination, type PaginationProps, ReadMore, type ReadMoreProps, SearchBar, type SearchBarProps, StagingAlert, type StagingAlertProps, Tab, type TabProps, Tabs, type TabsProps, Tooltip, type TooltipPlacement, type TooltipProps, cn, handleAllyProps, handleCopyTextToClipboard, useLocalStorage };