quirk-ui 0.0.6 → 0.0.7

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+type AccordionItem = {
+    id: string;
+    title: string;
+    content: React.ReactNode;
+};
+type AccordionProps = {
+    items: AccordionItem[];
+    multiple?: boolean;
+    className?: string;
+};
+export declare function Accordion({ items, multiple, className, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Alert/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+    enter: string;
+    exit: string;
+};
+export default _default;

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

@@ -0,0 +1,15 @@
+declare const variantClassMap: {
+    readonly info: string;
+    readonly success: string;
+    readonly warning: string;
+    readonly error: string;
+};
+type Variant = keyof typeof variantClassMap;
+type AlertProps = {
+    message: string;
+    variant?: Variant;
+    onClose?: () => void;
+    className?: string;
+};
+export declare function Alert({ message, variant, onClose, className, }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,25 @@
+declare const sizeClassMap: {
+    readonly sm: string;
+    readonly md: string;
+    readonly lg: string;
+};
+declare const statusClassMap: {
+    readonly online: string;
+    readonly offline: string;
+    readonly busy: string;
+};
+type Size = keyof typeof sizeClassMap;
+type Status = keyof typeof statusClassMap;
+type AvatarProps = {
+    src?: string;
+    alt?: string;
+    size?: Size;
+    initials?: string;
+    status?: Status;
+    borderColor?: string;
+    backgroundColor?: string;
+    onClick?: () => void;
+    className?: string;
+};
+export declare function Avatar({ src, alt, size, initials, status, borderColor, backgroundColor, onClick, className, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Badge/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    default: string;
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+};
+export default _default;

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+declare const variantClassMap: {
+    readonly default: string;
+    readonly success: string;
+    readonly warning: string;
+    readonly error: string;
+    readonly info: string;
+};
+type Variant = keyof typeof variantClassMap;
+type BadgeProps = {
+    text: string;
+    variant?: Variant;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+};
+export declare function Badge({ text, variant, icon, onClick, className, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Card/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    card: string;
+    default: string;
+    outlined: string;
+    shadow: string;
+    imageTop: string;
+    imageBackground: string;
+};
+export default _default;

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

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+declare const variantClassMap: {
+    readonly default: string;
+    readonly outlined: string;
+    readonly shadow: string;
+    readonly imageTop: string;
+    readonly imageBackground: string;
+};
+type Variant = keyof typeof variantClassMap;
+type CardProps = {
+    title?: string;
+    content?: React.ReactNode;
+    footer?: React.ReactNode;
+    imageSrc?: string;
+    imageAlt?: string;
+    onClick?: () => void;
+    variant?: Variant;
+    clickable?: boolean;
+    className?: string;
+};
+export declare function Card({ title, content, footer, imageSrc, imageAlt, onClick, variant, clickable, className, }: CardProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type CarouselProps = {
+    items: React.ReactNode[];
+    autoPlay?: boolean;
+    autoPlayInterval?: number;
+    className?: string;
+};
+export declare function Carousel({ items, autoPlay, autoPlayInterval, className, }: CarouselProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Drawer/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    left: string;
+    right: string;
+    top: string;
+    bottom: string;
+};
+export default _default;

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+declare const positionClassMap: {
+    readonly left: string;
+    readonly right: string;
+    readonly top: string;
+    readonly bottom: string;
+};
+type Position = keyof typeof positionClassMap;
+type DrawerProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    position?: Position;
+    overlay?: boolean;
+    ariaLabel?: string;
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function Drawer({ isOpen, onClose, position, overlay, ariaLabel, children, className, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,6 +1,14 @@
 import { default as React } from 'react';
+type BreakpointColumns = {
+    xs?: number | string;
+    sm?: number | string;
+    md?: number | string;
+    lg?: number | string;
+    xl?: number | string;
+    "2xl"?: number | string;
+};
 type GridProps = {
-    columns?: number | string;
+    columns?: number | string | BreakpointColumns;
     gap?: string;
     areas?: string[][];
     autoFitMinMax?: string;

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

@@ -185,8 +185,6 @@ export declare function Heading({ level, className, children, ...restProps }: He
     onProgressCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onRateChange?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onRateChangeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-    onResize?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
-    onResizeCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeeked?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeekedCapture?: React.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeeking?: React.ReactEventHandler<HTMLHeadingElement> | undefined;

package/dist/lib/components/List/List.test.d.ts

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

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export type ListItem = {
+    content: React.ReactNode;
+    id: string | number;
+    className?: string;
+    renderItem?: (item: React.ReactNode) => React.ReactNode;
+};
+type ListProps = {
+    items: ListItem[];
+    ordered?: boolean;
+    className?: string;
+    onItemClick?: (item: ListItem) => void;
+};
+export declare function List({ items, ordered, className, onItemClick, }: ListProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+type ModalProps = {
+    content: React.ReactNode;
+    trigger: React.ReactNode;
+    isOpen?: boolean;
+    onClose?: () => void;
+    className?: string;
+};
+export declare function Modal({ content, trigger, isOpen: controlledIsOpen, onClose, className, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/NavBar/NavBar.test.d.ts

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

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+type NavItem = {
+    label: string;
+    href?: string;
+    sublinks?: NavItem[];
+    isExternal?: boolean;
+    onClick?: () => void;
+};
+type NavbarProps = {
+    logo?: React.ReactNode;
+    items: NavItem[];
+    isSticky?: boolean;
+    className?: string;
+};
+export declare function Navbar({ logo, items, isSticky, className, }: NavbarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Notification/Notification.test.d.ts

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

package/dist/lib/components/Notification/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    info: string;
+    success: string;
+    warning: string;
+    error: string;
+};
+export default _default;

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

@@ -0,0 +1,17 @@
+declare const variantClassMap: {
+    readonly info: string;
+    readonly success: string;
+    readonly warning: string;
+    readonly error: string;
+};
+type Variant = keyof typeof variantClassMap;
+export type NotificationProps = {
+    id: string;
+    message: string;
+    variant?: Variant;
+    duration?: number;
+    onClose?: () => void;
+    className?: string;
+};
+export declare function Notification({ message, variant, duration, onClose, className, }: NotificationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/NotificationContainer/NotificationContainer.test.d.ts

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

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

@@ -0,0 +1,6 @@
+import { NotificationProps } from '../../main';
+type NotificationContainerProps = {
+    notifications: NotificationProps[];
+};
+export declare function NotificationContainer({ notifications, }: NotificationContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

package/dist/lib/components/ProgressBar/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    primary: string;
+    success: string;
+    warning: string;
+    danger: string;
+};
+export default _default;

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

@@ -0,0 +1,15 @@
+declare const variantClassMap: {
+    readonly primary: string;
+    readonly success: string;
+    readonly warning: string;
+    readonly danger: string;
+};
+type Variant = keyof typeof variantClassMap;
+type ProgressBarProps = {
+    progress: number;
+    variant?: Variant;
+    showLabel?: boolean;
+    className?: string;
+};
+export declare function ProgressBar({ progress, variant, showLabel, className, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Skeleton/Skeleton.test.d.ts

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

package/dist/lib/components/Skeleton/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    text: string;
+    circle: string;
+    rectangle: string;
+};
+export default _default;

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

@@ -0,0 +1,15 @@
+declare const variantClassMap: {
+    text: string;
+    circle: string;
+    rectangle: string;
+};
+type Variant = keyof typeof variantClassMap;
+type SkeletonProps = {
+    width?: string | number;
+    height?: string | number;
+    borderRadius?: string | number;
+    variant?: Variant;
+    className?: string;
+};
+export declare function Skeleton({ width, height, borderRadius, variant, className, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Spinner/Spinner.test.d.ts

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

package/dist/lib/components/Spinner/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    primary: string;
+    success: string;
+    warning: string;
+    danger: string;
+    small: string;
+    medium: string;
+    large: string;
+};
+export default _default;

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

@@ -0,0 +1,20 @@
+declare const sizeClassMap: {
+    readonly small: string;
+    readonly medium: string;
+    readonly large: string;
+};
+type Size = keyof typeof sizeClassMap;
+declare const colorClassMap: {
+    readonly primary: string;
+    readonly success: string;
+    readonly warning: string;
+    readonly danger: string;
+};
+type Color = keyof typeof colorClassMap;
+type SpinnerProps = {
+    size?: Size;
+    color?: Color;
+    className?: string;
+};
+export declare function Spinner({ size, color, className, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Tabs/Context.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Align } from '.';
+export type TabsContextType = {
+    activeIndex: number;
+    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
+    idPrefix: string;
+    align: Align;
+};
+export declare const TabsContext: React.Context<TabsContextType | null>;
+export declare function useTabsContext(): TabsContextType;

package/dist/lib/components/Tabs/__mocks__/styles.module.css.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    left: string;
+    center: string;
+    right: string;
+};
+export default _default;

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

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export declare const alignClassMap: {
+    left: string;
+    center: string;
+    right: string;
+};
+export type Align = keyof typeof alignClassMap;
+type TabsProps = {
+    children: ReactNode;
+    defaultIndex?: number;
+    align?: Align;
+};
+export declare function Tabs({ children, defaultIndex, align, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tabs {
+    var List: ({ children }: {
+        children: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var Trigger: ({ children, index }: {
+        children: ReactNode;
+        index: number;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var Panel: ({ children, index }: {
+        children: ReactNode;
+        index: number;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+}
+export default Tabs;

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+declare const positionClassMap: {
+    readonly top: string;
+    readonly bottom: string;
+    readonly left: string;
+    readonly right: string;
+};
+type Position = keyof typeof positionClassMap;
+type TooltipProps = {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    position?: Position;
+    className?: string;
+};
+export declare function Tooltip({ content, children, position, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/main.d.ts

@@ -13,6 +13,25 @@ export { Spacer } from './components/Spacer';
 export { Divider } from './components/Divider';
 export { Table } from './components/Table';
 export type { TableColumn } from './components/Table';
+export { List } from './components/List';
+export type { ListItem } from './components/List';
+export { Card } from './components/Card';
+export { Avatar } from './components/Avatar';
+export { Badge } from './components/Badge';
+export { Tooltip } from './components/Tooltip';
+export { Modal } from './components/Modal';
+export { Accordion } from './components/Accordion';
+export { Alert } from './components/Alert';
+export { Notification } from './components/Notification';
+export type { NotificationProps } from './components/Notification';
+export { NotificationContainer } from './components/NotificationContainer';
+export { ProgressBar } from './components/ProgressBar';
+export { Spinner } from './components/Spinner';
+export { Skeleton } from './components/Skeleton';
+export { Carousel } from './components/Carousel';
+export { Navbar } from './components/NavBar';
+export { Drawer } from './components/Drawer';
+export { Tabs } from './components/Tabs';
 export { Form } from './components/Form';
 export { Label } from './components/Label';
 export { Input } from './components/Input';

package/dist/lib/utils/NotificationManager/NotificationManager.test.d.ts

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

package/dist/lib/utils/NotificationManager/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { NotificationProps } from '../../main';
+type NotificationManagerType = {
+    showNotification: (message: string, variant?: NotificationProps["variant"], duration?: number) => void;
+};
+export declare const NotificationManager: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useNotifications: () => NotificationManagerType;
+export {};

package/dist/lib/utils/ThemeProvider/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    theme?: Partial<Record<string, string>>;
+};
+export declare function ThemeProvider({ children, theme }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};