@onereach/ui-components 25.3.5 → 25.3.6-beta.5818.0

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

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

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

@@ -0,0 +1,10 @@
+export declare const Autocomplete: string[];
+export declare const AutocompleteControl: string[];
+export declare const AutocompleteDropdown: string[];
+export declare const AutocompleteDropdownDefault: string[];
+export declare const AutocompleteDropdownFlipped: string[];
+export declare const AutocompleteDropdownItem: string[];
+export declare const AutocompleteLoader: string[];
+export declare const AutocompleteLoaderContainer: string[];
+export declare const AutocompleteInputBoxOpen: string[];
+export declare const AutocompleteInputBoxOpenFlipped: string[];

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

@@ -0,0 +1,3 @@
+import { ModelValue } from '@onereach/ui-components-common/types';
+export type AutocompleteModelValue = ModelValue<AutocompleteValue | AutocompleteValue[]>;
+export type AutocompleteValue = string;

package/dist/types/components/or-avatar-v3/OrAvatar.vue.d.ts

@@ -0,0 +1,58 @@
+import { PropType } from 'vue';
+import { AvatarColor, AvatarSize } from './props';
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<`${AvatarSize}`>;
+        default: () => AvatarSize;
+    };
+    color: {
+        type: PropType<`${AvatarColor}`>;
+        default: () => AvatarColor;
+    };
+    colorSalt: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    rootInlineStyles: import("vue").ComputedRef<{
+        background: string | undefined;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    icon: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<`${AvatarSize}`>;
+        default: () => AvatarSize;
+    };
+    color: {
+        type: PropType<`${AvatarColor}`>;
+        default: () => AvatarColor;
+    };
+    colorSalt: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>>, {
+    icon: string;
+    size: "xs" | "xl" | "l" | "m" | "s";
+    color: "auto" | "blue" | "grey" | "green" | "yellow" | "red";
+    src: string;
+    colorSalt: string;
+}, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,15 @@
+export declare enum AvatarSize {
+    XL = "xl",
+    L = "l",
+    M = "m",
+    S = "s",
+    XS = "xs"
+}
+export declare enum AvatarColor {
+    Auto = "auto",
+    Blue = "blue",
+    Grey = "grey",
+    Green = "green",
+    Yellow = "yellow",
+    Red = "red"
+}

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

@@ -0,0 +1,6 @@
+import { AvatarColor, AvatarSize } from './props';
+export declare const Avatar: string[];
+export declare const AvatarSizes: Record<AvatarSize, string[]>;
+export declare const AvatarIconSizes: Record<AvatarSize, string[]>;
+export declare const AvatarTextSizes: Record<AvatarSize, string[]>;
+export declare const AvatarColors: Record<AvatarColor, string[]>;

package/dist/types/components/or-bottom-sheet-v3/OrBottomSheet.vue.d.ts

@@ -0,0 +1,51 @@
+import { PropType } from 'vue';
+import { BottomSheetVariant } from './props';
+declare const _default: import("vue").DefineComponent<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<`${BottomSheetVariant}`>;
+        default: () => BottomSheetVariant;
+    };
+    isFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    content: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
+    handleStyles: import("vue").ComputedRef<string[]>;
+    headerStyles: import("vue").ComputedRef<string[]>;
+    contentStyles: import("vue").ComputedRef<string[]>;
+    state: Readonly<import("vue").Ref<"open" | "closed">>;
+    fullscreen: import("vue").Ref<boolean>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], "update:state" | "open" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<`${BottomSheetVariant}`>;
+        default: () => BottomSheetVariant;
+    };
+    isFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    variant: "basic" | "advanced";
+    isOpen: boolean;
+    isFullscreen: boolean;
+}, {}>;
+export default _default;

package/dist/types/components/or-bottom-sheet-v3/hooks/useBottomSheetSwipeState.d.ts

@@ -0,0 +1,6 @@
+import { Ref, ComputedRef } from 'vue';
+import { BottomSheetVariant } from '../props';
+declare function useBottomSheetSwipeState(root: Ref<HTMLElement | undefined>, content: Ref<HTMLElement | undefined>, fullscreen: Ref<boolean>, variant: Ref<`${BottomSheetVariant}`>, close: () => void): {
+    rootInlineStyles: ComputedRef<Partial<CSSStyleDeclaration>>;
+};
+export default useBottomSheetSwipeState;

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

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

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

