@empreint/ui 1.0.2 → 1.0.3

package/dist/index.d.ts

@@ -0,0 +1,662 @@
+import { ComponentProps } from 'react';
+import { ElementType } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
+import { PropsWithChildren } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+import { RefObject } from 'react';
+
+declare type AnyProps = Record<string, unknown>;
+
+export declare const Breadcrumb: {
+    ({ children, className, ...rest }: ComponentProps<"nav">): JSX.Element;
+    Item: ({ children, current, className }: BreadcrumbItemProps) => JSX.Element;
+    Separator: ({ children, className }: BreadcrumbSeparatorProps) => JSX.Element;
+};
+
+export declare type BreadcrumbItem = {
+    label: string;
+    url: string;
+};
+
+export declare type BreadcrumbItemProps = {
+    children: ReactElement;
+    current?: boolean;
+    className?: string;
+};
+
+export declare type BreadcrumbSeparatorProps = {
+    children?: ReactNode;
+    className?: string;
+};
+
+export declare type Breakpoints = {
+    desktop: string;
+    laptop: string;
+    laptopOrUpper: string;
+    laptopOrLower: string;
+    tablet: string;
+    tabletOrUpper: string;
+    tabletOrLower: string;
+    largeMobile: string;
+    largeMobileOrUpper: string;
+    largeMobileOrLower: string;
+    mobile: string;
+    portrait: string;
+    landscape: string;
+};
+
+export declare const Button: ({ children, type, variant, size, className, ...rest }: ButtonProps) => JSX.Element;
+
+export declare type ButtonProps = ComponentProps<"button"> & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+};
+
+export declare type ButtonSize = "sm" | "md" | "lg";
+
+export declare type ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
+
+export declare const Card: {
+    ({ children, className, ...rest }: ComponentProps<"div">): JSX.Element;
+    Header: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
+    Body: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
+    Footer: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
+};
+
+export declare const Checkbox: ({ children, size, className, ...rest }: CheckboxProps) => JSX.Element;
+
+export declare type CheckboxProps = Omit<ComponentProps<"input">, "type" | "size"> & {
+    children: ReactNode;
+    size?: CheckboxSize;
+    className?: string;
+};
+
+export declare type CheckboxSize = "sm" | "md" | "lg";
+
+export declare const Chip: ({ children, size, onRemove, closeAriaLabel, className, ...rest }: ChipProps) => JSX.Element;
+
+export declare type ChipProps = ComponentProps<"div"> & {
+    size?: ChipSize;
+    onRemove?: () => void;
+    closeAriaLabel?: string;
+};
+
+export declare type ChipSize = "sm" | "md" | "lg";
+
+export declare const Collapsible: {
+    ({ children, className }: CollapsibleProps): JSX.Element;
+    Trigger: ({ children, icon: Icon, className, }: CollapsibleTriggerProps) => JSX.Element;
+    Content: ({ children, className }: CollapsibleContentProps) => false | JSX.Element | undefined;
+    Item: ({ children, className }: CollapsibleItemProps) => JSX.Element;
+};
+
+export declare type CollapsibleContentProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type CollapsibleItemProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+declare type CollapsibleProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type CollapsibleTriggerProps = {
+    children: ReactNode;
+    icon?: ElementType;
+    className?: string;
+};
+
+export declare type Column = {
+    name: string;
+    label: string;
+};
+
+export declare const defaultBreakpoints: Breakpoints;
+
+export declare type Device = {
+    isMobile: boolean;
+    isTablet: boolean;
+    isMobileOrTablet: boolean;
+    isDesktop: boolean;
+};
+
+export declare const DropdownMenu: {
+    ({ children, className }: DropdownMenuProps): JSX.Element;
+    Trigger: ({ children, icon: Icon, className, }: DropdownMenuTrigger) => JSX.Element;
+    Content: ({ children, className }: DropdownMenuContent) => false | JSX.Element | undefined;
+    Item: ({ children, onClick, className }: DropdownMenuItemProps) => JSX.Element;
+};
+
+export declare type DropdownMenuContent = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type DropdownMenuItemProps = {
+    children: ReactNode;
+    onClick: () => void;
+    className?: string;
+};
+
+export declare type DropdownMenuProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type DropdownMenuTrigger = {
+    children: ReactNode;
+    icon?: ElementType;
+    className?: string;
+};
+
+export declare const Dropzone: {
+    ({ children, onChange, className }: DropzoneProps): JSX.Element;
+    Label: ({ children, className }: DropzoneLabelProps) => JSX.Element;
+    Area: ({ children, className }: DropzoneAreaProps) => JSX.Element;
+    Empty: ({ children, className }: DropzoneEmptyProps) => JSX.Element | null;
+    Preview: ({ className }: DropzonePreviewProps) => JSX.Element | null;
+    Remove: ({ children, className }: DropzoneRemoveProps) => JSX.Element | null;
+};
+
+export declare type DropzoneAreaProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type DropzoneEmptyProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type DropzoneLabelProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type DropzonePreviewProps = {
+    className?: string;
+};
+
+export declare type DropzoneProps = {
+    children: ReactNode;
+    onChange: (file: File | undefined) => void;
+    className?: string;
+};
+
+export declare type DropzoneRemoveProps = {
+    children: ReactElement;
+    className?: string;
+};
+
+export declare const Flex: ({ children, direction, justify, align, wrap, gap, inline, className, ...rest }: FlexProps) => JSX.Element;
+
+export declare type FlexProps = ComponentProps<"div"> & {
+    direction?: "row" | "column" | "row-reverse" | "column-reverse";
+    justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch";
+    align?: "start" | "center" | "end" | "stretch" | "baseline";
+    wrap?: "nowrap" | "wrap" | "wrap-reverse";
+    gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
+    inline?: boolean;
+};
+
+export declare const Input: {
+    ({ children, status, className }: InputProps): JSX.Element;
+    Field: ({ className, ...rest }: ComponentProps<"input">) => JSX.Element;
+    Label: ({ children, className }: InputLabelProps) => JSX.Element;
+    Message: ({ children, className }: InputMessageProps) => JSX.Element;
+};
+
+export declare type InputLabelProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type InputMessageProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type InputProps = {
+    children: ReactNode;
+    status?: InputStatus;
+    className?: string;
+};
+
+export declare type InputStatus = "default" | "success" | "warning" | "error";
+
+export declare const LanguageSelector: ({ languages, ...rest }: LanguageSelectorProps & Omit<SelectProps, "children">) => JSX.Element;
+
+export declare type LanguageSelectorProps = {
+    languages: string[];
+};
+
+export declare const List: {
+    ({ className, children }: ListProps): JSX.Element;
+    Item: ({ children, className }: ListItemProps) => JSX.Element;
+};
+
+export declare type ListItemProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type ListProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare const Loader: {
+    ({ children, className, ...rest }: ComponentProps<"div">): JSX.Element;
+    Spinner: ({ size, className, ...rest }: SpinnerProps) => JSX.Element;
+};
+
+export declare type MatchResolution = {
+    resolution: Resolution;
+    breakpoints: Breakpoints;
+    match: (query: string) => boolean;
+};
+
+export declare const Modal: {
+    ({ children, className }: ModalProps): JSX.Element;
+    Trigger: ({ children, className }: ModalTriggerProps) => JSX.Element;
+    Content: ({ children, className }: ModalContentProps) => JSX.Element | null;
+    Overlay: ({ className }: ModalOverlayProps) => false | JSX.Element | undefined;
+    Close: ({ children, className }: ModalCloseProps) => JSX.Element;
+    Body: ({ children, className }: ModalBodyProps) => JSX.Element;
+    Header: ({ children, className }: ModalHeaderProps) => JSX.Element;
+    Footer: ({ children, className }: ModalFooterProps) => JSX.Element;
+};
+
+export declare type ModalBodyProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type ModalCloseProps = {
+    children: ReactElement;
+    className?: string;
+};
+
+export declare type ModalContentProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type ModalFooterProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type ModalHeaderProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type ModalOverlayProps = {
+    className?: string;
+};
+
+export declare type ModalProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare const ModalTrigger: ({ children, className }: ModalTriggerProps) => JSX.Element;
+
+export declare type ModalTriggerProps = {
+    children: ReactElement;
+    className?: string;
+};
+
+export declare type ObjectLiteral<T = Primitive> = {
+    [field: string]: T;
+};
+
+declare type Option_2 = {
+    label: ReactNode;
+    value: string;
+};
+export { Option_2 as Option }
+
+export declare type OutsideAlerter = {
+    hasClickedOutside: boolean;
+    onReset: () => void;
+};
+
+export declare const Pagination: {
+    ({ children, className, ...rest }: PaginationProps): JSX.Element;
+    First: ({ children, className }: PaginationButtonProps) => JSX.Element | null;
+    Previous: ({ children, className }: PaginationButtonProps) => JSX.Element | null;
+    Items: ({ className }: {
+        className?: string;
+    }) => JSX.Element[] | undefined;
+    Next: ({ children, className }: PaginationButtonProps) => JSX.Element | null;
+    Last: ({ children, className }: PaginationButtonProps) => JSX.Element | null;
+};
+
+export declare type PaginationButtonProps = {
+    children: ReactElement;
+    className?: string;
+};
+
+export declare type PaginationData = {
+    page: number;
+    total: number;
+    items: number[];
+    maxRecordsPerPage: number;
+    goToPage: (page: number) => void;
+    goToFirst: () => void;
+    goToLeft: () => void;
+    goToRight: () => void;
+    goToLast: () => void;
+};
+
+export declare type PaginationProps = usePaginationProps & {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare const Popover: {
+    ({ children }: PopoverProps): JSX.Element;
+    Trigger: ({ children }: PopoverTriggerProps) => JSX.Element;
+    Content: ({ children, className }: PopoverContentProps) => JSX.Element | null;
+};
+
+declare type PopoverContentProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type PopoverProps = {
+    children: ReactNode;
+};
+
+declare type PopoverTriggerProps = {
+    children: ReactElement;
+};
+
+export declare type Primitive = string | number | boolean | undefined | null;
+
+export declare const RadioGroup: {
+    ({ children, onChange, defaultValue, className }: RadioGroupProps): JSX.Element;
+    Item: ({ children, value, className, ...rest }: RadioItemProps) => JSX.Element;
+};
+
+declare type RadioGroupProps = {
+    children: ReactNode;
+    defaultValue: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+};
+
+export declare type RadioItemProps = Omit<ComponentProps<"input">, "type" | "name" | "checked" | "onChange"> & {
+    children: ReactNode;
+    value: string;
+    className?: string;
+};
+
+export declare type Resolution = {
+    isDesktop: boolean;
+    isLaptop: boolean;
+    isLaptopOrUpper: boolean;
+    isLaptopOrLower: boolean;
+    isTablet: boolean;
+    isTabletOrUpper: boolean;
+    isTabletOrLower: boolean;
+    isLargeMobile: boolean;
+    isLargeMobileOrUpper: boolean;
+    isLargeMobileOrLower: boolean;
+    isMobile: boolean;
+    isPortrait: boolean;
+    isLandscape: boolean;
+};
+
+export declare type ScrollEvents = {
+    scrollToTop: () => void;
+};
+
+export declare const Select: {
+    ({ children, defaultValue, onChange, className }: SelectProps): JSX.Element;
+    Trigger: ({ icon: Icon, className }: SelectTriggerProps) => JSX.Element;
+    Content: ({ children, className }: SelectContentProps) => JSX.Element;
+    Item: ({ children, value, className }: SelectItemProps) => JSX.Element;
+};
+
+export declare type SelectContentProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type SelectItemProps = {
+    children: ReactNode;
+    value: string;
+    className?: string;
+};
+
+export declare type SelectProps = {
+    children: ReactNode;
+    defaultValue: string;
+    onChange?: (option: Option_2) => void;
+    className?: string;
+};
+
+export declare type SelectTriggerProps = {
+    icon?: ElementType;
+    className?: string;
+};
+
+export declare const Sidebar: {
+    ({ children, className }: SidebarProps): JSX.Element;
+    Header: ({ children, className }: SidebarHeaderProps) => JSX.Element;
+    Group: ({ children, className }: SidebarGroupProps) => JSX.Element;
+    Link: ({ children, isActive, className }: SidebarLinkProps) => JSX.Element;
+    Item: ({ children, onClick, className }: SidebarItemProps) => JSX.Element;
+};
+
+export declare type SidebarGroupProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type SidebarHeaderProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type SidebarItemProps = {
+    children: ReactNode;
+    onClick?: () => void;
+    className?: string;
+};
+
+export declare type SidebarLinkProps = {
+    children: ReactElement;
+    isActive?: boolean;
+    className?: string;
+};
+
+export declare type SidebarProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare const Slot: ({ children, ref, ...slotProps }: SlotProps) => ReactElement<AnyProps, string | JSXElementConstructor<any>> | null;
+
+export declare type SlotProps = HTMLAttributes<HTMLElement> & {
+    children: ReactElement;
+    ref?: Ref<HTMLElement>;
+};
+
+export declare type SpinnerProps = ComponentProps<"svg"> & {
+    size?: "sm" | "md" | "lg";
+};
+
+export declare type Step = {
+    name: string;
+    title: string;
+};
+
+export declare const Table: {
+    <T extends ObjectLiteral>({ className, columns, records, uniqueKey, renderHeader, renderFooter, renderColumnsCell, renderRecordsCell, renderRecordsEmptyCell, renderNoRecords, }: TableProps<T>): JSX.Element;
+    Th: ({ children }: PropsWithChildren) => JSX.Element;
+    Tr: ({ children }: PropsWithChildren) => JSX.Element;
+    Td: ({ children }: PropsWithChildren) => JSX.Element;
+};
+
+export declare type TableProps<T extends ObjectLiteral> = {
+    columns: Column[];
+    records: T[];
+    uniqueKey?: string;
+    renderHeader?: () => ReactNode;
+    renderFooter?: () => ReactNode;
+    renderColumnsCell?: (column: Column, key: string) => ReactNode;
+    renderRecordsCell?: (cell: Primitive, key: string) => ReactNode;
+    renderRecordsEmptyCell?: (key: string) => ReactNode;
+    renderNoRecords?: () => ReactNode;
+    className?: string;
+};
+
+declare const Text_2: ({ children, as: TextAs, size, align, weight, className, ...rest }: TextProps) => JSX.Element;
+export { Text_2 as Text }
+
+export declare type TextProps = HTMLAttributes<HTMLElement> & {
+    as?: "span" | "p";
+    size?: "sm" | "md" | "lg";
+    align?: "start" | "center" | "end" | "justify";
+    weight?: "normal" | "medium" | "semibold" | "bold";
+};
+
+export declare const Title: ({ children, as: TitleAs, size, align, weight, className, ...rest }: TitleProps) => JSX.Element;
+
+export declare type TitleProps = HTMLAttributes<HTMLHeadingElement> & {
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    size?: "sm" | "md" | "lg" | "xl";
+    align?: "start" | "center" | "end";
+    weight?: "normal" | "medium" | "semibold" | "bold";
+};
+
+export declare const useBreadcrumb: ({ url, mapping, }: useBreadcrumbProps) => BreadcrumbItem[];
+
+export declare type useBreadcrumbProps = {
+    url?: URL;
+    mapping?: {
+        path: string;
+        label: string;
+    }[];
+};
+
+export declare const useDisclosure: ({ closeOnOutsideClick }?: useDisclosureOptions) => {
+    isOpen: boolean;
+    onClose: () => void;
+    onToggle: () => void;
+    ref: RefObject<HTMLDivElement | null>;
+};
+
+export declare type useDisclosureOptions = {
+    closeOnOutsideClick?: boolean;
+};
+
+export declare const useMatchDevice: (UA: string) => Device;
+
+export declare const useMatchResolution: (UA: string, breakpoints?: Breakpoints) => MatchResolution;
+
+export declare const useOutsideAlerter: (ref: RefObject<HTMLElement | null>) => OutsideAlerter;
+
+export declare const usePagination: ({ page, totalRecords, maxRecordsPerPage, itemNeighbours, minItems, }: usePaginationProps) => {
+    currentPage: number;
+    total: number;
+    items: number[];
+    goToPage: (page: number) => void;
+    goToFirst: () => void;
+    goToPrevious: () => void;
+    goToNext: () => void;
+    goToLast: () => void;
+    isFirst: boolean;
+    isLast: boolean;
+};
+
+export declare type usePaginationProps = {
+    page: number;
+    totalRecords: number;
+    maxRecordsPerPage?: number;
+    itemNeighbours?: number;
+    minItems?: number;
+};
+
+export declare const useScrollTo: (target: RefObject<HTMLElement | null>) => ScrollEvents;
+
+export declare const useVisible: (target: RefObject<HTMLElement | null>) => boolean;
+
+export declare const useWizard: ({ totalSteps, step }: useWizardOptions) => {
+    currentIndex: number;
+    nextStep: () => void;
+    previousStep: () => void;
+    isFirstStep: boolean;
+    isLastStep: boolean;
+};
+
+export declare type useWizardOptions = {
+    totalSteps: number;
+    step?: number;
+};
+
+export declare const Wizard: {
+    ({ children, initialStep, className }: WizardProps): JSX.Element;
+    Header: ({ children, className }: WizardHeaderProps) => JSX.Element;
+    Title: ({ className }: WizardTitleProps) => JSX.Element;
+    Indicator: () => JSX.Element | null;
+    Step: ({ children, name, title, className }: WizardStepProps) => JSX.Element | null;
+    Footer: ({ children, className }: WizardFooterProps) => JSX.Element;
+    Next: ({ children, onClick, className }: WizardButtonProps) => JSX.Element | null;
+    Previous: ({ children, onClick, className }: WizardButtonProps) => JSX.Element | null;
+    Finalize: ({ children, onClick, className }: WizardButtonProps) => JSX.Element | null;
+};
+
+export declare type WizardButtonProps = {
+    children: ReactElement;
+    onClick?: () => void;
+    className?: string;
+};
+
+export declare type WizardFooterProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type WizardHeaderProps = {
+    children: ReactNode;
+    className?: string;
+};
+
+export declare type WizardIndicatorProps = {
+    className?: string;
+};
+
+export declare type WizardProps = {
+    children: ReactNode;
+    initialStep?: number;
+    className?: string;
+};
+
+export declare type WizardStepProps = {
+    children: ReactNode;
+    name: string;
+    title: string;
+    className?: string;
+};
+
+export declare type WizardTitleProps = {
+    className?: string;
+};
+
+export { }

package/package.json

@@ -1,10 +1,10 @@
 {
 	"name": "@empreint/ui",
-	"version": "1.0.2",
+	"version": "1.0.3",
 	"type": "module",
 	"exports": {
 		".": {
-			"types": "./dist/src/index.d.ts",
+			"types": "./dist/index.d.ts",
 			"import": "./dist/empreint.js"
 		},
 		"./styles": "./dist/empreint.css"
@@ -58,12 +58,12 @@
 		"@changesets/cli": "^2.31.0",
 		"@commitlint/cli": "^20.5.3",
 		"@commitlint/config-conventional": "^20.5.3",
+		"@microsoft/api-extractor": "^7.58.7",
 		"@storybook/addon-a11y": "^10.3.6",
 		"@storybook/addon-docs": "^10.3.6",
 		"@storybook/addon-vitest": "^10.3.6",
 		"@storybook/react": "^10.3.6",
 		"@storybook/react-vite": "^10.3.6",
-		"@storybook/test": "^8.6.15",
 		"@types/node": "^25.6.0",
 		"@types/react": "^19.2.14",
 		"@types/react-dom": "^19.2.3",
@@ -77,8 +77,8 @@
 		"remark-gfm": "^4.0.1",
 		"storybook": "^10.3.6",
 		"typescript": "^6.0.3",
+		"unplugin-dts": "^1.0.0",
 		"vite": "^8.0.10",
-		"vite-plugin-dts": "^5.0.0",
 		"vitest": "^4.1.5"
 	}
 }

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

@@ -1,15 +0,0 @@
-import { ComponentProps, ReactElement, ReactNode } from 'react';
-export declare const Breadcrumb: {
-    ({ children, className, ...rest }: ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
-    Item: ({ children, current, className }: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
-    Separator: ({ children, className }: BreadcrumbSeparatorProps) => import("react/jsx-runtime").JSX.Element;
-};
-export type BreadcrumbItemProps = {
-    children: ReactElement;
-    current?: boolean;
-    className?: string;
-};
-export type BreadcrumbSeparatorProps = {
-    children?: ReactNode;
-    className?: string;
-};

package/dist/src/components/breadcrumb/index.d.ts

@@ -1 +0,0 @@
-export * from './breadcrumb';