@zvoove/unity-ui 2.27.0 → 2.29.0

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

@@ -0,0 +1,65 @@
+export declare const codeBlockStyles: import('tailwind-variants').TVReturnType<{
+    isOpen: {
+        true: {
+            chevron: string[];
+        };
+        false: {
+            chevron: string[];
+        };
+    };
+}, {
+    wrapper: string[];
+    header: string[];
+    headerLeft: string[];
+    chevron: string[];
+    filenameLabel: string[];
+    lineCountLabel: string[];
+    copyButton: string[];
+    codeArea: string[];
+    lineNumbers: string[];
+    lineNumber: string[];
+    codeContent: string[];
+}, undefined, {
+    isOpen: {
+        true: {
+            chevron: string[];
+        };
+        false: {
+            chevron: string[];
+        };
+    };
+}, {
+    wrapper: string[];
+    header: string[];
+    headerLeft: string[];
+    chevron: string[];
+    filenameLabel: string[];
+    lineCountLabel: string[];
+    copyButton: string[];
+    codeArea: string[];
+    lineNumbers: string[];
+    lineNumber: string[];
+    codeContent: string[];
+}, import('tailwind-variants').TVReturnType<{
+    isOpen: {
+        true: {
+            chevron: string[];
+        };
+        false: {
+            chevron: string[];
+        };
+    };
+}, {
+    wrapper: string[];
+    header: string[];
+    headerLeft: string[];
+    chevron: string[];
+    filenameLabel: string[];
+    lineCountLabel: string[];
+    copyButton: string[];
+    codeArea: string[];
+    lineNumbers: string[];
+    lineNumber: string[];
+    codeContent: string[];
+}, undefined, unknown, unknown, undefined>>;
+export declare const inlineCodeStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;

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

@@ -0,0 +1,28 @@
+import { CSSProperties } from 'react';
+export type HighlightStyle = {
+    [key: string]: CSSProperties;
+};
+export interface CodeBlockProps extends React.HTMLAttributes<HTMLPreElement> {
+    /**
+     * The source code to display.
+     */
+    code: string;
+    /**
+     * Optional filename shown in the header bar (block variant only).
+     */
+    filename?: string;
+    /**
+     * Programming language for syntax highlighting (e.g. `"typescript"`,
+     * `"python"`, `"bash"`). When provided the code is tokenized and
+     * coloured via react-syntax-highlighter / Prism.
+     * @default 'text'
+     */
+    language?: string;
+    /**
+     * Display variant. In `auto` mode the component renders inline for
+     * single-line code without a filename, and as a full block otherwise.
+     * Use `inline` or `block` to force a specific rendering.
+     * @default 'auto'
+     */
+    variant?: 'auto' | 'block' | 'inline';
+}

package/dist/components/CodeBlock/CodeBlock.utils.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+/**
+ * Infers a Prism-compatible language identifier from a filename extension.
+ * Returns `"text"` when the extension is unknown or the filename has none.
+ */
+export declare function inferLanguageFromFilename(filename: string | undefined): string;
+/**
+ * Recursively extracts the raw text content from a React node tree.
+ * Useful for pulling the string out of `<pre><code>…</code></pre>` children.
+ */
+export declare function extractText(node: ReactNode): string;

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

@@ -0,0 +1,3 @@
+export { default as CodeBlock } from './CodeBlock';
+export { extractText } from './CodeBlock.utils';
+export type { CodeBlockProps, HighlightStyle } from './CodeBlock.types';

package/dist/components/ContentBlock/ContentBlock.d.ts

