@onereach/ui-components 8.5.1-beta.3665.0 → 8.5.1

package/dist/bundled/v3/components/OrRadioGroupV3/OrRadioGroup.js

@@ -0,0 +1,84 @@
+import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
+import { defineComponent, toRef } from 'vue-demi';
+import { s as script$1 } from '../OrFormGroupV3-53cf45ee.js';
+import { s as script$2 } from '../OrRadioV3-c96e2fbe.js';
+import { u as useProxyModelValue } from '../OrBottomSheetV3-199292db.js';
+
+var script = defineComponent({
+  name: 'OrRadioGroup',
+  components: {
+    OrFormGroup: script$1,
+    OrRadio: script$2
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: null,
+      default: null
+    },
+    direction: {
+      type: String,
+      default: 'vertical'
+    },
+    label: {
+      type: String,
+      default: ''
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    error: {
+      type: String,
+      default: ''
+    },
+    hint: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, context) {
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    return {
+      proxyModelValue
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrRadio = resolveComponent("OrRadio");
+  const _component_OrFormGroup = resolveComponent("OrFormGroup");
+  return openBlock(), createBlock(_component_OrFormGroup, {
+    direction: _ctx.direction,
+    label: _ctx.label,
+    error: _ctx.error,
+    hint: _ctx.hint,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
+      return openBlock(), createBlock(_component_OrRadio, {
+        key: option.value,
+        modelValue: _ctx.proxyModelValue,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
+        label: option.label,
+        value: option.value,
+        disabled: _ctx.disabled || option.disabled
+      }, null, 8 /* PROPS */, ["modelValue", "label", "value", "disabled"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["direction", "label", "error", "hint", "disabled"]);
+}
+
+script.render = render;
+script.__file = "src/components/or-radio-group-v3/OrRadioGroup.vue";
+
+export { script as default };

package/dist/bundled/v3/components/OrRadioGroupV3/OrRadioGroup.vue.d.ts

@@ -0,0 +1,83 @@
+import { PropType } from 'vue-demi';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: any;
+        default: null;
+    };
+    direction: {
+        type: PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<{
+            label: string;
+            value: any;
+            disabled?: boolean | undefined;
+        }[]>;
+        default: () => never[];
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    hint: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<any>;
+}, 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<{
+    modelValue: {
+        type: any;
+        default: null;
+    };
+    direction: {
+        type: PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<{
+            label: string;
+            value: any;
+            disabled?: boolean | undefined;
+        }[]>;
+        default: () => never[];
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    hint: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    modelValue: any;
+    direction: "vertical" | "horizontal";
+    label: string;
+    options: {
+        label: string;
+        value: any;
+        disabled?: boolean | undefined;
+    }[];
+    error: string;
+    hint: string;
+    disabled: boolean;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+export { default as OrRadioGroupV3 } from './OrRadioGroup.js';

package/dist/bundled/v3/components/OrRadioV3/OrRadio.js

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

package/dist/bundled/v3/components/OrRadioV3/OrRadio.vue.d.ts

@@ -0,0 +1,78 @@
+import { PropType } from 'vue-demi';
+import { LabelVariant } from '../or-label-v3';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    labelVariant: {
+        type: PropType<"input" | "toggle" | "menu-item">;
+        default: LabelVariant;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    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[]>;
+    controlAttributes: {
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<string | undefined>;
+    focus: () => void;
+    blur: () => void;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur")[], "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    labelVariant: {
+        type: PropType<"input" | "toggle" | "menu-item">;
+        default: LabelVariant;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string;
+    label: string;
+    labelVariant: "input" | "toggle" | "menu-item";
+    required: boolean;
+    disabled: boolean;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1 @@
+export { s as OrRadioV3 } from '../OrRadioV3-c96e2fbe.js';

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

@@ -0,0 +1,3 @@
+export declare const RadioRoot: string[];
+export declare const RadioControl: string[];
+export declare const RadioControlHandle: string[];

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

@@ -0,0 +1 @@
+export { a as RadioControl, b as RadioControlHandle, R as RadioRoot } from '../OrRadioV3-c96e2fbe.js';

package/dist/bundled/v3/components/OrRadioV3-c96e2fbe.js

@@ -0,0 +1,147 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, mergeProps, vModelRadio, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { s as styleInject } from './OrAvatar-bfa6fd65.js';
+import { defineComponent, ref, computed, reactive, toRef } from 'vue-demi';
+import { s as script$1, L as LabelVariant } from './OrLabelV3-5fd72248.js';
+import { b as useIdAttribute, c as useControlAttributes, u as useProxyModelValue } from './OrBottomSheetV3-199292db.js';
+
+const RadioRoot = [
+// Layout
+'layout-row',
+// Spacing
+'gap-sm+ md:gap-sm'];
+const RadioControl = [
+// Layout
+'layout-inline-row justify-center',
+// Box
+'w-md+ md:w-md', 'h-md+ md:h-md',
+// Shape
+'rounded-full',
+// Interactivity
+'interactivity-click',
+// Theme
+'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
+// Theme (focus)
+'focus-visible:theme-outline-2-primary', 'dark:focus-visible:theme-outline-2-primary-dark',
+// Theme (checked)
+'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
+const RadioControlHandle = [
+// Box
+'after:w-sm after:md:w-xs', 'after:h-sm after:md:h-xs',
+// Shape
+'after:rounded-full',
+// Theme
+'checked:after:bg-on-primary', 'dark:checked:after:bg-on-primary-dark',
+// Theme (disabled)
+'disabled:checked:after:bg-on-disabled', 'dark:disabled:checked:after:bg-on-disabled-dark'];
+
+var script = defineComponent({
+  name: 'OrRadio',
+  components: {
+    OrLabel: script$1
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: String,
+      default: undefined
+    },
+    value: {
+      type: String,
+      required: true
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    labelVariant: {
+      type: String,
+      default: LabelVariant.Toggle
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue', 'focus', 'blur'],
+  expose: ['root', 'focus', 'blur'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const control = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-radio-v3', ...RadioRoot]);
+    const controlStyles = computed(() => [...RadioControl, ...RadioControlHandle]);
+    // State
+    const controlAttributes = reactive({
+      id: useIdAttribute(),
+      ...useControlAttributes()
+    });
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    // Methods
+    function focus() {
+      var _a;
+      (_a = control.value) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    function blur() {
+      var _a;
+      (_a = control.value) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+    return {
+      root,
+      control,
+      rootStyles,
+      controlStyles,
+      controlAttributes,
+      proxyModelValue,
+      focus,
+      blur
+    };
+  }
+});
+
+const _hoisted_1 = ["value", "required", "disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [withDirectives(createElementVNode("input", mergeProps({
+    ref: "control",
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event)
+  }, _ctx.controlAttributes, {
+    class: _ctx.controlStyles,
+    type: "radio",
+    value: _ctx.value,
+    required: _ctx.required,
+    disabled: _ctx.disabled,
+    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
+  }), null, 16 /* FULL_PROPS */, _hoisted_1), [[vModelRadio, _ctx.proxyModelValue]]), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    "control-id": _ctx.controlAttributes.id,
+    variant: _ctx.labelVariant,
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "variant", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+var css_248z = "\ninput[data-v-2567d702] {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  line-height: 0;\n}\n";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-2567d702";
+script.__file = "src/components/or-radio-v3/OrRadio.vue";
+
+export { RadioRoot as R, RadioControl as a, RadioControlHandle as b, script as s };

package/dist/bundled/v3/components/OrRangeSliderV3/OrRangeSlider.js

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

package/dist/bundled/v3/components/OrRangeSliderV3/OrRangeSlider.vue.d.ts

@@ -0,0 +1,96 @@
+import { PropType } from 'vue-demi';
+import { RangeSliderColor, RangeSliderOrientation } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+    minValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        type: PropType<"primary" | "secondary">;
+        default: RangeSliderColor;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: RangeSliderOrientation;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rail: import("vue-demi").Ref<HTMLElement | undefined>;
+    thumbFrom: import("vue-demi").Ref<HTMLElement | undefined>;
+    thumbTo: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    railStyles: import("vue-demi").ComputedRef<string[]>;
+    offsetStyles: import("vue-demi").ComputedRef<string[]>;
+    offsetComputedStyles: import("vue-demi").ComputedRef<{
+        [x: string]: string;
+    }>;
+    trackStyles: import("vue-demi").ComputedRef<string[]>;
+    trackComputedStyles: import("vue-demi").ComputedRef<{
+        [x: string]: string;
+    }>;
+    thumbStyles: import("vue-demi").ComputedRef<string[]>;
+    labelStyles: import("vue-demi").ComputedRef<string[]>;
+    labelMarkStyles: import("vue-demi").ComputedRef<string[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<[number, number]>;
+    internalModelValueFrom: import("vue-demi").WritableComputedRef<number>;
+    internalModelValueTo: import("vue-demi").WritableComputedRef<number>;
+    selectedControl: import("vue-demi").Ref<"from" | "to" | undefined>;
+    isHovering: import("vue-demi").Ref<boolean>;
+    isDragging: import("vue-demi").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+    minValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        type: PropType<"primary" | "secondary">;
+        default: RangeSliderColor;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: RangeSliderOrientation;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: [number, number];
+    minValue: number;
+    maxValue: number;
+    step: number;
+    color: "primary" | "secondary";
+    orientation: "horizontal" | "vertical";
+    disabled: boolean;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,2 @@
+export { s as OrRangeSliderV3 } from '../OrRangeSliderV3-f81b142c.js';
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-f42f08d5.js';

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

@@ -0,0 +1 @@
+export { SliderColor as RangeSliderColor, SliderOrientation as RangeSliderOrientation } from '../or-slider-v3';

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

@@ -0,0 +1 @@
+export { S as RangeSliderColor, a as RangeSliderOrientation } from '../OrSliderV3-f42f08d5.js';

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

@@ -0,0 +1,14 @@
+import { RangeSliderColor, RangeSliderOrientation } from './props';
+export declare const RangeSlider: string[];
+export declare const RangeSliderOrientations: Record<RangeSliderOrientation, string[]>;
+export declare const RangeSliderRail: string[];
+export declare const RangeSliderRailOrientations: Record<RangeSliderOrientation, string[]>;
+export declare const RangeSliderOffset: string[];
+export declare const RangeSliderOffsetOrientations: Record<RangeSliderOrientation, string[]>;
+export declare const RangeSliderTrack: string[];
+export declare const RangeSliderTrackColors: Record<RangeSliderColor, string[]>;
+export declare const RangeSliderThumb: string[];
+export declare const RangeSliderThumbColors: Record<RangeSliderColor, string[]>;
+export declare const RangeSliderLabel: string[];
+export declare const RangeSliderLabelOrientations: Record<RangeSliderOrientation, string[]>;
+export declare const RangeSliderLabelMark: string[];

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

@@ -0,0 +1,2 @@
+import '../OrSliderV3-f42f08d5.js';
+export { R as RangeSlider, j as RangeSliderLabel, l as RangeSliderLabelMark, k as RangeSliderLabelOrientations, d as RangeSliderOffset, e as RangeSliderOffsetOrientations, a as RangeSliderOrientations, b as RangeSliderRail, c as RangeSliderRailOrientations, h as RangeSliderThumb, i as RangeSliderThumbColors, f as RangeSliderTrack, g as RangeSliderTrackColors } from '../OrRangeSliderV3-f81b142c.js';