@onereach/ui-components 8.20.1 → 8.20.2-beta.4020.0

package/dist/esm/v2/{OrCardCollection-d82b4dd0.js → OrCardCollection-7351de8c.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { _ as __vue_component__$2 } from './OrIconButton-9502a78a.js';
-import { _ as __vue_component__$4 } from './OrSearch-b357d036.js';
+import { _ as __vue_component__$4 } from './OrSearch-801f7ff1.js';
 import './OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import { _ as __vue_component__$5 } from './OrLoader-784e2060.js';
 import { _ as __vue_component__$3 } from './OrSorting-d657f712.js';

package/dist/esm/v2/{OrConfirm-0543208c.js → OrConfirm-d56a2cf4.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$2 } from './OrButton-8d1efd4a.js';
 import { B as ButtonColor } from './OrButton.vue_rollup-plugin-vue_script-ec8cfaee.js';
-import { _ as __vue_component__$3 } from './OrInput-96532c77.js';
+import { _ as __vue_component__$3 } from './OrInput-42dedcc1.js';
 import { _ as __vue_component__$1 } from './OrOverlay-9aa5020f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrInput-96532c77.js → OrInput-42dedcc1.js}

@@ -36,7 +36,12 @@ const InputControl = [
 // Typography
 'typography-inherit',
 // Theme (placeholder)
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
+'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark',
+// Autofill hack,
+// disable (delay color change)
+'autofill:transition-colors autofill:duration-[5000s]',
+// override background color using box-shadow
+'autofill:shadow-[10px_0_1000px_theme(backgroundColor.primary-opacity-0-08)_inset]', 'dark:autofill:shadow-[0_0_0px_1000px_theme(backgroundColor.primary-opacity-0-08-dark)_inset]'];
 
 var script = defineComponent({
   name: 'OrInput',
@@ -102,6 +107,10 @@ var script = defineComponent({
       type: String,
       default: 'off'
     },
+    name: {
+      type: String,
+      default: undefined
+    },
     disableDefaultStyles: {
       type: Boolean,
       default: false
@@ -159,7 +168,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-a519a4e8]{min-width:0;background:0 0;outline:0}input[type=number][data-v-a519a4e8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-a519a4e8]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-add08476]{min-width:0;background:0 0;outline:0}input[type=number][data-v-add08476]::-webkit-inner-spin-button{display:none}input[type=search][data-v-add08476]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -254,6 +263,7 @@ var __vue_render__ = function () {
       "readonly": _vm.readonly || _vm.loading,
       "disabled": _vm.disabled,
       "autocomplete": _vm.autocomplete,
+      "name": _vm.name,
       "type": "checkbox"
     },
     domProps: {
@@ -307,6 +317,7 @@ var __vue_render__ = function () {
       "readonly": _vm.readonly || _vm.loading,
       "disabled": _vm.disabled,
       "autocomplete": _vm.autocomplete,
+      "name": _vm.name,
       "type": "radio"
     },
     domProps: {
@@ -347,6 +358,7 @@ var __vue_render__ = function () {
       "readonly": _vm.readonly || _vm.loading,
       "disabled": _vm.disabled,
       "autocomplete": _vm.autocomplete,
+      "name": _vm.name,
       "type": _vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type
     },
     domProps: {
@@ -419,7 +431,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-a519a4e8";
+const __vue_scope_id__ = "data-v-add08476";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/{OrRichTextEditor-8b4d1d64.js → OrRichTextEditor-198113b7.js}

@@ -22,7 +22,7 @@ import { _ as __vue_component__$4 } from './OrMenu-8802ee12.js';
 import { _ as __vue_component__$8 } from './OrPopover-7d9405fb.js';
 import { _ as __vue_component__$3 } from './OrMenuItem-fbe3e8e4.js';
 import { _ as __vue_component__$5 } from './OrModal-333f7706.js';
-import { _ as __vue_component__$6 } from './OrInput-96532c77.js';
+import { _ as __vue_component__$6 } from './OrInput-42dedcc1.js';
 import { _ as __vue_component__$7 } from './OrButton-8d1efd4a.js';
 import './OrButton.vue_rollup-plugin-vue_script-ec8cfaee.js';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';

package/dist/esm/v2/{OrSearch-b357d036.js → OrSearch-801f7ff1.js}

@@ -6,7 +6,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { _ as __vue_component__$1 } from './OrInput-96532c77.js';
+import { _ as __vue_component__$1 } from './OrInput-42dedcc1.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrSelect-dcf35d93.js → OrSelect-eb36924b.js}

@@ -14,7 +14,7 @@ import { _ as __vue_component__$8 } from './OrIconButton-9502a78a.js';
 import { _ as __vue_component__$7 } from './OrIcon-3f99ef27.js';
 import { _ as __vue_component__$a } from './OrInputBox-140c344d.js';
 import { I as InputBoxSize } from './OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
-import { _ as __vue_component__$9 } from './OrInput-96532c77.js';
+import { _ as __vue_component__$9 } from './OrInput-42dedcc1.js';
 import { _ as __vue_component__$b } from './OrLabel-6637774a.js';
 import { _ as __vue_component__$c } from './OrMenuItem-fbe3e8e4.js';
 import { _ as __vue_component__$d } from './OrPopover-7d9405fb.js';

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

@@ -10,7 +10,7 @@ export { _ as OrIconButton, _ as OrIconButtonV2 } from '../OrIconButton-f6370222
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrIconButton.vue_rollup-plugin-vue_styles.0-02ba7b68.js';
 export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-d7e546a0.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-d82b4dd0.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-7351de8c.js';
 export { C as CardPadding, _ as OrCardV3 } from '../OrCard-54dce216.js';
 export { _ as OrCheckbox } from '../OrCheckbox-3337d903.js';
 export { _ as OrCheckboxGroupV3 } from '../OrCheckboxGroup-e6720b91.js';
@@ -33,7 +33,7 @@ export { _ as OrCombinedInputV3 } from '../OrCombinedInput-5a276d48.js';
 export { _ as OrInputBoxV3 } from '../OrInputBox-140c344d.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from '../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 export { _ as OrConfirm } from '../OrConfirm-f3f7ec59.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-0543208c.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-d56a2cf4.js';
 export { _ as OrContextMenuV3 } from '../OrContextMenu-c8932997.js';
 export { _ as OrMenuV3 } from '../OrMenu-8802ee12.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-7d9405fb.js';
@@ -65,7 +65,7 @@ export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-27e
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-5bf70eb4.js';
 export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-c01a7103.js';
 export { _ as OrInput } from '../OrInput-7a12709e.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-96532c77.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-42dedcc1.js';
 export { _ as OrLabel } from '../OrLabel-fcceec1b.js';
 export { L as LabelVariant, _ as OrLabelV3 } from '../OrLabel-6637774a.js';
 export { L as LinkColor, _ as OrLinkV3 } from '../OrLink-9124c64f.js';
@@ -97,12 +97,12 @@ export { _ as OrSliderV3 } from '../OrSlider-dd967591.js';
 export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider.vue_rollup-plugin-vue_script-79f356ca.js';
 export { _ as OrRatingV3 } from '../OrRating-abf1b609.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-037600c1.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-8b4d1d64.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from '../OrRichTextEditor-198113b7.js';
 export { _ as OrSearch } from '../OrSearch-ddf244e6.js';
-export { _ as OrSearchV3 } from '../OrSearch-b357d036.js';
+export { _ as OrSearchV3 } from '../OrSearch-801f7ff1.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-00583234.js';
 export { _ as OrSelect } from '../OrSelect-d271f7a3.js';
-export { _ as OrSelectV3 } from '../OrSelect-dcf35d93.js';
+export { _ as OrSelectV3 } from '../OrSelect-eb36924b.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-054b26c6.js';
 export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-11672a22.js';
 export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';

package/dist/esm/v2/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-d82b4dd0.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-7351de8c.js';
 import 'vue-demi';
 import '../../OrIconButton-9502a78a.js';
 import '../../OrIcon-3f99ef27.js';
@@ -20,11 +20,11 @@ import '../../OrOverlay-9aa5020f.js';
 import '../../OrTeleport.vue2-9eb0eaee.js';
 import 'portal-vue';
 import '../../useTheme-0ef25778.js';
-import '../../OrSearch-b357d036.js';
+import '../../OrSearch-801f7ff1.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrInput-96532c77.js';
+import '../../OrInput-42dedcc1.js';
 import '../../OrError-916e928e.js';
 import '../../OrHint-1220face.js';
 import '../../OrInputBox-140c344d.js';

package/dist/esm/v2/components/or-confirm-v3/index.js

@@ -1,4 +1,4 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-0543208c.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-d56a2cf4.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
@@ -12,7 +12,7 @@ import '../../OrButton-8d1efd4a.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-ec8cfaee.js';
 import '../../OrLoader-784e2060.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrInput-96532c77.js';
+import '../../OrInput-42dedcc1.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useResponsive-1baf3485.js';

package/dist/esm/v2/components/or-input-v3/OrInput.vue.d.ts

@@ -71,9 +71,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     autocomplete: {
-        type: PropType<"on" | "off">;
+        type: StringConstructor;
         default: string;
     };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
     disableDefaultStyles: {
         type: BooleanConstructor;
         default: boolean;
@@ -124,14 +128,19 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     autocomplete: {
-        type: PropType<"on" | "off">;
+        type: StringConstructor;
         default: string;
     };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
     disableDefaultStyles: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    name: string;
     modelValue: string | number;
     type: "number" | "text" | "password" | "search";
     size: "m" | "s";
@@ -143,7 +152,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    autocomplete: "on" | "off";
+    autocomplete: string;
     disableDefaultStyles: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
@@ -173,6 +182,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     blur: () => void;
     isMobile: import("@vue/composition-api").ComputedRef<boolean>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    name: string;
     modelValue: string | number;
     type: "number" | "text" | "password" | "search";
     size: "m" | "s";
@@ -184,11 +194,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    autocomplete: "on" | "off";
+    autocomplete: string;
     disableDefaultStyles: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
+    name: string;
     modelValue: string | number;
     type: "number" | "text" | "password" | "search";
     size: "m" | "s";
@@ -200,7 +211,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    autocomplete: "on" | "off";
+    autocomplete: string;
     disableDefaultStyles: boolean;
 }, true>);
 export default _default;

package/dist/esm/v2/components/or-input-v3/index.js

@@ -1,4 +1,4 @@
-export { I as InputType, _ as OrInputV3 } from '../../OrInput-96532c77.js';
+export { I as InputType, _ as OrInputV3 } from '../../OrInput-42dedcc1.js';
 export { I as InputSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';

package/dist/esm/v2/components/or-rich-text-editor-v3/index.js

@@ -1,4 +1,4 @@
-export { F as Formats, _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-8b4d1d64.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-198113b7.js';
 import 'vue-demi';
 import '@vueuse/integrations/useFocusTrap';
 import '@vueuse/core';
@@ -40,7 +40,7 @@ import '../../OrLabel-6637774a.js';
 import '../../OrMenu-8802ee12.js';
 import '../../OrMenuItem-fbe3e8e4.js';
 import '../../OrModal-333f7706.js';
-import '../../OrInput-96532c77.js';
+import '../../OrInput-42dedcc1.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useValidationAttributes-d1abbe34.js';

package/dist/esm/v2/components/or-search-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSearchV3 } from '../../OrSearch-b357d036.js';
+export { _ as OrSearchV3 } from '../../OrSearch-801f7ff1.js';
 export { I as SearchSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import '@vueuse/core';
 import 'vue-demi';
@@ -10,7 +10,7 @@ import '../../useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrInput-96532c77.js';
+import '../../OrInput-42dedcc1.js';
 import '../../useResponsive-1baf3485.js';
 import '../../OrError-916e928e.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/esm/v2/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-dcf35d93.js';
+export { _ as OrSelectV3 } from '../../OrSelect-eb36924b.js';
 export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 import 'vue-demi';
 import '../../dropdown-open-06d651cf.js';
@@ -32,7 +32,7 @@ import '../../OrTeleport.vue2-9eb0eaee.js';
 import 'portal-vue';
 import '../../useTheme-0ef25778.js';
 import '../../OrInputBox-140c344d.js';
-import '../../OrInput-96532c77.js';
+import '../../OrInput-42dedcc1.js';
 import '../../useValidationAttributes-d1abbe34.js';
 import '../../OrLoader-784e2060.js';
 import '../../OrMenuItem-fbe3e8e4.js';

package/dist/esm/v2/index.js

@@ -10,7 +10,7 @@ export { _ as OrIconButton, _ as OrIconButtonV2 } from './OrIconButton-f6370222.
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './OrIconButton.vue_rollup-plugin-vue_styles.0-02ba7b68.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-d7e546a0.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-d82b4dd0.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-7351de8c.js';
 export { C as CardPadding, _ as OrCardV3 } from './OrCard-54dce216.js';
 export { _ as OrCheckbox } from './OrCheckbox-3337d903.js';
 export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-e6720b91.js';
@@ -33,7 +33,7 @@ export { _ as OrCombinedInputV3 } from './OrCombinedInput-5a276d48.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-140c344d.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize, I as TimeRangePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
 export { _ as OrConfirm } from './OrConfirm-f3f7ec59.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-0543208c.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d56a2cf4.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-c8932997.js';
 export { _ as OrMenuV3 } from './OrMenu-8802ee12.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-7d9405fb.js';
@@ -65,7 +65,7 @@ export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-27e0
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-5bf70eb4.js';
 export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-c01a7103.js';
 export { _ as OrInput } from './OrInput-7a12709e.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-96532c77.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-42dedcc1.js';
 export { _ as OrLabel } from './OrLabel-fcceec1b.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-6637774a.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-9124c64f.js';
@@ -97,12 +97,12 @@ export { _ as OrSliderV3 } from './OrSlider-dd967591.js';
 export { S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSlider.vue_rollup-plugin-vue_script-79f356ca.js';
 export { _ as OrRatingV3 } from './OrRating-abf1b609.js';
 export { _ as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanel-037600c1.js';
-export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-8b4d1d64.js';
+export { F as Formats, _ as OrRichTextEditorV3 } from './OrRichTextEditor-198113b7.js';
 export { _ as OrSearch } from './OrSearch-ddf244e6.js';
-export { _ as OrSearchV3 } from './OrSearch-b357d036.js';
+export { _ as OrSearchV3 } from './OrSearch-801f7ff1.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-00583234.js';
 export { _ as OrSelect } from './OrSelect-d271f7a3.js';
-export { _ as OrSelectV3 } from './OrSelect-dcf35d93.js';
+export { _ as OrSelectV3 } from './OrSelect-eb36924b.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
 export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-11672a22.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';

package/dist/esm/v3/{OrCardCollection-11d518ae.js → OrCardCollection-5f1649f1.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
 import { s as script$2 } from './OrIconButton-f9897ff9.js';
-import { s as script$4 } from './OrSearch-e56db8af.js';
+import { s as script$4 } from './OrSearch-7b488e30.js';
 import './OrInputBox-8c1a29dd.js';
 import { s as script$5 } from './OrLoader-b7d415dd.js';
 import { s as script$3 } from './OrSorting-d047cf00.js';

package/dist/esm/v3/{OrConfirm-c5fe5075.js → OrConfirm-4e3066b3.js}

@@ -6,7 +6,7 @@ import { u as usePopoverState } from './usePopoverState-5033b9cb.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$2, B as ButtonColor } from './OrButton-a881b13b.js';
-import { s as script$3 } from './OrInput-4fca1f21.js';
+import { s as script$3 } from './OrInput-898752b2.js';
 import { s as script$1 } from './OrOverlay-d00d79f1.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrInput-4fca1f21.js → OrInput-898752b2.js}

@@ -35,7 +35,12 @@ const InputControl = [
 // Typography
 'typography-inherit',
 // Theme (placeholder)
-'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
+'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark',
+// Autofill hack,
+// disable (delay color change)
+'autofill:transition-colors autofill:duration-[5000s]',
+// override background color using box-shadow
+'autofill:shadow-[10px_0_1000px_theme(backgroundColor.primary-opacity-0-08)_inset]', 'dark:autofill:shadow-[0_0_0px_1000px_theme(backgroundColor.primary-opacity-0-08-dark)_inset]'];
 
 var script = defineComponent({
   name: 'OrInput',
@@ -101,6 +106,10 @@ var script = defineComponent({
       type: String,
       default: 'off'
     },
+    name: {
+      type: String,
+      default: undefined
+    },
     disableDefaultStyles: {
       type: Boolean,
       default: false
@@ -158,7 +167,7 @@ var script = defineComponent({
   }
 });
 
-const _hoisted_1 = ["type", "placeholder", "required", "readonly", "disabled", "autocomplete"];
+const _hoisted_1 = ["type", "placeholder", "required", "readonly", "disabled", "autocomplete", "name"];
 const _hoisted_2 = {
   class: /*#__PURE__*/normalizeClass(['contents'])
 };
@@ -205,6 +214,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       readonly: _ctx.readonly || _ctx.loading,
       disabled: _ctx.disabled,
       autocomplete: _ctx.autocomplete,
+      name: _ctx.name,
       onInput: _cache[1] || (_cache[1] = $event => _ctx.$emit('input', $event)),
       onKeydown: _cache[2] || (_cache[2] = $event => _ctx.$emit('keydown', $event)),
       onKeyup: _cache[3] || (_cache[3] = $event => _ctx.$emit('keyup', $event)),

package/dist/esm/v3/{OrRichTextEditor-06c85acf.js → OrRichTextEditor-7958b1dc.js}

@@ -22,7 +22,7 @@ import { s as script$4 } from './OrMenu-192543a9.js';
 import { s as script$8 } from './OrPopover-79d76269.js';
 import { s as script$3 } from './OrMenuItem-2928ba60.js';
 import { s as script$5 } from './OrModal-4daecffd.js';
-import { s as script$6 } from './OrInput-4fca1f21.js';
+import { s as script$6 } from './OrInput-898752b2.js';
 import { s as script$7 } from './OrButton-a881b13b.js';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';
 import StarterKit from '@tiptap/starter-kit';

package/dist/esm/v3/{OrSearch-e56db8af.js → OrSearch-7b488e30.js}

@@ -6,7 +6,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind/plugins/core';
 import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
-import { s as script$1 } from './OrInput-4fca1f21.js';
+import { s as script$1 } from './OrInput-898752b2.js';
 import { I as InputBoxSize } from './OrInputBox-8c1a29dd.js';
 import { resolveComponent, openBlock, createBlock, mergeProps } from 'vue';
 

package/dist/esm/v3/{OrSelect-f5cb82e2.js → OrSelect-262c64fc.js}

@@ -13,7 +13,7 @@ import { s as script$6 } from './OrHint-55d3de35.js';
 import { s as script$8 } from './OrIconButton-f9897ff9.js';
 import { s as script$7 } from './OrIcon-b2e2d0aa.js';
 import { s as script$a, I as InputBoxSize } from './OrInputBox-8c1a29dd.js';
-import { s as script$9 } from './OrInput-4fca1f21.js';
+import { s as script$9 } from './OrInput-898752b2.js';
 import { s as script$b } from './OrLabel-6c83afe4.js';
 import { s as script$c } from './OrMenuItem-2928ba60.js';
 import { s as script$d } from './OrPopover-79d76269.js';

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

@@ -8,7 +8,7 @@ export { s as OrButtonV2 } from '../OrButton-f4098587.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrIconButton, s as OrIconButtonV2 } from '../OrIconButton-4424a0dc.js';
 export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-7fd78cc8.js';
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-11d518ae.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-5f1649f1.js';
 export { C as CardPadding, s as OrCardV3 } from '../OrCard-d3320b27.js';
 export { s as OrCheckbox } from '../OrCheckbox-42ed332c.js';
 export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-7b69d46b.js';
@@ -30,7 +30,7 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
 export { s as OrCombinedInputV3 } from '../OrCombinedInput-889bfdc0.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateRangePickerSize, 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, I as TimeRangePickerSize } from '../OrInputBox-8c1a29dd.js';
 export { s as OrConfirm } from '../OrConfirm-859ff5a2.js';
-export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-c5fe5075.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-4e3066b3.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-5174d0f9.js';
 export { s as OrMenuV3 } from '../OrMenu-192543a9.js';
 export { P as ContextMenuPlacement, P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-79d76269.js';
@@ -62,7 +62,7 @@ export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-743
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-f8bae05a.js';
 export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-c1517646.js';
 export { s as OrInput } from '../OrInput-2c3111c2.js';
-export { I as InputType, s as OrInputV3 } from '../OrInput-4fca1f21.js';
+export { I as InputType, s as OrInputV3 } from '../OrInput-898752b2.js';
 export { s as OrLabel } from '../OrLabel-a7d99df4.js';
 export { L as LabelVariant, s as OrLabelV3 } from '../OrLabel-6c83afe4.js';
 export { L as LinkColor, s as OrLinkV3 } from '../OrLink-1e961689.js';
@@ -93,12 +93,12 @@ export { s as OrRangeSliderV3 } from '../OrRangeSlider-cd72332c.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from '../OrSlider-ba7aff7c.js';
 export { s as OrRatingV3 } from '../OrRating-ec9462c5.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from '../OrResizeablePanel-ae6a014f.js';
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-06c85acf.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-7958b1dc.js';
 export { s as OrSearch } from '../OrSearch-aa57d4e8.js';
-export { s as OrSearchV3 } from '../OrSearch-e56db8af.js';
+export { s as OrSearchV3 } from '../OrSearch-7b488e30.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-adbf7f4e.js';
 export { s as OrSelect } from '../OrSelect-a366e668.js';
-export { s as OrSelectV3 } from '../OrSelect-f5cb82e2.js';
+export { s as OrSelectV3 } from '../OrSelect-262c64fc.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-17feeb57.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';

package/dist/esm/v3/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-11d518ae.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-5f1649f1.js';
 import 'vue-demi';
 import '../../OrIconButton-f9897ff9.js';
 import '../../OrIcon-b2e2d0aa.js';
@@ -19,11 +19,11 @@ import '../../OrBottomSheet-e33d1de9.js';
 import '../../OrOverlay-d00d79f1.js';
 import '../../OrTeleport.vue3-bf77eed4.js';
 import '../../useTheme-0ef25778.js';
-import '../../OrSearch-e56db8af.js';
+import '../../OrSearch-7b488e30.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useValidationAttributes-d1abbe34.js';
-import '../../OrInput-4fca1f21.js';
+import '../../OrInput-898752b2.js';
 import '../../OrError-69bd7f6a.js';
 import '../../OrHint-55d3de35.js';
 import '../../OrInputBox-8c1a29dd.js';

package/dist/esm/v3/components/or-confirm-v3/index.js

@@ -1,4 +1,4 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-c5fe5075.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-4e3066b3.js';
 import '@vueuse/core';
 import '@vueuse/math';
 import 'vue-demi';
@@ -11,7 +11,7 @@ import '@onereach/styles/tailwind.config.json';
 import '../../OrButton-a881b13b.js';
 import '../../OrLoader-b7d415dd.js';
 import 'vue';
-import '../../OrInput-4fca1f21.js';
+import '../../OrInput-898752b2.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useResponsive-1baf3485.js';

package/dist/esm/v3/components/or-input-v3/OrInput.vue.d.ts

@@ -46,9 +46,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     autocomplete: {
-        type: PropType<"on" | "off">;
+        type: StringConstructor;
         default: string;
     };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
     disableDefaultStyles: {
         type: BooleanConstructor;
         default: boolean;
@@ -124,9 +128,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     autocomplete: {
-        type: PropType<"on" | "off">;
+        type: StringConstructor;
         default: string;
     };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
     disableDefaultStyles: {
         type: BooleanConstructor;
         default: boolean;
@@ -139,6 +147,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
+    name: string;
     modelValue: string | number;
     type: "number" | "search" | "text" | "password";
     size: "m" | "s";
@@ -150,7 +159,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     required: boolean;
     readonly: boolean;
     disabled: boolean;
-    autocomplete: "on" | "off";
+    autocomplete: string;
     disableDefaultStyles: boolean;
 }>;
 export default _default;

package/dist/esm/v3/components/or-input-v3/index.js

@@ -1,4 +1,4 @@
-export { I as InputType, s as OrInputV3 } from '../../OrInput-4fca1f21.js';
+export { I as InputType, s as OrInputV3 } from '../../OrInput-898752b2.js';
 export { I as InputSize } from '../../OrInputBox-8c1a29dd.js';
 import 'vue-demi';
 import '../../useIdAttribute-859439f0.js';

package/dist/esm/v3/components/or-rich-text-editor-v3/index.js

@@ -1,4 +1,4 @@
-export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-06c85acf.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-7958b1dc.js';
 import 'vue-demi';
 import '@vueuse/integrations/useFocusTrap';
 import '@vueuse/core';
@@ -39,7 +39,7 @@ import '../../OrLabel-6c83afe4.js';
 import '../../OrMenu-192543a9.js';
 import '../../OrMenuItem-2928ba60.js';
 import '../../OrModal-4daecffd.js';
-import '../../OrInput-4fca1f21.js';
+import '../../OrInput-898752b2.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../useProxyModelValue-940010d2.js';
 import '../../useValidationAttributes-d1abbe34.js';