@onereach/ui-components 8.5.0 → 8.5.1-beta.3662.0

package/dist/bundled/v3/components/OrIconV3/OrIcon.js

@@ -0,0 +1 @@
+export { s as default } from '../OrIconV3-85d7d26b.js';

package/dist/bundled/v3/components/OrIconV3/OrIcon.vue.d.ts

@@ -0,0 +1,36 @@
+import { PropType } from 'vue-demi';
+import { IconSize, IconVariant } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    variant: {
+        type: PropType<"outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit">;
+        default: IconVariant;
+    };
+    size: {
+        type: PropType<"inherit" | "xl" | "l" | "m">;
+        default: IconSize;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    icon: {
+        type: StringConstructor;
+        required: true;
+    };
+    variant: {
+        type: PropType<"outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit">;
+        default: IconVariant;
+    };
+    size: {
+        type: PropType<"inherit" | "xl" | "l" | "m">;
+        default: IconSize;
+    };
+}>>, {
+    variant: "outlined" | "outlined-bold" | "filled" | "filled-bold" | "inherit";
+    size: "inherit" | "xl" | "l" | "m";
+}>;
+export default _default;

package/dist/bundled/v3/components/OrIconV3/index.d.ts

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

package/dist/bundled/v3/components/OrIconV3/index.js

@@ -0,0 +1 @@
+export { I as IconSize, a as IconVariant, s as OrIconV3 } from '../OrIconV3-85d7d26b.js';

package/dist/bundled/v3/components/OrIconV3/props.d.ts

@@ -0,0 +1,13 @@
+export declare enum IconVariant {
+    Outlined = "outlined",
+    OutlinedBold = "outlined-bold",
+    Filled = "filled",
+    FilledBold = "filled-bold",
+    Inherit = "inherit"
+}
+export declare enum IconSize {
+    XL = "xl",
+    L = "l",
+    M = "m",
+    Inherit = "inherit"
+}

package/dist/bundled/v3/components/OrIconV3/props.js

@@ -0,0 +1 @@
+export { I as IconSize, a as IconVariant } from '../OrIconV3-85d7d26b.js';

package/dist/bundled/v3/components/OrIconV3/styles.d.ts

@@ -0,0 +1,4 @@
+import { IconSize, IconVariant } from './props';
+export declare const Icon: string[];
+export declare const IconVariants: Record<IconVariant, string[]>;
+export declare const IconSizes: Record<IconSize, string[]>;

package/dist/bundled/v3/components/OrIconV3/styles.js

@@ -0,0 +1 @@
+export { b as Icon, d as IconSizes, c as IconVariants } from '../OrIconV3-85d7d26b.js';

package/dist/bundled/v3/components/OrIconV3-85d7d26b.js

