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

package/dist/esm/v3/{OrDatePicker-a6518904.js → OrDatePicker-cb114103.js}

@@ -5,13 +5,13 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-e13abe97.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-1a7950ad.js';
+import './OrDateTimePicker-3cb49522.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6 } from './OrDateTimePickerTimeSelect-939d603e.js';
 import './getTimePlaceholder-09859f55.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
-import { s as script$a } from './OrIconButton-ad59bb05.js';
+import { s as script$a } from './OrIconButton-b16183e0.js';
 import { s as script$9 } from './OrIcon-a3e90289.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$c } from './OrLabel-d4c46bb6.js';

package/dist/esm/v3/{OrDateTimeFormat-fc9a09d9.js → OrDateTimeFormat-3563e464.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-e13abe97.js';
-import './OrDateTimePickerTimeSelect-1a7950ad.js';
+import './OrDateTimePicker-3cb49522.js';
+import './OrDateTimePickerTimeSelect-939d603e.js';
 import { D as DateTimePickerTimeFormat, f as formatDate, a as formatTime } from './getTimePlaceholder-09859f55.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrDateTimePicker-e13abe97.js → OrDateTimePicker-3cb49522.js}

@@ -7,12 +7,12 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$9 } from './OrError-c01d0c29.js';
 import { s as script$a } from './OrHint-06ab89d7.js';
-import { s as script$c } from './OrIconButton-ad59bb05.js';
+import { s as script$c } from './OrIconButton-b16183e0.js';
 import { s as script$b } from './OrIcon-a3e90289.js';
 import { s as script$d, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$e } from './OrLabel-d4c46bb6.js';
 import { s as script$f } from './OrPopover-2132e8b9.js';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-1a7950ad.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, f as script$7, g as script$8 } from './OrDateTimePickerTimeSelect-939d603e.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-09859f55.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';

package/dist/esm/v3/{OrDateTimePickerTimeSelect-1a7950ad.js → OrDateTimePickerTimeSelect-939d603e.js}

@@ -8,7 +8,7 @@ import { g as getDatePlaceholder, f as formatDate, D as DateTimePickerTimeFormat
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, renderSlot, createCommentVNode } from 'vue';
 import { s as script$8 } from './OrButton-4a3c3e7b.js';
 import { s as script$9 } from './OrLabel-d4c46bb6.js';
-import { s as script$b } from './OrIconButton-ad59bb05.js';
+import { s as script$b } from './OrIconButton-b16183e0.js';
 import { s as script$a } from './OrIcon-a3e90289.js';
 import { s as script$d } from './OrMenuItem-eb98272d.js';
 import { s as script$c } from './OrMenu-ce78b703.js';

package/dist/esm/v3/{OrIconButton-ad59bb05.js → OrIconButton-b16183e0.js}

@@ -7,6 +7,7 @@ import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactive
 var IconButtonColor;
 (function (IconButtonColor) {
   IconButtonColor["Default"] = "default";
+  IconButtonColor["Primary"] = "primary";
   IconButtonColor["Danger"] = "danger";
   IconButtonColor["Inherit"] = "inherit";
 })(IconButtonColor || (IconButtonColor = {}));
@@ -35,13 +36,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/esm/v3/{OrInlineInput-432134eb.js → OrInlineInput-af88f5db.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-ad59bb05.js';
+import { s as script$3 } from './OrIconButton-b16183e0.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-01fb2cb2.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/esm/v3/{OrInlineTextarea-3434585e.js → OrInlineTextarea-bd45a06a.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-ad59bb05.js';
+import { s as script$3 } from './OrIconButton-b16183e0.js';
 import { s as script$4 } from './OrInlineInputBox-01fb2cb2.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/esm/v3/{OrInput-30df8d73.js → OrInput-73fead51.js}

@@ -8,7 +8,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$4 } from './OrIconButton-ad59bb05.js';
+import { s as script$4 } from './OrIconButton-b16183e0.js';
 import { s as script$3 } from './OrIcon-a3e90289.js';
 import { s as script$5, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$6 } from './OrLabel-d4c46bb6.js';

