@zvoove/unity-ui 2.28.0 → 2.29.0

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

@@ -0,0 +1,103 @@
+export declare const progressWrapperStyles: import('tailwind-variants').TVReturnType<{
+    variant: {
+        linear: string[];
+        circular: string[];
+    };
+    bgColor: Record<import('../..').BackgroundColors, string[]>;
+}, undefined, string[], {
+    variant: {
+        linear: string[];
+        circular: string[];
+    };
+    bgColor: Record<import('../..').BackgroundColors, string[]>;
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        linear: string[];
+        circular: string[];
+    };
+    bgColor: Record<import('../..').BackgroundColors, string[]>;
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const progressIndicatorStyles: import('tailwind-variants').TVReturnType<{
+    variant: {
+        linear: string[];
+        circular: string[];
+    };
+    circularSize: {
+        sm: string[];
+        md: string[];
+    };
+    indeterminate: {
+        true: never[];
+        false: never[];
+    };
+    positioning: {
+        absolute: string[];
+        relative: never[];
+    };
+    bgColor: Record<import('../..').BackgroundColors, string[]>;
+    strokeColor: Record<import('../..').BackgroundColors, string[]>;
+}, undefined, string[], {
+    variant: {
+        linear: string[];
+        circular: string[];
+    };
+    circularSize: {
+        sm: string[];
+        md: string[];
+    };
+    indeterminate: {
+        true: never[];
+        false: never[];
+    };
+    positioning: {
+        absolute: string[];
+        relative: never[];
+    };
+    bgColor: Record<import('../..').BackgroundColors, string[]>;
+    strokeColor: Record<import('../..').BackgroundColors, string[]>;
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        linear: string[];
+        circular: string[];
+    };
+    circularSize: {
+        sm: string[];
+        md: string[];
+    };
+    indeterminate: {
+        true: never[];
+        false: never[];
+    };
+    positioning: {
+        absolute: string[];
+        relative: never[];
+    };
+    bgColor: Record<import('../..').BackgroundColors, string[]>;
+    strokeColor: Record<import('../..').BackgroundColors, string[]>;
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const progressIndicatorEndStyles: import('tailwind-variants').TVReturnType<{
+    bgColor: Record<import('../..').BackgroundColors, string[]>;
+}, undefined, string[], {
+    bgColor: Record<import('../..').BackgroundColors, string[]>;
+}, undefined, import('tailwind-variants').TVReturnType<{
+    bgColor: Record<import('../..').BackgroundColors, string[]>;
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const circularProgressStyles: import('tailwind-variants').TVReturnType<{
+    strokeColor: Record<import('../..').BackgroundColors, string[]>;
+    circularSize: {
+        sm: string[];
+        md: string[];
+    };
+}, undefined, string[], {
+    strokeColor: Record<import('../..').BackgroundColors, string[]>;
+    circularSize: {
+        sm: string[];
+        md: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    strokeColor: Record<import('../..').BackgroundColors, string[]>;
+    circularSize: {
+        sm: string[];
+        md: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

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

@@ -0,0 +1,31 @@
+import { BackgroundColors } from '../../types';
+export interface ProgressIndicatorProps {
+    /**
+     * The percentage of the progress indicator
+     * @default 0
+     */
+    value?: number;
+    /**
+     * Whether the progress indicator is indeterminate
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * The variant of the progress indicator
+     * @default 'linear'
+     */
+    variant?: 'linear' | 'circular';
+    /**
+     * The size of the circular progress indicator. Only applies to the circular variant.
+     * @default 'md'
+     */
+    size?: 'sm' | 'md';
+    /**
+     * Custom color for the progress fill (foreground). Accepts any valid CSS color value.
+     */
+    foregroundColor?: BackgroundColors;
+    /**
+     * Custom color for the progress track (background).
+     */
+    backgroundColor?: BackgroundColors;
+}

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

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

package/dist/components/Radio/RadioButton/RadioButton.d.ts

@@ -0,0 +1,3 @@
+import { RadioButtonProps } from './RadioButton.types';
+declare const RadioButton: React.FC<RadioButtonProps>;
+export default RadioButton;

package/dist/components/Radio/RadioButton/RadioButton.styled.d.ts

@@ -0,0 +1,45 @@
+export declare const wrapperStyles: import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string[];
+    };
+}, undefined, string[], {
+    disabled: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    disabled: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const radioButtonStyles: import('tailwind-variants').TVReturnType<{
+    checked: {
+        true: string[];
+    };
+    animate: {
+        true: string[];
+    };
+    disabled: {
+        true: string[];
+    };
+}, undefined, string[], {
+    checked: {
+        true: string[];
+    };
+    animate: {
+        true: string[];
+    };
+    disabled: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    checked: {
+        true: string[];
+    };
+    animate: {
+        true: string[];
+    };
+    disabled: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const hoverRipple: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;

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

@@ -0,0 +1,32 @@
+import { ChangeEventHandler, ReactNode } from 'react';
+export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    /**
+     * Handle change events.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Handle the label of the radio button.
+     */
+    label: ReactNode;
+    /**
+     * Handle the name of the radio button.
+     */
+    name?: string;
+    /**
+     * Handle the id of the radio button.
+     * @default auto-generated
+     */
+    id?: string;
+    /**
+     * Handle the value of the radio button.
+     */
+    value?: string;
+    /**
+     * Handle if the radio button is checked.
+     */
+    checked?: boolean;
+    /**
+     * Handle if the radio button is disabled.
+     */
+    disabled?: boolean;
+}

package/dist/components/Radio/RadioButton/index.d.ts

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

package/dist/components/Radio/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { RadioGroupProps } from './RadioGroup.types';
+declare const RadioGroup: {
+    ({ children, name, value, onChange, row, disabled, }: RadioGroupProps): React.DetailedReactHTMLElement<{
+        className: string;
+        role: "radiogroup";
+        'aria-labelledby': string;
+    }, HTMLElement>;
+    displayName: string;
+};
+export default RadioGroup;

package/dist/components/Radio/RadioGroup/RadioGroup.styled.d.ts

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

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

@@ -0,0 +1,26 @@
+export interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The children of the radio group.
+     */
+    children: React.ReactNode;
+    /**
+     * The name of the radio group. This will be passed to the radio buttons.
+     */
+    name: string;
+    /**
+     * The value of the selected radio button.
+     */
+    value?: string;
+    /**
+     * Handle change events.
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Set the group to be displayed in a row
+     */
+    row?: boolean;
+    /**
+     * Set the group to be disabled
+     */
+    disabled?: boolean;
+}

package/dist/components/Radio/RadioGroup/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export * from './RadioButton';
+export * from './RadioGroup';

package/dist/components/ScoreCard/ScoreCard.d.ts

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

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

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

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

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { CommonIconNames } from '../Icon/Icon.types';
+export type ScoreCardVariant = 'negative' | 'active' | 'positive' | 'neutral' | 'ghost';
+export type ScoreCardSize = 'large' | 'medium' | 'small';
+export interface ScoreCardProps {
+    /**
+     * Main KPI value displayed prominently (e.g. "0,00", "156", "92,3%").
+     */
+    value: string | number;
+    /**
+     * Secondary label below the value (e.g. "Parameter", "davon 12 in kritischem Status").
+     */
+    parameter?: string;
+    /**
+     * Icon shown to the left of the parameter text.
+     */
+    parameterIcon?: CommonIconNames;
+    /**
+     * Whether to show the parameter icon.
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * Color variant controlling background and text colors.
+     * @default 'neutral'
+     */
+    variant?: ScoreCardVariant;
+    /**
+     * Size variant controlling padding and typography scale.
+     * @default 'large'
+     */
+    size?: ScoreCardSize;
+    /**
+     * Locale for number formatting (e.g. 'de-DE', 'en-US').
+     * When omitted, uses the browser's default locale.
+     */
+    locale?: string;
+    /**
+     * Fully custom content — replaces the default value/parameter layout.
+     */
+    children?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { default as ScoreCard } from './ScoreCard';
+export type { ScoreCardProps, ScoreCardSize, ScoreCardVariant, } from './ScoreCard.types';

package/dist/components/Segment/SegmentButton/SegmentButton.d.ts

@@ -0,0 +1,3 @@
+import { SegmentButtonProps } from './SegmentButton.types';
+declare const SegmentButton: <T extends React.ElementType = "button", V = string>({ label, active, matchSiblings, icon, value, as, linkComponent, ...props }: SegmentButtonProps<T, V>) => import("react/jsx-runtime").JSX.Element;
+export default SegmentButton;

package/dist/components/Segment/SegmentButton/SegmentButton.styled.d.ts

@@ -0,0 +1,31 @@
+export declare const segmentButtonStyles: import('tailwind-variants').TVReturnType<{
+    active: {
+        true: string[];
+    };
+    disabled: {
+        true: string[];
+    };
+    matchSiblings: {
+        true: string[];
+    };
+}, undefined, string[], {
+    active: {
+        true: string[];
+    };
+    disabled: {
+        true: string[];
+    };
+    matchSiblings: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    active: {
+        true: string[];
+    };
+    disabled: {
+        true: string[];
+    };
+    matchSiblings: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/Segment/SegmentButton/SegmentButton.types.d.ts

@@ -0,0 +1,39 @@
+import { CommonIconNames } from '../../../index.ts';
+export type SegmentButtonProps<T extends React.ElementType, V = string> = React.ComponentPropsWithoutRef<T> & {
+    /**
+     * The label of the button.
+     */
+    label?: string;
+    /**
+     * The icon of the button.
+     */
+    icon?: CommonIconNames;
+    /**
+     * Whether the button is active.
+     */
+    active?: boolean;
+    /**
+     * Whether the button should match width with sibling buttons. <br />
+     * Only used in `SegmentGroup`.
+     * @default false
+     */
+    matchSiblings?: boolean;
+    /**
+     * The onClick event handler.
+     */
+    onClick?: (value: V) => void;
+    /**
+     * The link component of the button.
+     * @default 'button'
+     */
+    as?: 'a' | 'button';
+    /**
+     * The link component of the button.
+     * @default 'button'
+     */
+    linkComponent?: T;
+    /**
+     * The value of the button.
+     */
+    value: V;
+} & Omit<React.ComponentPropsWithoutRef<T>, 'children'>;

package/dist/components/Segment/SegmentButton/index.d.ts

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

package/dist/components/Segment/SegmentGroup/SegmentGroup.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { SegmentGroupProps } from './SegmentGroup.types';
+declare const SegmentGroup: <T extends React.ElementType = "button", V = string>({ children, stretch, onChange, multiSelect, activeButton, disabled, linkComponent, }: SegmentGroupProps<T, V>) => React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+export default SegmentGroup;

package/dist/components/Segment/SegmentGroup/SegmentGroup.styled.d.ts

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

package/dist/components/Segment/SegmentGroup/SegmentGroup.types.d.ts

@@ -0,0 +1,36 @@
+import { SegmentButtonProps } from '../SegmentButton/SegmentButton.types';
+export type SegmentValue<T = string> = T | T[];
+export interface SegmentGroupProps<T extends React.ElementType = 'button', V = string> {
+    /**
+     * The children of the button.
+     */
+    children: React.ReactElement<SegmentButtonProps<T, V>> | React.ReactElement<SegmentButtonProps<T, V>>[];
+    /**
+     * Make the segment group stretch to fill the container.
+     */
+    stretch?: boolean;
+    /**
+     * The active button value. <br />
+     * If `multiSelect` is `true`, this should be an array of values. <br />
+     * `V | V[]`
+     */
+    activeButton?: SegmentValue<V>;
+    /**
+     * Whether to allow multiple selections.
+     */
+    multiSelect?: boolean;
+    /**
+     * Handle change events.
+     */
+    onChange?: (value: SegmentValue<V>) => void;
+    /**
+     * The custom link component. <br />
+     * It will be passed to the all `SegmentButton` components.
+     * @default 'button'
+     */
+    linkComponent?: T;
+    /**
+     * Whether the segment group is disabled.
+     */
+    disabled?: boolean;
+}

package/dist/components/Segment/SegmentGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SegmentGroup } from './SegmentGroup';
+export type { SegmentGroupProps, SegmentValue } from './SegmentGroup.types';

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

@@ -0,0 +1,2 @@
+export * from './SegmentButton';
+export * from './SegmentGroup';

package/dist/components/Select/Select.constants.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Timeout delays used in the Select component (in milliseconds)
+ */
+export declare const SELECT_TIMEOUTS: {
+    /**
+     * Delay before focusing the input after an action
+     */
+    readonly FOCUS_INPUT: 50;
+    /**
+     * Delay before updating state after menu close or blur
+     */
+    readonly STATE_UPDATE: 100;
+    /**
+     * Delay before resetting the justSelected flag
+     */
+    readonly RESET_JUST_SELECTED: 150;
+};

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps } from './Select.types';
+declare const Select: ({ value, multiple, options, onChange, error, errorMessage, disabled, label, hideLabel, name, id, searchable, allowClearAll, allowSelectAll, selectAllLabel, clearAllLabel, noResultsFoundMessage, onScrollEnd, isLoadingMore, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export default Select;