@@ -0,0 +1,100 @@
+import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
+import { defineComponent, ref, computed } from 'vue-demi';
+
+var IconVariant;
+(function (IconVariant) {
+  IconVariant["Outlined"] = "outlined";
+  IconVariant["OutlinedBold"] = "outlined-bold";
+  IconVariant["Filled"] = "filled";
+  IconVariant["FilledBold"] = "filled-bold";
+  IconVariant["Inherit"] = "inherit";
+})(IconVariant || (IconVariant = {}));
+var IconSize;
+(function (IconSize) {
+  IconSize["XL"] = "xl";
+  IconSize["L"] = "l";
+  IconSize["M"] = "m";
+  IconSize["Inherit"] = "inherit";
+})(IconSize || (IconSize = {}));
+
+const Icon = [
+// Layout
+'layout-inline-row justify-center'];
+const IconVariants = {
+  [IconVariant.Outlined]: [
+  // Iconography
+  'iconography-outlined'],
+  [IconVariant.OutlinedBold]: [
+  // Iconography
+  'iconography-outlined-bold'],
+  [IconVariant.Filled]: [
+  // Iconography
+  'iconography-filled'],
+  [IconVariant.FilledBold]: [
+  // Iconography
+  'iconography-filled-bold'],
+  [IconVariant.Inherit]: [
+  // Iconography
+  'iconography-inherit']
+};
+const IconSizes = {
+  [IconSize.XL]: [
+  // Box
+  'w-[28px] md:w-[24px]', 'h-[28px] md:h-[24px]',
+  // Typography
+  'text-[28px] md:text-[24px]'],
+  [IconSize.L]: [
+  // Box
+  'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]',
+  // Typography
+  'text-[24px] md:text-[20px]'],
+  [IconSize.M]: [
+  // Box
+  'w-[20px] md:w-[16px]', 'h-[20px] md:h-[16px]',
+  // Typography
+  'text-[20px] md:text-[16px]'],
+  [IconSize.Inherit]: [
+  // Typography
+  'text-inherit']
+};
+
+var script = defineComponent({
+  name: 'OrIcon',
+  props: {
+    icon: {
+      type: String,
+      required: true
+    },
+    variant: {
+      type: String,
+      default: IconVariant.Outlined
+    },
+    size: {
+      type: String,
+      default: IconSize.M
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-icon-v3', ...Icon, ...IconVariants[props.variant], ...IconSizes[props.size]]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, toDisplayString(_ctx.icon), 3 /* TEXT, CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-icon-v3/OrIcon.vue";
+
+export { IconSize as I, IconVariant as a, Icon as b, IconVariants as c, IconSizes as d, script as s };

package/dist/bundled/v3/components/OrInlineInputBoxV3/OrInlineInputBox.js

@@ -0,0 +1 @@
+export { s as default } from '../OrInlineInputBoxV3-c2d12c4d.js';

package/dist/bundled/v3/components/OrInlineInputBoxV3/OrInlineInputBox.vue.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue-demi';
+import { InlineInputBoxSize } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    size: {
+        type: PropType<"m" | "s">;
+        default: InlineInputBoxSize;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    size: {
+        type: PropType<"m" | "s">;
+        default: InlineInputBoxSize;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    size: "m" | "s";
+    invalid: boolean;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrInlineInputBoxV3/index.d.ts

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

package/dist/bundled/v3/components/OrInlineInputBoxV3/index.js

@@ -0,0 +1 @@
+export { I as InlineInputBoxSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBoxV3-c2d12c4d.js';

package/dist/bundled/v3/components/OrInlineInputBoxV3/props.d.ts

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

package/dist/bundled/v3/components/OrInlineInputBoxV3/props.js

@@ -0,0 +1 @@
+export { I as InlineInputBoxSize } from '../OrInlineInputBoxV3-c2d12c4d.js';

package/dist/bundled/v3/components/OrInlineInputBoxV3/styles.d.ts

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

package/dist/bundled/v3/components/OrInlineInputBoxV3/styles.js

@@ -0,0 +1 @@
+export { a as InlineInputBoxRoot, b as InlineInputBoxRootSizes } from '../OrInlineInputBoxV3-c2d12c4d.js';

package/dist/bundled/v3/components/OrInlineInputBoxV3-c2d12c4d.js

@@ -0,0 +1,69 @@
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+import { defineComponent, ref, computed } from 'vue-demi';
+
+var InlineInputBoxSize;
+(function (InlineInputBoxSize) {
+  InlineInputBoxSize["M"] = "m";
+  InlineInputBoxSize["S"] = "s";
+})(InlineInputBoxSize || (InlineInputBoxSize = {}));
+
+const InlineInputBoxRoot = [
+// Layout
+'layout-row',
+// Box
+'w-full',
+// Shape
+'rounded-sm',
+// Theme
+'border-solid', 'border-1', 'border-transparent', 'enabled:outline-none', 'enabled:outline-2', 'enabled:outline-offset-0', 'enabled:valid:text-on-background', 'enabled:valid:dark:text-on-background-dark', 'enabled:valid:hover:bg-primary-opacity-0-08', 'enabled:valid:hover:dark:bg-primary-opacity-0-08-dark', 'enabled:valid:focus-within:bg-primary-opacity-0-08', 'enabled:valid:focus-within:dark:bg-primary-opacity-0-08-dark', 'enabled:valid:focus-within:text-on-background', 'enabled:valid:focus-within:dark:text-on-background-dark', 'enabled:valid:focus-within:border-primary', 'enabled:valid:focus-within:dark:border-primary-dark', 'enabled:valid:focus-within:outline-primary-opacity-0-16', 'enabled:valid:focus-within:dark:outline-primary-opacity-0-16-dark', 'enabled:invalid:bg-error-opacity-0-08', 'enabled:invalid:dark:bg-error-opacity-0-08-dark', 'enabled:invalid:text-on-background', 'enabled:invalid:dark:text-on-background-dark', 'enabled:invalid:border-error', 'enabled:invalid:dark:border-error-dark', 'enabled:invalid:hover:bg-error-opacity-0-12', 'enabled:invalid:hover:dark:bg-error-opacity-0-12-dark', 'enabled:invalid:focus-within:bg-error-opacity-0-08', 'enabled:invalid:focus-within:dark:bg-error-opacity-0-08-dark', 'enabled:invalid:focus-within:text-on-background', 'enabled:invalid:focus-within:dark:text-on-background-dark', 'enabled:invalid:focus-within:border-error', 'enabled:invalid:focus-within:dark:border-error-dark', 'enabled:invalid:focus-within:outline-error-opacity-0-16', 'enabled:invalid:focus-within:dark:outline-error-opacity-0-16-dark', 'disabled:text-on-disabled', 'disabled:dark:text-on-disabled-dark'];
+const InlineInputBoxRootSizes = {
+  'm': [
+  // Spacing
+  'activated:children:px-sm', 'children:py-xs', 'gap-md',
+  // Typography
+  'typography-headline-2'],
+  's': [
+  // Spacing
+  'activated:children:px-sm', 'children:py-none', 'gap-md',
+  // Typography
+  'typography-body-2-regular']
+};
+
+var script = defineComponent({
+  name: 'OrInlineInputBox',
+  props: {
+    size: {
+      type: String,
+      default: InlineInputBoxSize.M
+    },
+    invalid: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-inline-input-box-v3', ...InlineInputBoxRoot, ...InlineInputBoxRootSizes[props.size]]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+const _hoisted_1 = ["invalid"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    invalid: _ctx.invalid ? '' : null
+  }, [renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-inline-input-box-v3/OrInlineInputBox.vue";
+
+export { InlineInputBoxSize as I, InlineInputBoxRoot as a, InlineInputBoxRootSizes as b, script as s };

package/dist/bundled/v3/components/OrInlineInputV3/OrInlineInput.js

@@ -0,0 +1 @@
+export { s as default } from '../OrInlineInputV3-fbc7511a.js';

package/dist/bundled/v3/components/OrInlineInputV3/OrInlineInput.vue.d.ts

@@ -0,0 +1,106 @@
+import { PropType } from 'vue-demi';
+import { InlineInputSize, InlineInputType } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    saveOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: PropType<"number" | "text">;
+        default: InlineInputType;
+    };
+    size: {
+        type: PropType<InlineInputSize>;
+        default: InlineInputSize;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    control: import("vue-demi").Ref<HTMLInputElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    controlStyles: import("vue-demi").ComputedRef<string[]>;
+    actionStyles: import("vue-demi").ComputedRef<string[]>;
+    controlAttributes: {
+        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;
+    };
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | number | undefined>;
+    draftModelValue: import("vue-demi").Ref<string | number | undefined>;
+    currentLength: import("vue-demi").ComputedRef<number>;
+    maxLength: import("vue-demi").ComputedRef<number | undefined>;
+    activated: import("vue-demi").Ref<boolean>;
+    onFocus: (event: Event) => void;
+    onBlur: (event: Event) => void;
+    focus: () => void;
+    blur: () => void;
+    apply: () => void;
+    reset: () => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "keydown" | "keyup" | "focus" | "blur")[], "update:modelValue" | "keydown" | "keyup" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    saveOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: PropType<"number" | "text">;
+        default: InlineInputType;
+    };
+    size: {
+        type: PropType<InlineInputSize>;
+        default: InlineInputSize;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string | number;
+    saveOnBlur: boolean;
+    type: "number" | "text";
+    size: InlineInputSize;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+}>;
+export default _default;

package/dist/bundled/v3/components/OrInlineInputV3/index.d.ts

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

package/dist/bundled/v3/components/OrInlineInputV3/index.js

@@ -0,0 +1,2 @@
+export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInputV3-fbc7511a.js';
+export { I as InlineInputSize } from '../OrInlineInputBoxV3-c2d12c4d.js';

package/dist/bundled/v3/components/OrInlineInputV3/props.d.ts

@@ -0,0 +1,5 @@
+export declare enum InlineInputType {
+    Text = "text",
+    Number = "number"
+}
+export { InlineInputBoxSize as InlineInputSize } from '../or-inline-input-box-v3';

package/dist/bundled/v3/components/OrInlineInputV3/props.js

@@ -0,0 +1,2 @@
+export { I as InlineInputSize } from '../OrInlineInputBoxV3-c2d12c4d.js';
+export { I as InlineInputType } from '../OrInlineInputV3-fbc7511a.js';

package/dist/bundled/v3/components/OrInlineInputV3/styles.d.ts

@@ -0,0 +1,5 @@
+import { InlineInputSize } from './props';
+export declare const InlineInputRoot: string[];
+export declare const InlineInputControl: string[];
+export declare const InlineInputAction: string[];
+export declare const InlineInputActionSizes: Record<InlineInputSize, string[]>;

package/dist/bundled/v3/components/OrInlineInputV3/styles.js

@@ -0,0 +1 @@
+export { c as InlineInputAction, d as InlineInputActionSizes, b as InlineInputControl, a as InlineInputRoot } from '../OrInlineInputV3-fbc7511a.js';