@onereach/ui-components 25.3.5 → 25.3.6

package/dist/types/components/or-inline-input-box-v3/props.d.ts

@@ -0,0 +1,5 @@
+export declare enum InlineInputBoxSize {
+    L = "l",
+    M = "m",
+    S = "s"
+}

package/dist/types/components/or-inline-input-box-v3/styles.d.ts

@@ -0,0 +1,3 @@
+import { InlineInputBoxSize } from './props';
+export declare const InlineInputBox: string[];
+export declare const InlineInputBoxSizes: Record<InlineInputBoxSize, string[]>;

package/dist/types/components/or-inline-input-v3/OrInlineInput.vue.d.ts

@@ -0,0 +1,121 @@
+import { InlineInputBoxSize } from '@onereach/ui-components.or-inline-input-box-v3';
+import { PropType } from 'vue';
+import { InlineInputModelValue, InlineInputType } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<InlineInputModelValue>;
+        default: undefined;
+    };
+    type: {
+        type: PropType<`${InlineInputType}`>;
+        default: () => InlineInputType;
+    };
+    size: {
+        type: PropType<`${InlineInputBoxSize}`>;
+        default: () => InlineInputBoxSize;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    saveOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sliceIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    attributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    control: import("vue").Ref<HTMLInputElement | undefined>;
+    controlStyles: import("vue").ComputedRef<string[]>;
+    actionStyles: import("vue").ComputedRef<string[]>;
+    model: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<InlineInputModelValue>;
+    draft: import("vue").Ref<InlineInputModelValue>;
+    activated: import("vue").Ref<boolean>;
+    length: import("vue").ComputedRef<number>;
+    maxLength: import("vue").ComputedRef<number | undefined>;
+    onFocus: () => void;
+    onBlur: () => void;
+    onTextClick: () => void;
+    apply: () => void;
+    reset: () => void;
+    focus: () => void;
+    blur: () => void;
+    activate: (forceFocus?: boolean) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("apply" | "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup" | "reset")[], "apply" | "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<InlineInputModelValue>;
+        default: undefined;
+    };
+    type: {
+        type: PropType<`${InlineInputType}`>;
+        default: () => InlineInputType;
+    };
+    size: {
+        type: PropType<`${InlineInputBoxSize}`>;
+        default: () => InlineInputBoxSize;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    saveOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    sliceIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onReset?: ((...args: any[]) => any) | undefined;
+    onApply?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "number" | "text";
+    size: "l" | "m" | "s";
+    modelValue: InlineInputModelValue;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    saveOnBlur: boolean;
+    sliceIndex: number;
+}, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,5 @@
+import { InlineInputBoxSize } from '@onereach/ui-components.or-inline-input-box-v3';
+export declare const InlineInput: string[];
+export declare const InlineInputControl: string[];
+export declare const InlineInputAction: string[];
+export declare const InlineInputActionSizes: Record<InlineInputBoxSize, string[]>;

package/dist/types/components/or-inline-input-v3/types.d.ts

@@ -0,0 +1,6 @@
+import { ModelValue } from '@onereach/ui-components-common/types';
+export type InlineInputModelValue = ModelValue<string | number>;
+export declare enum InlineInputType {
+    Text = "text",
+    Number = "number"
+}

package/dist/types/components/or-inline-textarea-v3/OrInlineTextarea.vue.d.ts

@@ -0,0 +1,91 @@
+import { PropType } from 'vue';
+import { InlineTextareaModelValue } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<InlineTextareaModelValue>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    saveOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    attributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    control: import("vue").Ref<HTMLTextAreaElement | undefined>;
+    controlStyles: import("vue").ComputedRef<string[]>;
+    actionStyles: import("vue").ComputedRef<string[]>;
+    model: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<string>;
+    draft: import("vue").Ref<string>;
+    activated: import("vue").Ref<boolean>;
+    length: import("vue").ComputedRef<number>;
+    maxLength: import("vue").ComputedRef<number | undefined>;
+    onFocus: () => void;
+    onBlur: () => void;
+    apply: () => void;
+    reset: () => void;
+    focus: () => void;
+    blur: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("apply" | "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup" | "reset")[], "apply" | "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<InlineTextareaModelValue>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    saveOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onReset?: ((...args: any[]) => any) | undefined;
+    onApply?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: InlineTextareaModelValue;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    saveOnBlur: boolean;
+}, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,3 @@
+export declare const InlineTextarea: string[];
+export declare const InlineTextareaControl: string[];
+export declare const InlineTextareaAction: string[];

package/dist/types/components/or-inline-textarea-v3/types.d.ts

@@ -0,0 +1,2 @@
+import { ModelValue } from '@onereach/ui-components-common/types';
+export type InlineTextareaModelValue = ModelValue<string>;

package/dist/types/components/or-input-box-v3/OrInputBox.vue.d.ts

