@onereach/ui-components 6.5.0 → 6.5.1-beta.3474.0

package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-a296caec.js → OrInlineInput.vue_vue_type_script_lang-7d55b790.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-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-23bdebfd.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-6f0607c5.js → OrInlineTextarea.vue_vue_type_script_lang-01a8b8bd.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-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-23bdebfd.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-bd483fbc.js → OrInput.vue_vue_type_script_lang-efa53d36.js}

@@ -7,7 +7,7 @@ import './components/OrHintV3/OrHint.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import './components/OrIconV3/OrIcon.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-23bdebfd.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import { s as script$5 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import './components/OrLabelV3/OrLabel.js';

package/dist/bundled/v3/OrList.vue_vue_type_script_lang-33bfe264.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-8a4ad510.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-23bdebfd.js';
+import { s as script$4 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.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-19e1ff1a.js → OrModal.vue_vue_type_script_lang-27e9f649.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-ff65c253.js';
+import { s as script$4 } from './OrIconButton.vue_vue_type_script_lang-23bdebfd.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-1bb2ed3f.js → OrNotification.vue_vue_type_script_lang-8a74a5f2.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-8a4ad510.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-23bdebfd.js';
 
 var script = defineComponent({
   name: 'OrNotification',

package/dist/bundled/v3/{OrRichTextEditor.vue_vue_type_script_lang-d7752181.js → OrRichTextEditor.vue_vue_type_script_lang-87f8d524.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-ff65c253.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-23bdebfd.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$3 } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';
 import { s as script$4 } from './OrMenu.vue_vue_type_script_lang-13de0752.js';
-import { s as script$5 } from './OrModal.vue_vue_type_script_lang-19e1ff1a.js';
-import { s as script$6 } from './OrInput.vue_vue_type_script_lang-bd483fbc.js';
+import { s as script$5 } from './OrModal.vue_vue_type_script_lang-27e9f649.js';
+import { s as script$6 } from './OrInput.vue_vue_type_script_lang-efa53d36.js';
 import { s as script$7 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
 import { s as script$8 } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
 

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-e76fd9bd.js → OrSearch.vue_vue_type_script_lang-32bcf499.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-bd483fbc.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-efa53d36.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-c0bcc2b5.js → OrSelect.vue_vue_type_script_lang-d53f08b5.js}

@@ -15,14 +15,14 @@ import './components/OrLabelV3/OrLabel.js';
 import './components/OrMenuItemV3/OrMenuItem.js';
 import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
-import { s as script$d } from './OrTag.vue_vue_type_script_lang-32f995f5.js';
+import { s as script$d } from './OrTag.vue_vue_type_script_lang-1d84d4ce.js';
 import { useOverflow } from './hooks/useOverflow.js';
 import { s as script$2 } from './OrCheckbox.vue_vue_type_script_lang-4fa909d8.js';
 import { s as script$3 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$5 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$6 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
-import { s as script$8 } from './OrInput.vue_vue_type_script_lang-bd483fbc.js';
+import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-23bdebfd.js';
+import { s as script$8 } from './OrInput.vue_vue_type_script_lang-efa53d36.js';
 import { s as script$9 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$a } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$b } from './OrMenuItem.vue_vue_type_script_lang-efe9c5de.js';

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-9a7188d1.js → OrSidebar.vue_vue_type_script_lang-4df966a8.js}

@@ -2,7 +2,7 @@ import { f as useDraggable, d as useElementBounding } from './index-5baaa991.js'
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './components/OrSidebarV3/props.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-23bdebfd.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withModifiers } from 'vue';
 import { SidebarRoot, SidebarBar, SidebarSides, SidebarToolbar, CollapsibleSidebarToolbar, SidebarToolbarSides, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarCollapseButton, SidebarCollapseButtonSides, SidebarMain, SidebarHeader, SidebarContent, SidebarFooter } from './components/OrSidebarV3/styles.js';
 

package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-32f995f5.js → OrTag.vue_vue_type_script_lang-1d84d4ce.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi
 import { TagVariant, TagColor } from './components/OrTagV3/props.js';
 import { TagRoot, TagRootVariants, TagRootColors } from './components/OrTagV3/styles.js';
 import './components/OrIconButtonV3/OrIconButton.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-23bdebfd.js';
 
 var script = defineComponent({
   name: 'OrTag',

package/dist/bundled/v3/{OrTagInput.vue_vue_type_script_lang-108a1678.js → OrTagInput.vue_vue_type_script_lang-e3709f98.js}

@@ -6,10 +6,10 @@ import './components/OrIconButtonV3/OrIconButton.js';
 import './components/OrInputBoxV3/OrInputBox.js';
 import './components/OrLabelV3/OrLabel.js';
 import './components/OrTagsV3/OrTags.js';
-import { s as script$6 } from './OrTags.vue_vue_type_script_lang-a6fed075.js';
+import { s as script$6 } from './OrTags.vue_vue_type_script_lang-90264d9a.js';
 import { s as script$1 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$2 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
-import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$3 } from './OrIconButton.vue_vue_type_script_lang-23bdebfd.js';
 import { s as script$4 } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$5 } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { InputBoxSize } from './components/OrInputBoxV3/props.js';

package/dist/bundled/v3/{OrTags.vue_vue_type_script_lang-a6fed075.js → OrTags.vue_vue_type_script_lang-90264d9a.js}

@@ -6,7 +6,7 @@ import './components/OrPopoverV3/OrPopover.js';
 import './components/OrTagV3/OrTag.js';
 import { s as script$1 } from './OrButton.vue_vue_type_script_lang-547a7f18.js';
 import { s as script$2 } from './OrPopover.vue_vue_type_script_lang-1de40837.js';
-import { s as script$3 } from './OrTag.vue_vue_type_script_lang-32f995f5.js';
+import { s as script$3 } from './OrTag.vue_vue_type_script_lang-1d84d4ce.js';
 import { useOverflow } from './hooks/useOverflow.js';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrTimePicker.vue_vue_type_script_lang-18f5c74e.js → OrTimePicker.vue_vue_type_script_lang-af50d971.js}

@@ -12,7 +12,7 @@ import { s as script$1, a as script$2, b as script$3 } from './OrDateTimePickerP
 import { s as script$6 } from './OrError.vue_vue_type_script_lang-df7b5e32.js';
 import { s as script$7 } from './OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import { s as script$8 } from './OrIcon.vue_vue_type_script_lang-8a4ad510.js';
-import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script$9 } from './OrIconButton.vue_vue_type_script_lang-23bdebfd.js';
 import { s as script$a } from './OrInputBox.vue_vue_type_script_lang-137cb650.js';
 import { s as script$b } from './OrLabel.vue_vue_type_script_lang-fcdfd80d.js';
 import { s as script$c } from './OrPopover.vue_vue_type_script_lang-1de40837.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-3b37f8da.js';
-export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-3b37f8da.js';
+import { s as script } from '../../OrCardCollection.vue_vue_type_script_lang-4dbd88c2.js';
+export { s as default } from '../../OrCardCollection.vue_vue_type_script_lang-4dbd88c2.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-3b37f8da.js';
+export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-4dbd88c2.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCode.vue_vue_type_script_lang-b6e82206.js';
-export { s as default } from '../../OrCode.vue_vue_type_script_lang-b6e82206.js';
+import { s as script } from '../../OrCode.vue_vue_type_script_lang-340d9b1f.js';
+export { s as default } from '../../OrCode.vue_vue_type_script_lang-340d9b1f.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-b6e82206.js';
+export { s as OrCodeV3 } from '../../OrCode.vue_vue_type_script_lang-340d9b1f.js';
 export { a as lintGutter, l as linter } from '../../index-210fd8da.js';
 export { javascript } from '../../index-1fc9d52b.js';
 export { json, jsonParseLinter } from '../../index-f6290750.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-56a57a28.js';
-export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-56a57a28.js';
+import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-f003bd2f.js';
+export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-f003bd2f.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-56a57a28.js';
+export { s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-f003bd2f.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-7d8b90bc.js';
-export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-7d8b90bc.js';
+import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-8da8f184.js';
+export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-8da8f184.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-7d8b90bc.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-8da8f184.js';
 export { InputBoxSize as DatePickerSize } 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-090b5555.js';
-export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-090b5555.js';
+import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-cde43138.js';
+export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-cde43138.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-090b5555.js';
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerPopoverHeader-e59d849a.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-cde43138.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerPopoverHeader-1b837531.js';
 export { s as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader.vue_vue_type_script_lang-e8fe4357.js';
 export { s as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-d40024d8.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-ff65c253.js';
-export { s as default } from '../../OrIconButton.vue_vue_type_script_lang-ff65c253.js';
+import { s as script } from '../../OrIconButton.vue_vue_type_script_lang-23bdebfd.js';
+export { s as default } from '../../OrIconButton.vue_vue_type_script_lang-23bdebfd.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/OrIconButton.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: true;
     };
     color: {
-        type: PropType<"default" | "danger" | "inherit">;
+        type: PropType<"default" | "primary" | "danger" | "inherit">;
         default: IconButtonColor;
     };
     size: {
@@ -48,7 +48,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: true;
     };
     color: {
-        type: PropType<"default" | "danger" | "inherit">;
+        type: PropType<"default" | "primary" | "danger" | "inherit">;
         default: IconButtonColor;
     };
     size: {
@@ -74,7 +74,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     size: "inherit" | "xl" | "l" | "m";
     additionalStyles: string[];
-    color: "default" | "danger" | "inherit";
+    color: "default" | "primary" | "danger" | "inherit";
     selected: boolean;
     disabled: boolean;
     tooltip: any;

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-ff65c253.js';
+export { s as OrIconButtonV3 } from '../../OrIconButton.vue_vue_type_script_lang-23bdebfd.js';
 export { IconSize as IconButtonSize } from '../OrIconV3/props.js';

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

@@ -1,5 +1,6 @@
 export declare enum IconButtonColor {
     Default = "default",
+    Primary = "primary",
     Danger = "danger",
     Inherit = "inherit"
 }

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

@@ -3,6 +3,7 @@ export { IconSize as IconButtonSize } from '../OrIconV3/props.js';
 var IconButtonColor;
 (function (IconButtonColor) {
   IconButtonColor["Default"] = "default";
+  IconButtonColor["Primary"] = "primary";
   IconButtonColor["Danger"] = "danger";
   IconButtonColor["Inherit"] = "inherit";
 })(IconButtonColor || (IconButtonColor = {}));

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

@@ -24,13 +24,22 @@ 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]: [
+  // 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-a296caec.js';
-export { s as default } from '../../OrInlineInput.vue_vue_type_script_lang-a296caec.js';
+import { s as script } from '../../OrInlineInput.vue_vue_type_script_lang-7d55b790.js';
+export { s as default } from '../../OrInlineInput.vue_vue_type_script_lang-7d55b790.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-a296caec.js';
+export { s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-7d55b790.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-6f0607c5.js';
-export { s as default } from '../../OrInlineTextarea.vue_vue_type_script_lang-6f0607c5.js';
+import { s as script } from '../../OrInlineTextarea.vue_vue_type_script_lang-01a8b8bd.js';
+export { s as default } from '../../OrInlineTextarea.vue_vue_type_script_lang-01a8b8bd.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-6f0607c5.js';
+export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-01a8b8bd.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInput.vue_vue_type_script_lang-bd483fbc.js';
-export { s as default } from '../../OrInput.vue_vue_type_script_lang-bd483fbc.js';
+import { s as script } from '../../OrInput.vue_vue_type_script_lang-efa53d36.js';
+export { s as default } from '../../OrInput.vue_vue_type_script_lang-efa53d36.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-bd483fbc.js';
+export { s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-efa53d36.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-33bfe264.js';
+export { s as default } from '../../OrList.vue_vue_type_script_lang-33bfe264.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";