@kenlo/kdls-design-system 2.0.0

package/dist/components/Incrementer/Incrementer.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './Incrementer.css';
+export interface IncrementerProps {
+    /** Current value (controlled) */
+    value: number;
+    /** Callback fired when incrementing or decrementing — receives the new value */
+    onChange: (value: number) => void;
+    /** Minimum allowed value — decrement button disables when reached */
+    min?: number;
+    /** Maximum allowed value — increment button disables when reached */
+    max?: number;
+    /** Step size for each increment/decrement. Default: 1 */
+    step?: number;
+    /** Disables both buttons */
+    disabled?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const Incrementer: React.FC<IncrementerProps>;
+export default Incrementer;

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

@@ -0,0 +1,2 @@
+export { Incrementer } from './Incrementer';
+export type { IncrementerProps } from './Incrementer';

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,136 @@
+import React from 'react';
+import { IconElement } from '../Icon/Icon';
+import './Input.css';
+import '../../foundations/Scrollbar/Scrollbar.css';
+import type { FormValidateOn } from '../Form/Form';
+export interface InputRule {
+    /** Message shown as a hint when the rule fails */
+    message: string;
+    /** Receives the current value and returns true when the rule passes */
+    valid: (value: string) => boolean;
+}
+export interface PhoneCountry {
+    code: string;
+    ddi: string;
+    name: string;
+}
+export type InputFeedback = 'none' | 'success' | 'alert' | 'error';
+export type InputState = 'enabled' | 'hover' | 'filled' | 'focused' | 'disabled';
+type BaseInputProps = {
+    /**
+     * Field's floating label.
+     * Automatic default: "Email" for type="email", "Phone" for type="tel" with phoneInternational.
+     */
+    label: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    /** Number of visible lines — textbox type only. Default: 3 */
+    rows?: number;
+    /** Visual feedback — when 'none' (default), internal validations may override */
+    feedback?: InputFeedback;
+    /** Hint message below the input — when absent, internal validation errors show their own message */
+    hint?: string;
+    /** Left icon (ignored for type="email") */
+    iconLeft?: IconElement;
+    /** Right icon */
+    iconRight?: IconElement;
+    /** Callback when clicking iconRight — makes the icon interactive with stopPropagation */
+    onClickIconRight?: () => void;
+    /** Count badge shown before the right icon (used as a Popover Trigger) */
+    notificationCount?: number;
+    /** Shows a custom incrementer (+/−) for type="number". The browser's native spinner is always hidden via CSS. */
+    showIncrementer?: boolean;
+    /** Minimum value (type="number") */
+    min?: number;
+    /** Maximum value (type="number") */
+    max?: number;
+    /** Increment step (type="number", default: 1) */
+    step?: number;
+    disabled?: boolean;
+    /** Shows a spinner in place of iconRight and blocks interaction — use while data is loading */
+    isLoading?: boolean;
+    /** Required field — exposes aria-required to screen readers */
+    required?: boolean;
+    placeholder?: string;
+    autoFocus?: boolean;
+    id?: string;
+    name?: string;
+    autoComplete?: string;
+    readOnly?: boolean;
+    tabIndex?: number;
+    pattern?: string;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    /** Validation rules — each rule shows its message as a hint when valid(value) returns false */
+    rules?: InputRule[];
+    /** When to evaluate the rules. Inherited from the parent Form via context; 'change' when there's no Form */
+    validateOn?: FormValidateOn;
+    /** Width: 'hug' = fits content | 'fill' = 100% */
+    width?: 'hug' | 'fill';
+    className?: string;
+    /** Enables the country selector for type="tel" */
+    phoneInternational?: boolean;
+    /** Initial country in the selector (ISO alpha-2, e.g. 'us'). Default: 'br' */
+    defaultCountry?: string;
+    /** Shows only these countries in the selector (ISO alpha-2) */
+    onlyCountries?: string[];
+    /** Excludes these countries from the selector (ISO alpha-2) */
+    excludeCountries?: string[];
+    /** Called when the user selects a country */
+    onCountryChange?: (country: PhoneCountry) => void;
+    /** Disables algorithm validation for type='cpf', 'cnpj', 'cpf-cnpj'. When false, only validates whether the mask is complete */
+    validateDocument?: boolean;
+};
+/** type="text" | "search" | "textbox" — support maxLength, minLength and showCount */
+type TextualInputProps = BaseInputProps & {
+    type?: 'text' | 'search' | 'textbox';
+    /** Maximum character limit. Blocks input and shows a hint when the limit is reached. */
+    maxLength?: number;
+    minLength?: number;
+    /** Shows a character counter below the input on the right — requires maxLength */
+    showCount?: boolean;
+};
+/** type="email" — optional label (default "Email"), supports maxLength, minLength and showCount */
+type EmailInputProps = Omit<BaseInputProps, 'label'> & {
+    type: 'email';
+    label?: string;
+    maxLength?: number;
+    minLength?: number;
+    showCount?: boolean;
+};
+/** type="password" — optional label (default "Password"), supports maxLength and minLength, but not showCount */
+type PasswordInputProps = Omit<BaseInputProps, 'label'> & {
+    type: 'password';
+    label?: string;
+    maxLength?: number;
+    minLength?: number;
+    showCount?: never;
+};
+/** type="number" — doesn't support maxLength, minLength, or showCount */
+type RestrictedInputProps = BaseInputProps & {
+    type: 'number';
+    maxLength?: never;
+    minLength?: never;
+    showCount?: never;
+};
+/** type="date" — dd/mm/yyyy mask, optional label (default "Date"), doesn't accept maxLength/minLength/showCount */
+type DateInputProps = Omit<BaseInputProps, 'label'> & {
+    type: 'date';
+    label?: string;
+    maxLength?: never;
+    minLength?: never;
+    showCount?: never;
+};
+/** type="tel" | "cel" | "cep" | "cpf" | "cnpj" | "cpf-cnpj" | "birthdate" — optional label (default per type), doesn't accept maxLength/minLength/showCount */
+type FixedLabelDocInputProps = Omit<BaseInputProps, 'label'> & {
+    type: 'tel' | 'cel' | 'cep' | 'cpf' | 'cnpj' | 'cpf-cnpj' | 'birthdate';
+    label?: string;
+    maxLength?: never;
+    minLength?: never;
+    showCount?: never;
+};
+export type InputProps = TextualInputProps | EmailInputProps | PasswordInputProps | RestrictedInputProps | DateInputProps | FixedLabelDocInputProps;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default Input;

package/dist/components/Input/Input.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { Input } from './Input';
+export type { InputProps, InputFeedback, InputState, InputRule, PhoneCountry } from './Input';

package/dist/components/KenloLogo/KenloLogo.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './KenloLogo.css';
+export type KenloLogoProduct = 'imob' | 'sites' | 'locacao' | 'leads' | 'base';
+export type KenloLogoVariant = 'primary' | 'neutral';
+export type KenloLogoSize = 16 | 20 | 24 | 32 | 40;
+export interface KenloLogoProps {
+    product?: KenloLogoProduct;
+    variant?: KenloLogoVariant;
+    size?: KenloLogoSize;
+    className?: string;
+}
+export declare const KenloLogo: React.FC<KenloLogoProps>;
+export default KenloLogo;

package/dist/components/KenloLogo/KenloLogo.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { KenloLogo } from './KenloLogo';
+export type { KenloLogoProps, KenloLogoProduct, KenloLogoVariant, KenloLogoSize } from './KenloLogo';

package/dist/components/LyaLogo/LyaLogo.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './LyaLogo.css';
+export type LyaLogoVariant = 'full' | 'symbol';
+export type LyaLogoSize = 16 | 20 | 24 | 32 | 40;
+export interface LyaLogoProps {
+    variant?: LyaLogoVariant;
+    size?: LyaLogoSize;
+    className?: string;
+}
+export declare const LyaLogo: React.FC<LyaLogoProps>;
+export default LyaLogo;

package/dist/components/LyaLogo/LyaLogo.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { LyaLogo } from './LyaLogo';
+export type { LyaLogoProps, LyaLogoVariant, LyaLogoSize } from './LyaLogo';

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,171 @@
+import React from 'react';
+import { TooltipPosition } from '../Tooltip';
+import { IconButtonSize } from '../IconButton/IconButton';
+import { IconElement } from '../Icon/Icon';
+import './Menu.css';
+import '../../foundations/Scrollbar/Scrollbar.css';
+export type MenuPlacement = 'bottom' | 'bottomLeft' | 'bottomRight';
+export type MenuItemKey = string | number;
+export type MenuItemIntent = 'primary' | 'neutral' | 'error' | 'success' | 'alert';
+/** Definition object used in the items array API */
+export interface MenuItemDef {
+    /** Unique identity of the entry — used as the React key */
+    key: MenuItemKey;
+    /** Item label, or the group header when type = 'section' */
+    label?: React.ReactNode;
+    /** Left icon of the row */
+    icon?: IconElement;
+    /** Semantic tone of the row — paints hover/active with the matching feedback color */
+    intent?: MenuItemIntent;
+    /** Child items — renders as SubMenu */
+    children?: MenuItemDef[];
+    /** 'section': starts a named group | 'divider': horizontal separator */
+    type?: 'divider' | 'section';
+    /** Action fired on click */
+    onClick?: () => void;
+    /** Blocks click and dims the row */
+    disabled?: boolean;
+}
+interface MenuCommonProps {
+    /** Panel content — Menu.Group, Menu.Item, Menu.SubMenu, Menu.Search, Menu.Separator and Menu.Empty */
+    children?: React.ReactNode;
+    /** Where the panel opens relative to the trigger — flips upward when there is no room below */
+    placement?: MenuPlacement;
+    /** Array API, alternative to the compound children — use for dynamic lists */
+    items?: MenuItemDef[];
+    /** Free slot pinned above the items — for fully custom headers */
+    header?: React.ReactNode;
+    /** Free slot pinned below the items — stays visible while the list scrolls */
+    footer?: React.ReactNode;
+    /** Name on the first line of the profile header — passing it renders the whole header */
+    name?: string;
+    /** Code on the second line of the profile header */
+    code?: string;
+    /** Agency on the third line of the profile header, prefixed with 'Imobiliária' */
+    agency?: string;
+    /** Overrides the panel z-index — raise it when the trigger lives inside a sticky header or modal */
+    zIndex?: number;
+    /** Extra CSS class on the Menu wrapper */
+    className?: string;
+}
+/** variant branch — trigger and variant are mutually exclusive */
+interface MenuVariantBranch extends MenuCommonProps {
+    /** Label for navButton / pill trigger */
+    label?: string;
+    /** Built-in trigger type — 'avatar' and 'iconButton' render through their own dedicated props */
+    variant?: 'navButton' | 'pill' | 'avatar' | 'iconButton';
+    trigger?: never;
+    /** Left icon for navButton / pill trigger */
+    icon?: IconElement;
+    /** variant="avatar" — initials shown in placeholder */
+    initials?: string;
+    /** variant="avatar" — image source */
+    src?: string;
+    /** variant="avatar" — avatar size ('sm' 40px · 'md' 48px · 'lg' 56px) */
+    avatarSize?: 'sm' | 'md' | 'lg';
+    /** variant="iconButton" — the icon to display */
+    buttonIcon?: IconElement;
+    /** variant="iconButton" — color variant (default 'primary') */
+    iconVariant?: 'neutral' | 'primary';
+    /** variant="iconButton" — button size (default 'sm') */
+    iconSize?: IconButtonSize;
+    /** variant="iconButton" — accessible label */
+    'aria-label'?: string;
+    /** Marks the built-in navButton / pill trigger as active — bold label and reinforced color */
+    triggerActive?: boolean;
+}
+/** custom trigger branch — trigger and variant are mutually exclusive */
+interface MenuCustomBranch extends MenuCommonProps {
+    /** Custom element used as the trigger — Menu injects onClick, onKeyDown and aria-* via cloneElement */
+    trigger: React.ReactElement;
+    variant?: never;
+}
+export type MenuProps = MenuVariantBranch | MenuCustomBranch;
+export interface MenuGroupProps {
+    /** Group header text */
+    label: string;
+    /** Menu items inside the group */
+    children: React.ReactNode;
+    /** Extra CSS class on the group element */
+    className?: string;
+}
+export interface MenuItemProps {
+    /** Row label */
+    children?: React.ReactNode;
+    /** Semantic tone — paints hover/active with the matching feedback color */
+    intent?: MenuItemIntent;
+    /** Left icon of the row */
+    icon?: IconElement;
+    /** Badge label shown at the right of the row */
+    badge?: string;
+    /** Navigation route — renders the row as an <a>. Can coexist with onClick */
+    href?: string;
+    /** Opens the href in a new tab — only meaningful together with href */
+    targetBlank?: boolean;
+    /** Tooltip content — without tooltipIcon it opens from the label itself */
+    tooltip?: string;
+    /** Shows the tooltip via the default (fixed) info icon instead of the label. */
+    tooltipIcon?: boolean;
+    /** Side the tooltip opens on */
+    tooltipPosition?: TooltipPosition;
+    /** Action fired on click or keyboard activation — the panel closes right after */
+    onClick?: () => void;
+    /** Marks the row as the selected one — use it to mirror navigation state */
+    active?: boolean;
+    /** Blocks click and keyboard activation and dims the row */
+    disabled?: boolean;
+    /** Extra CSS class on the row element */
+    className?: string;
+}
+export type MenuSubMenuItemProps = MenuItemProps;
+export interface MenuSubMenuProps {
+    /** Trigger row label */
+    label: React.ReactNode;
+    /** Submenu content — use Menu.SubMenu.Item */
+    children: React.ReactNode;
+    /** Left icon of the trigger row */
+    icon?: IconElement;
+    /** Expands as an accordion inside the panel instead of opening a floating fly-out */
+    accordion?: boolean;
+    /** Blocks opening and dims the trigger row */
+    disabled?: boolean;
+    /** Extra CSS class on the submenu element */
+    className?: string;
+}
+export interface MenuSeparatorProps {
+    /** Extra CSS class on the separator element */
+    className?: string;
+}
+export interface MenuEmptyProps {
+    /** Empty-state message — the consumer owns the text, for translation */
+    children: React.ReactNode;
+    /** Extra CSS class on the empty-state element */
+    className?: string;
+}
+export interface MenuSearchProps {
+    /** Current value of the search field — the Menu never filters on its own */
+    value: string;
+    /** Fired on every keystroke — filter the items yourself with the value received */
+    onChange: (value: string) => void;
+    /** Floating label of the search field */
+    label?: string;
+}
+declare const MenuGroup: React.FC<MenuGroupProps>;
+declare const MenuItem: React.FC<MenuItemProps>;
+declare const MenuSubMenuItem: React.FC<MenuSubMenuItemProps>;
+declare const MenuSeparator: React.FC<MenuSeparatorProps>;
+declare const MenuEmpty: React.FC<MenuEmptyProps>;
+declare const MenuSearch: React.FC<MenuSearchProps>;
+type MenuSubMenuType = React.FC<MenuSubMenuProps> & {
+    Item: typeof MenuSubMenuItem;
+};
+type MenuComposition = React.FC<MenuProps> & {
+    Group: typeof MenuGroup;
+    Item: typeof MenuItem;
+    SubMenu: MenuSubMenuType;
+    Separator: typeof MenuSeparator;
+    Empty: typeof MenuEmpty;
+    Search: typeof MenuSearch;
+};
+export declare const Menu: MenuComposition;
+export default Menu;

package/dist/components/Menu/Menu.test.d.ts

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

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

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

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

@@ -0,0 +1,81 @@
+import React from 'react';
+import { TooltipPosition } from '../Tooltip';
+import './Modal.css';
+import '../../foundations/Scrollbar/Scrollbar.css';
+export interface ModalProps {
+    /** Controls visibility */
+    isOpen: boolean;
+    /** Called when overlay or close button is clicked */
+    onClose: () => void;
+    /** Modal title (SemiBold 20px) */
+    title: string;
+    /** Tooltip text shown on hover of the info icon (ⓘ) beside the title */
+    titleTooltip?: string;
+    /** Position of the title tooltip — default 'top' */
+    titleTooltipPosition?: TooltipPosition;
+    /** Modal body content */
+    children: React.ReactNode;
+    /** Custom footer — overrides built-in footer buttons */
+    footer?: React.ReactNode;
+    /** Tertiary (link) action label */
+    tertiaryLabel?: string;
+    onTertiary?: () => void | Promise<void>;
+    tertiaryLoading?: boolean;
+    tertiaryDisabled?: boolean;
+    tertiaryDisabledTooltip?: string;
+    tertiaryDisabledTooltipPosition?: TooltipPosition;
+    /** Secondary (outlined) action label */
+    secondaryLabel?: string;
+    onSecondary?: () => void | Promise<void>;
+    secondaryLoading?: boolean;
+    secondaryDisabled?: boolean;
+    secondaryDisabledTooltip?: string;
+    secondaryDisabledTooltipPosition?: TooltipPosition;
+    /** Primary (filled) action label */
+    primaryLabel?: string;
+    onPrimary?: () => void | Promise<void>;
+    /** Shows a loading spinner on the primary button. Also activated automatically when onPrimary returns a Promise */
+    primaryLoading?: boolean;
+    primaryDisabled?: boolean;
+    primaryDisabledTooltip?: string;
+    primaryDisabledTooltipPosition?: TooltipPosition;
+    /** Extra className on the container */
+    className?: string;
+    /** Prevent closing when clicking the overlay background */
+    disableOverlayClose?: boolean;
+    /** z-index override for the overlay */
+    zIndex?: number;
+    /** Show a confirmation dialog before closing */
+    confirmClose?: boolean;
+    /** Confirmation dialog title */
+    confirmTitle?: string;
+    /** Confirmation dialog body message */
+    confirmMessage?: string;
+    /** Confirmation dialog confirm button label */
+    confirmActionLabel?: string;
+    /** Confirmation dialog cancel button label */
+    confirmCancelLabel?: string;
+    /** aria-label for the close button */
+    closeLabel?: string;
+}
+export interface ModalConfirmOptions {
+    /** Dialog title */
+    title: string;
+    /** Dialog body content */
+    content?: React.ReactNode;
+    /** Primary button label (default 'Confirmar') */
+    primaryLabel?: string;
+    /** Called when primary button is clicked — returning a Promise activates the spinner automatically */
+    onPrimary?: () => void | Promise<void>;
+    /** Shows a loading spinner on the primary button. Also activated automatically when onPrimary returns a Promise */
+    primaryLoading?: boolean;
+    /** Secondary button label (default 'Cancelar') */
+    secondaryLabel?: string;
+    /** Called when secondary button or close is triggered */
+    onSecondary?: () => void;
+}
+type ModalComposition = React.FC<ModalProps> & {
+    confirm: (options: ModalConfirmOptions) => void;
+};
+export declare const Modal: ModalComposition;
+export default Modal;

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

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

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

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

package/dist/components/Nav/Nav.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { MenuItemIntent } from '../Menu/Menu';
+import { TooltipPosition } from '../Tooltip';
+import './Nav.css';
+export interface NavCtx {
+    orientation: 'horizontal' | 'vertical';
+}
+export declare const NavContext: React.Context<NavCtx | null>;
+export interface NavProps {
+    orientation?: 'horizontal' | 'vertical';
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+export interface NavItemProps {
+    children?: React.ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    intent?: MenuItemIntent;
+    href?: string;
+    targetBlank?: boolean;
+    icon?: React.ReactNode;
+    badge?: string;
+    tooltip?: string;
+    /** Shows the tooltip via the default (fixed) info icon instead of the label. */
+    tooltipIcon?: boolean;
+    tooltipPosition?: TooltipPosition;
+    onClick?: () => void;
+    className?: string;
+}
+export interface NavSeparatorProps {
+    className?: string;
+}
+declare const NavItem: React.FC<NavItemProps>;
+declare const NavSeparator: React.FC<NavSeparatorProps>;
+type NavComposition = React.FC<NavProps> & {
+    Item: typeof NavItem;
+    Separator: typeof NavSeparator;
+};
+export declare const Nav: NavComposition;
+export default Nav;

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

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

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import './Notification.css';
+export type NotificationSize = 8 | 16 | 20 | 24;
+export type NotificationVariant = 'primary' | 'neutral' | 'error' | 'alert' | 'success';
+export type NotificationShape = 'circle' | 'square';
+export interface NotificationProps {
+    /** Badge size */
+    size?: NotificationSize;
+    /** Color variant: primary · neutral · error · alert · success */
+    variant?: NotificationVariant;
+    /** circle = always circular (default) · square = proportional fixed corners: 16→4px · 20→6px · 24→8px */
+    shape?: NotificationShape;
+    /** Number to display (size 16 and 20). Omit at size 8 */
+    count?: number;
+    /** Maximum displayed value (e.g. +99) */
+    max?: number;
+    /** Always shows the + prefix before the number (e.g. +2, +5) */
+    showPlus?: boolean;
+    /** Shows the badge when count === 0. When false (default), the badge disappears at zero */
+    showZero?: boolean;
+    className?: string;
+}
+export declare const Notification: React.FC<NotificationProps>;
+export default Notification;

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

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

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

@@ -0,0 +1,2 @@
+export { Notification } from './Notification';
+export type { NotificationProps, NotificationSize, NotificationVariant, NotificationShape } from './Notification';

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import './Pagination.css';
+export interface PaginationProps {
+    /** Active page (starts at 1) */
+    currentPage: number;
+    /** Total items — the component computes the number of pages internally */
+    totalItems: number;
+    /** Fired when navigating or changing pageSize — receives (page, pageSize). When pageSize changes, page is always 1 */
+    onChange: (page: number, pageSize: number) => void;
+    /** Number of pages shown around the current one before the ellipsis (default 2) */
+    siblingCount?: 1 | 2 | 3;
+    /** Items per page (controlled). `500` is @internal — only used by the portal's icon catalog
+     *  to paginate a catalog of thousands of items; it never appears in the items-per-page selector
+     *  (showSizeChanger), which stays fixed at 10/20/50, the only values in the public API. */
+    pageSize?: 10 | 20 | 50 | 500;
+    /** Shows the items-per-page selector */
+    showSizeChanger?: boolean;
+    /** Disables all navigation */
+    disabled?: boolean;
+    /** Hides the component when there's only one page */
+    hideOnSinglePage?: boolean;
+    className?: string;
+}
+export declare const Pagination: React.FC<PaginationProps>;

package/dist/components/Pagination/Pagination.test.d.ts

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

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

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

package/dist/components/Pill/Pill.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { IconElement } from '../Icon/Icon';
+import './Pill.css';
+interface PillBase {
+    /** Active/selected state — maps to aria-pressed. Marked as required in the props table — mandatory in every public use together with onClick. Optional in the type to allow internal usage (Select, DatePicker) */
+    active?: boolean;
+    /** Callback fired when clicking the Pill. Marked as required in the props table — mandatory in every public use together with active. Optional in the type to allow internal usage (Select, DatePicker) */
+    onClick?: () => void;
+    /** Icon to the right of the label */
+    iconRight?: IconElement;
+    /** Width: 'hug' = fits content | 'fill' = 100% */
+    width?: 'hug' | 'fill';
+    /** @internal Callback fired when clicking iconRight — prevents propagation to onClick */
+    onClickIconRight?: () => void;
+    /** @internal Shows a notification badge (size 24px) */
+    showNotification?: boolean;
+    /** @internal Number shown in the notification badge (requires showNotification=true) */
+    notificationCount?: number;
+    /** @internal Shows a spinner in place of the right-side icons and blocks interaction — use while data is loading */
+    isLoading?: boolean;
+    /** Disables interaction and applies disabled visual style */
+    disabled?: boolean;
+    /** Required when the Pill has no visible label (icon-only) — informs screen readers */
+    'aria-label'?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/** Pill needs at least a label or iconLeft — TypeScript prevents usage without either */
+type PillOwnProps = (PillBase & {
+    label: string; /** Icon to the left of the label */
+    iconLeft?: IconElement;
+}) | (PillBase & {
+    label?: string; /** Icon to the left of the label */
+    iconLeft: IconElement;
+});
+export type PillProps = PillOwnProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof PillOwnProps | 'type'>;
+export declare const Pill: React.FC<PillProps>;
+export default Pill;

package/dist/components/Pill/Pill.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { Pill } from './Pill';
+export type { PillProps } from './Pill';

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { FloatingPlacement, FloatingTriggerMode } from '../Floating/Floating';
+import './Popover.css';
+export type PopoverPlacement = FloatingPlacement;
+export type PopoverTriggerMode = FloatingTriggerMode;
+export interface PopoverProps {
+    children: React.ReactNode;
+    content: React.ReactNode;
+    title?: React.ReactNode;
+    placement?: PopoverPlacement;
+    trigger?: PopoverTriggerMode | PopoverTriggerMode[];
+    arrow?: boolean;
+    matchTriggerWidth?: boolean;
+    destroyOnClose?: boolean;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    zIndex?: number;
+    panelClassName?: string;
+    titleClassName?: string;
+    contentClassName?: string;
+}
+export declare const Popover: React.FC<PopoverProps>;
+export default Popover;