@onereach/ui-components 2.70.0-beta.2185.0 → 2.70.0-beta.2206.0

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-fdb31f3d.js → OrInlineInput.vue_vue_type_script_lang-c4f6a48e.js}

@@ -1,47 +1,16 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue-demi';
+import { InlineInputType } from './components/OrInlineInputV3/props.js';
+import { InlineInputRoot, InlineInputControl, InlineInputAction, InlineInputActionSizes } from './components/OrInlineInputV3/styles.js';
 import './components/OrErrorV3/OrErrorV3.js';
 import './components/OrHintV3/OrHintV3.js';
 import './components/OrIconButtonV3/OrIconButtonV3.js';
 import './components/OrInlineInputBoxV3/OrInlineInputBoxV3.js';
-import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox.vue_vue_type_script_lang-ef7d7eaf.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1 } from './OrError.vue_vue_type_script_lang-6954e9de.js';
-import { s as script$2 } from './OrHint.vue_vue_type_script_lang-7dc58eba.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-7663827a.js';
-
-var InlineInputType;
-(function (InlineInputType) {
-  InlineInputType["Text"] = "text";
-  InlineInputType["Number"] = "number";
-})(InlineInputType || (InlineInputType = {}));
-
-const InlineInputRoot = [
-// Layout
-'layout-column',
-// Spacing
-'gap-xs'];
-const InlineInputControl = [
-// Layout
-'grow',
-// Typography
-'typography-inherit',
-// Theme
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
-const InlineInputAction = [
-// Layout
-'layout-row self-start',
-// Spacing
-'gap-sm+',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
-const InlineInputActionSizes = {
-  'm': [
-  // Spacing
-  'px-none', 'py-sm'],
-  's': [
-  // Spacing
-  'px-none', 'py-xs*']
-};
+import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-5fd272da.js';
+import { InlineInputBoxSize } from './components/OrInlineInputBoxV3/props.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+import { s as script$1 } from './OrError.vue_vue_type_script_lang-98601766.js';
+import { s as script$2 } from './OrHint.vue_vue_type_script_lang-e5ffd5fa.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-da74839d.js';
 
 var script = defineComponent({
   name: 'OrInlineInput',
@@ -170,4 +139,4 @@ var script = defineComponent({
   }
 });
 
-export { InlineInputType as I, script as s };
+export { script as s };

package/dist/bundled/v3/OrInlineInputBox.vue_vue_type_script_lang-5fd272da.js

@@ -0,0 +1,33 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { InlineInputBoxSize } from './components/OrInlineInputBoxV3/props.js';
+import { InlineInputBoxRoot, InlineInputBoxRootSizes } from './components/OrInlineInputBoxV3/styles.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+
+var script = defineComponent({
+  name: 'OrInlineInputBox',
+  inheritAttrs: false,
+  props: {
+    size: {
+      type: String,
+      default: InlineInputBoxSize.M
+    },
+    invalid: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-inline-input-box', ...InlineInputBoxRoot, ...InlineInputBoxRootSizes[props.size], classAttribute.value]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/{OrInlineTextEdit.vue_vue_type_script_lang-02e46795.js → OrInlineTextEdit.vue_vue_type_script_lang-e253d248.js}

@@ -1,25 +1,14 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
+import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './components/OrInlineTextEdit/constants.js';
 import { useVModel } from '@vueuse/core';
-import { s as setStyle, r as requestAF, a as getCS, b as reflow, c as cancelAF } from './dom-a98e78cb.js';
-import { p as pxToRem } from './px-to-rem-0b26b83e.js';
+import { setStyle, requestAF, getCS, reflow, cancelAF } from './utils/functions/dom.js';
+import { pxToRem } from './utils/functions/px-to-rem.js';
 import './components/OrCollapse/OrCollapse.js';
 import './components/OrError/OrError.js';
 import './components/OrIconButtonV2/OrIconButtonV2.js';
-import { s as script$1 } from './OrCollapse.vue_vue_type_script_lang-76b28b03.js';
+import { s as script$1 } from './OrCollapse.vue_vue_type_script_lang-e22b5a76.js';
 import { s as script$2 } from './OrError.vue_vue_type_script_lang-450321b8.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-71dd403b.js';
-
-var InlineTextEditTypes;
-(function (InlineTextEditTypes) {
-  InlineTextEditTypes["heading"] = "heading";
-  InlineTextEditTypes["text"] = "text";
-  InlineTextEditTypes["textarea"] = "textarea";
-})(InlineTextEditTypes || (InlineTextEditTypes = {}));
-var InlineTextEditTrimmingTypes;
-(function (InlineTextEditTrimmingTypes) {
-  InlineTextEditTrimmingTypes["trimmed"] = "trimmed";
-  InlineTextEditTrimmingTypes["lastSymbols"] = "lastSymbols";
-})(InlineTextEditTrimmingTypes || (InlineTextEditTrimmingTypes = {}));
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-721e0c2f.js';
 
 var script = defineComponent({
   name: 'OrInlineTextEdit',
@@ -240,4 +229,4 @@ var script = defineComponent({
   }
 });
 
-export { InlineTextEditTypes as I, InlineTextEditTrimmingTypes as a, script as s };
+export { script as s };

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-f04c4f6c.js → OrInlineTextarea.vue_vue_type_script_lang-228e0fe5.js}

@@ -1,33 +1,14 @@
 import { defineComponent, getCurrentInstance, ref, computed, watch } from 'vue-demi';
+import { InlineTextareaRoot, InlineTextareaControl, InlineTextareaAction } from './components/OrInlineTextareaV3/styles.js';
 import './components/OrErrorV3/OrErrorV3.js';
 import './components/OrHintV3/OrHintV3.js';
 import './components/OrIconButtonV3/OrIconButtonV3.js';
 import './components/OrInlineInputBoxV3/OrInlineInputBoxV3.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1 } from './OrError.vue_vue_type_script_lang-6954e9de.js';
-import { s as script$2 } from './OrHint.vue_vue_type_script_lang-7dc58eba.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-7663827a.js';
-import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-ef7d7eaf.js';
-
-const InlineTextareaRoot = [
-// Layout
-'layout-column',
-// Spacing
-'gap-xs'];
-const InlineTextareaControl = [
-// Layout
-'grow',
-// Typography
-'typography-inherit',
-// Theme
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
-const InlineTextareaAction = [
-// Layout
-'layout-row self-start',
-// Spacing
-'px-none', 'py-sm', 'gap-sm+',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+import { s as script$1 } from './OrError.vue_vue_type_script_lang-98601766.js';
+import { s as script$2 } from './OrHint.vue_vue_type_script_lang-e5ffd5fa.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-da74839d.js';
+import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-5fd272da.js';
 
 var script = defineComponent({
   name: 'OrInlineInput',

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-e970f1b2.js → OrInput.vue_vue_type_script_lang-d1c06414.js}

@@ -1,38 +1,20 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
+import { InputType } from './components/OrInputV3/props.js';
+import { InputRoot, InputControl } from './components/OrInputV3/styles.js';
 import './components/OrErrorV3/OrErrorV3.js';
-import { s as script$1 } from './OrError.vue_vue_type_script_lang-6954e9de.js';
+import { s as script$1 } from './OrError.vue_vue_type_script_lang-98601766.js';
 import './components/OrHintV3/OrHintV3.js';
-import { s as script$2 } from './OrHint.vue_vue_type_script_lang-7dc58eba.js';
+import { s as script$2 } from './OrHint.vue_vue_type_script_lang-e5ffd5fa.js';
 import './components/OrIconV3/OrIconV3.js';
 import './components/OrIconButtonV3/OrIconButtonV3.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-7663827a.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-da74839d.js';
 import './components/OrInputBoxV3/OrInputBoxV3.js';
-import { s as script$5, I as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-d3b211c2.js';
+import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-49d89486.js';
 import './components/OrLabelV3/OrLabelV3.js';
-import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-55e01b7a.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-c13ec0ac.js';
-
-var InputType;
-(function (InputType) {
-  InputType["Text"] = "text";
-  InputType["Number"] = "number";
-  InputType["Password"] = "password";
-  InputType["Search"] = "search";
-})(InputType || (InputType = {}));
-
-const InputRoot = [
-// Layout
-'layout-column',
-// Spacing
-'gap-xs'];
-const InputControl = [
-// Layout
-'grow',
-// Typography
-'typography-inherit',
-// Theme
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
+import { s as script$6 } from './OrLabel.vue_vue_type_script_lang-5bedeb7c.js';
+import { InputBoxSize } from './components/OrInputBoxV3/props.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-1cb537ef.js';
 
 var script = defineComponent({
   name: 'OrInput',
@@ -146,4 +128,4 @@ var script = defineComponent({
   }
 });
 
-export { InputType as I, script as s };
+export { script as s };

package/dist/bundled/v3/OrInputBox.vue_vue_type_script_lang-49d89486.js

@@ -0,0 +1,45 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { InputBoxVariant, InputBoxSize } from './components/OrInputBoxV3/props.js';
+import { InputBoxRoot, InputBoxRootVariants, InputBoxRootSizes } from './components/OrInputBoxV3/styles.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+
+var script = defineComponent({
+  name: 'OrInputBox',
+  inheritAttrs: false,
+  props: {
+    variant: {
+      type: String,
+      default: InputBoxVariant.Styled
+    },
+    size: {
+      type: String,
+      default: InputBoxSize.M
+    },
+    invalid: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-input-box', ...InputBoxRoot, ...InputBoxRootVariants[props.variant], ...InputBoxRootSizes[props.size], classAttribute.value]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/OrLabel.vue_vue_type_script_lang-5bedeb7c.js

@@ -0,0 +1,45 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { LabelVariant } from './components/OrLabelV3/props.js';
+import { LabelRoot, LabelRootVariants, LabelText, LabelAddon } from './components/OrLabelV3/styles.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+
+var script = defineComponent({
+  name: 'OrLabel',
+  inheritAttrs: false,
+  props: {
+    controlId: {
+      type: String,
+      default: undefined
+    },
+    variant: {
+      type: String,
+      default: LabelVariant.Input
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-label', ...LabelRoot, ...LabelRootVariants[props.variant], classAttribute.value]);
+    const textStyles = computed(() => [...LabelText]);
+    const addonStyles = computed(() => [...LabelAddon]);
+    return {
+      root,
+      rootStyles,
+      textStyles,
+      addonStyles
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/OrLink.vue_vue_type_script_lang-2f3d1a29.js

@@ -0,0 +1,49 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { LinkColor } from './components/OrLinkV3/props.js';
+import { LinkRoot, LinkRootColors } from './components/OrLinkV3/styles.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+
+var script = defineComponent({
+  name: 'OrLink',
+  inheritAttrs: false,
+  props: {
+    href: {
+      type: String,
+      required: true
+    },
+    color: {
+      type: String,
+      default: LinkColor.Inherit
+    },
+    underlined: {
+      type: Boolean,
+      default: true
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    loadingText: {
+      type: String,
+      default: 'Loading'
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-link', ...LinkRoot, ...LinkRootColors[`${props.color}`], props.loading && 'interactivity-none', props.underlined && 'underline hover:no-underline', classAttribute.value]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/{OrList.vue_vue_type_script_lang-3c02c236.js → OrList.vue_vue_type_script_lang-49d54b35.js}

@@ -8,9 +8,9 @@ import './components/OrIconButtonV2/OrIconButtonV2.js';
 import './components/OrIcon/OrIcon.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-450321b8.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
-import { s as script$3 } from './OrButton.vue_vue_type_script_lang-aa34ef87.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-71dd403b.js';
-import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-d4254862.js';
+import { s as script$3 } from './OrButton.vue_vue_type_script_lang-b48cc1bf.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-721e0c2f.js';
+import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-aadbcbe3.js';
 
 /**!
  * Sortable 1.14.0

package/dist/bundled/v3/{OrListOfInputs.vue_vue_type_script_lang-8b0e7a41.js → OrListOfInputs.vue_vue_type_script_lang-1176c219.js}

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
 import './components/OrList/OrList.js';
-import { s as script$1 } from './OrList.vue_vue_type_script_lang-3c02c236.js';
+import { s as script$1 } from './OrList.vue_vue_type_script_lang-49d54b35.js';
 import script$2 from './components/OrInput/OrInput.js';
 import './components/OrIcon/OrIcon.js';
 import './components/OrIconButtonV2/OrIconButtonV2.js';
-import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-d4254862.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-71dd403b.js';
+import { s as script$3 } from './OrIcon.vue_vue_type_script_lang-aadbcbe3.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-721e0c2f.js';
 
 var script = defineComponent({
   name: 'OrListOfInputs',

package/dist/bundled/v3/{OrLoader.vue_vue_type_script_lang-352f1432.js → OrLoader.vue_vue_type_script_lang-b48715a3.js}

@@ -1,13 +1,7 @@
 import { defineComponent } from 'vue-demi';
+import { LoaderViews } from './components/OrLoader/constants.js';
 import _ from 'lodash';
 
-var LoaderViews;
-(function (LoaderViews) {
-  LoaderViews["default"] = "default";
-  LoaderViews["text"] = "text";
-  LoaderViews["linear"] = "linear";
-})(LoaderViews || (LoaderViews = {}));
-
 var script = defineComponent({
   name: 'OrLoader',
   props: {
@@ -51,4 +45,4 @@ var script = defineComponent({
   }
 });
 
-export { LoaderViews as L, script as s };
+export { script as s };

package/dist/bundled/v3/{OrLoader.vue_vue_type_script_lang-b8a13a32.js → OrLoader.vue_vue_type_script_lang-f692d020.js}

@@ -1,38 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-
-var LoaderVariant;
-(function (LoaderVariant) {
-  LoaderVariant["Circular"] = "circular";
-  LoaderVariant["Linear"] = "linear";
-})(LoaderVariant || (LoaderVariant = {}));
-var LoaderColor;
-(function (LoaderColor) {
-  LoaderColor["Primary"] = "primary";
-  LoaderColor["Danger"] = "danger";
-  LoaderColor["Inherit"] = "inherit";
-})(LoaderColor || (LoaderColor = {}));
-var LoaderSize;
-(function (LoaderSize) {
-  LoaderSize["M"] = "m";
-  LoaderSize["S"] = "s";
-})(LoaderSize || (LoaderSize = {}));
-
-const LoaderRoot = [
-// Layout
-'contents', 'flex', 'flex-col', 'space-y-md'];
-const LoaderRootColors = {
-  'primary': [
-  // Theme
-  'stroke-primary', 'dark:stroke-primary-dark'],
-  'danger': [
-  // Theme
-  'stroke-error', 'dark:stroke-error-dark'],
-  'inherit': []
-};
-const LoaderContainer = ['flex', 'justify-center'];
-const LoaderTitle = ['typography-headline-2', 'text-center', 'text-on-background', 'dark:text-on-background-dark'];
-const LoaderDescription = ['typography-body-2-regular', 'text-center', 'text-outline', 'dark:text-outline-dark'];
+import { LoaderVariant, LoaderColor, LoaderSize } from './components/OrLoaderV3/props.js';
+import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './components/OrLoaderV3/styles.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
 
 var script = defineComponent({
   name: 'OrLoader',
@@ -89,4 +58,4 @@ var script = defineComponent({
   }
 });
 
-export { LoaderVariant as L, LoaderColor as a, LoaderSize as b, script as s };
+export { script as s };

package/dist/bundled/v3/{OrMenu.vue_vue_type_script_lang-2b12f986.js → OrMenu.vue_vue_type_script_lang-b642edb4.js}

@@ -1,16 +1,9 @@
 import { defineComponent, ref, computed } from 'vue-demi';
+import { MenuRoot, MenuBody } from './components/OrMenuV3/styles.js';
 import './components/OrPopoverV3/OrPopoverV3.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1, P as PopoverPlacement } from './OrPopover.vue_vue_type_script_lang-3aab2e20.js';
-
-const MenuRoot = [
-// Layout
-'inline-block'];
-const MenuBody = [
-// Layout
-'overflow-y-auto',
-// Box
-'min-w-[160px]', 'md:max-w-[256px]', 'max-h-[340px]'];
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+import { s as script$1 } from './OrPopover.vue_vue_type_script_lang-bca04ff0.js';
+import { PopoverPlacement } from './components/OrPopoverV3/props.js';
 
 var script = defineComponent({
   name: 'OrMenu',

package/dist/bundled/v3/{OrMenuItem.vue_vue_type_script_lang-53cb4736.js → OrMenuItem.vue_vue_type_script_lang-78262bac.js}

@@ -1,23 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
+import { MenuItemRoot } from './components/OrMenuItemV3/styles.js';
 import './components/OrIconV3/OrIconV3.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-c13ec0ac.js';
-
-const MenuItemRoot = [
-// Layout
-'layout-row',
-// Spacing
-'px-lg md:px-sm', 'py-sm+ md:py-sm', 'gap-sm md:gap-sm',
-// Interactivity
-'interactivity-auto',
-// Typography
-'typography-body-2-regular md:typography-caption-regular',
-// Typography (selected)
-'selected:typography-body-2-semibold selected:md:typography-caption-semibold',
-// Theme
-'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
-// Theme (hover)
-'hover:theme-foreground-default', 'dark:hover:theme-foreground-default-dark'];
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-1cb537ef.js';
 
 var script = defineComponent({
   name: 'OrMenuItem',

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-76e9e15a.js → OrModal.vue_vue_type_script_lang-0768f700.js}

@@ -1,53 +1,11 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
+import { ModalSize } from './components/OrModalV3/props.js';
+import { ModalRoot, ModalRootSizes, ModalHeader, ModalCloseButton } from './components/OrModalV3/styles.js';
 import './components/OrOverlayV3/OrOverlayV3.js';
 import './components/OrIconButtonV3/OrIconButtonV3.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-f2bdd70b.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-7663827a.js';
-
-var ModalSize;
-(function (ModalSize) {
-  ModalSize["L"] = "l";
-  ModalSize["M"] = "m";
-  ModalSize["S"] = "s";
-})(ModalSize || (ModalSize = {}));
-
-const ModalRoot = [
-// Layout
-'layout-column',
-// Box
-'w-full', 'h-full',
-// Shape
-'md:rounded-md',
-// Spacing
-'px-lg', 'py-lg', 'gap-md md:gap-lg',
-// Typography
-'typography-body-2-regular',
-// Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
-// Elevation
-'shadow-modal', 'dark:shadow-modal-dark'];
-const ModalRootSizes = {
-  'l': [
-  // Box
-  'md:w-[1050px]', 'md:h-auto'],
-  'm': [
-  // Box
-  'md:w-[700px]', 'md:h-auto'],
-  's': [
-  // Box
-  'md:w-[480px]', 'md:h-auto']
-};
-const ModalHeader = [
-// Layouot
-'layout-row',
-// Typography
-'typography-headline-2'];
-const ModalCloseButton = [
-// Layout
-'contents',
-// Theme
-'text-outline', 'dark:text-outline-dark'];
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+import { s as script$1 } from './OrOverlay.vue_vue_type_script_lang-5e5b5fac.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-da74839d.js';
 
 var script = defineComponent({
   name: 'OrModal',
@@ -110,4 +68,4 @@ var script = defineComponent({
   }
 });
 
-export { ModalSize as M, script as s };
+export { script as s };

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-a988003c.js → OrModal.vue_vue_type_script_lang-ee130ace.js}

@@ -1,19 +1,11 @@
 import { ref, watch, defineComponent, onBeforeUnmount } from 'vue-demi';
 import _ from 'lodash';
+import { OrModalSizes } from './components/OrModal/constants.js';
 import { unrefElement, tryOnScopeDispose, onClickOutside } from '@vueuse/core';
 import './components/OrIconButtonV2/OrIconButtonV2.js';
 import './components/OrOverlay/OrOverlay.js';
 import { s as script$2 } from './OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-71dd403b.js';
-
-var OrModalSizes;
-(function (OrModalSizes) {
-  OrModalSizes["tiny"] = "tiny";
-  OrModalSizes["small"] = "small";
-  OrModalSizes["medium"] = "medium";
-  OrModalSizes["large"] = "large";
-  OrModalSizes["fullScreen"] = "fullScreen";
-})(OrModalSizes || (OrModalSizes = {}));
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-721e0c2f.js';
 
 /*!
 * tabbable 6.0.1
@@ -1375,4 +1367,4 @@ var script = defineComponent({
   }
 });
 
-export { OrModalSizes as O, script as s };
+export { script as s };

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-050af525.js → OrNotification.vue_vue_type_script_lang-bfa90980.js}

@@ -1,21 +1,9 @@
 import { defineComponent } from 'vue-demi';
+import { OR_NOTIFICATION_TYPE, OR_NOTIFICATION_SIZE } from './components/OrNotification/constants.js';
 import './components/OrIcon/OrIcon.js';
 import './components/OrIconButtonV2/OrIconButtonV2.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-d4254862.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-71dd403b.js';
-
-var OR_NOTIFICATION_TYPE;
-(function (OR_NOTIFICATION_TYPE) {
-  OR_NOTIFICATION_TYPE["INFO"] = "info";
-  OR_NOTIFICATION_TYPE["ERROR"] = "error";
-  OR_NOTIFICATION_TYPE["WARNING"] = "warning";
-  OR_NOTIFICATION_TYPE["SUCCESS"] = "success";
-})(OR_NOTIFICATION_TYPE || (OR_NOTIFICATION_TYPE = {}));
-var OR_NOTIFICATION_SIZE;
-(function (OR_NOTIFICATION_SIZE) {
-  OR_NOTIFICATION_SIZE["DEFAULT"] = "default";
-  OR_NOTIFICATION_SIZE["INLINE"] = "inline";
-})(OR_NOTIFICATION_SIZE || (OR_NOTIFICATION_SIZE = {}));
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-aadbcbe3.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-721e0c2f.js';
 
 /** HTML links are styled by default to match notification type */
 var script = defineComponent({
@@ -79,4 +67,4 @@ var script = defineComponent({
   }
 });
 
-export { OR_NOTIFICATION_TYPE as O, OR_NOTIFICATION_SIZE as a, script as s };
+export { script as s };