@@ -0,0 +1,66 @@
+import { PropType } from 'vue';
+import { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';
+declare const _default: import("vue").DefineComponent<{
+    direction: {
+        type: PropType<`${InputBoxDirection}`>;
+        default: () => InputBoxDirection;
+    };
+    variant: {
+        type: PropType<`${InputBoxVariant}`>;
+        default: () => InputBoxVariant;
+    };
+    size: {
+        type: PropType<`${InputBoxSize}`>;
+        default: () => InputBoxSize;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "focus"[], "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    direction: {
+        type: PropType<`${InputBoxDirection}`>;
+        default: () => InputBoxDirection;
+    };
+    variant: {
+        type: PropType<`${InputBoxVariant}`>;
+        default: () => InputBoxVariant;
+    };
+    size: {
+        type: PropType<`${InputBoxSize}`>;
+        default: () => InputBoxSize;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    variant: "styled" | "unstyled" | "embedded";
+    size: "m" | "s";
+    direction: "row" | "column";
+    invalid: boolean;
+    readonly: boolean;
+}, {}>;
+export default _default;

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

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

package/dist/types/components/or-input-box-v3/partials/or-input-box-addon/OrInputBoxAddon.vue.d.ts

@@ -0,0 +1,35 @@
+declare const _default: import("vue").DefineComponent<{
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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<{
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    invalid: boolean;
+    readonly: boolean;
+}, {}>;
+export default _default;

package/dist/types/components/or-input-box-v3/partials/or-input-box-addon/styles.d.ts

@@ -0,0 +1 @@
+export declare const InputBoxAddon: string[];

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

@@ -0,0 +1,5 @@
+import { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';
+export declare const InputBox: string[];
+export declare const InputBoxDirections: Record<InputBoxDirection, string[]>;
+export declare const InputBoxVariants: Record<InputBoxVariant, string[]>;
+export declare const InputBoxSizes: Record<`${InputBoxSize}-${InputBoxDirection}`, string[]>;

package/dist/types/components/or-input-box-v3/types.d.ts

@@ -0,0 +1,13 @@
+export declare enum InputBoxDirection {
+    Row = "row",
+    Column = "column"
+}
+export declare enum InputBoxVariant {
+    Styled = "styled",
+    Unstyled = "unstyled",
+    Embedded = "embedded"
+}
+export declare enum InputBoxSize {
+    M = "m",
+    S = "s"
+}

package/dist/types/components/or-input-v3/OrInput.vue.d.ts

@@ -0,0 +1,176 @@
+import { InputBoxSize, InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';
+import { PropType } from 'vue';
+import { InputMode, InputModelValue, InputType } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<InputModelValue>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    type: {
+        type: PropType<`${InputType}`>;
+        default: () => InputType;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputmode: {
+        type: PropType<`${InputMode}`>;
+        default: InputMode;
+    };
+    variant: {
+        type: PropType<`${InputBoxVariant}`>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<`${InputBoxSize}`>;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    attributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    control: import("vue").Ref<HTMLInputElement | undefined>;
+    controlStyles: import("vue").ComputedRef<string[]>;
+    model: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<InputModelValue>;
+    disclosed: import("vue").Ref<boolean>;
+    length: import("vue").ComputedRef<number>;
+    maxLength: import("vue").ComputedRef<number | undefined>;
+    clear: () => void;
+    focus: () => void;
+    blur: () => void;
+    isMobile: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup")[], "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<InputModelValue>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    type: {
+        type: PropType<`${InputType}`>;
+        default: () => InputType;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputmode: {
+        type: PropType<`${InputMode}`>;
+        default: InputMode;
+    };
+    variant: {
+        type: PropType<`${InputBoxVariant}`>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<`${InputBoxSize}`>;
+        default: undefined;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+    disabled: boolean;
+    type: "number" | "search" | "text" | "password";
+    variant: "styled" | "unstyled" | "embedded";
+    size: "m" | "s";
+    required: boolean;
+    readonly: boolean;
+    modelValue: InputModelValue;
+    autocomplete: string;
+    inputmode: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
+    label: string;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    loading: boolean;
+}, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,2 @@
+export declare const Input: string[];
+export declare const InputControl: string[];

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

@@ -0,0 +1,18 @@
+import { ModelValue } from '@onereach/ui-components-common/types';
+export type InputModelValue = ModelValue<string | number>;
+export declare enum InputType {
+    Text = "text",
+    Number = "number",
+    Password = "password",
+    Search = "search"
+}
+export declare enum InputMode {
+    None = "none",
+    Text = "text",
+    Tel = "tel",
+    Url = "url",
+    Email = "email",
+    Numeric = "numeric",
+    Decimal = "decimal",
+    Search = "search"
+}

package/dist/types/components/or-label-v3/OrLabel.vue.d.ts

@@ -0,0 +1,75 @@
+import { PropType } from 'vue';
+import { LabelVariant } from './types';
+declare const _default: import("vue").DefineComponent<{
+    controlId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<`${LabelVariant}`>;
+        default: () => LabelVariant;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    contentStyles: import("vue").ComputedRef<string[]>;
+    addonStyles: 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<{
+    controlId: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<`${LabelVariant}`>;
+        default: () => LabelVariant;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    variant: "toggle" | "input" | "group" | "menu-item";
+    required: boolean;
+    selected: boolean;
+    invalid: boolean;
+    readonly: boolean;
+    controlId: string;
+}, {}>;
+export default _default;

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

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

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

@@ -0,0 +1,6 @@
+import { LabelVariant } from './types';
+export declare const Label: string[];
+export declare const LabelVariants: Record<LabelVariant, string[]>;
+export declare const LabelContent: string[];
+export declare const LabelContentVariants: Record<LabelVariant, string[]>;
+export declare const LabelAddon: string[];