package/dist/esm/v3/OrList-c9379236.js

@@ -0,0 +1,182 @@
+import { v4 } from 'uuid';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import '@vueuse/core';
+import './dom-aecadd9a.js';
+import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
+import '@onereach/styles/tailwind/plugins/core';
+import '@onereach/styles/tailwind.config.json';
+import { s as script$2 } from './OrIconButton-b16183e0.js';
+import { s as script$1 } from './OrIcon-a3e90289.js';
+import { s as script$3 } from './OrLabel-d4c46bb6.js';
+import { s as script$4 } from './OrListItem-d89cd659.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createVNode, withCtx, createTextVNode, toDisplayString, Fragment, renderList, createBlock, createCommentVNode } from 'vue';
+
+const List = [
+// Layout
+'layout-column',
+// Spacing
+'gap-md'];
+
+var script = defineComponent({
+  components: {
+    OrIcon: script$1,
+    OrIconButton: script$2,
+    OrLabel: script$3,
+    OrListItem: script$4
+  },
+  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
+    };
+  }
+});
+
+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";
+
+export { script as s };

package/dist/esm/v3/OrListItem-d89cd659.js

@@ -0,0 +1,33 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+
+const ListItem = [
+// Layout
+'layout-row',
+// Spacing
+'gap-sm'];
+
+var script = 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.render = render;
+script.__file = "src/components/or-list-v3/partials/or-list-item/OrListItem.vue";
+
+export { script as s };

package/dist/esm/v3/{OrModal-55582d5f.js → OrModal-e469dc8a.js}

@@ -6,7 +6,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$5 } from './OrOverlay-6269c33a.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-ad59bb05.js';
+import { s as script$4 } from './OrIconButton-b16183e0.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v3/{OrNotification-98fe44b7.js → OrNotification-808ac1de.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-ad59bb05.js';
+import { s as script$2 } from './OrIconButton-b16183e0.js';
 import { s as script$1 } from './OrIcon-a3e90289.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrRichTextEditor-bdf2e88f.js → OrRichTextEditor-ee991509.js}

@@ -16,13 +16,13 @@ import Blockquote from '@tiptap/extension-blockquote';
 import Link from '@tiptap/extension-link';
 import Highlight from '@tiptap/extension-highlight';
 import Underline from '@tiptap/extension-underline';
-import { s as script$1 } from './OrIconButton-ad59bb05.js';
+import { s as script$1 } from './OrIconButton-b16183e0.js';
 import { s as script$2 } from './OrLabel-d4c46bb6.js';
 import { s as script$4 } from './OrMenu-ce78b703.js';
 import { s as script$8 } from './OrPopover-2132e8b9.js';
 import { s as script$3 } from './OrMenuItem-eb98272d.js';
-import { s as script$5 } from './OrModal-55582d5f.js';
-import { s as script$6 } from './OrInput-30df8d73.js';
+import { s as script$5 } from './OrModal-e469dc8a.js';
+import { s as script$6 } from './OrInput-73fead51.js';
 import { s as script$7 } from './OrButton-4a3c3e7b.js';
 import _ from 'lodash';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';