@@ -0,0 +1,4 @@
+export declare enum BottomSheetVariant {
+    Basic = "basic",
+    Advanced = "advanced"
+}

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

@@ -0,0 +1,6 @@
+import { BottomSheetVariant } from './props';
+export declare const BottomSheet: string[];
+export declare const BottomSheetVariants: Record<BottomSheetVariant, string[]>;
+export declare const BottomSheetHandle: string[];
+export declare const BottomSheetHeader: string[];
+export declare const BottomSheetContent: string[];

package/dist/types/components/or-button-group-v3/OrButtonGroup.vue.d.ts

@@ -0,0 +1,37 @@
+import { ButtonColor, ButtonVariant } from '@onereach/ui-components.or-button-v3';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    variant: {
+        type: PropType<`${ButtonVariant}`>;
+        default: () => ButtonVariant;
+    };
+    color: {
+        type: PropType<`${ButtonColor}`>;
+        default: () => ButtonColor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: PropType<`${ButtonVariant}`>;
+        default: () => ButtonVariant;
+    };
+    color: {
+        type: PropType<`${ButtonColor}`>;
+        default: () => ButtonColor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    variant: "link" | "outlined" | "text" | "contained";
+    color: "inherit" | "primary" | "danger";
+}, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,3 @@
+import { ButtonVariant } from '@onereach/ui-components.or-button-v3';
+export declare const ButtonGroup: string[];
+export declare const ButtonGroupVariants: Record<ButtonVariant, string[]>;

package/dist/types/components/or-button-v3/OrButton.vue.d.ts

@@ -0,0 +1,83 @@
+import { PropType } from 'vue';
+import { ButtonColor, ButtonType, ButtonVariant } from './props';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: PropType<`${ButtonType}`>;
+        default: () => ButtonType;
+    };
+    variant: {
+        type: PropType<`${ButtonVariant}`>;
+        default: () => ButtonVariant;
+    };
+    color: {
+        type: PropType<`${ButtonColor}`>;
+        default: () => 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<`${ButtonType}`>;
+        default: () => ButtonType;
+    };
+    variant: {
+        type: PropType<`${ButtonVariant}`>;
+        default: () => ButtonVariant;
+    };
+    color: {
+        type: PropType<`${ButtonColor}`>;
+        default: () => 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;
+}, {}>;
+export default _default;

package/dist/types/components/or-button-v3/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const isVue3 = true;
+export declare const isVue2 = false;

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

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

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

@@ -0,0 +1,16 @@
+export declare enum ButtonVariant {
+    Contained = "contained",
+    Outlined = "outlined",
+    Text = "text",
+    Link = "link"
+}
+export declare enum ButtonColor {
+    Primary = "primary",
+    Danger = "danger",
+    Inherit = "inherit"
+}
+export declare enum ButtonType {
+    Button = "button",
+    Submit = "submit",
+    Reset = "reset"
+}

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

@@ -0,0 +1,8 @@
+import { ButtonColor, ButtonVariant } from './props';
+export declare const Button: string[];
+export declare const ButtonVariants: Record<ButtonVariant, string[]>;
+export declare const ButtonContainerVariants: Record<ButtonVariant, string[]>;
+export declare const ButtonColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]>;
+export declare const ButtonLoadingColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]>;
+export declare const ButtonContainerVariantsLoading: Record<ButtonVariant, string[]>;
+export declare const ButtonContentLoading: Record<ButtonVariant, string[]>;

package/dist/types/components/or-card-collection-v3/OrCardCollection.vue.d.ts

