cekat-ui 1.1.0 → 1.2.0

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

@@ -0,0 +1,6 @@
+import { AvatarProps } from './avatar.types';
+declare const Avatar: {
+    ({ src, alt, initials, size, status, statusIcon, contrastBorder, className, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Avatar;

package/dist/components/Avatar/AvatarIcons.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare const UserPlaceholderIcon: ({ className, style, }: {
+    className?: string;
+    style?: React.CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const VerifiedTickIcon: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Avatar/avatar.styles.d.ts

@@ -0,0 +1,12 @@
+import { AvatarSize } from './avatar.types';
+export declare const avatarSizeMap: Record<AvatarSize, {
+    box: number;
+    borderWidth: string;
+    statusSize: number;
+    badgeSize: number;
+    textClass: string;
+}>;
+/** Figma's online-indicator green (fg-success-secondary) — noticeably brighter
+ * than this repo's `success-500` token, kept exact since it's a recognizable,
+ * standardized "online status" color. */
+export declare const AVATAR_ONLINE_COLOR = "#17B26A";

package/dist/components/Avatar/avatar.types.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type AvatarStatus = 'none' | 'online' | 'company' | 'verified';
+export interface AvatarProps {
+    /** Image URL. When provided, renders the photo. */
+    src?: string;
+    alt?: string;
+    /** Renders centered initials instead of a photo/placeholder icon. */
+    initials?: React.ReactNode;
+    size?: AvatarSize;
+    status?: AvatarStatus;
+    /** Custom content for the "company" status badge (e.g. a logo image). */
+    statusIcon?: React.ReactNode;
+    contrastBorder?: boolean;
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+import { default as Avatar } from './Avatar';
+export { Avatar };
+export type { AvatarProps, AvatarSize, AvatarStatus } from './avatar.types';

package/dist/components/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,6 @@
+import { AvatarGroupProps } from './avatargroup.types';
+declare const AvatarGroup: {
+    ({ avatars, max, size, onAdd, className, }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default AvatarGroup;

package/dist/components/AvatarGroup/avatargroup.styles.d.ts

@@ -0,0 +1,8 @@
+import { AvatarGroupSize } from './avatargroup.types';
+export declare const avatarGroupSizeMap: Record<AvatarGroupSize, {
+    box: number;
+    overlap: number;
+    contrastBorderWidth: string;
+    plusIconSize: number;
+    textClass: string;
+}>;

package/dist/components/AvatarGroup/avatargroup.types.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export type AvatarGroupSize = 'xs' | 'sm' | 'md';
+export interface AvatarGroupItem {
+    src?: string;
+    alt?: string;
+    initials?: React.ReactNode;
+}
+export interface AvatarGroupProps {
+    avatars: AvatarGroupItem[];
+    /** Max avatars to show before collapsing the rest into a "+N" badge. */
+    max?: number;
+    size?: AvatarGroupSize;
+    /** Shows a dashed "add" button after the avatars when provided. */
+    onAdd?: () => void;
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+import { default as AvatarGroup } from './AvatarGroup';
+export { AvatarGroup };
+export type { AvatarGroupProps, AvatarGroupSize, AvatarGroupItem, } from './avatargroup.types';

package/dist/components/AvatarLabelGroup/AvatarLabelGroup.d.ts

@@ -0,0 +1,6 @@
+import { AvatarLabelGroupProps } from './avatarlabelgroup.types';
+declare const AvatarLabelGroup: {
+    ({ name, subtitle, src, initials, size, status, statusIcon, className, }: AvatarLabelGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default AvatarLabelGroup;

package/dist/components/AvatarLabelGroup/avatarlabelgroup.styles.d.ts

@@ -0,0 +1,5 @@
+import { AvatarLabelGroupSize } from './avatarlabelgroup.types';
+export declare const avatarLabelGroupSizeMap: Record<AvatarLabelGroupSize, {
+    nameClass: string;
+    subtitleClass: string;
+}>;

package/dist/components/AvatarLabelGroup/avatarlabelgroup.types.d.ts

@@ -0,0 +1,14 @@
+import { AvatarStatus } from '../Avatar/avatar.types';
+import * as React from 'react';
+export type AvatarLabelGroupSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarLabelGroupProps {
+    name: React.ReactNode;
+    subtitle?: React.ReactNode;
+    src?: string;
+    initials?: React.ReactNode;
+    size?: AvatarLabelGroupSize;
+    status?: AvatarStatus;
+    /** Custom content for the "company" status badge (e.g. a logo image). */
+    statusIcon?: React.ReactNode;
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+import { default as AvatarLabelGroup } from './AvatarLabelGroup';
+export { AvatarLabelGroup };
+export type { AvatarLabelGroupProps, AvatarLabelGroupSize, } from './avatarlabelgroup.types';

package/dist/components/AvatarProfilePhoto/AvatarProfilePhoto.d.ts

@@ -0,0 +1,6 @@
+import { AvatarProfilePhotoProps } from './avatarprofilephoto.types';
+declare const AvatarProfilePhoto: {
+    ({ src, alt, initials, size, verified, contrastBorder, className, }: AvatarProfilePhotoProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default AvatarProfilePhoto;

package/dist/components/AvatarProfilePhoto/avatarprofilephoto.styles.d.ts

@@ -0,0 +1,10 @@
+import { AvatarProfilePhotoSize } from './avatarprofilephoto.types';
+export declare const avatarProfilePhotoSizeMap: Record<AvatarProfilePhotoSize, {
+    box: number;
+    ringWidth: number;
+    shadowClass: string;
+    iconSize: number;
+    textClass: string;
+    verifiedSize: number;
+    verifiedOffset: number;
+}>;

package/dist/components/AvatarProfilePhoto/avatarprofilephoto.types.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export type AvatarProfilePhotoSize = 'sm' | 'md' | 'lg';
+export interface AvatarProfilePhotoProps {
+    src?: string;
+    alt?: string;
+    /** Renders centered initials instead of a photo/placeholder icon. */
+    initials?: React.ReactNode;
+    size?: AvatarProfilePhotoSize;
+    verified?: boolean;
+    contrastBorder?: boolean;
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+import { default as AvatarProfilePhoto } from './AvatarProfilePhoto';
+export { AvatarProfilePhoto };
+export type { AvatarProfilePhotoProps, AvatarProfilePhotoSize, } from './avatarprofilephoto.types';

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

@@ -0,0 +1,6 @@
+import { BadgeProps } from './badge.types';
+declare const Badge: {
+    ({ children, size, shape, variant, color, customColor, modern, icon, trailingIcon, checked, onCheckedChange, onClose, iconOnly, disabled, className, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Badge;

package/dist/components/Badge/badge.styles.d.ts

@@ -0,0 +1,20 @@
+import { BadgeColor } from './badge.types';
+export declare const badgeColorStyles: Record<BadgeColor, {
+    solidBg: string;
+    solidBorder: string;
+    solidText: string;
+    outlineBorder: string;
+    outlineText: string;
+}>;
+export declare const badgeStyles: (props?: {
+    size?: "sm" | "md" | "lg";
+    shape?: "pill" | "badge";
+    modern?: boolean;
+    hasLeading?: boolean;
+    hasTrailing?: boolean;
+    iconOnly?: boolean;
+    interactive?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const badgeCheckboxStyles = "size-4 shrink-0 rounded border bg-white";
+export declare const badgeCloseButtonStyles = "shrink-0 rounded p-0.5 hover:bg-black/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-400";

package/dist/components/Badge/badge.types.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export type BadgeSize = 'sm' | 'md' | 'lg';
+export type BadgeShape = 'pill' | 'badge';
+export type BadgeVariant = 'solid' | 'outline';
+export type BadgeColor = 'brand' | 'gray' | 'error' | 'warning' | 'success' | 'blue-gray' | 'blue-light' | 'indigo' | 'purple' | 'blue' | 'pink' | 'orange';
+export interface BadgeProps {
+    children?: React.ReactNode;
+    size?: BadgeSize;
+    shape?: BadgeShape;
+    variant?: BadgeVariant;
+    color?: BadgeColor;
+    /** Custom accent color as a 6-digit hex (e.g. "#13a8bf"), applied to border, background/tint and text. Overrides `color` when set. Ignored if not a valid 6-digit hex. */
+    customColor?: string;
+    modern?: boolean;
+    icon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    onClose?: () => void;
+    iconOnly?: boolean;
+    disabled?: boolean;
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+import { default as Badge } from './Badge';
+export { Badge };
+export type { BadgeProps, BadgeSize, BadgeShape, BadgeVariant, BadgeColor, } from './badge.types';

package/dist/components/BadgeGroup/BadgeGroup.d.ts

@@ -0,0 +1,6 @@
+import { BadgeGroupProps } from './badgegroup.types';
+declare const BadgeGroup: {
+    ({ badgeLabel, children, size, theme, color, badgePosition, icon, onClick, className, }: BadgeGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default BadgeGroup;

package/dist/components/BadgeGroup/badgegroup.styles.d.ts

@@ -0,0 +1,28 @@
+import { BadgeGroupColor } from './badgegroup.types';
+export declare const badgeGroupColorStyles: Record<BadgeGroupColor, {
+    bg50: string;
+    hoverBg100: string;
+    border200: string;
+    border500: string;
+    text500: string;
+}>;
+export declare const badgeGroupSizeStyles: {
+    readonly md: {
+        readonly outerPad: {
+            readonly leading: "pl-1 pr-2.5 py-1";
+            readonly trailing: "pl-3 pr-1 py-1";
+        };
+        readonly gap: "gap-2";
+        readonly chipPad: "px-2 py-0.5";
+        readonly text: "text-caption-lg";
+    };
+    readonly lg: {
+        readonly outerPad: {
+            readonly leading: "pl-1.5 pr-3 py-1.5";
+            readonly trailing: "pl-3 pr-1.5 py-1.5";
+        };
+        readonly gap: "gap-2";
+        readonly chipPad: "px-2.5 py-[3px]";
+        readonly text: "text-body-sm";
+    };
+};

package/dist/components/BadgeGroup/badgegroup.types.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+export type BadgeGroupSize = 'md' | 'lg';
+export type BadgeGroupTheme = 'light' | 'outline' | 'modern';
+export type BadgeGroupBadgePosition = 'leading' | 'trailing';
+export type BadgeGroupColor = 'brand' | 'gray' | 'error' | 'warning' | 'success';
+export interface BadgeGroupProps {
+    /** Text shown inside the small inner chip, e.g. "New" */
+    badgeLabel: React.ReactNode;
+    /** The announcement message */
+    children: React.ReactNode;
+    size?: BadgeGroupSize;
+    theme?: BadgeGroupTheme;
+    color?: BadgeGroupColor;
+    badgePosition?: BadgeGroupBadgePosition;
+    /** Optional trailing icon (e.g. an arrow) */
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+import { default as BadgeGroup } from './BadgeGroup';
+export { BadgeGroup };
+export type { BadgeGroupProps, BadgeGroupSize, BadgeGroupTheme, BadgeGroupBadgePosition, BadgeGroupColor, } from './badgegroup.types';

package/dist/components/Button/Button.d.ts

@@ -1,3 +1,3 @@
 import { ButtonProps } from './button.types';
-declare const ButtonBase: ({ children, className, tone, variant, size, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonBase: ({ children, className, tone, variant, size, iconOnly, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default ButtonBase;

package/dist/components/Button/button.styles.d.ts

@@ -1,5 +1,6 @@
 export declare const buttonStyles: (props?: {
-    size?: "sm" | "md" | "lg" | "xl" | "2xl";
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     tone?: "primary" | "destructive";
+    iconOnly?: boolean;
     variant?: "solid" | "outline" | "ghost" | "outline-primary" | "ghost-primary" | "plain" | "plain-black";
 } & import('class-variance-authority/types').ClassProp) => string;

package/dist/components/Button/button.types.d.ts

@@ -1,11 +1,12 @@
 import * as React from "react";
 export type ButtonTone = "primary" | "destructive";
 export type ButtonVariant = "solid" | "outline" | "outline-primary" | "ghost" | "ghost-primary" | "plain" | "plain-black";
-export type ButtonSize = "sm" | "md" | "lg" | "xl" | "2xl";
+export type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     tone?: ButtonTone;
     size?: ButtonSize;
     variant?: ButtonVariant;
+    iconOnly?: boolean;
 }
 export interface ButtonSubComponentProps {
     children: React.ReactNode;

package/dist/components/Checkbox/checkbox.types.d.ts

@@ -1,4 +1,6 @@
-export type CheckboxSize = 'sm' | 'md' | 'lg';
+export type CheckboxSize = 'sm' | 'md'
+/** @deprecated `lg` is no longer a distinct size — it now renders identically to `md` and will be removed in a future major version. Migrate to `md`. */
+ | 'lg';
 export interface CheckboxProps {
     id?: string;
     checked: boolean;

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,2 @@
+import { DropdownProps } from './dropdown.types';
+export default function Dropdown({ trigger, label, icon, avatarSrc, avatarInitials, header, items, open: openProp, defaultOpen, onOpenChange, disabled, align, className, menuClassName, }: DropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Dropdown/dropdown.styles.d.ts

@@ -0,0 +1,19 @@
+export declare const dropdownButtonTriggerStyles: (props?: {
+    open?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownIconTriggerStyles: (props?: {
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownAvatarTriggerStyles: (props?: {
+    open?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownMenuStyles: (props?: import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownHeaderStyles: (props?: import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownItemsWrapperStyles: (props?: import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownItemStyles: (props?: {
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownShortcutStyles: (props?: import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownDividerStyles: (props?: import('class-variance-authority/types').ClassProp) => string;

package/dist/components/Dropdown/dropdown.types.d.ts

@@ -0,0 +1,44 @@
+import { ClassValue } from 'clsx';
+import { AvatarStatus } from '../Avatar/avatar.types';
+import * as React from "react";
+export type DropdownTriggerType = "button" | "icon" | "avatar";
+export interface DropdownMenuItem {
+    id: string;
+    /** Renders a horizontal divider instead of an item when true. */
+    divider?: boolean;
+    label?: string;
+    icon?: React.ReactNode;
+    /** Trailing shortcut hint (e.g. "⌘C"). */
+    shortcut?: string;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export interface DropdownHeader {
+    name: React.ReactNode;
+    subtitle?: React.ReactNode;
+    avatarSrc?: string;
+    avatarInitials?: React.ReactNode;
+    status?: AvatarStatus;
+}
+export interface DropdownProps {
+    /** "button" shows a labeled trigger, "icon" a kebab trigger, "avatar" the user's avatar. */
+    trigger?: DropdownTriggerType;
+    /** Label for the "button" trigger. */
+    label?: string;
+    /** Custom icon for the "icon" trigger (defaults to a vertical-dots icon). */
+    icon?: React.ReactNode;
+    /** Avatar image for the "avatar" trigger. */
+    avatarSrc?: string;
+    avatarInitials?: React.ReactNode;
+    /** Optional user summary rendered at the top of the menu. */
+    header?: DropdownHeader;
+    items: DropdownMenuItem[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    /** Which edge of the trigger the menu aligns to. */
+    align?: "start" | "end";
+    className?: ClassValue;
+    menuClassName?: ClassValue;
+}

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

@@ -0,0 +1,3 @@
+import { default as Dropdown } from './Dropdown';
+export { Dropdown };
+export type { DropdownProps, DropdownMenuItem, DropdownHeader, DropdownTriggerType, } from './dropdown.types';

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

@@ -1,2 +1,2 @@
 import { InputProps } from './input.types';
-export default function Input({ label, required, hint, rightIcon, size, error, disabled, prefix, suffix, maxLength, value, className, wrapperClassName, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export default function Input({ label, required, hint, rightIcon, size, error, disabled, compact, hideCalendarIcon, type, prefix, suffix, leadingAddon, leadingDropdown, trailingDropdown, trailingButton, maxLength, value, className, wrapperClassName, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,18 +1,36 @@
 export declare const inputWrapperStyles: (props?: {
-    size?: "sm" | "md";
+    size?: "xs" | "sm" | "md";
 } & import('class-variance-authority/types').ClassProp) => string;
 export declare const labelStyles: (props?: {
     error?: boolean;
 } & import('class-variance-authority/types').ClassProp) => string;
 export declare const inputContainerStyles: (props?: {
-    size?: "sm" | "md";
+    size?: "xs" | "sm" | "md";
     error?: boolean;
     disabled?: boolean;
 } & import('class-variance-authority/types').ClassProp) => string;
 export declare const inputStyles: (props?: {
-    size?: "sm" | "md";
+    size?: "xs" | "sm" | "md";
     error?: boolean;
 } & import('class-variance-authority/types').ClassProp) => string;
 export declare const hintStyles: (props?: {
     error?: boolean;
 } & import('class-variance-authority/types').ClassProp) => string;
+export declare const inputGroupWrapperStyles: (props?: {
+    size?: "xs" | "sm" | "md";
+    error?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const inputGroupFieldStyles: (props?: {
+    size?: "xs" | "sm" | "md";
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const inputAddonStyles: (props?: {
+    size?: "xs" | "sm" | "md";
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const inputDropdownStyles: (props?: {
+    size?: "xs" | "sm" | "md";
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const inputTrailingButtonStyles: (props?: {
+    size?: "xs" | "sm" | "md";
+} & import('class-variance-authority/types').ClassProp) => string;

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

@@ -1,6 +1,17 @@
 import { ClassValue } from 'clsx';
 import * as React from "react";
-export type InputSize = "sm" | "md";
+export type InputSize = "xs" | "sm" | "md";
+export interface InputDropdownSlot {
+    value: React.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+export interface InputTrailingButtonSlot {
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+}
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "className"> {
     label?: string;
     required?: boolean;
@@ -8,8 +19,20 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     rightIcon?: React.ReactNode;
     size?: InputSize;
     error?: boolean;
+    /** Tighter padding/height/radius and a smaller semibold label, independent of `size`'s font scale. Opt-in, does not affect default styling. */
+    compact?: boolean;
+    /** Hides the browser-native calendar icon on `type="date"` inputs (e.g. when a custom `prefix` icon already covers that affordance). Opt-in, no effect on other input types or existing consumers. */
+    hideCalendarIcon?: boolean;
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
+    /** Renders a separately-boxed add-on (e.g. "http://") divided from the input by its own border. */
+    leadingAddon?: React.ReactNode;
+    /** Renders a clickable value+chevron trigger sharing the input's border, no divider (e.g. country code). */
+    leadingDropdown?: InputDropdownSlot;
+    /** Renders a clickable value+chevron trigger sharing the input's border, no divider (e.g. currency). */
+    trailingDropdown?: InputDropdownSlot;
+    /** Renders a button fused to the input's trailing edge, sharing the outer border (e.g. "Copy"). */
+    trailingButton?: InputTrailingButtonSlot;
     maxLength?: number;
     className?: ClassValue;
     wrapperClassName?: ClassValue;

package/dist/components/InputDropdown/InputDropdown.d.ts

@@ -0,0 +1,2 @@
+import { InputDropdownProps } from './inputDropdown.types';
+export default function InputDropdown({ size, type, label, required, helpIcon, hint, placeholder, disabled, compact, leadingIcon, options, value, onChange, values, onValuesChange, className, wrapperClassName, }: InputDropdownProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+import { default as InputDropdown } from './InputDropdown';
+export { InputDropdown };
+export type { InputDropdownProps, InputDropdownOption, InputDropdownSize, InputDropdownType, } from './inputDropdown.types';

package/dist/components/InputDropdown/inputDropdown.styles.d.ts

@@ -0,0 +1,15 @@
+export declare const dropdownWrapperStyles: (props?: import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownLabelStyles: (props?: import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownTriggerStyles: (props?: {
+    size?: "xs" | "sm" | "md";
+    open?: boolean;
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownMenuStyles: (props?: {
+    size?: "xs" | "sm" | "md";
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownItemStyles: (props?: {
+    size?: "xs" | "sm" | "md";
+    disabled?: boolean;
+} & import('class-variance-authority/types').ClassProp) => string;
+export declare const dropdownHintStyles: (props?: import('class-variance-authority/types').ClassProp) => string;

package/dist/components/InputDropdown/inputDropdown.types.d.ts

@@ -0,0 +1,45 @@
+import { ClassValue } from 'clsx';
+import * as React from "react";
+export type InputDropdownSize = "xs" | "sm" | "md";
+export type InputDropdownType = "default" | "search" | "tags";
+export interface InputDropdownOption {
+    id: string;
+    label: string;
+    /** Muted secondary text rendered after the label (e.g. "@nicholas"). */
+    supportingText?: string;
+    /** Leading icon rendered before the label. */
+    icon?: React.ReactNode;
+    /** Avatar image URL rendered before the label. */
+    avatar?: string;
+    /** Dot color rendered before the label (any CSS color). */
+    dot?: string;
+    disabled?: boolean;
+}
+export interface InputDropdownProps {
+    size?: InputDropdownSize;
+    /**
+     * "default" is a click-to-select dropdown, "search" adds a filter input,
+     * "tags" is a searchable multi-select with removable tags.
+     */
+    type?: InputDropdownType;
+    label?: string;
+    required?: boolean;
+    /** Tighter padding/height/radius and a smaller semibold label, independent of `size`'s font scale. Opt-in, does not affect default styling. */
+    compact?: boolean;
+    /** Rendered after the label (e.g. a help tooltip icon). */
+    helpIcon?: React.ReactNode;
+    hint?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Leading ornament shown on the trigger while no option is selected (e.g. a user icon or dot). */
+    leadingIcon?: React.ReactNode;
+    options: InputDropdownOption[];
+    /** Selected option id ("default" / "search" types). */
+    value?: string | null;
+    onChange?: (option: InputDropdownOption) => void;
+    /** Selected option ids ("tags" type). */
+    values?: string[];
+    onValuesChange?: (ids: string[]) => void;
+    className?: ClassValue;
+    wrapperClassName?: ClassValue;
+}

package/dist/components/Loading/Loading.d.ts

@@ -0,0 +1,6 @@
+import { LoadingProps } from './loading.types';
+declare const Loading: {
+    ({ size, style, supportingText, label, className, }: LoadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Loading;

package/dist/components/Loading/LoadingSpinner.d.ts

@@ -0,0 +1,9 @@
+export declare const LineSimpleSpinner: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const LineSpinnerSpinner: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DotCircleSpinner: ({ size }: {
+    size: number;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+import { default as Loading } from './Loading';
+export { Loading };
+export type { LoadingProps, LoadingSize, LoadingStyle } from './loading.types';

package/dist/components/Loading/loading.styles.d.ts

@@ -0,0 +1,6 @@
+import { LoadingSize } from './loading.types';
+export declare const loadingSizeMap: Record<LoadingSize, {
+    box: number;
+    gapClass: string;
+    textClass: string;
+}>;

package/dist/components/Loading/loading.types.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export type LoadingSize = 'sm' | 'md' | 'lg' | 'xl';
+export type LoadingStyle = 'line-simple' | 'line-spinner' | 'dot-circle';
+export interface LoadingProps {
+    size?: LoadingSize;
+    style?: LoadingStyle;
+    supportingText?: boolean;
+    label?: React.ReactNode;
+    className?: string;
+}

package/dist/components/Radio/radio.types.d.ts

@@ -1,4 +1,6 @@
-export type RadioSize = 'sm' | 'md' | 'lg';
+export type RadioSize = 'sm' | 'md'
+/** @deprecated `lg` is no longer a distinct size — it now renders identically to `md` and will be removed in a future major version. Migrate to `md`. */
+ | 'lg';
 export interface RadioGroupProps {
     value?: string;
     defaultValue?: string;

package/dist/components/Tab/Tab.d.ts

@@ -0,0 +1,6 @@
+import { TabProps } from './tab.types';
+declare const Tab: {
+    ({ children, variant, size, active, fullWidth, count, disabled, onClick, className, }: TabProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Tab;

package/dist/components/Tab/TabList.d.ts

@@ -0,0 +1,6 @@
+import { TabListProps } from './tab.types';
+declare const TabList: {
+    ({ children, variant, orientation, boxed, className, }: TabListProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default TabList;