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

package/dist/bundled/v3/components/OrProgressV3-d2fbfed6.js

@@ -0,0 +1,283 @@
+import { openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { $ as useElementBounding, v as useResponsive } from './OrBottomSheetV3-199292db.js';
+import { r as round_1 } from './OrProgress-2b208f99.js';
+import { defineComponent, ref, useSlots, computed } from 'vue-demi';
+
+var ProgressColor;
+(function (ProgressColor) {
+  ProgressColor["Auto"] = "auto";
+  ProgressColor["Primary"] = "primary";
+  ProgressColor["Success"] = "success";
+  ProgressColor["Warning"] = "warning";
+  ProgressColor["Error"] = "error";
+})(ProgressColor || (ProgressColor = {}));
+var ProgressType;
+(function (ProgressType) {
+  ProgressType["Linear"] = "linear";
+  ProgressType["Circle"] = "circle";
+})(ProgressType || (ProgressType = {}));
+
+const ProgressRoot = [
+// Typography
+'typography-caption-regular',
+// Theme
+'text-outline', 'dark:text-outline-dark'];
+const ProgressRootTypes = {
+  [ProgressType.Linear]: [
+  // Layout
+  'flex', 'flex-col',
+  // Box
+  'w-full', 'min-w-[160px]', 'max-w-[295px]'],
+  [ProgressType.Circle]: ['-rotate-90']
+};
+const ProgressHeader = [
+// Layout
+'flex', 'flex-row',
+// Spacing
+'mb-[6px]'];
+const ProgressHeaderLabel = [
+// Typography
+'typography-caption-bold',
+// Theme
+'text-on-background', 'dark:text-on-background-dark'];
+const ProgressHeaderPercent = [
+// Spacing
+'ml-auto'];
+const ProgressBarBackground = [
+// Theme
+'stroke-surface-variant', 'dark:stroke-surface-variant-dark'];
+const ProgressBarMain = [
+// Position
+'origin-center',
+// Animation
+'transition-[stroke-dashoffset]'];
+const ProgressBarAnimationTypes = {
+  [ProgressType.Linear]: [
+  // Animation
+  'animate-linear-loader'],
+  [ProgressType.Circle]: [
+  // Animation
+  'animate-circular-loader']
+};
+const ProgressBarColors = {
+  [ProgressColor.Primary]: [
+  // Theme
+  'stroke-primary-hover', 'dark:stroke-primary-hover-dark'],
+  [ProgressColor.Success]: [
+  // Theme
+  'stroke-success-hover', 'dark:stroke-success-hover-dark'],
+  [ProgressColor.Warning]: [
+  // Theme
+  'stroke-warning-hover', 'dark:stroke-warning-hover-dark'],
+  [ProgressColor.Error]: [
+  // Theme
+  'stroke-error-hover', 'dark:stroke-error-hover-dark']
+};
+const ProgressFooter = [
+// Spacing
+'mt-[2px]'];
+
+var script = defineComponent({
+  name: 'OrProgress',
+  props: {
+    maxValue: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    value: {
+      type: Number,
+      required: false,
+      default: null
+    },
+    progress: {
+      type: Number,
+      required: false,
+      default: null
+    },
+    precision: {
+      type: Number,
+      required: false,
+      default: 2
+    },
+    type: {
+      type: String,
+      required: false,
+      default: ProgressType.Linear
+    },
+    color: {
+      type: String,
+      required: false,
+      default: ProgressColor.Auto
+    },
+    loading: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Slots
+    const {
+      header: headerSlot,
+      label: labelSlot,
+      percent: percentSlot,
+      footer: footerSlot
+    } = useSlots();
+    // State
+    const {
+      width
+    } = useElementBounding(root);
+    const localProgress = computed(() => {
+      var _a, _b, _c;
+      return (_a = props.progress) !== null && _a !== void 0 ? _a : ((_b = props.value) !== null && _b !== void 0 ? _b : 0) / ((_c = props.maxValue) !== null && _c !== void 0 ? _c : 1);
+    });
+    const localValue = computed(() => {
+      var _a, _b, _c;
+      return (_a = props.value) !== null && _a !== void 0 ? _a : ((_b = props.progress) !== null && _b !== void 0 ? _b : 0) * ((_c = props.maxValue) !== null && _c !== void 0 ? _c : 1);
+    });
+    const percent = computed(() => round_1(localProgress.value * 100, props.precision) + '%');
+    const isLinearType = computed(() => props.type === ProgressType.Linear);
+    const isCircleType = computed(() => props.type === ProgressType.Circle);
+    const isShowingHeader = computed(() => !!headerSlot || !!labelSlot || !!percentSlot);
+    const isShowingFooter = computed(() => !!footerSlot);
+    const localColor = computed(() => {
+      if (props.loading) return ProgressColor.Primary;
+      if (props.color === ProgressColor.Auto) {
+        if (localProgress.value <= 0.5) {
+          return ProgressColor.Success;
+        } else if (localProgress.value <= 0.95) {
+          return ProgressColor.Warning;
+        } else {
+          return ProgressColor.Error;
+        }
+      } else {
+        return props.color in ProgressColor ? props.color : ProgressColor.Success;
+      }
+    });
+    const computedSize = computed(() => isMobile.value ? 20 : 16);
+    // Styles
+    const rootStyles = computed(() => ['or-progress-v3', ...ProgressRoot, ...ProgressRootTypes[props.type]]);
+    const headerStyles = computed(() => [...ProgressHeader]);
+    const labelStyles = computed(() => [...ProgressHeaderLabel]);
+    const percentStyles = computed(() => [...ProgressHeaderPercent]);
+    const footerStyles = computed(() => [...ProgressFooter]);
+    const progressBarBackgroundStyles = computed(() => [...ProgressBarBackground]);
+    const progressBarMainPartStyles = computed(() => [...ProgressBarMain, ...(props.loading ? ProgressBarAnimationTypes[props.type] : []), ...ProgressBarColors[localColor.value]]);
+    const strokeDasharray = computed(() => isLinearType.value ? width.value - 4 :
+    // 2 + 2 px horizontal padding for rounding
+    isCircleType.value ? 14 * Math.PI :
+    // 14 = diameter = viewBox - stroke-width
+    0);
+    const strokeWidth = computed(() => {
+      return width.value ? width.value - 2 : '100%';
+    });
+    const strokeDashoffset = computed(() => props.loading ? undefined : (1 - localProgress.value) * strokeDasharray.value);
+    // Helpers
+    const {
+      isMobile
+    } = useResponsive();
+    return {
+      root,
+      rootStyles,
+      headerStyles,
+      labelStyles,
+      percentStyles,
+      footerStyles,
+      progressBarBackgroundStyles,
+      progressBarMainPartStyles,
+      strokeDasharray,
+      strokeDashoffset,
+      strokeWidth,
+      localProgress,
+      localValue,
+      percent,
+      isLinearType,
+      isCircleType,
+      isShowingHeader,
+      isShowingFooter,
+      localColor,
+      computedSize
+    };
+  }
+});
+
+const _hoisted_1 = {
+  width: "100%",
+  height: "2"
+};
+const _hoisted_2 = {
+  fill: "none",
+  "stroke-width": "2",
+  "stroke-linecap": "round"
+};
+const _hoisted_3 = ["x2"];
+const _hoisted_4 = ["x2", "stroke-dasharray", "stroke-dashoffset"];
+const _hoisted_5 = ["width", "height"];
+const _hoisted_6 = {
+  fill: "none",
+  "stroke-width": "2",
+  "stroke-linecap": "round"
+};
+const _hoisted_7 = ["stroke-dasharray", "stroke-dashoffset"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [_ctx.isLinearType ? (openBlock(), createElementBlock(Fragment, {
+    key: 0
+  }, [_ctx.isShowingHeader ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(_ctx.headerStyles)
+  }, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", {
+    class: normalizeClass(_ctx.labelStyles)
+  }, [renderSlot(_ctx.$slots, "label")], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.percentStyles)
+  }, [renderSlot(_ctx.$slots, "percent", {
+    value: _ctx.percent
+  }, () => [createTextVNode(toDisplayString(_ctx.percent), 1 /* TEXT */)])], 2 /* CLASS */)])], 2 /* CLASS */)) : createCommentVNode("v-if", true), (openBlock(), createElementBlock("svg", _hoisted_1, [createElementVNode("g", _hoisted_2, [createElementVNode("line", {
+    class: normalizeClass(_ctx.progressBarBackgroundStyles),
+    x1: "2",
+    y1: "50%",
+    x2: _ctx.strokeWidth,
+    y2: "50%"
+  }, null, 10 /* CLASS, PROPS */, _hoisted_3), createElementVNode("line", {
+    class: normalizeClass(_ctx.progressBarMainPartStyles),
+    x1: "2",
+    y1: "50%",
+    x2: _ctx.strokeWidth,
+    y2: "50%",
+    "stroke-dasharray": _ctx.strokeDasharray,
+    "stroke-dashoffset": _ctx.strokeDashoffset
+  }, null, 10 /* CLASS, PROPS */, _hoisted_4)])])), _ctx.isShowingFooter ? (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: normalizeClass(_ctx.footerStyles)
+  }, [renderSlot(_ctx.$slots, "footer", {
+    value: _ctx.localValue
+  })], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : _ctx.isCircleType ? (openBlock(), createElementBlock("svg", {
+    key: 1,
+    viewBox: "0 0 16 16",
+    width: _ctx.computedSize,
+    height: _ctx.computedSize
+  }, [createElementVNode("g", _hoisted_6, [createElementVNode("circle", {
+    class: normalizeClass(_ctx.progressBarBackgroundStyles),
+    cx: "50%",
+    cy: "50%",
+    r: "7"
+  }, null, 2 /* CLASS */), createElementVNode("circle", {
+    class: normalizeClass(_ctx.progressBarMainPartStyles),
+    cx: "50%",
+    cy: "50%",
+    r: "7",
+    "stroke-dasharray": _ctx.strokeDasharray,
+    "stroke-dashoffset": _ctx.strokeDashoffset
+  }, null, 10 /* CLASS, PROPS */, _hoisted_7)])], 8 /* PROPS */, _hoisted_5)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-progress-v3/OrProgress.vue";
+
+export { ProgressColor as P, ProgressType as a, ProgressRoot as b, ProgressRootTypes as c, ProgressHeader as d, ProgressHeaderLabel as e, ProgressHeaderPercent as f, ProgressBarBackground as g, ProgressBarMain as h, ProgressBarAnimationTypes as i, ProgressBarColors as j, ProgressFooter as k, script as s };

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

@@ -0,0 +1,124 @@
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createTextVNode, toDisplayString, pushScopeId, popScopeId } from 'vue';
+import { s as styleInject } from '../OrAvatar-bfa6fd65.js';
+import { defineComponent, inject, computed } from 'vue-demi';
+import { i as isEqual_1 } from '../OrList-896979b0.js';
+import { a0 as get_1 } from '../OrBottomSheetV3-199292db.js';
+
+var script = defineComponent({
+  name: 'OrRadio',
+  inheritAttrs: false,
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: null,
+      default: null
+    },
+    value: {
+      type: null,
+      default: null,
+      required: true
+    },
+    label: {
+      type: String,
+      default: '',
+      required: false
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    isUncheckable: {
+      type: Boolean,
+      default: false,
+      required: false
+    }
+  },
+  emits: ['update:modelValue'],
+  setup(props, _ref) {
+    let {
+      emit
+    } = _ref;
+    const radioGroupInstance = inject('radioGroupInstance', null);
+    const hasInjection = computed(() => !!radioGroupInstance);
+    const modifiedIsDisabled = computed(() => {
+      return hasInjection.value ? (radioGroupInstance === null || radioGroupInstance === void 0 ? void 0 : radioGroupInstance.props.isDisabled) || props.isDisabled : props.isDisabled;
+    });
+    const modifiedIsUncheckable = computed(() => {
+      return hasInjection.value ? (radioGroupInstance === null || radioGroupInstance === void 0 ? void 0 : radioGroupInstance.props.isUncheckable) || props.isUncheckable : props.isUncheckable;
+    });
+    const isChecked = computed(() => {
+      var _a;
+      if (hasInjection.value) {
+        return isEqual_1(get_1(radioGroupInstance, ['props', 'modelValue'], null), props.value) || isEqual_1(get_1(radioGroupInstance, ['props', 'modelValue', 'value'], null), props.value);
+      }
+      return isEqual_1(props.modelValue, props.value) || isEqual_1((_a = props.modelValue) === null || _a === void 0 ? void 0 : _a.value, props.value);
+    });
+    function onClick() {
+      if (!modifiedIsUncheckable.value && isChecked.value || modifiedIsDisabled.value) return;
+      const emitValue = modifiedIsUncheckable.value && isChecked.value ? null : {
+        label: props.label,
+        value: props.value
+      };
+      hasInjection.value ? radioGroupInstance === null || radioGroupInstance === void 0 ? void 0 : radioGroupInstance.emit('update:modelValue', emitValue) : emit('update:modelValue', emitValue);
+    }
+    return {
+      modifiedIsDisabled,
+      modifiedIsUncheckable,
+      isChecked,
+      onClick
+    };
+  },
+  computed: {
+    rootClasses() {
+      return ['or-radio', {
+        'is-checked': this.isChecked,
+        'is-uncheckable': !this.modifiedIsUncheckable,
+        'is-disabled': this.modifiedIsDisabled
+      }, this.$attrs.class];
+    },
+    localAttrs() {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
+      const {
+        class: _,
+        ...rest
+      } = this.$attrs;
+      return rest;
+    }
+  }
+});
+
+const _withScopeId = n => (pushScopeId("data-v-5889a64a"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["disabled", "value", "checked"];
+const _hoisted_2 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createElementVNode("span", {
+  class: "or-radio--radio"
+}, null, -1 /* HOISTED */));
+const _hoisted_3 = {
+  class: "or-radio--content"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("label", {
+    class: normalizeClass(_ctx.rootClasses)
+  }, [createElementVNode("input", mergeProps(_ctx.localAttrs, {
+    disabled: _ctx.modifiedIsDisabled,
+    value: _ctx.value,
+    checked: _ctx.isChecked,
+    class: "or-radio--input visually-hidden",
+    type: "radio",
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onClick && _ctx.onClick(...arguments);
+    })
+  }), null, 16 /* FULL_PROPS */, _hoisted_1), _hoisted_2, createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])])], 2 /* CLASS */);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-5889a64a {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-5889a64a {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-radio[data-v-5889a64a] {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n}\n.or-radio--radio[data-v-5889a64a] {\n  position: relative;\n  width: 1rem;\n  min-width: 1rem;\n  height: 1rem;\n  min-height: 1rem;\n  margin-right: var(--s-3);\n  background-color: var(--c-white);\n  border: 1px solid var(--c-neutral-2);\n  border-radius: 9999px;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: border-color, background-color, opacity;\n}\n.or-radio--radio[data-v-5889a64a]::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0.25rem;\n  height: 0.25rem;\n  content: \"\";\n  background-color: var(--c-white);\n  border-radius: inherit;\n  transition-delay: 0.15s;\n  transform: translate(-50%, -50%) scale(0);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: transform;\n}\n.or-radio--content[data-v-5889a64a] {\n  color: var(--c-neutral-6);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: color;\n}\n.or-radio.is-checked.is-uncheckable[data-v-5889a64a] {\n  cursor: default;\n}\n.or-radio.is-checked .or-radio--radio[data-v-5889a64a] {\n  background-color: var(--c-primary);\n  border-color: var(--c-primary);\n}\n.or-radio.is-checked .or-radio--radio[data-v-5889a64a]::after {\n  transform: translate(-50%, -50%) scale(1);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-5889a64a] {\n    background-color: var(--c-white-darken-3);\n    border-color: var(--c-neutral-2-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-radio:not(.or-radio.is-loading):not(.or-radio.is-disabled):not(.or-radio.is-readonly):not(.or-radio:disabled):not(.or-radio.is-focused):not(.or-radio:active):hover:not(.is-checked) .or-radio--radio[data-v-5889a64a] {\n    background-color: var(--c-white-darken-3);\n    border-color: var(--c-neutral-2-darken-3);\n}\n}\n.or-radio:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active:not(.is-checked) .or-radio--radio[data-v-5889a64a] {\n  background-color: var(--c-white-darken-5);\n  border-color: var(--c-neutral-2-darken-5);\n}\n.or-radio[data-v-5889a64a]:disabled, .or-radio.is-disabled[data-v-5889a64a] {\n  cursor: not-allowed;\n}\n.or-radio:disabled .or-radio--radio[data-v-5889a64a], .or-radio.is-disabled .or-radio--radio[data-v-5889a64a] {\n  opacity: 0.5;\n}\n.or-radio:disabled .or-radio--content[data-v-5889a64a], .or-radio.is-disabled .or-radio--content[data-v-5889a64a] {\n  color: var(--c-neutral-4);\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-5889a64a";
+script.__file = "src/components/or-radio/OrRadio.vue";
+
+export { script as default };

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

@@ -0,0 +1,68 @@
+import { PropType } from 'vue-demi';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: any;
+        default: null;
+    };
+    value: {
+        type: any;
+        default: null;
+        required: true;
+    };
+    label: {
+        type: PropType<string>;
+        default: string;
+        required: false;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    isUncheckable: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+}, {
+    modifiedIsDisabled: import("vue-demi").ComputedRef<boolean>;
+    modifiedIsUncheckable: import("vue-demi").ComputedRef<boolean>;
+    isChecked: import("vue-demi").ComputedRef<boolean>;
+    onClick: () => void;
+}, unknown, {
+    rootClasses(): any;
+    localAttrs(): any;
+}, {}, 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: any;
+        default: null;
+    };
+    value: {
+        type: any;
+        default: null;
+        required: true;
+    };
+    label: {
+        type: PropType<string>;
+        default: string;
+        required: false;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    isUncheckable: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: any;
+    label: string;
+    isDisabled: boolean;
+    isUncheckable: boolean;
+}>;
+export default _default;

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

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

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

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

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

