@onereach/ui-components 25.3.5 → 25.3.6

package/dist/types/components/or-skeleton-v3/or-skeleton-rect-v3/OrSkeletonRect.vue.d.ts

@@ -0,0 +1,45 @@
+declare const _default: import("vue").DefineComponent<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: number;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    rootStyle: import("vue").ComputedRef<{
+        width: string;
+        height: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: number;
+    };
+}>>, {
+    height: string | number;
+    width: string | number;
+    animated: boolean;
+}, {}>;
+export default _default;

package/dist/types/components/or-skeleton-v3/or-skeleton-rect-v3/index.d.ts

@@ -0,0 +1 @@
+export { default as OrSkeletonRectV3 } from './OrSkeletonRect.vue';

package/dist/types/components/or-skeleton-v3/or-skeleton-rect-v3/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const SkeletonRoot: string[];
+export declare const SkeletonRect: string[];
+export declare const SkeletonAnimated: string[];

package/dist/types/components/or-skeleton-v3/or-skeleton-text-v3/OrSkeletonText.vue.d.ts

@@ -0,0 +1,72 @@
+declare const _default: import("vue").DefineComponent<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linesCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    lineHeight: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    containerStyles: import("vue").ComputedRef<string[]>;
+    containerStyle: import("vue").ComputedRef<{
+        width: string;
+    }>;
+    rowStyles: import("vue").ComputedRef<string[]>;
+    rowStyle: import("vue").ComputedRef<{
+        height: string;
+        margin: string;
+    }>;
+    lineKeys: import("vue").ComputedRef<number[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    animated: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    linesCount: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    lineHeight: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}>>, {
+    fontSize: number;
+    lineHeight: number;
+    width: string | number;
+    animated: boolean;
+    linesCount: number;
+}, {}>;
+export default _default;

package/dist/types/components/or-skeleton-v3/or-skeleton-text-v3/index.d.ts

@@ -0,0 +1 @@
+export { default as OrSkeletonTextV3 } from './OrSkeletonText.vue';

package/dist/types/components/or-skeleton-v3/or-skeleton-text-v3/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const SkeletonRoot: string[];
+export declare const SkeletonTextContainerRoot: string[];
+export declare const SkeletonText: string[];
+export declare const SkeletonAnimated: string[];

package/dist/types/components/or-slider-v3/OrSlider.vue.d.ts

