@zvoove/unity-ui 2.29.0 → 2.29.1

package/dist/components/Uploader/utils/createFetchUpload.d.ts

@@ -1,32 +0,0 @@
-import { UploadFunction } from '../hooks/useFileUpload';
-interface FetchUploadOptions {
-    /**
-     * The URL to upload the file to.
-     */
-    url: string;
-    /**
-     * HTTP method to use for the upload.
-     * @default 'POST'
-     */
-    method?: string;
-    /**
-     * HTTP headers to include in the request.
-     */
-    headers?: Record<string, string>;
-    /**
-     * The key to use when appending the file to FormData.
-     * @default 'file'
-     */
-    formDataKey?: string;
-    /**
-     * Additional data to include in the FormData.
-     */
-    additionalData?: Record<string, string | Blob>;
-    /**
-     * Request timeout in milliseconds.
-     * @default 0 (no timeout)
-     */
-    timeout?: number;
-}
-export declare function createFetchUpload(options: FetchUploadOptions): UploadFunction;
-export {};

package/dist/components/Uploader/utils/createXhrUpload.d.ts

@@ -1,45 +0,0 @@
-import { UploadFunction } from '../hooks/useFileUpload';
-interface XhrUploadOptions {
-    /**
-     * The URL to upload the file to.
-     */
-    url: string;
-    /**
-     * HTTP method to use for the upload.
-     * @default 'POST'
-     */
-    method?: string;
-    /**
-     * HTTP headers to include in the request.
-     */
-    headers?: Record<string, string>;
-    /**
-     * The key to use when appending the file to FormData.
-     * @default 'file'
-     */
-    formDataKey?: string;
-    /**
-     * Additional data to include in the FormData.
-     */
-    additionalData?: Record<string, string | Blob>;
-}
-/**
- * Creates an XHR-based upload function for use with useFileUpload.
- * Provides progress tracking and cancellation support.
- *
- * @param options - Configuration options for the XHR upload
- * @returns An upload function compatible with useFileUpload
- *
- * @example
- * ```tsx
- * const { uploadFile } = useFileUpload({
- *   uploaderRef,
- *   uploadFunction: createXhrUpload({
- *     url: 'https://api.example.com/upload',
- *     headers: { 'Authorization': 'Bearer token' }
- *   })
- * });
- * ```
- */
-export declare function createXhrUpload(options: XhrUploadOptions): UploadFunction;
-export {};

package/dist/components/Uploader/utils/detectDuplicates.d.ts

@@ -1,5 +0,0 @@
-export declare const getFileIdentityKey: (file: File) => string;
-export declare const detectDuplicates: (files: File[]) => Map<number, {
-    file: File;
-    duplicateOf: number;
-}>;

package/dist/components/Uploader/utils/formatFileSize.d.ts

@@ -1,3 +0,0 @@
-export declare const DEFAULT_FILE_SIZE_UNITS: readonly ["Bytes", "KB", "MB", "GB"];
-export type FileSizeUnits = readonly [string, string, string, string];
-export declare const formatFileSize: (bytes: number, units?: FileSizeUnits) => string;

package/dist/components/Uploader/utils/generateId.d.ts

@@ -1 +0,0 @@
-export declare const generateId: () => string;

package/dist/components/Uploader/utils/getFileExtension.d.ts

@@ -1 +0,0 @@
-export declare const getFileExtension: (file: File | string) => string;

package/dist/components/Uploader/utils/index.d.ts

@@ -1,8 +0,0 @@
-export { formatFileSize, DEFAULT_FILE_SIZE_UNITS } from './formatFileSize';
-export { generateId } from './generateId';
-export { detectDuplicates, getFileIdentityKey } from './detectDuplicates';
-export { validateFileType } from './validateFileType';
-export { getFileExtension } from './getFileExtension';
-export { normalizeFile, normalizeFileWithError } from './normalizeFile';
-export { createXhrUpload } from './createXhrUpload';
-export { createFetchUpload } from './createFetchUpload';

package/dist/components/Uploader/utils/normalizeFile.d.ts

@@ -1,3 +0,0 @@
-import { FILE_ERROR, FileItem, FileSource } from '../types';
-export declare const normalizeFile: (file: File, source: FileSource) => FileItem;
-export declare const normalizeFileWithError: (file: File, source: FileSource, error: FILE_ERROR, errorMessage: string) => FileItem;

package/dist/components/Uploader/utils/validateFileType.d.ts

@@ -1 +0,0 @@
-export declare const validateFileType: (file: File, accept?: string) => boolean;