package/dist/esm/v3/{OrSearch-04fdc116.js → OrSearch-b89cfce1.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, reactive, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-30df8d73.js';
+import { s as script$1 } from './OrInput-73fead51.js';
 import { I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute-859439f0.js';
 import './dom-aecadd9a.js';

package/dist/esm/v3/{OrSelect-559c6cf5.js → OrSelect-63ef94ce.js}

@@ -10,14 +10,14 @@ import { s as script$2 } from './OrCheckbox-a2017fa5.js';
 import { s as script$3 } from './OrError-c01d0c29.js';
 import { s as script$4 } from './OrExpansionPanel-be0a26e6.js';
 import { s as script$5 } from './OrHint-06ab89d7.js';
-import { s as script$7 } from './OrIconButton-ad59bb05.js';
+import { s as script$7 } from './OrIconButton-b16183e0.js';
 import { s as script$6 } from './OrIcon-a3e90289.js';
 import { s as script$9, I as InputBoxSize } from './OrInputBox-912a6254.js';
-import { s as script$8 } from './OrInput-30df8d73.js';
+import { s as script$8 } from './OrInput-73fead51.js';
 import { s as script$a } from './OrLabel-d4c46bb6.js';
 import { s as script$b } from './OrMenuItem-eb98272d.js';
 import { s as script$c } from './OrPopover-2132e8b9.js';
-import { s as script$d } from './OrTag-31b2c78f.js';
+import { s as script$d } from './OrTag-67c36d0a.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, resolveDirective, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, withModifiers, createVNode, vShow } from 'vue';
 
 const SelectPlaceholder = [

package/dist/esm/v3/{OrSidebar-f9803fee.js → OrSidebar-bf5bb7fe.js}

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-035f0736.js';
+import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-01511312.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 const SidebarRoot = [

package/dist/esm/v3/{OrSidebarCollapseButton-035f0736.js → OrSidebarCollapseButton-01511312.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-ad59bb05.js';
+import { s as script$1 } from './OrIconButton-b16183e0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withModifiers } from 'vue';
 
 var OrSidebarPlacement;

package/dist/esm/v3/{OrTag-31b2c78f.js → OrTag-67c36d0a.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
-import { s as script$1 } from './OrIconButton-ad59bb05.js';
+import { s as script$1 } from './OrIconButton-b16183e0.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagVariant;

package/dist/esm/v3/{OrTagInput-6824b64e.js → OrTagInput-94b25b33.js}

@@ -8,10 +8,10 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-ad59bb05.js';
+import { s as script$3 } from './OrIconButton-b16183e0.js';
 import { s as script$4, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$5 } from './OrLabel-d4c46bb6.js';
-import { s as script$6 } from './OrTags-ba7e85ee.js';
+import { s as script$6 } from './OrTags-52a28046.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, withModifiers, withDirectives, createElementVNode, mergeProps, withKeys, vModelDynamic, createSlots, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 

package/dist/esm/v3/{OrTags-ba7e85ee.js → OrTags-52a28046.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-4a3c3e7b.js';
 import { s as script$2 } from './OrPopover-2132e8b9.js';
-import { s as script$3 } from './OrTag-31b2c78f.js';
+import { s as script$3 } from './OrTag-67c36d0a.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createBlock, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, withModifiers, createCommentVNode } from 'vue';
 
 var TagsOverflow;

package/dist/esm/v3/{OrTimeFormat-845f1078.js → OrTimeFormat-7881ac41.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import './OrDateTimePicker-e13abe97.js';
-import './OrDateTimePickerTimeSelect-1a7950ad.js';
+import './OrDateTimePicker-3cb49522.js';
+import './OrDateTimePickerTimeSelect-939d603e.js';
 import { D as DateTimePickerTimeFormat, a as formatTime } from './getTimePlaceholder-09859f55.js';
 import { openBlock, createElementBlock, normalizeClass, toDisplayString } from 'vue';
 

package/dist/esm/v3/{OrTimePicker-294ab841.js → OrTimePicker-761f8072.js}

@@ -5,13 +5,13 @@ import './dom-aecadd9a.js';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
-import './OrDateTimePicker-e13abe97.js';
-import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-1a7950ad.js';
+import './OrDateTimePicker-3cb49522.js';
+import { b as script$1, d as script$2, e as script$3, f as script$4, g as script$5 } from './OrDateTimePickerTimeSelect-939d603e.js';
 import { D as DateTimePickerTimeFormat } from './getTimePlaceholder-09859f55.js';
 import { g as getCurrentDate } from './getCurrentDate-046a888d.js';
 import { s as script$6 } from './OrError-c01d0c29.js';
 import { s as script$7 } from './OrHint-06ab89d7.js';
-import { s as script$9 } from './OrIconButton-ad59bb05.js';
+import { s as script$9 } from './OrIconButton-b16183e0.js';
 import { s as script$8 } from './OrIcon-a3e90289.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$b } from './OrLabel-d4c46bb6.js';

package/dist/esm/v3/components/index.d.ts

@@ -52,6 +52,7 @@ export * from './or-label-v3';
 export * from './or-link-v3';
 export * from './or-list';
 export * from './or-list-of-inputs';
+export * from './or-list-v3';
 export * from './or-loader';
 export * from './or-loader-v3';
 export * from './or-menu-item-v3';

package/dist/esm/v3/components/index.js

@@ -7,7 +7,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButton-4a3c3e7b.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-8c81a2d5.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-64175d94.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-888ad4f6.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-a789e0d9.js';
 export { s as OrCheckbox } from '../OrCheckbox-5666c954.js';
 export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-bcf1f5b0.js';
@@ -21,7 +21,7 @@ export { lintGutter, linter } from '@codemirror/lint';
 export { javascript } from '@codemirror/lang-javascript';
 export { json, jsonParseLinter } from '@codemirror/lang-json';
 export { html } from '@codemirror/lang-html';
-export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-8183ef38.js';
+export { C as CodeLanguage, s as OrCodeV3 } from '../OrCode-f7edb219.js';
 export { EditorView } from '@codemirror/view';
 export { EditorState } from '@codemirror/state';
 export { s as OrCollapse } from '../OrCollapse-d7c0afae.js';
@@ -29,16 +29,16 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { s as OrCombinedInputV3 } from '../OrCombinedInput-b8a868cb.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox-912a6254.js';
 export { s as OrConfirm } from '../OrConfirm-97ab80b9.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-658dfa58.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-16063ab3.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-0a6a5668.js';
 export { s as OrMenuV3 } from '../OrMenu-ce78b703.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-2132e8b9.js';
-export { s as OrDateFormatV3 } from '../OrDateFormat-8322187d.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker-a6518904.js';
-export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-fc9a09d9.js';
+export { s as OrDateFormatV3 } from '../OrDateFormat-6f98910a.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker-cb114103.js';
+export { s as OrDateTimeFormatV3 } from '../OrDateTimeFormat-3563e464.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-4bfefbcd.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-e13abe97.js';
-export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-1a7950ad.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-3cb49522.js';
+export { s as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMobileControl, c as OrDateTimePickerMonthSelect, d as OrDateTimePickerPopoverFooter, e as OrDateTimePickerPopoverHeader, f as OrDateTimePickerTimeControl, g as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-939d603e.js';
 export { D as DateTimePickerTimeFormat, D as TimePickerFormat, f as formatDate, a as formatTime, g as getDatePlaceholder, b as getTimePlaceholder } from '../getTimePlaceholder-09859f55.js';
 export { g as getCurrentDate } from '../getCurrentDate-046a888d.js';
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1f9.js';
@@ -52,26 +52,28 @@ export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-37f2
 export { s as OrHint } from '../OrHint-8822005b.js';
 export { s as OrHintV3 } from '../OrHint-06ab89d7.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from '../OrIcon-f7130a5c.js';
-export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-ad59bb05.js';
+export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-b16183e0.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from '../OrIcon-a3e90289.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBox-01fb2cb2.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-432134eb.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-af88f5db.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-a3c4c7dc.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-3434585e.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-bd45a06a.js';
 export { s as OrInput } from '../OrInput-2c3111c2.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-30df8d73.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-73fead51.js';
 export { s as OrLabel } from '../OrLabel-a7d99df4.js';
 export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-d4c46bb6.js';
 export { L as LinkColor, s as OrLinkV3 } from '../OrLink-dcae31fb.js';
 export { s as OrList } from '../OrList-aa7b5ef9.js';
 export { s as OrListOfInputs } from '../OrListOfInputs-f8740785.js';
+export { s as OrListV3 } from '../OrList-c9379236.js';
+export { s as OrListItem } from '../OrListItem-d89cd659.js';
 export { L as LoaderViews, s as OrLoader } from '../OrLoader-d28a8ebf.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, s as OrLoaderV3 } from '../OrLoader-b79022da.js';
 export { s as OrMenuItemV3 } from '../OrMenuItem-eb98272d.js';
 export { s as OrModal, O as OrModalSizes } from '../OrModal-b2060770.js';
-export { M as ModalSize, s as OrModalV3 } from '../OrModal-55582d5f.js';
+export { M as ModalSize, s as OrModalV3 } from '../OrModal-e469dc8a.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-1b28dd4a.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-98fe44b7.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-808ac1de.js';
 export { s as OrNumberInput } from '../OrNumberInput-e9dcdcbd.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu-440ddf3e.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';
@@ -84,15 +86,15 @@ export { s as OrRadio } from '../OrRadio-40bf2c87.js';
 export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
 export { s as OrRadioGroupV3 } from '../OrRadioGroup-cae1897c.js';
 export { s as OrRadioV3 } from '../OrRadio-02e0d111.js';
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-bdf2e88f.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-ee991509.js';
 export { s as OrSearch } from '../OrSearch-2800e9bf.js';
-export { s as OrSearchV3 } from '../OrSearch-04fdc116.js';
+export { s as OrSearchV3 } from '../OrSearch-b89cfce1.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-4c4fff7b.js';
 export { s as OrSelect } from '../OrSelect-9520d6e6.js';
-export { s as OrSelectV3 } from '../OrSelect-559c6cf5.js';
+export { s as OrSelectV3 } from '../OrSelect-63ef94ce.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-aaf73310.js';
-export { s as OrSidebarV3 } from '../OrSidebar-f9803fee.js';
-export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-035f0736.js';
+export { s as OrSidebarV3 } from '../OrSidebar-bf5bb7fe.js';
+export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-01511312.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect-c694574e.js';
 export { s as OrSkeletonText } from '../OrSkeletonText-9a800de4.js';
@@ -111,20 +113,20 @@ export { s as OrTabV3 } from '../OrTab-2d567d8e.js';
 export { s as OrTabs } from '../OrTabs-3da3ea89.js';
 export { s as OrTabsV3, T as TabsVariant } from '../OrTabs-05d39983.js';
 export { s as OrTag } from '../OrTag-1b3b1296.js';
-export { s as OrTagInputV3 } from '../OrTagInput-6824b64e.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-31b2c78f.js';
-export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-ba7e85ee.js';
+export { s as OrTagInputV3 } from '../OrTagInput-94b25b33.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-67c36d0a.js';
+export { s as OrTagsV3, T as TagsOverflow } from '../OrTags-52a28046.js';
 export { s as OrTeleport } from '../OrTeleport.vue3-9bce0c02.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from '../OrText-d54c951d.js';
 export { s as OrTextarea } from '../OrTextarea-7a753c1a.js';
 export { s as OrTextareaV3 } from '../OrTextarea-aa1cf564.js';
 export { s as OrTextbox, T as TextboxTypes } from '../OrTextbox-cb6762c8.js';
-export { s as OrTimeFormatV3 } from '../OrTimeFormat-845f1078.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker-294ab841.js';
+export { s as OrTimeFormatV3 } from '../OrTimeFormat-7881ac41.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker-761f8072.js';
 export { s as OrToast, a as OrToastContainer } from '../OrToastContainer-d6f117e2.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-05a9c81b.js';
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-7a770dfb.js';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-93cc75b0.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-5aa9dc05.js';
 export { s as OrTooltip } from '../OrTooltip-7ac03028.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-c0042844.js';