@@ -0,0 +1,6 @@
+import { ContentBlockProps } from './ContentBlock.types';
+declare const ContentBlock: {
+    ({ children }: ContentBlockProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ContentBlock;

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

@@ -0,0 +1,2 @@
+export declare const contentBlockStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const contentBlockTableWrapperStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;

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

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface ContentBlockProps {
+    /**
+     * The children of the ContentBlock.
+     */
+    children: ReactNode;
+}

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

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

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerProps } from './DatePicker.types';
+declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default DatePicker;

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

@@ -0,0 +1,16 @@
+export declare const datePickerDialogStyles: import('tailwind-variants').TVReturnType<{
+    isVisible: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    isVisible: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isVisible: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

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

@@ -0,0 +1,64 @@
+import { TextFieldProps } from '../../index.ts';
+export type ButtonsTranslations = {
+    cancel?: string;
+    clear?: string;
+    ok?: string;
+};
+export interface DatePickerProps extends Omit<TextFieldProps, 'onChange' | 'value' | 'clearable' | 'icon' | 'isFocused' | 'onIconClick' | 'iconPosition'> {
+    /**
+     * The label that will be displayed above the input. <br />
+     * It is required for accessibility purposes.
+     */
+    label: string;
+    /**
+     * The value of the date picker.
+     */
+    value?: string;
+    /**
+     * The function that will be called when the date picker value changes.
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, date?: Date) => void;
+    /**
+     * If true, the date picker will be open when the input is focused.
+     */
+    openOnFocus?: boolean;
+    /**
+     * The name of the date picker.
+     */
+    name: string;
+    /**
+     * The locale of the date picker.
+     * @default de-DE
+     */
+    locale?: string;
+    /**
+     * The maximum date that can be selected. <br/>
+     * format: YYYY-MM-DD <br/>
+     * This will determine the end year range for the date picker.
+     * @default 50 years from now
+     */
+    maxDate?: string;
+    /**
+     * The minimum date that can be selected. <br/>
+     * format: YYYY-MM-DD <br/>
+     * This will determine the start year range for the date picker.
+     * @default 90 years ago
+     */
+    minDate?: string;
+    /**
+     * The translations of the buttons. <br/>
+     * In case the locale is not supported you can set custom translations.
+     * @default { cancel: 'Abbrechen ', clear: 'Löschen', ok: 'OK' }
+     */
+    buttonsTranslations?: ButtonsTranslations;
+    /**
+     * If true, the date picker will close automatically when a date is selected.
+     * @default false
+     */
+    closeOnSelect?: boolean;
+    /**
+     * The placeholder of the date picker. <br/>
+     * If not provided, the placeholder will be based on the locale (e.g. 'TT.MM.JJJJ' for 'de-DE').
+     */
+    placeholder?: string;
+}

package/dist/components/DatePicker/components/DateDialog/DateDialog.d.ts

@@ -0,0 +1,3 @@
+import { DateDialogProps } from './DateDialog.types';
+declare const DateDialog: ({ isOpen, isVisible, onClose, onDateSelect, selectedDate, inputSelector, onCancel, closeOnSelect, }: DateDialogProps) => import('react').ReactPortal | null;
+export default DateDialog;

package/dist/components/DatePicker/components/DateDialog/DateDialog.types.d.ts

@@ -0,0 +1,10 @@
+export interface DateDialogProps {
+    isOpen?: boolean;
+    isVisible?: boolean;
+    onClose: () => void;
+    onDateSelect: (date: Date | null) => void;
+    selectedDate: Date | null;
+    inputSelector: string;
+    onCancel: () => void;
+    closeOnSelect?: boolean;
+}

package/dist/components/DatePicker/components/DateDialog/components/Calendar/Calendar.d.ts

@@ -0,0 +1,3 @@
+import { CalendarProps } from './Calendar.types';
+declare const Calendar: ({ currentDate, selectedDate, locale, buttonTranslations, maxDate, minDate, onDateClick, onPrevMonth, onNextMonth, onPrevYear, onNextYear, onClear, onOK, onCancel, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default Calendar;

package/dist/components/DatePicker/components/DateDialog/components/Calendar/Calendar.styled.d.ts

@@ -0,0 +1,16 @@
+export declare const selectorContainerStyles: 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/DatePicker/components/DateDialog/components/Calendar/Calendar.types.d.ts

@@ -0,0 +1,61 @@
+import { ButtonsTranslations } from '../../../../DatePicker.types';
+export type CalendarProps = {
+    /**
+     * The current date
+     */
+    currentDate: Date;
+    /**
+     * The selected date
+     */
+    selectedDate: Date | null;
+    /**
+     * The locale of the calendar
+     */
+    locale?: string;
+    /**
+     * Custom button translations
+     */
+    buttonTranslations?: ButtonsTranslations;
+    /**
+     * The maximum date that can be selected
+     * format: YYYY-MM-DD
+     */
+    maxDate?: string;
+    /**
+     * The minimum date that can be selected
+     * format: YYYY-MM-DD
+     */
+    minDate?: string;
+    /**
+     * Callback function to handle date click
+     */
+    onDateClick: (date: Date, isDayClick?: boolean) => void;
+    /**
+     * Callback function to handle previous month
+     */
+    onPrevMonth: () => void;
+    /**
+     * Callback function to handle next month
+     */
+    onNextMonth: () => void;
+    /**
+     * Callback function to handle previous year
+     */
+    onPrevYear: () => void;
+    /**
+     * Callback function to handle next year
+     */
+    onNextYear: () => void;
+    /**
+     * Callback function to handle clear
+     */
+    onClear: () => void;
+    /**
+     * Callback function to handle OK
+     */
+    onOK: () => void;
+    /**
+     * Callback function to handle cancel
+     */
+    onCancel: () => void;
+};

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/ActionButtons/ActionButtons.d.ts

@@ -0,0 +1,3 @@
+import { ActionButtonsProps } from './ActionButtons.types';
+declare const ActionButtons: ({ isSelectorOpen, onCancel, onClear, onOK, cancelText, clearText, okText, }: ActionButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export default ActionButtons;

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/ActionButtons/ActionButtons.styled.d.ts

@@ -0,0 +1,16 @@
+export declare const actionsContainerStyles: import('tailwind-variants').TVReturnType<{
+    isSelectorOpen: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    isSelectorOpen: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isSelectorOpen: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/ActionButtons/ActionButtons.types.d.ts

@@ -0,0 +1,30 @@
+export interface ActionButtonsProps {
+    /**
+     * Indicates whether the date selector is currently open
+     */
+    isSelectorOpen: boolean;
+    /**
+     * Handler function called when the cancel action is triggered
+     */
+    onCancel: () => void;
+    /**
+     * Handler function called when the clear action is triggered
+     */
+    onClear: () => void;
+    /**
+     * Handler function called when the OK action is triggered
+     */
+    onOK: () => void;
+    /**
+     * Custom text for the cancel button (optional)
+     */
+    cancelText?: string;
+    /**
+     * Custom text for the clear button (optional)
+     */
+    clearText?: string;
+    /**
+     * Custom text for the OK button (optional)
+     */
+    okText?: string;
+}

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/ActionButtons/index.d.ts

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

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/CalendarHeader/CalendarHeader.d.ts

@@ -0,0 +1,3 @@
+import { CalendarHeaderProps } from './CalendarHeader.types';
+declare const CalendarHeader: ({ currentMonthName, currentMonth, currentYear, showMonthSelector, showYearSelector, onToggleMonthSelector, onToggleYearSelector, onNavigateMonth, onNavigateYear, minDate, maxDate, }: CalendarHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default CalendarHeader;

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/CalendarHeader/CalendarHeader.styled.d.ts

@@ -0,0 +1,70 @@
+export declare const headerStyles: import('tailwind-variants').TVReturnType<{
+    showDivider: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    showDivider: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    showDivider: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const caretStyles: import('tailwind-variants').TVReturnType<{
+    clickable: {
+        true: string[];
+        false: string[];
+    };
+    hidden: {
+        true: string[];
+    };
+}, undefined, string[], {
+    clickable: {
+        true: string[];
+        false: string[];
+    };
+    hidden: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    clickable: {
+        true: string[];
+        false: string[];
+    };
+    hidden: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const smallCaretStyles: import('tailwind-variants').TVReturnType<{
+    rotate: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    rotate: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    rotate: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const selectorButtonStyles: import('tailwind-variants').TVReturnType<{
+    reducedOpacity: {
+        true: string[];
+    };
+}, undefined, string[], {
+    reducedOpacity: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    reducedOpacity: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/CalendarHeader/CalendarHeader.types.d.ts

@@ -0,0 +1,46 @@
+export interface CalendarHeaderProps {
+    /**
+     * The name of the currently displayed month
+     */
+    currentMonthName: string;
+    /**
+     * The currently displayed year
+     */
+    currentYear: number;
+    /**
+     * The currently displayed month
+     */
+    currentMonth: number;
+    /**
+     * Flag to control the visibility of the month selector
+     */
+    showYearSelector: boolean;
+    /**
+     * Callback function to toggle the month selector visibility
+     */
+    onToggleMonthSelector: () => void;
+    /**
+     * Callback function to toggle the year selector visibility
+     */
+    onToggleYearSelector: () => void;
+    /**
+     * Callback function to navigate to previous/next month
+     */
+    onNavigateMonth: (direction: 'left' | 'right') => void;
+    /**
+     * Callback function to navigate to previous/next year
+     */
+    onNavigateYear: (direction: 'prev' | 'next') => void;
+    /**
+     * Flag to control the visibility of the month selector
+     */
+    showMonthSelector: boolean;
+    /**
+     * Minimum allowed date
+     */
+    minDate?: Date;
+    /**
+     * Maximum allowed date
+     */
+    maxDate?: Date;
+}

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/CalendarHeader/index.d.ts

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

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/Carousel/Carousel.d.ts

@@ -0,0 +1,3 @@
+import { CalendarCarouselProps } from './Carousel.types';
+declare const CalendarCarousel: ({ monthsData, isSelectorOpen, skipTransition, carouselRef, getCurrentMonthDays, isSelectedDate, isToday, onDateClick, selectedDate, maxDate, minDate, locale, renderEmptyCells, }: CalendarCarouselProps) => import("react/jsx-runtime").JSX.Element;
+export default CalendarCarousel;

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/Carousel/Carousel.styled.d.ts

@@ -0,0 +1,45 @@
+export declare const carouselContainerStyles: import('tailwind-variants').TVReturnType<{
+    isSelectorOpen: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    isSelectorOpen: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isSelectorOpen: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const daysContainerStyles: import('tailwind-variants').TVReturnType<{
+    skipTransition: {
+        true: string[];
+    };
+}, undefined, string[], {
+    skipTransition: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    skipTransition: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const selectorContainerStyles: 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/DatePicker/components/DateDialog/components/Calendar/components/Carousel/Carousel.types.d.ts

@@ -0,0 +1,30 @@
+import { default as React, RefObject } from 'react';
+export interface MonthData {
+    id: string;
+    date: Date;
+    position: string;
+    isActive: boolean;
+}
+export interface CalendarCarouselProps {
+    monthsData: MonthData[];
+    isSelectorOpen: boolean;
+    skipTransition: boolean;
+    carouselRef: RefObject<HTMLDivElement | null>;
+    getCurrentMonthDays: (date: Date) => {
+        day: number;
+        date: Date;
+        isCurrentMonth: boolean;
+    }[];
+    isSelectedDate: (date: Date, selectedDate: Date | null) => boolean;
+    isToday: (date: Date) => boolean;
+    onDateClick: (date: Date) => void;
+    selectedDate: Date | null;
+    maxDate?: string;
+    minDate?: string;
+    locale?: string;
+    renderEmptyCells: (date: Date, monthDays?: {
+        day: number;
+        date: Date;
+        isCurrentMonth: boolean;
+    }[], position?: 'before' | 'after') => React.ReactElement[];
+}

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/Carousel/index.d.ts

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

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/Day/Day.d.ts

@@ -0,0 +1,3 @@
+import { DayProps } from './Day.types';
+declare const Day: ({ day, date, isActive, isSelected, isToday, dataMonth, onDateClick, isDisabled, locale, }: DayProps) => import("react/jsx-runtime").JSX.Element;
+export default Day;

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/Day/Day.styled.d.ts

@@ -0,0 +1,22 @@
+export declare const dayButtonStyles: import('tailwind-variants').TVReturnType<{
+    isSelected: {
+        true: string[];
+    };
+    isToday: {
+        true: string[];
+    };
+}, undefined, string[], {
+    isSelected: {
+        true: string[];
+    };
+    isToday: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isSelected: {
+        true: string[];
+    };
+    isToday: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/Day/Day.types.d.ts

@@ -0,0 +1,11 @@
+export interface DayProps {
+    day: number;
+    date: Date;
+    isActive: boolean;
+    isSelected: boolean;
+    isToday: boolean;
+    isDisabled?: boolean;
+    dataMonth: 'current' | 'prev' | 'next';
+    onDateClick: (date: Date) => void;
+    locale?: string;
+}

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/Day/index.d.ts

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

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/WeekDays/WeekDays.d.ts

@@ -0,0 +1,3 @@
+import { WeekDaysProps } from './WeekDays.types';
+declare const WeekDays: ({ weekDays, isSelectorOpen }: WeekDaysProps) => import("react/jsx-runtime").JSX.Element;
+export default WeekDays;

package/dist/components/DatePicker/components/DateDialog/components/Calendar/components/WeekDays/WeekDays.styled.d.ts

@@ -0,0 +1,17 @@
+export declare const weekDaysContainerStyles: import('tailwind-variants').TVReturnType<{
+    isSelectorOpen: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    isSelectorOpen: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isSelectorOpen: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const weekDayStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;