package/dist/components/UserArea/UserArea.d.ts

@@ -1,3 +0,0 @@
-import { UserAreaProps } from './UserArea.types';
-declare const UserArea: import('react').ForwardRefExoticComponent<UserAreaProps & import('react').RefAttributes<HTMLDivElement>>;
-export default UserArea;

package/dist/components/UserArea/UserArea.styled.d.ts

@@ -1,65 +0,0 @@
-export declare const userAreaStyles: import('tailwind-variants').TVReturnType<{
-    clickable: {
-        true: string[];
-    };
-    compact: {
-        true: string[];
-        false: never[];
-    };
-    showInfo: {
-        true: string[];
-        false: string[];
-    };
-    infoPosition: {
-        left: string[];
-        right: never[];
-    };
-}, undefined, string[], {
-    clickable: {
-        true: string[];
-    };
-    compact: {
-        true: string[];
-        false: never[];
-    };
-    showInfo: {
-        true: string[];
-        false: string[];
-    };
-    infoPosition: {
-        left: string[];
-        right: never[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    clickable: {
-        true: string[];
-    };
-    compact: {
-        true: string[];
-        false: never[];
-    };
-    showInfo: {
-        true: string[];
-        false: string[];
-    };
-    infoPosition: {
-        left: string[];
-        right: never[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const userInfoStyles: import('tailwind-variants').TVReturnType<{
-    visible: {
-        true: string[];
-        false: string[];
-    };
-}, undefined, string[], {
-    visible: {
-        true: string[];
-        false: string[];
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    visible: {
-        true: string[];
-        false: string[];
-    };
-}, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/UserArea/UserArea.types.d.ts

@@ -1,49 +0,0 @@
-import { AvatarProps, PopUpMenuItem, PopUpMenuPlacement } from '../../index.ts';
-import { ResponsiveType } from '../../types';
-export interface UserAreaProps {
-    /**
-     * The user's display name
-     */
-    name: string;
-    /**
-     * Optional subtitle (e.g. role, company)
-     */
-    subtitle?: string;
-    /**
-     * The avatar of the user (see AvatarProps)
-     */
-    avatar: AvatarProps;
-    /**
-     * Whether to display in compact mode (small avatar)
-     * @default false
-     */
-    compact?: boolean;
-    /**
-     * Whether to show the user info text (name and subtitle)
-     * @default true
-     */
-    showInfo?: boolean;
-    /**
-     * Position of the info text relative to the avatar
-     * @default 'right'
-     */
-    infoPosition?: 'left' | 'right';
-    /**
-     * Menu items displayed in a PopUpMenu when the user area is clicked
-     */
-    menuItems?: PopUpMenuItem[];
-    /**
-     * Callback when a menu item is clicked
-     */
-    onItemClick?: (item: PopUpMenuItem) => void;
-    /**
-     * The max height of the popup menu
-     * @default '80dvh'
-     */
-    menuMaxHeight?: ResponsiveType<number | string>;
-    /**
-     * The placement of the popup menu
-     * @default 'top-left'
-     */
-    menuPlacement?: ResponsiveType<PopUpMenuPlacement>;
-}

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

@@ -1,2 +0,0 @@
-export { default as UserArea } from './UserArea';
-export type { UserAreaProps } from './UserArea.types';

package/dist/components/ZvooveBrand/ZvooveBrand.d.ts

@@ -1,6 +0,0 @@
-import { ZvooveBrandProps } from './ZvooveBrand.types';
-declare const ZvooveBrand: {
-    ({ hideIcon, hideName, iconSize, nameHeight, }: ZvooveBrandProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ZvooveBrand;

package/dist/components/ZvooveBrand/ZvooveBrand.types.d.ts

@@ -1,22 +0,0 @@
-export interface ZvooveBrandProps {
-    /**
-     * Hide the icon (logomark).
-     * @default false
-     */
-    hideIcon?: boolean;
-    /**
-     * Hide the name (wordmark).
-     * @default false
-     */
-    hideName?: boolean;
-    /**
-     * Size of the icon in pixels.
-     * @default 22
-     */
-    iconSize?: number;
-    /**
-     * Height of the name in pixels.
-     * @default 12
-     */
-    nameHeight?: number;
-}

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

@@ -1,2 +0,0 @@
-export { default as ZvooveBrand } from './ZvooveBrand';
-export * from './ZvooveBrand.types';

package/dist/config.d.ts

@@ -1,48 +0,0 @@
-/**
- * Unity UI CLI configuration type.
- */
-export interface UnityUIConfig {
-    /** Component scaffolding settings */
-    components?: {
-        /** Directory where components are created (default: 'src/components') */
-        directory?: string;
-        /** Barrel file to update with exports (default: 'src/index.ts') */
-        indexFile?: string;
-    };
-    /** AI agent integration settings */
-    ai?: {
-        /** Agent Skills generation settings */
-        skills?: {
-            /** Base directory (or directories) for skills output (default: '.claude') */
-            output?: string | string[];
-        };
-        /** AI rules file generation settings */
-        rules?: {
-            /** Directory where rule files are written (default: '.') */
-            output?: string;
-            /** Output filename (default: 'UNITYUI.md') */
-            filename?: string;
-        };
-    };
-}
-/**
- * Identity function that provides type hints for unity-ui.config.mjs.
- *
- * @example
- * ```js
- * // unity-ui.config.mjs
- * import { defineConfig } from '@zvoove/unity-ui/config';
- *
- * export default defineConfig({
- *   components: {
- *     directory: 'src/components',
- *     indexFile: 'src/index.ts',
- *   },
- *   ai: {
- *     skills: { output: '.claude' },
- *     rules: { output: '.' },
- *   },
- * });
- * ```
- */
-export declare function defineConfig(config: UnityUIConfig): UnityUIConfig;

package/dist/constants/align.d.ts

@@ -1,3 +0,0 @@
-import { AlignItems, FlexResponsiveStyles } from '../types';
-export declare const align: Record<AlignItems, string>;
-export declare const alignResponsiveStyles: FlexResponsiveStyles<'align', AlignItems>;

package/dist/constants/breakpoints.d.ts

@@ -1,10 +0,0 @@
-import { Viewport } from '../types';
-export declare const BREAKPOINTS: {
-    readonly minimum: 0;
-    readonly mobile: 768;
-    readonly tablet: 1024;
-    readonly laptop: 1280;
-    readonly desktop: 1536;
-};
-/** Ordered array of breakpoints from smallest to largest */
-export declare const BREAKPOINT_ORDER: Viewport[];

package/dist/constants/colors.d.ts

@@ -1,7 +0,0 @@
-import { BackgroundColors, ForegroundColors } from '../types';
-export declare const backgroundColors: Record<BackgroundColors, string[]>;
-export declare const backgroundHoverColors: Record<BackgroundColors, string[]>;
-export declare const semanticForegroundColors: Record<BackgroundColors, string[]>;
-export declare const semanticBackgroundColors: Record<ForegroundColors, string[]>;
-export declare const strokeColors: Record<BackgroundColors, string[]>;
-export declare const foregroundColors: Record<ForegroundColors, string[]>;

package/dist/constants/direction.d.ts

@@ -1,3 +0,0 @@
-import { FlexDirection, FlexResponsiveStyles } from '../types';
-export declare const direction: Record<FlexDirection, string>;
-export declare const directionResponsiveStyles: FlexResponsiveStyles<'direction', FlexDirection>;

package/dist/constants/dom.d.ts

@@ -1,5 +0,0 @@
-/**
- * CSS selector for all focusable elements in the DOM.
- * Includes buttons, links, inputs, selects, textareas, and elements with tabindex >= 0
- */
-export declare const FOCUSABLE_ELEMENTS_SELECTOR = "button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])";

package/dist/constants/gap.d.ts

@@ -1,4 +0,0 @@
-import { ResponsiveTypeFixed, SimpleResponsiveStyles, SpacingKeys } from '../types';
-export declare const gap: Record<SpacingKeys, string>;
-export declare const responsiveGap: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const gapResponsiveStyles: SimpleResponsiveStyles<'gap'>;

package/dist/constants/index.d.ts

@@ -1,11 +0,0 @@
-export * from './breakpoints';
-export * from './colors';
-export * from './padding';
-export * from './margin';
-export * from './gap';
-export * from './dom';
-export * from './justify';
-export * from './align';
-export * from './wrap';
-export * from './direction';
-export * from './overflow';

package/dist/constants/justify.d.ts

@@ -1,3 +0,0 @@
-import { FlexResponsiveStyles, JustifyContent } from '../types';
-export declare const justify: Record<JustifyContent, string>;
-export declare const justifyResponsiveStyles: FlexResponsiveStyles<'justify', JustifyContent>;

package/dist/constants/margin.d.ts

@@ -1,16 +0,0 @@
-import { ResponsiveStyles, ResponsiveTypeFixed, SpacingKeys } from '../types';
-export declare const margin: Record<SpacingKeys, string>;
-export declare const marginResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const marginX: Record<SpacingKeys, string>;
-export declare const marginXResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const marginY: Record<SpacingKeys, string>;
-export declare const marginYResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const marginTop: Record<SpacingKeys, string>;
-export declare const marginTopResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const marginBottom: Record<SpacingKeys, string>;
-export declare const marginBottomResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const marginLeft: Record<SpacingKeys, string>;
-export declare const marginLeftResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const marginRight: Record<SpacingKeys, string>;
-export declare const marginRightResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const marginResponsiveStyles: ResponsiveStyles<'margin'>;

package/dist/constants/overflow.d.ts

@@ -1,5 +0,0 @@
-import { OverflowBase, OverflowYOrX, ResponsiveGenericStyles } from '../types';
-export declare const overflow: Record<OverflowBase, string>;
-export declare const overflowY: Record<OverflowYOrX, string>;
-export declare const overflowX: Record<OverflowYOrX, string>;
-export declare const overflowResponsiveStyles: ResponsiveGenericStyles<'overflow', OverflowBase> & ResponsiveGenericStyles<'overflowY', OverflowYOrX> & ResponsiveGenericStyles<'overflowX', OverflowYOrX>;

package/dist/constants/padding.d.ts

@@ -1,16 +0,0 @@
-import { ResponsiveStyles, ResponsiveTypeFixed, SpacingKeys } from '../types';
-export declare const padding: Record<SpacingKeys, string>;
-export declare const paddingResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const paddingX: Record<SpacingKeys, string>;
-export declare const paddingXResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const paddingY: Record<SpacingKeys, string>;
-export declare const paddingYResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const paddingTop: Record<SpacingKeys, string>;
-export declare const paddingTopResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const paddingBottom: Record<SpacingKeys, string>;
-export declare const paddingBottomResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const paddingLeft: Record<SpacingKeys, string>;
-export declare const paddingLeftResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const paddingRight: Record<SpacingKeys, string>;
-export declare const paddingRightResponsive: ResponsiveTypeFixed<Record<SpacingKeys, string>>;
-export declare const paddingResponsiveStyles: ResponsiveStyles<'padding'>;

package/dist/constants/wrap.d.ts

@@ -1,3 +0,0 @@
-import { FlexResponsiveStyles, FlexWrap } from '../types';
-export declare const wrap: Record<FlexWrap, string>;
-export declare const wrapResponsiveStyles: FlexResponsiveStyles<'wrap', FlexWrap>;

package/dist/docs/components/TokensTable.d.ts

@@ -1,6 +0,0 @@
-type TokensTableProps = {
-    tokens: Array<[string, string, string]>;
-    isSemantic?: boolean;
-};
-export declare const TokensTable: ({ tokens, isSemantic }: TokensTableProps) => import("react/jsx-runtime").JSX.Element;
-export default TokensTable;

package/dist/docs/components/WelcomeTile.d.ts

@@ -1,8 +0,0 @@
-type WelcomeTileProps = {
-    title: string;
-    description: string;
-    link: string;
-    linkLabel: string;
-};
-declare const WelcomeTile: ({ title, description, link, linkLabel, }: WelcomeTileProps) => import("react/jsx-runtime").JSX.Element;
-export default WelcomeTile;

package/dist/docs/components/tokens.d.ts

@@ -1,10 +0,0 @@
-/**
- * This file in only for the documentation display
- * it has no impact in the project itself
- */
-export declare const baseColors: string[][];
-export declare const semanticColors: string[][];
-export declare const spacings: string[][];
-export declare const radii: string[][];
-export declare const shadows: string[][];
-export declare const typography: string[][];

package/dist/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useClickOutside';
-export * from './useBreakpoint';

package/dist/hooks/useBreakpoint.d.ts

@@ -1,51 +0,0 @@
-import { Viewport } from '../types';
-export interface UseBreakpointReturn {
-    /** The current viewport breakpoint */
-    currentBreakpoint: Viewport;
-    /** Returns true if the current breakpoint is larger than the specified breakpoint */
-    isBiggerThan: (breakpoint: Viewport) => boolean;
-    /** Returns true if the current breakpoint is smaller than the specified breakpoint */
-    isSmallerThan: (breakpoint: Viewport) => boolean;
-    /** Returns true if the current breakpoint is between the two specified breakpoints (inclusive) */
-    isBetween: (minBreakpoint: Viewport, maxBreakpoint: Viewport) => boolean;
-}
-/**
- * Custom hook that tracks the current breakpoint based on window width.
- * Returns an object with the current breakpoint and utility functions for comparison.
- *
- * @param enabled - Whether to set up resize event listeners. Defaults to true.
- *                  Set to false to prevent unnecessary listeners when breakpoint tracking is not needed.
- * @returns An object containing the current breakpoint and comparison utilities
- *
- * @example
- * ```tsx
- * const { currentBreakpoint, isBiggerThan, isSmallerThan, isBetween } = useBreakpoint();
- *
- * // Check current breakpoint
- * console.log(currentBreakpoint); // 'tablet'
- *
- * // Check if viewport is bigger than mobile
- * if (isBiggerThan('mobile')) {
- *   // Render desktop layout
- * }
- *
- * // Check if viewport is smaller than laptop
- * if (isSmallerThan('laptop')) {
- *   // Render mobile layout
- * }
- *
- * // Check if viewport is between tablet and laptop (inclusive)
- * if (isBetween('tablet', 'laptop')) {
- *   // Render medium layout
- * }
- * ```
- */
-export declare const useBreakpoint: (enabled?: boolean) => UseBreakpointReturn;
-/**
- * Determines the breakpoint based on window width.
- * Checks breakpoints in descending order (desktop to minimum).
- *
- * @param width - The window width in pixels
- * @returns The corresponding viewport breakpoint
- */
-export declare const getBreakpoint: (width: number) => Viewport;

package/dist/hooks/useClickOutside.d.ts

@@ -1,4 +0,0 @@
-import { RefObject } from 'react';
-type RefType<T extends Node = HTMLElement> = RefObject<T | null> | null | undefined;
-export declare const useClickOutside: <T extends Node = HTMLElement>(refs: RefType<T> | RefType<T>[] | RefType<Node>[], callback: () => void, isOpen?: boolean) => void;
-export {};

package/dist/index.d.ts

@@ -1,52 +0,0 @@
-export * from './hooks';
-export * from './types';
-export * from './components/Accordion';
-export * from './components/ActionCard';
-export * from './components/Avatar';
-export * from './components/Badge';
-export * from './components/Breadcrumbs';
-export * from './components/Button';
-export * from './components/Card';
-export * from './components/ChatBubble';
-export * from './components/Checkbox';
-export * from './components/Chip';
-export * from './components/CodeBlock';
-export * from './components/ContentBlock';
-export * from './components/DatePicker';
-export * from './components/Dialog';
-export * from './components/Divider';
-export * from './components/Expandable';
-export * from './components/FloatSearch';
-export * from './components/FormLabel';
-export * from './components/Grid';
-export * from './components/Icon';
-export * from './components/ImageVisualizer';
-export * from './components/InfoBox';
-export * from './components/List';
-export * from './components/ListMenu';
-export * from './components/MessageActions';
-export * from './components/MidSectionMenus';
-export * from './components/Pagination';
-export * from './components/PopUpMenu';
-export * from './components/ProgressIndicator';
-export * from './components/Radio';
-export * from './components/ScoreCard';
-export * from './components/Segment';
-export * from './components/Select';
-export * from './components/Sheet';
-export * from './components/SideNavigation';
-export * from './components/Skeleton';
-export * from './components/Snackbar';
-export * from './components/Stack';
-export * from './components/Switch';
-export * from './components/Table';
-export * from './components/Tabs';
-export * from './components/Tag';
-export * from './components/Textarea';
-export * from './components/TextField';
-export * from './components/Tooltip';
-export * from './components/TopBar';
-export * from './components/Typography';
-export * from './components/Uploader';
-export * from './components/UserArea';
-export * from './components/ZvooveBrand';

package/dist/libs/index.d.ts

@@ -1 +0,0 @@
-export { tv } from './tv';

package/dist/libs/tv.d.ts

@@ -1,23 +0,0 @@
-/**
- * Configured tailwind-variants with custom tailwind-merge
- * that supports our custom spacing values.
- *
- * Use this instead of importing `tv` directly from 'tailwind-variants'
- * to ensure proper class merging with our custom theme values.
- *
- * @example
- * ```ts
- * import { tv } from '@libs';
- *
- * const button = tv({
- *   base: ['px-md', 'py-sm'],
- *   variants: {
- *     size: {
- *       sm: ['px-sm', 'py-xs'],
- *       lg: ['px-lg', 'py-md'],
- *     }
- *   }
- * });
- * ```
- */
-export declare const tv: import('tailwind-variants').TV;