@onereach/ui-components 8.3.1 → 8.3.2-beta.3651.0

package/dist/bundled/v2/components/OrButtonGroupV3/OrButtonGroup.js

@@ -0,0 +1,68 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { ButtonGroup, ButtonGroupVariants } from './styles.js';
+import { ButtonVariant, ButtonColor } from '../OrButtonV3/props.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+
+var script = defineComponent({
+  props: {
+    variant: {
+      type: String,
+      default: ButtonVariant.Contained
+    },
+    color: {
+      type: String,
+      default: ButtonColor.Primary
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-button-group-v3', ...ButtonGroup, ...ButtonGroupVariants[props.variant]]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    ref: "root",
+    class: _vm.rootStyles
+  }, [_vm._t("default", null, null, _vm.$props)], 2);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { __vue_component__ as default };

package/dist/bundled/v2/components/OrButtonGroupV3/OrButtonGroup.vue.d.ts

@@ -0,0 +1,48 @@
+import { PropType } from 'vue-demi';
+import { ButtonGroupColor, ButtonGroupVariant } from './props';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    variant: {
+        type: PropType<"contained" | "outlined" | "text" | "link">;
+        default: ButtonGroupVariant;
+    };
+    color: {
+        type: PropType<"primary" | "danger" | "inherit">;
+        default: ButtonGroupColor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    variant: {
+        type: PropType<"contained" | "outlined" | "text" | "link">;
+        default: ButtonGroupVariant;
+    };
+    color: {
+        type: PropType<"primary" | "danger" | "inherit">;
+        default: ButtonGroupColor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    variant: "contained" | "outlined" | "text" | "link";
+    color: "primary" | "danger" | "inherit";
+    disabled: boolean;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    variant: "contained" | "outlined" | "text" | "link";
+    color: "primary" | "danger" | "inherit";
+    disabled: boolean;
+} & {}, {
+    variant: "contained" | "outlined" | "text" | "link";
+    color: "primary" | "danger" | "inherit";
+    disabled: boolean;
+}, true>);
+export default _default;

package/dist/bundled/v2/components/OrButtonGroupV3/index.d.ts

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

package/dist/bundled/v2/components/OrButtonGroupV3/index.js

@@ -0,0 +1,2 @@
+export { default as OrButtonGroupV3 } from './OrButtonGroup.js';
+export { ButtonColor as ButtonGroupColor, ButtonVariant as ButtonGroupVariant } from '../OrButtonV3/props.js';

package/dist/bundled/v2/components/OrButtonGroupV3/props.d.ts

@@ -0,0 +1 @@
+export { ButtonColor as ButtonGroupColor, ButtonVariant as ButtonGroupVariant } from '../or-button-v3';

package/dist/bundled/v2/components/OrButtonGroupV3/props.js

@@ -0,0 +1 @@
+export { ButtonColor as ButtonGroupColor, ButtonVariant as ButtonGroupVariant } from '../OrButtonV3/props.js';

package/dist/bundled/v2/components/OrButtonGroupV3/styles.d.ts

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

package/dist/bundled/v2/components/OrButtonGroupV3/styles.js

@@ -0,0 +1,21 @@
+import { ButtonVariant } from '../OrButtonV3/props.js';
+
+const ButtonGroup = [
+// Layout
+'layout-row',
+// Shape (children)
+'[&:not(:first-child)]:children:rounded-l-none', '[&:not(:last-child)]:children:rounded-r-none'];
+const ButtonGroupVariants = {
+  [ButtonVariant.Contained]: [
+  // Spacing
+  'gap-[1px]'],
+  [ButtonVariant.Outlined]: [
+  // Spacing
+  '[&:not(:first-child)]:children:ml-[-1px]'],
+  [ButtonVariant.Text]: [
+  // Theme
+  'theme-divider-outline-variant', 'dark:theme-divider-outline-variant-dark'],
+  [ButtonVariant.Link]: []
+};
+
+export { ButtonGroup, ButtonGroupVariants };

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -6,8 +6,8 @@ import { Confirm, ConfirmHeader, ConfirmInput, ConfirmFooter, ConfirmFooterTypes
 import __vue_component__$1 from '../OrOverlayV3/OrOverlay.js';
 import __vue_component__$2 from '../OrButtonV3/OrButton.js';
 import __vue_component__$3 from '../OrInputV3/OrInput.js';
-import { ButtonColor } from '../OrButtonV3/props.js';
 import { usePopoverState } from '../../hooks/usePopoverState.js';
+import { ButtonColor } from '../OrButtonV3/props.js';
 import { w as whenever } from '../../index-5564585f.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-18ba0793.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-c7ea6517.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-13a1f9e3.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrDateRangePickerV3/OrDateRangePicker.js

@@ -8,7 +8,7 @@ import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import { getNextMonthDate } from '../OrDateTimePickerV3/utils/getNextMonthDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-18ba0793.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-c7ea6517.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-13a1f9e3.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-18ba0793.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-c7ea6517.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-13a1f9e3.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7ce1b97d.js';
 import { DateTimePickerTimeFormat } from './props.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -1,5 +1,5 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-18ba0793.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-c7ea6517.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-13a1f9e3.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7ce1b97d.js';
 export { DateTimePickerTimeFormat } from './props.js';

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-746fc406.js';
+export { _ as default } from '../../OrList-9dff50b7.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrListV3/index.js

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-746fc406.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-9dff50b7.js';

package/dist/bundled/v2/components/index.d.ts

@@ -2,6 +2,7 @@ export * from './or-avatar';
 export * from './or-avatar-v3';
 export * from './or-bottom-sheet-v3';
 export * from './or-button';
+export * from './or-button-group-v3';
 export * from './or-button-v2';
 export * from './or-button-v3';
 export * from './or-card';

package/dist/bundled/v2/components/index.js

@@ -6,11 +6,12 @@ export { default as OrBottomSheetV3 } from './OrBottomSheetV3/OrBottomSheet.js';
 export { BottomSheetVariant } from './OrBottomSheetV3/props.js';
 export { default as OrButton } from './OrButton/OrButton.js';
 export { OrButtonColors, OrButtonSizes, OrButtonViews } from './OrButton/constants.js';
+export { default as OrButtonGroupV3 } from './OrButtonGroupV3/OrButtonGroup.js';
+export { ButtonColor, ButtonColor as ButtonGroupColor, ButtonVariant as ButtonGroupVariant, ButtonType, ButtonVariant } from './OrButtonV3/props.js';
 export { default as OrButtonV2 } from './OrButtonV2/OrButton.js';
 export { default as OrIconButton, default as OrIconButtonV2 } from './OrIconButtonV2/OrIconButton.js';
 export { BUTTON_COLOR, BUTTON_LOADER_TYPE, BUTTON_SIZE, BUTTON_TYPE, ICON_BUTTON_TYPE } from './OrButtonV2/constants.js';
 export { default as OrButtonV3 } from './OrButtonV3/OrButton.js';
-export { ButtonColor, ButtonType, ButtonVariant } from './OrButtonV3/props.js';
 export { default as OrCard } from './OrCard/OrCard.js';
 export { CARD_COLLECTION_LAYOUT } from './OrCardCollection/constants.js';
 export { default as OrCardCollection } from './OrCardCollection/OrCardCollection.js';
@@ -51,7 +52,7 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-18ba0793.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-c7ea6517.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-13a1f9e3.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-7ce1b97d.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat, DateTimePickerTimeFormat as TimeRangePickerFormat } from './OrDateTimePickerV3/props.js';
@@ -100,7 +101,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-746fc406.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-9dff50b7.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';

package/dist/bundled/v2/hooks/useTheme.js

@@ -2049,6 +2049,7 @@ var theme = {
 		auto: "auto"
 	},
 	aria: {
+		busy: "busy=\"true\"",
 		checked: "checked=\"true\"",
 		disabled: "disabled=\"true\"",
 		expanded: "expanded=\"true\"",
@@ -3705,6 +3706,8 @@ var plugins = [
 	{
 	},
 	{
+	},
+	{
 	}
 ];
 var darkMode = [