@@ -0,0 +1,112 @@
+import { SortOption } from '@onereach/ui-components.or-sorting-v3';
+import { PropType } from 'vue';
+import { CardCollectionItem, ViewMode } from './types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<CardCollectionItem[]>;
+        default: () => never[];
+    };
+    view: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    viewModes: {
+        type: PropType<ViewMode[]>;
+        default: () => ViewMode[];
+    };
+    sort: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    sortOptions: {
+        type: PropType<SortOption[]>;
+        default: () => never[];
+    };
+    search: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    searchDebounce: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enableSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    toolbarStyles: import("vue").ComputedRef<string[]>;
+    toolbarPanelStyles: import("vue").ComputedRef<string[]>;
+    emptyContainerStyles: import("vue").ComputedRef<string[]>;
+    proxyView: import("vue").Ref<string>;
+    proxySearch: import("vue").Ref<string>;
+    switchView: (view: string) => void;
+    handleSearch: (search?: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("viewChange" | "sortChange" | "searchChange")[], "viewChange" | "sortChange" | "searchChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<CardCollectionItem[]>;
+        default: () => never[];
+    };
+    view: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    viewModes: {
+        type: PropType<ViewMode[]>;
+        default: () => ViewMode[];
+    };
+    sort: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    sortOptions: {
+        type: PropType<SortOption[]>;
+        default: () => never[];
+    };
+    search: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchPlaceholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    searchDebounce: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enableSearch: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onViewChange?: ((...args: any[]) => any) | undefined;
+    onSortChange?: ((...args: any[]) => any) | undefined;
+    onSearchChange?: ((...args: any[]) => any) | undefined;
+}, {
+    sort: string;
+    search: string;
+    loading: boolean;
+    items: CardCollectionItem[];
+    view: string;
+    viewModes: ViewMode[];
+    sortOptions: SortOption[];
+    searchPlaceholder: string;
+    searchDebounce: number;
+    enableSearch: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,3 @@
+export { default as OrCardCollectionV3 } from './OrCardCollection.vue';
+export * from './props';
+export * from './types';

package/dist/types/components/or-card-collection-v3/partials/OrCardCollectionView.vue3.vue.d.ts

@@ -0,0 +1,27 @@
+import { PropType } from 'vue';
+import { CardCollectionView } from '../props';
+import { CardCollectionItem } from '../types';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: PropType<CardCollectionItem[]>;
+        default: () => never[];
+    };
+    mode: {
+        type: PropType<`${CardCollectionView}`>;
+        required: true;
+    };
+}, {
+    rootStyles: import("vue").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<CardCollectionItem[]>;
+        default: () => never[];
+    };
+    mode: {
+        type: PropType<`${CardCollectionView}`>;
+        required: true;
+    };
+}>>, {
+    items: CardCollectionItem[];
+}, {}>;
+export default _default;

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

@@ -0,0 +1,8 @@
+import { ViewMode } from './types';
+export declare enum CardCollectionView {
+    Grid = "grid",
+    List = "list"
+}
+export declare const gridView: ViewMode;
+export declare const listView: ViewMode;
+export declare const defaultViewModes: ViewMode[];

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

@@ -0,0 +1,7 @@
+import { CardCollectionView } from './props';
+export declare const CardCollection: string[];
+export declare const CardCollectionToolbar: string[];
+export declare const CardCollectionToolbarPanel: string[];
+export declare const CardCollectionContent: string[];
+export declare const CardCollectionContentViews: Record<CardCollectionView, string[]>;
+export declare const CardCollectionEmptyContentItem: string[];

package/dist/types/components/or-card-collection-v3/types.d.ts

@@ -0,0 +1,8 @@
+export interface CardCollectionItem {
+    key?: string;
+    [key: string | number]: any;
+}
+export interface ViewMode {
+    view: string;
+    icon: string;
+}

package/dist/types/components/or-card-v3/OrCard.vue.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+import { CardPadding } from './props';
+declare const _default: import("vue").DefineComponent<{
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    padding: {
+        type: PropType<`${CardPadding}`>;
+        default: () => CardPadding;
+    };
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    padding: {
+        type: PropType<`${CardPadding}`>;
+        default: () => CardPadding;
+    };
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    padding: "l" | "m" | "none";
+    selected: boolean;
+    interactive: boolean;
+}, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,5 @@
+export declare enum CardPadding {
+    L = "l",
+    M = "m",
+    None = "none"
+}

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

@@ -0,0 +1,4 @@
+import { CardPadding } from './props';
+export declare const CardRoot: string[];
+export declare const CardPaddings: Record<CardPadding, string[]>;
+export declare const CardInteractive: string[];