@@ -0,0 +1,63 @@
+import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
+import { s as styleInject } from '../OrAvatar-bfa6fd65.js';
+import { defineComponent, computed, provide, getCurrentInstance } from 'vue-demi';
+
+var script = defineComponent({
+  name: 'OrRadioGroup',
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: null,
+      default: null
+    },
+    isColumn: {
+      type: Boolean,
+      default: true,
+      required: false
+    },
+    isRow: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    isUncheckable: {
+      type: Boolean,
+      default: false,
+      required: false
+    }
+  },
+  setup(props) {
+    const rootClasses = computed(() => ['or-radio-group', {
+      ['is-column']: props.isColumn,
+      ['is-row']: props.isRow
+    }]);
+    provide('radioGroupInstance', getCurrentInstance());
+    return {
+      rootClasses
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
+    class: _ctx.rootClasses,
+    role: "radiogroup"
+  }), [renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */);
+}
+
+var css_248z = ".or-radio-group.is-column[data-v-3521b793] {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.or-radio-group.is-column > *[data-v-3521b793]:not(:last-child) {\n  margin-bottom: var(--s-4);\n}\n.or-radio-group.is-row[data-v-3521b793] {\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.or-radio-group.is-row > *[data-v-3521b793]:not(:last-child) {\n  margin-right: var(--s-4);\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-3521b793";
+script.__file = "src/components/or-radio-group/OrRadioGroup.vue";
+
+export { script as default };

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

@@ -0,0 +1,64 @@
+import { PropType } from 'vue-demi';
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: any;
+        default: null;
+    };
+    isColumn: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    isRow: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    isUncheckable: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+}, {
+    rootClasses: import("vue-demi").ComputedRef<(string | {
+        "is-column": boolean;
+        "is-row": boolean;
+    })[]>;
+}, 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;
+    };
+    isColumn: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    isRow: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    isDisabled: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+    isUncheckable: {
+        type: PropType<boolean>;
+        default: boolean;
+        required: false;
+    };
+}>>, {
+    modelValue: any;
+    isColumn: boolean;
+    isRow: boolean;
+    isDisabled: boolean;
+    isUncheckable: boolean;
+}>;
+export default _default;

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

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

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

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