@onereach/ui-components 7.1.0 → 7.1.1-beta.3553.0

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-873efacb.js → OrInlineInput.vue_vue_type_script_lang-eafbf015.js}

@@ -9,7 +9,7 @@ import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c
 import { InlineInputBoxSize } from './components/OrInlineInputBoxV3/props.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';
 import { useValidationAttributes } from './hooks/useValidationAttributes.js';

package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-3bb287c6.js → OrInlineTextarea.vue_vue_type_script_lang-6b88499a.js}

@@ -6,7 +6,7 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInlineInputBoxV3/OrInlineInputBox.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
 import { s as script$4 } from './OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-10d8887d.js → OrInput.vue_vue_type_script_lang-7e02f424.js}

@@ -7,7 +7,7 @@ import './components/OrHintV3/OrHint.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-989d5ee6.js';
 import './components/OrLabelV3/OrLabel.js';

package/dist/bundled/v3/OrList.vue_vue_type_script_lang-8f6fa1e3.js

@@ -0,0 +1,141 @@
+import { v as v4 } from './v4-cf8987a3.js';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+import { List } from './components/OrListV3/styles.js';
+import './components/OrIconV3/OrIcon.js';
+import './components/OrIconButtonV3/OrIconButton.js';
+import './components/OrLabelV3/OrLabel.js';
+import { s as script$2 } from './OrIcon.vue_vue_type_script_lang-bc674d9e.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
+import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
+import { useProxyModelValue } from './hooks/useProxyModelValue.js';
+
+const ListItem = [
+// Layout
+'layout-row',
+// Spacing
+'gap-sm'];
+
+var script$1 = defineComponent({
+  setup() {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-list-item-v3', ...ListItem]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
+}
+
+script$1.render = render;
+script$1.__file = "src/components/or-list-v3/partials/or-list-item/OrListItem.vue";
+
+var script = defineComponent({
+  components: {
+    OrIcon: script$2,
+    OrIconButton: script$3,
+    OrLabel: script$4,
+    OrListItem: script$1
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    itemProps: {
+      type: Object,
+      default: () => ({})
+    },
+    label: {
+      type: String,
+      default: undefined
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    canAdd: {
+      type: Boolean,
+      default: true
+    },
+    canDelete: {
+      type: Boolean,
+      default: true
+    },
+    canReorder: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ['update:modelValue', 'add', 'delete', 'reorder'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-list-v3', ...List]);
+    // State
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    // Methods
+    function addItem() {
+      const addedItem = props.itemProps;
+      proxyModelValue.value = [...proxyModelValue.value, addedItem];
+      context.emit('add', addedItem, proxyModelValue.value.indexOf(addedItem), proxyModelValue.value);
+    }
+    function deleteItem(index) {
+      const deletedItem = proxyModelValue.value[index];
+      proxyModelValue.value = proxyModelValue.value.filter(item => {
+        return item !== deletedItem;
+      });
+      context.emit('delete', deletedItem, index, proxyModelValue.value);
+    }
+    // Handlers
+    function onDragStart(event) {
+      console.log('dragstart', event);
+    }
+    function onDragEnter(event) {
+      console.log('dragenter', event);
+    }
+    function onDragOver(event) {
+      console.log('dragover', event);
+    }
+    function onDragLeave(event) {
+      console.log('dragleave', event);
+    }
+    function onDragEnd(event) {
+      console.log('dragend', event);
+    }
+    function onDrop(event) {
+      console.log('drop', event);
+    }
+    return {
+      root,
+      rootStyles,
+      proxyModelValue,
+      addItem,
+      deleteItem,
+      onDragStart,
+      onDragEnter,
+      onDragOver,
+      onDragLeave,
+      onDragEnd,
+      onDrop,
+      uuid: v4
+    };
+  }
+});
+
+export { script$1 as a, script as s };

package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-7ed03f88.js → OrModal.vue_vue_type_script_lang-0d3b5147.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers } from 'vue';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
 import { ModalSize } from './components/OrModalV3/props.js';
 import { Modal, ModalSizes } from './components/OrModalV3/styles.js';
 import './components/OrOverlayV3/OrOverlay.js';

package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-169db1c4.js → OrNotification.vue_vue_type_script_lang-dddec4de.js}

@@ -4,7 +4,7 @@ import { NotificationRoot, NotificationRootVariants, NotificationIcon, Notificat
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
 import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-bc674d9e.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
 
 var script = defineComponent({
   name: 'OrNotification',

package/dist/bundled/v3/{OrResizeablePanel.vue_vue_type_script_lang-923e0936.js → OrResizeablePanel.vue_vue_type_script_lang-f121c786.js}

@@ -3,7 +3,7 @@ import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ResizeablePanelPadding, ResizeablePanelPlacement } from './components/OrResizeablePanelV3/props.js';
 import { ResizeablePanel, ResizeablePanelPlacements, ResizeablePanelContent, ResizeablePanelContentPaddings, ResizeablePanelContentPlaceholder, ResizeablePanelContentPlaceholderPlacements, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements } from './components/OrResizeablePanelV3/styles.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrRichTextEditor.vue_vue_type_script_lang-971ca9ba.js → OrRichTextEditor.vue_vue_type_script_lang-2d4d62a7.js}

@@ -16,12 +16,12 @@ import './components/OrModalV3/OrModal.js';
 import './components/OrInputV3/OrInput.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrPopoverV3/OrPopover.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
 import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-1e9ee207.js';
 import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-af4f2a40.js';
-import { s as script$5 } from './OrModal.vue_vue_type_script_lang-7ed03f88.js';
-import { s as script$6 } from './OrInput.vue_vue_type_script_lang-10d8887d.js';
+import { s as script$5 } from './OrModal.vue_vue_type_script_lang-0d3b5147.js';
+import { s as script$6 } from './OrInput.vue_vue_type_script_lang-7e02f424.js';
 import { s as script$7 } from './OrButton.vue_vue_type_script_lang-0f7bda53.js';
 import { s as script$8 } from './OrPopover.vue_vue_type_script_lang-62552b5d.js';
 

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-55ed983e.js → OrSearch.vue_vue_type_script_lang-63479512.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
 import './components/OrInputV3/OrInput.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-10d8887d.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-7e02f424.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-341d92c2.js → OrSelect.vue_vue_type_script_lang-2848dfcb.js}

@@ -4,7 +4,7 @@ import { isEmptyValue } from './utils/isEmptyValue.js';
 import { f as useFocus } from './index-c5cda763.js';
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import './components/OrTagsV3/OrTags.js';
-import { s as script$5 } from './OrTags.vue_vue_type_script_lang-167b77f1.js';
+import { s as script$5 } from './OrTags.vue_vue_type_script_lang-2804af4c.js';
 import { TagsOverflow } from './components/OrTagsV3/props.js';
 import { Select, SelectControl, SelectSearchControl, SelectDropdown, SelectDropdownFlipped, SelectDropdownDefault, SelectDropdownItem, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
 import './components/OrCheckboxV3/OrCheckbox.js';
@@ -23,8 +23,8 @@ import { s as script$6 } from './OrCheckbox.vue_vue_type_script_lang-cdc466f7.js
 import { s as script$7 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
 import { s as script$9 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
 import { s as script$a } from './OrIcon.vue_vue_type_script_lang-bc674d9e.js';
-import { s as script$b } from './OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
-import { s as script$c } from './OrInput.vue_vue_type_script_lang-10d8887d.js';
+import { s as script$b } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
+import { s as script$c } from './OrInput.vue_vue_type_script_lang-7e02f424.js';
 import { s as script$d } from './OrInputBox.vue_vue_type_script_lang-989d5ee6.js';
 import { s as script$e } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
 import { s as script$f } from './OrMenuItem.vue_vue_type_script_lang-1e9ee207.js';

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-0076d0c7.js → OrSidebar.vue_vue_type_script_lang-8b27f24b.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { SidebarPlacement } from './components/OrSidebarV3/props.js';
 import { Sidebar, SidebarHeader, SidebarHeaderPaddings, SidebarContent, SidebarContentPaddings, SidebarFooter, SidebarFooterPaddings } from './components/OrSidebarV3/styles.js';
 import './components/OrResizeablePanelV3/OrResizeablePanel.js';
-import { s as script$1 } from './OrResizeablePanel.vue_vue_type_script_lang-923e0936.js';
+import { s as script$1 } from './OrResizeablePanel.vue_vue_type_script_lang-f121c786.js';
 import { ResizeablePanelPadding } from './components/OrResizeablePanelV3/props.js';
 import { usePopoverState } from './hooks/usePopoverState.js';
 

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-d351634b.js → OrTag.vue_vue_type_script_lang-0658354d.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi
 import { TagVariant, TagColor } from './components/OrTagV3/props.js';
 import { Tag, TagVariants, TagColors } from './components/OrTagV3/styles.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
 
 var script = defineComponent({
   name: 'OrTag',

package/dist/bundled/v3/{OrTagInput.vue_vue_type_script_lang-3e60bdec.js → OrTagInput.vue_vue_type_script_lang-7d758cdd.js}

@@ -9,10 +9,10 @@ import './components/OrLabelV3/OrLabel.js';
 import './components/OrTagsV3/OrTags.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
 import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-989d5ee6.js';
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
-import { s as script$6 } from './OrTags.vue_vue_type_script_lang-167b77f1.js';
+import { s as script$6 } from './OrTags.vue_vue_type_script_lang-2804af4c.js';
 import { TagsOverflow } from './components/OrTagsV3/props.js';
 import { useIdAttribute } from './hooks/useIdAttribute.js';
 import { useControlAttributes } from './hooks/useControlAttributes.js';

package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-167b77f1.js → OrTags.vue_vue_type_script_lang-2804af4c.js}

@@ -5,7 +5,7 @@ import { castToTagObject } from './components/OrTagsV3/utils/castToTag.js';
 import './components/OrButtonV3/OrButton.js';
 import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
-import { s as script$3 } from './OrTag.vue_vue_type_script_lang-d351634b.js';
+import { s as script$3 } from './OrTag.vue_vue_type_script_lang-0658354d.js';
 import { useOverflow } from './hooks/useOverflow.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-0f7bda53.js';
 import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-62552b5d.js';

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-0ca99b94.js → OrTimePicker.vue_vue_type_script_lang-2031ee3a.js}

@@ -13,7 +13,7 @@ import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect.vue_v
 import { s as script$6 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
 import { s as script$7 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
 import { s as script$8 } from './OrIcon.vue_vue_type_script_lang-bc674d9e.js';
-import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
 import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-989d5ee6.js';
 import { s as script$b } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
 import { s as script$c } from './OrPopover.vue_vue_type_script_lang-62552b5d.js';

package/dist/bundled/v3/{OrTimeRangePicker.vue_vue_type_script_lang-2c214f17.js → OrTimeRangePicker.vue_vue_type_script_lang-4a548281.js}

@@ -12,7 +12,7 @@ import { s as script$4, a as script$5 } from './OrDateTimePickerTimeSelect.vue_v
 import { s as script$6 } from './OrError.vue_vue_type_script_lang-fcf91781.js';
 import { s as script$7 } from './OrHint.vue_vue_type_script_lang-0ab8b932.js';
 import { s as script$8 } from './OrIcon.vue_vue_type_script_lang-bc674d9e.js';
-import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-90648210.js';
 import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-989d5ee6.js';
 import { s as script$b } from './OrLabel.vue_vue_type_script_lang-e2bcff17.js';
 import { s as script$c } from './OrPopover.vue_vue_type_script_lang-62552b5d.js';

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-c196d039.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-c196d039.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-79c15c42.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-79c15c42.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, createVNode, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps, mergeProps, withCtx, createTextVNode } from 'vue';
 
 const _hoisted_1 = {

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

@@ -1,2 +1,2 @@
 export { CardCollectionView, defaultViewModes, gridView, listView } from './props.js';
-export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-c196d039.js';
+export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-79c15c42.js';

package/dist/bundled/v3/components/OrCodeV3/OrCode.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCode.vue_vue_type_script_lang-da0fa78f.js';
-export { s as default } from '../../OrCode.vue_vue_type_script_lang-da0fa78f.js';
+import { s as script } from '../../OrCode.vue_vue_type_script_lang-c1b79f15.js';
+export { s as default } from '../../OrCode.vue_vue_type_script_lang-c1b79f15.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, renderSlot, createBlock, withModifiers, createCommentVNode, createSlots, createTextVNode, toDisplayString } from 'vue';
 
 const _hoisted_1 = {

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

@@ -1,5 +1,5 @@
 export { CodeLanguage } from './props.js';
-export { s as OrCodeV3 } from '../../OrCode.vue_vue_type_script_lang-da0fa78f.js';
+export { s as OrCodeV3 } from '../../OrCode.vue_vue_type_script_lang-c1b79f15.js';
 export { a as lintGutter, l as linter } from '../../index-4a4ab262.js';
 export { javascript } from '../../index-9b8fe3ec.js';
 export { json, jsonParseLinter } from '../../index-57f01e0d.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-16732e9d.js';
-export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-16732e9d.js';
+import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-ac0e29e9.js';
+export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-ac0e29e9.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 
 const _hoisted_1 = {

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

@@ -1,2 +1,2 @@
 export { ConfirmType } from './props.js';
-export { s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-16732e9d.js';
+export { s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-ac0e29e9.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-69238079.js';
-export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-69238079.js';
+import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-38ecba3a.js';
+export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-38ecba3a.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
 const _hoisted_1 = /*#__PURE__*/createElementVNode("div", {

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

@@ -1,2 +1,2 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-69238079.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-38ecba3a.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrDateRangePicker.vue_vue_type_script_lang-dac15e2a.js';
-export { s as default } from '../../OrDateRangePicker.vue_vue_type_script_lang-dac15e2a.js';
+import { s as script } from '../../OrDateRangePicker.vue_vue_type_script_lang-6c57d848.js';
+export { s as default } from '../../OrDateRangePicker.vue_vue_type_script_lang-6c57d848.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, createElementVNode, Fragment } from 'vue';
 
 const _hoisted_1 = {

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

@@ -1,2 +1,2 @@
-export { s as OrDateRangePickerV3 } from '../../OrDateRangePicker.vue_vue_type_script_lang-dac15e2a.js';
+export { s as OrDateRangePickerV3 } from '../../OrDateRangePicker.vue_vue_type_script_lang-6c57d848.js';
 export { InputBoxSize as DateRangePickerSize } from '../OrInputBoxV3/props.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-936adb1b.js';
-export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-936adb1b.js';
+import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-0b1559d3.js';
+export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-0b1559d3.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
 const _hoisted_1 = /*#__PURE__*/createElementVNode("div", {

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

@@ -1,6 +1,6 @@
 export { DateTimePickerTimeFormat } from './props.js';
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-936adb1b.js';
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect.vue_vue_type_script_lang-fbc84f84.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-0b1559d3.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect.vue_vue_type_script_lang-0c826945.js';
 export { s as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-1f596d82.js';
 export { s as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect.vue_vue_type_script_lang-c8d018a1.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';

package/dist/bundled/v3/components/OrIconButtonV3/OrIconButton.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
-export { s as default } from '../../OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+import { s as script } from '../../OrIconButton.vue_vue_type_script_lang-90648210.js';
+export { s as default } from '../../OrIconButton.vue_vue_type_script_lang-90648210.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, createSlots, withCtx, createElementVNode, mergeProps, toHandlers, createVNode, renderSlot } from 'vue';
 
 const _hoisted_1 = ["selected", "disabled"];

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

@@ -1,3 +1,3 @@
 export { IconButtonColor } from './props.js';
-export { s as OrIconButtonV3 } from '../../OrIconButton.vue_vue_type_script_lang-8a4dcc47.js';
+export { s as OrIconButtonV3 } from '../../OrIconButton.vue_vue_type_script_lang-90648210.js';
 export { IconSize as IconButtonSize } from '../OrIconV3/props.js';

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

@@ -24,11 +24,11 @@ const IconButtonColors = {
   // Theme
   'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
   // Theme (hover)
-  'hover:md:outline-primary-opacity-0-08', 'dark:hover:md:outline-primary-opacity-0-08-dark', 'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark',
+  'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark', 'hover:md:outline-primary-opacity-0-08', 'dark:hover:md:outline-primary-opacity-0-08-dark',
   // Theme (focus)
-  'focus-visible:md:outline-primary-opacity-0-08', 'dark:focus-visible:md:outline-primary-opacity-0-08-dark', 'focus-visible:md:theme-foreground-default', 'dark:focus-visible:md:theme-foreground-default-dark',
+  'focus-visible:md:theme-foreground-default', 'dark:focus-visible:md:theme-foreground-default-dark', 'focus-visible:md:outline-primary-opacity-0-08', 'dark:focus-visible:md:outline-primary-opacity-0-08-dark',
   // Theme (active)
-  'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark', 'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark',
+  'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark', 'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark',
   // Theme (selected)
   'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark'],
   [IconButtonColor.Primary]: [
@@ -40,6 +40,15 @@ const IconButtonColors = {
   'focus-visible:md:outline-primary-opacity-0-08', 'dark:focus-visible:md:outline-primary-opacity-0-08-dark',
   // Theme (active)
   'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark'],
+  [IconButtonColor.Primary]: [
+  // Theme
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark',
+  // Theme (hover)
+  'hover:md:outline-primary-opacity-0-08', 'dark:hover:md:outline-primary-opacity-0-08-dark',
+  // Theme (focus)
+  'focus-visible:md:outline-primary-opacity-0-08', 'dark:focus-visible:md:outline-primary-opacity-0-08-dark',
+  // Theme (active)
+  'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark'],
   [IconButtonColor.Danger]: [
   // Theme
   'theme-preset-3-error', 'dark:theme-preset-3-error-dark',

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInlineInput.vue_vue_type_script_lang-873efacb.js';
-export { s as default } from '../../OrInlineInput.vue_vue_type_script_lang-873efacb.js';
+import { s as script } from '../../OrInlineInput.vue_vue_type_script_lang-eafbf015.js';
+export { s as default } from '../../OrInlineInput.vue_vue_type_script_lang-eafbf015.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 

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

@@ -1,3 +1,3 @@
 export { InlineInputType } from './props.js';
-export { s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-873efacb.js';
+export { s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-eafbf015.js';
 export { InlineInputBoxSize as InlineInputSize } from '../OrInlineInputBoxV3/props.js';

package/dist/bundled/v3/components/OrInlineTextareaV3/OrInlineTextarea.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInlineTextarea.vue_vue_type_script_lang-3bb287c6.js';
-export { s as default } from '../../OrInlineTextarea.vue_vue_type_script_lang-3bb287c6.js';
+import { s as script } from '../../OrInlineTextarea.vue_vue_type_script_lang-6b88499a.js';
+export { s as default } from '../../OrInlineTextarea.vue_vue_type_script_lang-6b88499a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 

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

@@ -1 +1 @@
-export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-3bb287c6.js';
+export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-6b88499a.js';

package/dist/bundled/v3/components/OrInputV3/OrInput.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInput.vue_vue_type_script_lang-10d8887d.js';
-export { s as default } from '../../OrInput.vue_vue_type_script_lang-10d8887d.js';
+import { s as script } from '../../OrInput.vue_vue_type_script_lang-7e02f424.js';
+export { s as default } from '../../OrInput.vue_vue_type_script_lang-7e02f424.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, Fragment, withModifiers, withDirectives, createElementVNode, mergeProps, vModelDynamic, createSlots, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 

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

@@ -1,3 +1,3 @@
 export { InputType } from './props.js';
-export { s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-10d8887d.js';
+export { s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-7e02f424.js';
 export { InputBoxSize as InputSize } from '../OrInputBoxV3/props.js';

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

@@ -0,0 +1,66 @@
+import { s as script } from '../../OrList.vue_vue_type_script_lang-8f6fa1e3.js';
+export { s as default } from '../../OrList.vue_vue_type_script_lang-8f6fa1e3.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createVNode, withCtx, createTextVNode, toDisplayString, Fragment, renderList, createBlock, createCommentVNode } from 'vue';
+
+const _hoisted_1 = ["disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrListItem = resolveComponent("OrListItem");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles),
+    disabled: _ctx.disabled ? '' : null
+  }, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
+    addItem: _ctx.addItem,
+    deleteItem: _ctx.deleteItem
+  })), () => [createVNode(_component_OrLabel, {
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "label-addon")]),
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["disabled"])]), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.proxyModelValue, (item, index) => {
+    return openBlock(), createBlock(_component_OrListItem, {
+      key: _ctx.uuid(),
+      draggable: _ctx.canReorder,
+      onDragstart: _ctx.onDragStart,
+      onDragenter: _ctx.onDragEnter,
+      onDragover: _ctx.onDragOver,
+      onDragleave: _ctx.onDragLeave,
+      onDragend: _ctx.onDragEnd,
+      onDrop: _ctx.onDrop
+    }, {
+      default: withCtx(() => [_ctx.canReorder ? (openBlock(), createBlock(_component_OrIcon, {
+        key: 0,
+        icon: 'drag_handle',
+        size: 'l'
+      })) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+        item,
+        index,
+        items: _ctx.proxyModelValue,
+        addItem: _ctx.addItem,
+        deleteItem: _ctx.deleteItem
+      })), () => [createTextVNode(toDisplayString(item), 1 /* TEXT */)]), _ctx.canDelete ? (openBlock(), createBlock(_component_OrIconButton, {
+        key: 1,
+        icon: 'delete',
+        disabled: _ctx.disabled,
+        onClick: $event => _ctx.deleteItem(index)
+      }, null, 8 /* PROPS */, ["disabled", "onClick"])) : createCommentVNode("v-if", true)]),
+      _: 2 /* DYNAMIC */
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["draggable", "onDragstart", "onDragenter", "onDragover", "onDragleave", "onDragend", "onDrop"]);
+  }), 128 /* KEYED_FRAGMENT */)), renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps({
+    addItem: _ctx.addItem,
+    deleteItem: _ctx.deleteItem
+  })), () => [_ctx.canAdd ? (openBlock(), createBlock(_component_OrIconButton, {
+    key: 0,
+    icon: 'add',
+    disabled: _ctx.disabled,
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.addItem())
+  }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)])], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-list-v3/OrList.vue";