@@ -0,0 +1,139 @@
+import { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';
+import { PropType } from 'vue';
+import { SliderColor, SliderModelValue, SliderOrientation } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<SliderModelValue>;
+        default: undefined;
+    };
+    minValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    breakpoints: {
+        type: PropType<number[]>;
+        default: () => never[];
+    };
+    color: {
+        type: PropType<`${SliderColor}`>;
+        default: () => SliderColor;
+    };
+    orientation: {
+        type: PropType<`${SliderOrientation}`>;
+        default: () => SliderOrientation;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltip: {
+        type: PropType<Pick<InstanceType<typeof OrTooltip>["$props"], "placement" | "offset" | "debounce">>;
+        default: undefined;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    rail: import("vue").Ref<HTMLElement | undefined>;
+    railStyles: import("vue").ComputedRef<string[]>;
+    trackStyles: import("vue").ComputedRef<string[]>;
+    trackInlineStyles: import("vue").ComputedRef<{
+        width: string;
+        height?: undefined;
+    } | {
+        height: string;
+        width?: undefined;
+    } | undefined>;
+    thumb: import("vue").Ref<HTMLElement | undefined>;
+    thumbStyles: import("vue").ComputedRef<string[]>;
+    breakpointMarkStyles: import("vue").ComputedRef<string[]>;
+    labelStyles: import("vue").ComputedRef<string[]>;
+    labelMarkStyles: import("vue").ComputedRef<string[]>;
+    proxyModelValue: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<number>;
+    tooltipPlacement: import("vue").ComputedRef<"right" | "top" | undefined>;
+    highlightedBreakpoint: import("vue").Ref<number | undefined>;
+    getBreakpointMarkComputedStyles: (breakpoint: number) => Partial<CSSStyleDeclaration> | undefined;
+    isHovering: import("vue").Ref<boolean>;
+    isDragging: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<SliderModelValue>;
+        default: undefined;
+    };
+    minValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    breakpoints: {
+        type: PropType<number[]>;
+        default: () => never[];
+    };
+    color: {
+        type: PropType<`${SliderColor}`>;
+        default: () => SliderColor;
+    };
+    orientation: {
+        type: PropType<`${SliderOrientation}`>;
+        default: () => SliderOrientation;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tooltip: {
+        type: PropType<Pick<InstanceType<typeof OrTooltip>["$props"], "placement" | "offset" | "debounce">>;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    color: "primary" | "secondary";
+    tooltip: Pick<{
+        content?: string | undefined;
+        offset?: import("..").PopoverOffset | undefined;
+        isOpen?: boolean | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | undefined;
+        trigger?: import("@floating-ui/dom").ReferenceElement | undefined;
+        fallbackPlacement?: "none" | "start" | "end" | undefined;
+        debounce?: number | undefined;
+        externalControl?: boolean | undefined;
+        "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        key?: string | number | symbol | undefined;
+        ref?: import("vue").VNodeRef | undefined;
+        ref_for?: boolean | undefined;
+        ref_key?: string | undefined;
+        onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+        onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+        onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+        onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+        onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+        onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+        class?: unknown;
+        style?: unknown;
+    }, "offset" | "placement" | "debounce">;
+    modelValue: SliderModelValue;
+    step: number;
+    maxValue: number;
+    minValue: number;
+    breakpoints: number[];
+    orientation: "vertical" | "horizontal" | "horizontal-reversed" | "vertical-reversed";
+}, {}>;
+export default _default;

package/dist/types/components/or-slider-v3/index.d.ts

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

package/dist/types/components/or-slider-v3/styles.d.ts

@@ -0,0 +1,15 @@
+import { SliderColor, SliderOrientation } from './types';
+export declare const Slider: string[];
+export declare const SliderOrientations: Record<SliderOrientation, string[]>;
+export declare const SliderRail: string[];
+export declare const SliderRailOrientations: Record<SliderOrientation, string[]>;
+export declare const SliderTrack: string[];
+export declare const SliderTrackColors: Record<SliderColor, string[]>;
+export declare const SliderThumb: string[];
+export declare const SliderThumbColors: Record<SliderColor, string[]>;
+export declare const SliderBreakpointMark: string[];
+export declare const SliderBreakpointMarkColors: Record<SliderColor, string[]>;
+export declare const SliderLabel: string[];
+export declare const SliderLabelOrientations: Record<SliderOrientation, string[]>;
+export declare const SliderLabelMark: string[];
+export declare const SliderLabelMarkOrientations: Record<SliderOrientation, string[]>;

package/dist/types/components/or-slider-v3/types.d.ts

@@ -0,0 +1,12 @@
+import { ModelValue } from '@onereach/ui-components-common/types';
+export type SliderModelValue = ModelValue<number>;
+export declare enum SliderColor {
+    Primary = "primary",
+    Secondary = "secondary"
+}
+export declare enum SliderOrientation {
+    Horizontal = "horizontal",
+    HorizontalReversed = "horizontal-reversed",
+    Vertical = "vertical",
+    VerticalReversed = "vertical-reversed"
+}

package/dist/types/components/or-sorting-v3/OrSorting.vue.d.ts

@@ -0,0 +1,179 @@
+import { PropType } from 'vue';
+import { SortOption } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: PropType<SortOption[]>;
+        default: () => never[];
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    sortLabelStyles: import("vue").ComputedRef<string[]>;
+    sortMenu: import("vue").Ref<import("vue").DefineComponent<{
+        isOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        trigger: {
+            type: PropType<import("@floating-ui/dom").ReferenceElement>;
+            default: undefined;
+        };
+        placement: {
+            type: PropType<`${import("..").PopoverPlacement}`>;
+            default: () => import("..").PopoverPlacement;
+        };
+        offset: {
+            type: PropType<import("..").PopoverOffset>;
+            default: number;
+        };
+        additionalStyles: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }, {
+        root: import("vue").Ref<HTMLElement | undefined>;
+        popover: import("vue").Ref<any>;
+        rootStyles: import("vue").ComputedRef<string[]>;
+        popoverStyles: import("vue").ComputedRef<string[]>;
+        state: Readonly<import("vue").Ref<"open" | "closed">>;
+        open: () => void;
+        close: () => void;
+        toggle: () => void;
+        onClick: (event: Event) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close" | "mouseout" | "mouseenter" | "mouseleave")[], "update:state" | "open" | "close" | "mouseout" | "mouseenter" | "mouseleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        isOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        trigger: {
+            type: PropType<import("@floating-ui/dom").ReferenceElement>;
+            default: undefined;
+        };
+        placement: {
+            type: PropType<`${import("..").PopoverPlacement}`>;
+            default: () => import("..").PopoverPlacement;
+        };
+        offset: {
+            type: PropType<import("..").PopoverOffset>;
+            default: number;
+        };
+        additionalStyles: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & {
+        "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        onMouseout?: ((...args: any[]) => any) | undefined;
+        onMouseenter?: ((...args: any[]) => any) | undefined;
+        onMouseleave?: ((...args: any[]) => any) | undefined;
+    }, {
+        offset: import("..").PopoverOffset;
+        isOpen: boolean;
+        placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
+        trigger: import("@floating-ui/dom").ReferenceElement;
+        additionalStyles: string[];
+    }, {}> | undefined>;
+    sortButton: import("vue").Ref<import("vue").DefineComponent<{
+        type: {
+            type: PropType<`${import("@onereach/ui-components.or-button-v3").ButtonType}`>;
+            default: () => import("@onereach/ui-components.or-button-v3").ButtonType;
+        };
+        variant: {
+            type: PropType<`${import("@onereach/ui-components.or-button-v3").ButtonVariant}`>;
+            default: () => import("@onereach/ui-components.or-button-v3").ButtonVariant;
+        };
+        color: {
+            type: PropType<`${import("@onereach/ui-components.or-button-v3").ButtonColor}`>;
+            default: () => import("@onereach/ui-components.or-button-v3").ButtonColor;
+        };
+        activated: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loadingText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, {
+        root: import("vue").Ref<HTMLButtonElement | undefined>;
+        rootStyles: import("vue").ComputedRef<string[]>;
+        contentStyles: import("vue").ComputedRef<string[]>;
+        contentContainerStyles: import("vue").ComputedRef<string[]>;
+        isVue3: boolean;
+        onClick: (e: unknown) => void;
+        onFocus: (e: unknown) => void;
+        onBlur: (e: unknown) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: PropType<`${import("@onereach/ui-components.or-button-v3").ButtonType}`>;
+            default: () => import("@onereach/ui-components.or-button-v3").ButtonType;
+        };
+        variant: {
+            type: PropType<`${import("@onereach/ui-components.or-button-v3").ButtonVariant}`>;
+            default: () => import("@onereach/ui-components.or-button-v3").ButtonVariant;
+        };
+        color: {
+            type: PropType<`${import("@onereach/ui-components.or-button-v3").ButtonColor}`>;
+            default: () => import("@onereach/ui-components.or-button-v3").ButtonColor;
+        };
+        activated: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        loadingText: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        type: "button" | "reset" | "submit";
+        variant: "link" | "outlined" | "text" | "contained";
+        color: "inherit" | "primary" | "danger";
+        loading: boolean;
+        activated: boolean;
+        loadingText: string;
+    }, {}> | undefined>;
+    sortLabel: import("vue").ComputedRef<string | undefined>;
+    handleSort: (sort: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: PropType<SortOption[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    options: SortOption[];
+    modelValue: string;
+}, {}>;
+export default _default;

package/dist/types/components/or-sorting-v3/index.d.ts

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

package/dist/types/components/or-sorting-v3/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const SortingRoot: never[];
+export declare const SortingLabel: string[];

package/dist/types/components/or-sorting-v3/types.d.ts

@@ -0,0 +1,4 @@
+export interface SortOption {
+    label: string;
+    value: string;
+}

package/dist/types/components/or-status-v3/OrStatus.vue.d.ts

@@ -0,0 +1,45 @@
+import { IndicatorColor, IndicatorSize } from '@onereach/ui-components.or-indicator-v3';
+import { formatTimeAgo } from '@vueuse/core';
+import { PropType } from 'vue';
+import { StatusSize, StatusVariant } from './props';
+declare const _default: import("vue").DefineComponent<{
+    variant: {
+        type: PropType<`${StatusVariant}`>;
+        default: () => StatusVariant;
+    };
+    size: {
+        type: PropType<`${StatusSize}`>;
+        default: () => StatusSize;
+    };
+    timestamp: {
+        type: DateConstructor;
+        default: undefined;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    indicatorProps: import("vue").ComputedRef<{
+        size: IndicatorSize;
+        color: IndicatorColor.Success | IndicatorColor.Neutral | IndicatorColor.Warning | IndicatorColor.Outline | IndicatorColor.Error;
+    }>;
+    timestampStyles: import("vue").ComputedRef<string[]>;
+    formatTimeAgo: typeof formatTimeAgo;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: PropType<`${StatusVariant}`>;
+        default: () => StatusVariant;
+    };
+    size: {
+        type: PropType<`${StatusSize}`>;
+        default: () => StatusSize;
+    };
+    timestamp: {
+        type: DateConstructor;
+        default: undefined;
+    };
+}>>, {
+    variant: "disabled" | "error" | "success" | "neutral" | "warning";
+    size: "m" | "s";
+    timestamp: Date;
+}, {}>;
+export default _default;

package/dist/types/components/or-status-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrStatusV3 } from './OrStatus.vue';
+export * from './props';

package/dist/types/components/or-status-v3/props.d.ts

@@ -0,0 +1,11 @@
+export declare enum StatusVariant {
+    Neutral = "neutral",
+    Disabled = "disabled",
+    Success = "success",
+    Warning = "warning",
+    Error = "error"
+}
+export declare enum StatusSize {
+    M = "m",
+    S = "s"
+}

package/dist/types/components/or-status-v3/styles.d.ts

@@ -0,0 +1,5 @@
+import { StatusSize, StatusVariant } from './props';
+export declare const Status: string[];
+export declare const StatusVariants: Record<StatusVariant, string[]>;
+export declare const StatusSizes: Record<StatusSize, string[]>;
+export declare const StatusTimestamp: string[];