@onereach/ui-components 25.3.2 → 25.3.3-beta.5799.0

package/dist/esm/{OrAutocomplete-CF2b_sud.mjs → OrAutocomplete-DUrxhDnG.mjs}

@@ -3,16 +3,16 @@ import { useIdAttribute as pe, useControlAttributes as me, useValidationAttribut
 import { include as be, isNil as j, toArray as G, exclude as ce } from "@onereach/ui-components-common/utils";
 import { O as ge } from "./OrError-B5ihH6-3.mjs";
 import { O as Oe } from "./OrHint-NvbZyURY.mjs";
-import { O as ke } from "./OrIconButton-BajZRp1k.mjs";
+import { O as ke } from "./OrIconButton-Ds8k8FmS.mjs";
 import { O as Ie } from "./OrInputBox-6ciokFdU.mjs";
 import { a as he } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
-import { O as we } from "./OrInput-BrJzxNyE.mjs";
+import { O as we } from "./OrInput-nExtCSw8.mjs";
 import { O as Se } from "./OrLabel-K7_HgvcK.mjs";
 import { O as Be } from "./OrLoader-2SaTMxmZ.mjs";
-import { O as Ce } from "./OrMenuItem-ByVkiQvE.mjs";
-import { O as Ae } from "./OrPopover-FA8G-paf.mjs";
-import { O as Ve } from "./OrTagInput-BisPLdsU.mjs";
-import { T as $e } from "./OrTags-CREF3BTr.mjs";
+import { O as Ce } from "./OrMenuItem-VyCCXA7Z.mjs";
+import { O as Ae } from "./OrPopover-GBPJ4IDN.mjs";
+import { O as Ve } from "./OrTagInput-Dh7CXsmw.mjs";
+import { T as $e } from "./OrTags-Ce70YtZr.mjs";
 import { defineComponent as Me, reactive as Te, ref as m, computed as n, toRef as J, nextTick as Fe, resolveComponent as p, resolveDirective as Pe, openBlock as t, createElementBlock as S, normalizeClass as b, createBlock as f, withCtx as a, renderSlot as c, createTextVNode as O, toDisplayString as k, createCommentVNode as F, withDirectives as P, createSlots as qe, createElementVNode as Q, mergeProps as De, createVNode as B, Fragment as Le, renderList as Re, vShow as W } from "vue";
 import { computedAsync as Ee, watchTriggerable as ze } from "@vueuse/core";
 import { _ as Ne } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -540,4 +540,4 @@ const ko = /* @__PURE__ */ Ne(Ze, [["render", eo]]);
 export {
   ko as O
 };
-//# sourceMappingURL=OrAutocomplete-CF2b_sud.mjs.map
+//# sourceMappingURL=OrAutocomplete-DUrxhDnG.mjs.map

package/dist/esm/{OrAutocomplete-CF2b_sud.mjs.map → OrAutocomplete-DUrxhDnG.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrAutocomplete-CF2b_sud.mjs","sources":["../../../components/or-autocomplete-v3/src/styles.ts","../../../components/or-autocomplete-v3/src/OrAutocomplete.vue"],"sourcesContent":["export const Autocomplete: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const AutocompleteControl: string[] = [\n  // Box\n  'w-full',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme\n  'theme-background-transparent',\n  'dark:theme-background-transparent-dark',\n\n  'outline-none',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n];\n\nexport const AutocompleteDropdown: string[] = [\n  // Overflow\n  'overflow-y-auto',\n\n  // Box\n  'max-h-[172px]', // equals 5 items\n\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-border-outline border-1',\n  'dark:theme-border-outline-dark',\n];\n\nexport const AutocompleteDropdownDefault: string[] = [\n  // Shape\n  'rounded-b-md',\n\n  // Theme\n  '!border-t-0',\n];\n\nexport const AutocompleteDropdownFlipped: string[] = [\n  // Shape\n  'rounded-t-md',\n\n  // Theme\n  '!border-b-0',\n];\n\nexport const AutocompleteDropdownItem: string[] = [\n  // Typography\n  '!typography-body-2-regular',\n\n  // Padding Override todo: check design\n  'py-md px-lg md:!pt-[6px] md:pb-[7px]',\n\n  // Typography (selected)\n  'selected:!typography-body-2-semibold',\n\n  // Theme\n  '!theme-foreground-default dark:!theme-foreground-default-dark',\n];\n\nexport const AutocompleteLoader: string[] = [\n  // Layout\n  'w-fit',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'text-outline dark:text-outline-dark',\n];\n\nexport const AutocompleteLoaderContainer: string[] = [\n  // Spacing\n  'py-md px-lg  md:px-sm+ md:py-xs',\n];\n\nexport const AutocompleteInputBoxOpen: string[] = [\n  'rounded-b-0',\n];\n\nexport const AutocompleteInputBoxOpenFlipped: string[] = [\n  'rounded-t-0',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :control-id=\"attributes.id\"\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <template v-if=\"multiple\">\n      <OrTagInput\n        :ref=\"'tagInput'\"\n        v-model=\"model\"\n        v-dropdown-open=\"openMobilePopover\"\n        :overflow=\"overflow\"\n        :variant=\"variant\"\n        :additional-input-box-styles=\"boxOpenStyles\"\n        :placeholder=\"placeholder\"\n        :error=\"!!error\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        :enable-clear=\"enableClear\"\n        @input=\"onInput($event)\"\n        @focus=\"onFocus($event)\"\n        @blur=\"onBlur($event)\"\n      >\n        <template v-slot:tag=\"{ item }\">\n          <slot\n            name=\"tag\"\n            :item=\"item\"\n          >\n            {{ item.label }}\n          </slot>\n        </template>\n      </OrTagInput>\n    </template>\n\n    <template v-else>\n      <OrInputBox\n        :ref=\"'inputBox'\"\n        :class=\"boxOpenStyles\"\n        :variant=\"variant\"\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <input\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-dropdown-open=\"openMobilePopover\"\n          :class=\"controlStyles\"\n          :type=\"'text'\"\n          :value=\"searchText || model\"\n          :autocomplete=\"'off'\"\n          :placeholder=\"placeholder\"\n          :required=\"required\"\n          :readonly=\"readonly\"\n          :disabled=\"disabled\"\n          @input=\"$emit('input', $event); onInput($event); model = searchText\"\n          @keydown=\"$emit('keydown', $event)\"\n          @keyup=\"$emit('keyup', $event)\"\n          @focus=\"onFocus($event);\"\n          @blur=\"onBlur($event);\"\n        >\n\n        <template\n          v-if=\"enableClear && !readonly && !disabled\"\n          v-slot:addon\n        >\n          <template v-if=\"model && model.length > 0\">\n            <OrIconButton\n              :icon=\"'close'\"\n              :color=\"'inherit'\"\n              @click=\"reset()\"\n            />\n          </template>\n        </template>\n      </OrInputBox>\n    </template>\n\n    <OrPopover\n      :ref=\"'popover'\"\n      :trigger=\"tagInputRoot || inputBoxRoot\"\n      :placement=\"'bottom'\"\n      :offset=\"0\"\n      :full-width=\"true\"\n      :disable-default-styles=\"true\"\n      :bottom-sheet-props=\"{ isFullscreen: true }\"\n    >\n      <div :class=\"dropdownStyles\">\n        <template v-if=\"isMobile\">\n          <div class=\"py-sm px-lg\">\n            <OrTagInput\n              v-if=\"multiple\"\n              :ref=\"'mobileMultipleControl'\"\n              v-model=\"model\"\n              :overflow=\"'scroll'\"\n              :placeholder=\"placeholder\"\n              :error=\"!!error\"\n              :enable-clear=\"false\"\n              @input=\"onInput($event)\"\n            >\n              <template v-slot:tag=\"{ item }\">\n                <slot\n                  name=\"tag\"\n                  :item=\"item\"\n                >\n                  {{ item.label }}\n                </slot>\n              </template>\n              <template v-slot:appendInner>\n                <OrIconButton\n                  :icon=\"'check'\"\n                  :color=\"'inherit'\"\n                  @click=\"closeMobilePopover\"\n                />\n              </template>\n            </OrTagInput>\n            <OrInput\n              v-else\n              ref=\"mobileSingleControl\"\n              :model-value=\"searchText || (model && model.toString())\"\n              :placeholder=\"placeholder\"\n              @input=\"$emit('input', $event); onInput($event); model = searchText\"\n            >\n              <template v-slot:appendInner>\n                <OrIconButton\n                  :icon=\"'check'\"\n                  :color=\"'inherit'\"\n                  @click=\"closeMobilePopover\"\n                />\n              </template>\n            </OrInput>\n          </div>\n        </template>\n        <template\n          v-if=\"loading\"\n        >\n          <div :class=\"loaderContainerStyles\">\n            <slot name=\"loading\">\n              <OrLoader\n                :class=\"loaderStyles\"\n                variant=\"text\"\n                :text=\"loadingText\"\n              />\n            </slot>\n          </div>\n        </template>\n        <div\n          v-else\n          :class=\"isMobile ? 'overflow-auto': 'contains'\"\n        >\n          <OrMenuItem\n            v-for=\"(item, i) in filteredItems\"\n            :key=\"i\"\n            :class=\"dropdownItemStyles\"\n            @click=\"add(item)\"\n          >\n            <slot\n              name=\"item\"\n              :item=\"item\"\n            >\n              {{ item }}\n            </slot>\n          </OrMenuItem>\n        </div>\n      </div>\n    </OrPopover>\n    <template v-if=\"$slots.hint || hint\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useResponsive, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { SearchFunction } from '@onereach/ui-components-common/types';\nimport { exclude, include, isNil, toArray } from '@onereach/ui-components-common/utils';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrInputV3 as OrInput } from '@onereach/ui-components.or-input-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport { OrTagInputV3 as OrTagInput } from '@onereach/ui-components.or-tag-input-v3';\nimport { TagsOverflow } from '@onereach/ui-components.or-tags-v3';\nimport { computedAsync, watchTriggerable } from '@vueuse/core';\nimport { PropType, computed, defineComponent, reactive, ref, toRef, nextTick } from 'vue';\n\nimport * as Styles from './styles';\nimport { AutocompleteModelValue, AutocompleteValue } from './types';\n\nexport default defineComponent({\n  name: 'OrAutocomplete',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIconButton,\n    OrInputBox,\n    OrInput,\n    OrLabel,\n    OrLoader,\n    OrMenuItem,\n    OrPopover,\n    OrTagInput,\n  },\n\n  directives: {\n    DropdownClose,\n    DropdownOpen,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<AutocompleteModelValue>,\n      default: undefined,\n    },\n\n    items: {\n      type: Array as PropType<AutocompleteValue[]>,\n      default: () => [],\n    },\n\n    multiple: {\n      type: Boolean,\n      default: false,\n    },\n\n    overflow: {\n      type: String as PropType<`${TagsOverflow}`>,\n      default: () => TagsOverflow.Hidden,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    loadingText: {\n      type: String,\n      default: 'Loading',\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    enableClear: {\n      type: Boolean,\n      default: false,\n    },\n\n    searchFunction: {\n      type: Function as PropType<SearchFunction<AutocompleteValue>>,\n\n      default: (async (value, items) => {\n        return value.length > 0 ? items.filter((item) => new RegExp(value, 'i').test(item)) : [];\n      }) as SearchFunction<AutocompleteValue>,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'popover',\n    'popoverState',\n\n    'reset',\n    'clear',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const tagInput = ref<InstanceType<typeof OrTagInput>>();\n    const tagInputRoot = computed(() => tagInput.value?.root);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const control = ref<HTMLElement>();\n    const mobileSingleControl = ref<InstanceType<typeof OrInput>>();\n    const mobileMultipleControl = ref<InstanceType<typeof OrTagInput>>();\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverRoot = computed(() => popover.value?.root);\n    const popoverState = computed(() => popover.value?.state);\n    const popoverFlipped = computed(() => popover.value?.isFlipped);\n\n    const activated = ref(false);\n\n    // Helpers\n    const { isMobile } = useResponsive();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-autocomplete-v3',\n      ...Styles.Autocomplete,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const controlStyles = computed(() => [\n      ...Styles.AutocompleteControl,\n    ]);\n\n    const dropdownStyles = computed(() => [\n      'or-autocomplete-popover-v3',\n      ...Styles.AutocompleteDropdown,\n      ...popover.value?.isFlipped ? Styles.AutocompleteDropdownFlipped : Styles.AutocompleteDropdownDefault,\n    ]);\n\n    const dropdownItemStyles = computed(() => [\n      ...Styles.AutocompleteDropdownItem,\n    ]);\n\n    const loaderStyles = computed(() => [\n      ...Styles.AutocompleteLoader,\n    ]);\n\n    const loaderContainerStyles = computed(() => [\n      ...Styles.AutocompleteLoaderContainer,\n    ]);\n\n    const boxOpenStyles = computed(() => [\n      ...(popoverState.value === 'open' && !isMobile.value ? (popoverFlipped.value ? Styles.AutocompleteInputBoxOpenFlipped : Styles.AutocompleteInputBoxOpen) : []),\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const searchText = ref<string>();\n\n    const filteredItems = computedAsync(async () => {\n      return searchText.value\n        ? (await props.searchFunction(searchText.value, props.items))\n          .filter((item) => !model.value?.includes(item))\n        : [];\n    }, []);\n\n    // Handlers\n    function onInput(event: InputEvent): void {\n      searchText.value = (event.target as HTMLInputElement).value;\n    }\n\n    // Methods\n    function add(value: AutocompleteValue): void {\n      if (props.multiple) {\n        model.value = include(value, isNil(model.value) ? [] : toArray(model.value));\n      } else {\n        model.value = value;\n        if (isMobile.value) {\n          closeMobilePopover();\n        }\n      }\n\n      clear();\n    }\n\n    function remove(value: AutocompleteValue): void {\n      model.value = exclude(value, isNil(model.value) ? [] : toArray(model.value));\n    }\n\n    function reset(): void {\n      model.value = undefined;\n\n      clear();\n    }\n\n    function clear(): void {\n      searchText.value = undefined;\n      if (isMobile.value) {\n        (mobileMultipleControl.value?.clear as unknown as () => void)?.();\n      } else {\n        (tagInput.value?.clear as unknown as () => void)?.();\n      }\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    function focusMobileControl(): void {\n      if (props.multiple) {\n        mobileMultipleControl.value?.activate();\n      } else {\n        mobileSingleControl.value?.focus();\n      }\n    }\n\n    function onFocus(event: FocusEvent): void {\n      activated.value = true;\n      context.emit('focus', event);\n      if (isMobile.value) return;\n      triggerPopover();\n    }\n\n    function onBlur(event: FocusEvent): void {\n      activated.value = false;\n      context.emit('blur', event);\n    }\n\n    function openMobilePopover(): void {\n      if (!isMobile.value) return;\n      if (!props.readonly && !props.disabled) {\n        popover.value?.open();\n        nextTick(() => {\n          setTimeout(() => focusMobileControl());\n        });\n      }\n    }\n\n    function closeMobilePopover(): void {\n      if (!isMobile.value) return;\n      popover.value?.close();\n    }\n\n    const { trigger: triggerPopover } = watchTriggerable([\n      filteredItems,\n      toRef(props, 'loading'),\n    ], ([items, loading]) => {\n      if (isMobile.value) return;\n      if ((items.length > 0 || loading) && activated.value) {\n        popover.value?.open();\n      } else {\n        popover.value?.close();\n      }\n    });\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      tagInput,\n      tagInputRoot,\n\n      inputBox,\n      inputBoxRoot,\n\n      boxOpenStyles,\n\n      control,\n      mobileSingleControl,\n      mobileMultipleControl,\n      controlStyles,\n\n      popover,\n      popoverRoot,\n      popoverState,\n\n      loaderStyles,\n      loaderContainerStyles,\n\n      dropdownStyles,\n      dropdownItemStyles,\n\n      model,\n      searchText,\n      filteredItems,\n      activated,\n\n      onFocus,\n      onBlur,\n      onInput,\n\n      add,\n      remove,\n      reset,\n      clear,\n      triggerPopover,\n      openMobilePopover,\n      closeMobilePopover,\n      focus,\n      blur,\n\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["Autocomplete","AutocompleteControl","AutocompleteDropdown","AutocompleteDropdownDefault","AutocompleteDropdownFlipped","AutocompleteDropdownItem","AutocompleteLoader","AutocompleteLoaderContainer","AutocompleteInputBoxOpen","AutocompleteInputBoxOpenFlipped","_sfc_main","defineComponent","OrError","OrHint","OrIconButton","OrInputBox","OrInput","OrLabel","OrLoader","OrMenuItem","OrPopover","OrTagInput","DropdownClose","DropdownOpen","TagsOverflow","value","items","item","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","tagInput","tagInputRoot","computed","_a","inputBox","inputBoxRoot","control","mobileSingleControl","mobileMultipleControl","popover","popoverRoot","popoverState","popoverFlipped","activated","isMobile","useResponsive","rootStyles","Styles.Autocomplete","InputBoxVariant","controlStyles","Styles.AutocompleteControl","dropdownStyles","Styles.AutocompleteDropdown","Styles.AutocompleteDropdownFlipped","Styles.AutocompleteDropdownDefault","dropdownItemStyles","Styles.AutocompleteDropdownItem","loaderStyles","Styles.AutocompleteLoader","loaderContainerStyles","Styles.AutocompleteLoaderContainer","boxOpenStyles","Styles.AutocompleteInputBoxOpenFlipped","Styles.AutocompleteInputBoxOpen","model","useProxyModelValue","toRef","searchText","filteredItems","computedAsync","onInput","event","add","include","isNil","toArray","closeMobilePopover","clear","remove","exclude","reset","_b","_d","_c","focus","blur","focusMobileControl","onFocus","triggerPopover","onBlur","openMobilePopover","nextTick","watchTriggerable","loading","_hoisted_2","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrTagInput","_cache","$event","_directive_dropdown_open","_component_OrInputBox","_withCtx","_createElementVNode","_mergeProps","_hoisted_1","_component_OrIconButton","_createVNode","_component_OrPopover","_component_OrInput","_component_OrLoader","_Fragment","_renderList","i","_component_OrMenuItem","_component_OrHint","_component_OrError"],"mappings":";;;;;;;;;;;;;;;;;;AAAO,MAAMA,KAAyB;AAAA;AAAA,EAEpC;AAAA;AAAA,EAGA;AACF,GAEaC,KAAgC;AAAA;AAAA,EAE3C;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,KAAiC;AAAA;AAAA,EAE5C;AAAA;AAAA,EAGA;AAAA;AAAA;AAAA,EAIA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GAEaC,KAAwC;AAAA;AAAA,EAEnD;AAAA;AAAA,EAGA;AACF,GAEaC,KAAwC;AAAA;AAAA,EAEnD;AAAA;AAAA,EAGA;AACF,GAEaC,KAAqC;AAAA;AAAA,EAEhD;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,KAA+B;AAAA;AAAA,EAE1C;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,KAAwC;AAAA;AAAA,EAEnD;AACF,GAEaC,KAAqC;AAAA,EAChD;AACF,GAEaC,KAA4C;AAAA,EACvD;AACF,GCmIAC,KAAeC,GAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,eAAAC;AAAA,IACA,cAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAMC,GAAa;AAAA,IAC9B;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,gBAAgB;AAAA,MACd,MAAM;AAAA,MAEN,SAAU,OAAOC,GAAOC,MACfD,EAAM,SAAS,IAAIC,EAAM,OAAO,CAACC,MAAS,IAAI,OAAOF,GAAO,GAAG,EAAE,KAAKE,CAAI,CAAC,IAAI;IAE1F;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AACpB,UAAMC,IAAaC,GAAS;AAAA,MAC1B,IAAIC,GAAe;AAAA,MACnB,GAAGC,GAAqB;AAAA,MACxB,GAAGC,GAAwB;AAAA,IAAA,CAC5B,GAGKC,IAAOC,KAEPC,IAAWD,KACXE,IAAeC,EAAS,MAAA;;AAAM,cAAAC,IAAAH,EAAS,UAAT,gBAAAG,EAAgB;AAAA,KAAI,GAElDC,IAAWL,KACXM,IAAeH,EAAS,MAAA;;AAAM,cAAAC,IAAAC,EAAS,UAAT,gBAAAD,EAAgB;AAAA,KAAI,GAElDG,IAAUP,KACVQ,IAAsBR,KACtBS,IAAwBT,KAExBU,IAAUV,KACVW,IAAcR,EAAS,MAAA;;AAAM,cAAAC,IAAAM,EAAQ,UAAR,gBAAAN,EAAe;AAAA,KAAI,GAChDQ,IAAeT,EAAS,MAAA;;AAAM,cAAAC,IAAAM,EAAQ,UAAR,gBAAAN,EAAe;AAAA,KAAK,GAClDS,IAAiBV,EAAS,MAAA;;AAAM,cAAAC,IAAAM,EAAQ,UAAR,gBAAAN,EAAe;AAAA,KAAS,GAExDU,IAAYd,EAAI,EAAK,GAGrB,EAAE,UAAAe,MAAaC,MAGfC,IAAad,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGe;AAAAA,MACH,GAAG1B,EAAM,YAAY2B,GAAgB,WAAW,CAAC,MAAM,IAAI,CAAC;AAAA,IAAA,CAC7D,GAEKC,IAAgBjB,EAAS,MAAM;AAAA,MACnC,GAAGkB;AAAAA,IAAO,CACX,GAEKC,IAAiBnB,EAAS,MAAM;;AAAA;AAAA,QACpC;AAAA,QACA,GAAGoB;AAAAA,QACH,IAAGnB,IAAAM,EAAQ,UAAR,QAAAN,EAAe,YAAYoB,KAAqCC;AAAAA,MAAO;AAAA,KAC3E,GAEKC,IAAqBvB,EAAS,MAAM;AAAA,MACxC,GAAGwB;AAAAA,IAAO,CACX,GAEKC,IAAezB,EAAS,MAAM;AAAA,MAClC,GAAG0B;AAAAA,IAAO,CACX,GAEKC,IAAwB3B,EAAS,MAAM;AAAA,MAC3C,GAAG4B;AAAAA,IAAO,CACX,GAEKC,IAAgB7B,EAAS,MAAM;AAAA,MACnC,GAAIS,EAAa,UAAU,UAAU,CAACG,EAAS,QAASF,EAAe,QAAQoB,KAAyCC,KAAmC,CAAC;AAAA,IAAA,CAC7J,GAGKC,IAAQC,GAAmBC,EAAM7C,GAAO,YAAY,GAAGC,EAAQ,IAAI,GACnE6C,IAAatC,KAEbuC,IAAgBC,GAAc,YAC3BF,EAAW,SACb,MAAM9C,EAAM,eAAe8C,EAAW,OAAO9C,EAAM,KAAK,GACxD,OAAO,CAACD,MAAA;;AAAS,gBAACa,IAAA+B,EAAM,UAAN,QAAA/B,EAAa,SAASb;AAAA,KAAK,IAC9C,IACH,CAAE,CAAA;AAGL,aAASkD,EAAQC,GAAyB;AAC7B,MAAAJ,EAAA,QAASI,EAAM,OAA4B;AAAA,IACxD;AAGA,aAASC,GAAItD,GAAgC;AAC3C,MAAIG,EAAM,WACR2C,EAAM,QAAQS,GAAQvD,GAAOwD,EAAMV,EAAM,KAAK,IAAI,CAAK,IAAAW,EAAQX,EAAM,KAAK,CAAC,KAE3EA,EAAM,QAAQ9C,GACV0B,EAAS,SACQgC,MAIjBC;IACR;AAEA,aAASC,GAAO5D,GAAgC;AAC9C,MAAA8C,EAAM,QAAQe,GAAQ7D,GAAOwD,EAAMV,EAAM,KAAK,IAAI,CAAK,IAAAW,EAAQX,EAAM,KAAK,CAAC;AAAA,IAC7E;AAEA,aAASgB,KAAc;AACrB,MAAAhB,EAAM,QAAQ,QAERa;IACR;AAEA,aAASA,IAAc;;AACrB,MAAAV,EAAW,QAAQ,QACfvB,EAAS,SACVqC,KAAAhD,IAAAK,EAAsB,UAAtB,gBAAAL,EAA6B,UAA7B,QAAAgD,EAAA,KAAAhD,MAEAiD,KAAAC,IAAArD,EAAS,UAAT,gBAAAqD,EAAgB,UAAhB,QAAAD,EAAA,KAAAC;AAAA,IAEL;AAEA,aAASC,KAAc;;AACrB,OAAAnD,IAAAG,EAAQ,UAAR,QAAAH,EAAe;AAAA,IACjB;AAEA,aAASoD,KAAa;;AACpB,OAAApD,IAAAG,EAAQ,UAAR,QAAAH,EAAe;AAAA,IACjB;AAEA,aAASqD,KAA2B;;AAClC,MAAIjE,EAAM,YACRY,IAAAK,EAAsB,UAAtB,QAAAL,EAA6B,cAE7BgD,IAAA5C,EAAoB,UAApB,QAAA4C,EAA2B;AAAA,IAE/B;AAEA,aAASM,GAAQhB,GAAyB;AAGxC,MAFA5B,EAAU,QAAQ,IACVrB,EAAA,KAAK,SAASiD,CAAK,GACvB,CAAA3B,EAAS,SACE4C;IACjB;AAEA,aAASC,GAAOlB,GAAyB;AACvC,MAAA5B,EAAU,QAAQ,IACVrB,EAAA,KAAK,QAAQiD,CAAK;AAAA,IAC5B;AAEA,aAASmB,KAA0B;;AAC7B,MAAC9C,EAAS,SACV,CAACvB,EAAM,YAAY,CAACA,EAAM,cAC5BY,IAAAM,EAAQ,UAAR,QAAAN,EAAe,QACf0D,GAAS,MAAM;AACF,mBAAA,MAAML,IAAoB;AAAA,MAAA,CACtC;AAAA,IAEL;AAEA,aAASV,IAA2B;;AAC9B,MAAChC,EAAS,WACdX,IAAAM,EAAQ,UAAR,QAAAN,EAAe;AAAA,IACjB;AAEA,UAAM,EAAE,SAASuD,EAAe,IAAII,GAAiB;AAAA,MACnDxB;AAAA,MACAF,EAAM7C,GAAO,SAAS;AAAA,IAAA,GACrB,CAAC,CAACF,GAAO0E,CAAO,MAAM;;AACvB,MAAIjD,EAAS,WACRzB,EAAM,SAAS,KAAK0E,MAAYlD,EAAU,SAC7CV,IAAAM,EAAQ,UAAR,QAAAN,EAAe,UAEfgD,IAAA1C,EAAQ,UAAR,QAAA0C,EAAe;AAAA,IACjB,CACD;AAEM,WAAA;AAAA,MACL,YAAA1D;AAAA,MAEA,MAAAK;AAAA,MACA,YAAAkB;AAAA,MAEA,UAAAhB;AAAA,MACA,cAAAC;AAAA,MAEA,UAAAG;AAAA,MACA,cAAAC;AAAA,MAEA,eAAA0B;AAAA,MAEA,SAAAzB;AAAA,MACA,qBAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,eAAAW;AAAA,MAEA,SAAAV;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MAEA,cAAAgB;AAAA,MACA,uBAAAE;AAAA,MAEA,gBAAAR;AAAA,MACA,oBAAAI;AAAA,MAEA,OAAAS;AAAA,MACA,YAAAG;AAAA,MACA,eAAAC;AAAA,MACA,WAAAzB;AAAA,MAEA,SAAA4C;AAAA,MACA,QAAAE;AAAA,MACA,SAAAnB;AAAA,MAEA,KAAAE;AAAA,MACA,QAAAM;AAAA,MACA,OAAAE;AAAA,MACA,OAAAH;AAAA,MACA,gBAAAW;AAAA,MACA,mBAAAE;AAAA,MACA,oBAAAd;AAAA,MACA,OAAAQ;AAAA,MACA,MAAAC;AAAA,MAEA,UAAAzC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC,sEA5dckD,KAAM;AAAA,EAAA,KAAA;AAAA;;;gNAzGnBC,GAuMM,eAAA;SArMEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAEF,OAAAC,EAAgBC,EAAO,UAAA;AAAA,EAAA,GAAA;AAAA,IAElCA,EAAA,OAAA,SAAAA,EAAA,OAAA,SAAAA,EAAA,SAAAH,KAAUI,EAAEC,GAAa;AAAA,MACzB,KAAA;AAAA,MACA,cAAUF,EAAQ,WAAA;AAAA,MAClB,SAAQ;AAAA,MAAA,UAAAA,EAAA;AAAA,MAMQ,UAAKA,EAAA;AAAA,IAAA,GAAA;AAAA;QAFfG,EAAAH,EAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA;;;;;;OAQa,GAAA,CAAA,cAAA,YAAA,UAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA,IAEJJ,EAAA,WAAAK,GAAAR,EAAA,GAAAI,EAAAK,GAAA;AAAA,MAAA,KAAA;AAAA;MAGf,YAAUN,EAAA;AAAA,MACV,uBAAgBO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAR,EAAA,QAAAQ;AAAA,MAChB,UAAAR,EAAA;AAAA,MACA,SAAaA,EAAA;AAAA,MACb,+BAAcA,EAAA;AAAA,MACd,aAAUA,EAAA;AAAA,MACV,QAAQ,CAAEA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,UAAYA,EAAA;AAAA,MACZ,UAAKA,EAAA;AAAA,MACL,gBAAKA,EAAA;AAAA,MACL,SAAIO,EAAE,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAR,EAAA,QAAOQ,CAAM;AAAA,MAAA,SAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAR,EAAA,QAAAQ,CAAA;AAAA,MAEH,QAAGD,EAMX,CANmB,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAR,EAAA,OAAAQ,CAAA;AAAA,IAAA,GAAA;AAAA;;;;;;;MAoDjB,CAAAC,GAAAT,EAAA,iBAAA;AAAA,IAAA,CAAA,KAAAH,EAAA,GAvCKI,EAAAS,GAAA;AAAA,MACf,KAAK;AAAA,MACL,KAAA;AAAA,MACA,OAAMX,EAAIC,EAAA,aAAA;AAAA,MACV,SAAOA,EAAI;AAAA,MACX,MAAUA,EAAA;AAAA,MACV,SAAQ,CAAE,CAAAA,EAAA;AAAA,MAAA,UAAAA,EAAA;AAAA;;eAMHW,EAAE,MAAA;AAAA,QACKN,EAAAO,EAAA,SAAAC,GAAA,EAAA,KAAA,UAAA,GAAAb,EAAA,YAAA;AAAA,UACZ,OAAOA,EAAA;AAAA,UACP,MAAA;AAAA,UACA,OAAAA,EAAW,cAAEA,EAAW;AAAA,UACxB,cAAU;AAAA,UACV,aAAUA,EAAA;AAAA,UACV,UAAUA,EAAA;AAAA,UACV,UAAKA,EAAA;AAAA,UACL,UAAOA,EAAA;AAAA,UACP,SAAKO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA;AAAE,YAAAR,EAAA,MAAK,SAAUQ,CAAM,GAAAR,EAAA,QAAAQ,CAAA,GAAAR,EAAA,QAAAA,EAAA;AAAA,UAAA;AAAA,UAC5B,WAAKO,EAAE,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAR,EAAA,MAAQ,WAAMQ,CAAA;AAAA,UACrB,SAAID,EAAE,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAR,EAAA,MAAO,SAAMQ,CAAA;AAAA,UAAA,SAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA;;;UAbH,QAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA;AAAiB,YAAAR,EAAA,OAAAQ,CAAA;AAAA,UAAA;AAAA,QAAA,CAAA,GAAA,MAAA,IAAAM,EAAA,GAAA;AAAA;;;MAiB5B,GAAA;AAAA,IAAA,GAAA;AAAA,MACMd,EAAA,eAAA,CAAAA,EAAA,YAAA,CAAAA,EAAA,WAAA;AAAA,QAEI,MAAA;AAAA,QAAA,IAAAW,EAAA,MAAA;AAAA,gDAEEV,EAAAc,GAAA;AAAA,YACb,KAAK;AAAA,YACL,MAAA;AAAA,YAAA,OAAA;AAAA;;;;MAOX,IAAA;AAAA,IAAA,CACM,GAAE,MAAS,CAAA,SAAA,WAAA,QAAA,WAAA,YAAA,UAAA,CAAA;AAAA,IAAAC,EACLC,GAAgB;AAAA,MACzB,KAAA;AAAA,MACA,SAASjB,EAAA,gBAAAA,EAAA;AAAA,MACT,WAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MAAA,0BAAA;AAAA,MA+EK,sBAAA,EAAA,cAAA,GAAA;AAAA,IAAA,GAAA;AAAA,MA7EK,SAAAW,EAAA,MAAA;AAAA,QAAAC,EAAA,OAAA;AAAA,iBACOb,EAAQC,EAAA,cAAA;AAAA,QAAA,GAAA;AAAA,UA2BPA,EAAA,YAAAH,EAAA,GAAAC,EAAA,OAAAH,IAAA;AAAA,YAAAK,EAAA,YAAAH,KAvBkBI,EAAAK,GAAA;AAAA,cAAA,KAAA;AAAA;cAE5B,YAAUN,EAAA;AAAA,cACV,uBAAaO,EAAW,EAAA,MAAAA,EAAA,EAAA,IAAA,CAAAC,MAAAR,EAAA,QAAAQ;AAAA,cACxB,UAAS;AAAA,cACT,aAAcR,EAAA;AAAA,cACd,OAAK,CAAA,CAAAA,EAAA;AAAA,cAAA,gBAAA;AAAA,cAEW,SAAGO,EAMX,EANe,MAAIA,EAAA,EAAA,IAAA,CAAAC,MAAAR,EAAA,QAAAQ,CAAA;AAAA,YAAA,GAAA;AAAA;;;gBAQX,CAAA;AAAA,cAAA,CAAA;AAAA,2BAENG,EAAO,MAAA;AAAA,gBAAAK,EACND,GAAS;AAAA,kBAChB,MAAA;AAAA,kBAAA,OAAA;AAAA;;;;mEAMoBd,EAAAiB,GAAA;AAAA,cACxB,KAAA;AAAA,cACA,KAAA;AAAA,cACA,eAAKlB,EAAE,cAAAA,EAAA,SAAAA,EAAA,MAAK,SAAU;AAAA,cAAA,aAAAA,EAAA;AAAA,cAEN,SAAAO,EAAW,EAKxB,MAAAA,EAAA,EAAA,IAAA,CAAAC,MAAA;AAAA,gBAAAR,EAAA,MAAA,SAAAQ,CAAA,GAAAR,EAAA,QAAAQ,CAAA,GAAAR,EAAA,QAAAA,EAAA;AAAA,cAAA;AAAA,YAAA,GAAA;AAAA,2BAHOW,EAAO,MAAA;AAAA,gBAAAK,EACND,GAAS;AAAA,kBAChB,MAAA;AAAA,kBAAA,OAAA;AAAA;;;;;WAST,KAAAX,EAAA,IAAA,EAAA;AAAA,UAAAJ,EAAA,WAAAH,KAAaC,EAAA,OAAA;AAAA,YAAA,KAAA;AAAA,YACX,OAMOC,EAAAC,EAAA,qBAAA;AAAA,UAAA,GAAA;AAAA,YAJGG,EAAAH,EAAA,QAAA,WAAE,CAAY,GAAA,MAAA;AAAA,cAAAgB,EACZG,GAAM;AAAA,gBACb,OAAMpB,EAAWC,EAAA,YAAA;AAAA,gBAAA,SAAA;AAAA;;;UAOlB,GAAA,CAAA,MAAAH,KAAAC,EAAE,OAAQ;AAAA,YAAA,KAAA;AAAA,qBAEhBE,EAYa,WAAA,kBAAA,UAAA;AAAA,UAAA,GAAA;AAAA,aAVJH,EAAA,EAAA,GAAAC,EAAAsB,IAAA,MAAAC,GAAArB,EAAA,eAAA,CAAA/E,GAAAqG,OACDzB,EAAA,GAAAI,EAAEsB,GAAkB;AAAA,cACzB,KAAAD;AAAA,cAAA,OAAAvB,EAAAC,EAAA,kBAAA;AAAA,cAOM,SAAA,CAAAQ,MAAAR,EAAA,IAAA/E,CAAA;AAAA,YAAA,GAAA;AAAA;;;;;;;;;;MAKC,GAAA;AAAA,IAAA,GAAA,GAAA,CAAA,SAAA,CAAA;AAAA,iCAGD4E,EAAQ,GAAAI,EAAAuB,GAAA;AAAA,MAAA,KAAA;AAAA;;;;;;;;;;IAYV,CAAA,IAAApB,EAAA,IAAA,EAAA;AAAA,IAAHC,EAAAW,EAAAS,GAAA,EAAA,UAAAzB,EAAA,YAAA;AAAA,MAAA,SAAAW,EAAA,MAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"OrAutocomplete-DUrxhDnG.mjs","sources":["../../../components/or-autocomplete-v3/src/styles.ts","../../../components/or-autocomplete-v3/src/OrAutocomplete.vue"],"sourcesContent":["export const Autocomplete: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const AutocompleteControl: string[] = [\n  // Box\n  'w-full',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme\n  'theme-background-transparent',\n  'dark:theme-background-transparent-dark',\n\n  'outline-none',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n];\n\nexport const AutocompleteDropdown: string[] = [\n  // Overflow\n  'overflow-y-auto',\n\n  // Box\n  'max-h-[172px]', // equals 5 items\n\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-border-outline border-1',\n  'dark:theme-border-outline-dark',\n];\n\nexport const AutocompleteDropdownDefault: string[] = [\n  // Shape\n  'rounded-b-md',\n\n  // Theme\n  '!border-t-0',\n];\n\nexport const AutocompleteDropdownFlipped: string[] = [\n  // Shape\n  'rounded-t-md',\n\n  // Theme\n  '!border-b-0',\n];\n\nexport const AutocompleteDropdownItem: string[] = [\n  // Typography\n  '!typography-body-2-regular',\n\n  // Padding Override todo: check design\n  'py-md px-lg md:!pt-[6px] md:pb-[7px]',\n\n  // Typography (selected)\n  'selected:!typography-body-2-semibold',\n\n  // Theme\n  '!theme-foreground-default dark:!theme-foreground-default-dark',\n];\n\nexport const AutocompleteLoader: string[] = [\n  // Layout\n  'w-fit',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'text-outline dark:text-outline-dark',\n];\n\nexport const AutocompleteLoaderContainer: string[] = [\n  // Spacing\n  'py-md px-lg  md:px-sm+ md:py-xs',\n];\n\nexport const AutocompleteInputBoxOpen: string[] = [\n  'rounded-b-0',\n];\n\nexport const AutocompleteInputBoxOpenFlipped: string[] = [\n  'rounded-t-0',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :control-id=\"attributes.id\"\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <template v-if=\"multiple\">\n      <OrTagInput\n        :ref=\"'tagInput'\"\n        v-model=\"model\"\n        v-dropdown-open=\"openMobilePopover\"\n        :overflow=\"overflow\"\n        :variant=\"variant\"\n        :additional-input-box-styles=\"boxOpenStyles\"\n        :placeholder=\"placeholder\"\n        :error=\"!!error\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        :enable-clear=\"enableClear\"\n        @input=\"onInput($event)\"\n        @focus=\"onFocus($event)\"\n        @blur=\"onBlur($event)\"\n      >\n        <template v-slot:tag=\"{ item }\">\n          <slot\n            name=\"tag\"\n            :item=\"item\"\n          >\n            {{ item.label }}\n          </slot>\n        </template>\n      </OrTagInput>\n    </template>\n\n    <template v-else>\n      <OrInputBox\n        :ref=\"'inputBox'\"\n        :class=\"boxOpenStyles\"\n        :variant=\"variant\"\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <input\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-dropdown-open=\"openMobilePopover\"\n          :class=\"controlStyles\"\n          :type=\"'text'\"\n          :value=\"searchText || model\"\n          :autocomplete=\"'off'\"\n          :placeholder=\"placeholder\"\n          :required=\"required\"\n          :readonly=\"readonly\"\n          :disabled=\"disabled\"\n          @input=\"$emit('input', $event); onInput($event); model = searchText\"\n          @keydown=\"$emit('keydown', $event)\"\n          @keyup=\"$emit('keyup', $event)\"\n          @focus=\"onFocus($event);\"\n          @blur=\"onBlur($event);\"\n        >\n\n        <template\n          v-if=\"enableClear && !readonly && !disabled\"\n          v-slot:addon\n        >\n          <template v-if=\"model && model.length > 0\">\n            <OrIconButton\n              :icon=\"'close'\"\n              :color=\"'inherit'\"\n              @click=\"reset()\"\n            />\n          </template>\n        </template>\n      </OrInputBox>\n    </template>\n\n    <OrPopover\n      :ref=\"'popover'\"\n      :trigger=\"tagInputRoot || inputBoxRoot\"\n      :placement=\"'bottom'\"\n      :offset=\"0\"\n      :full-width=\"true\"\n      :disable-default-styles=\"true\"\n      :bottom-sheet-props=\"{ isFullscreen: true }\"\n    >\n      <div :class=\"dropdownStyles\">\n        <template v-if=\"isMobile\">\n          <div class=\"py-sm px-lg\">\n            <OrTagInput\n              v-if=\"multiple\"\n              :ref=\"'mobileMultipleControl'\"\n              v-model=\"model\"\n              :overflow=\"'scroll'\"\n              :placeholder=\"placeholder\"\n              :error=\"!!error\"\n              :enable-clear=\"false\"\n              @input=\"onInput($event)\"\n            >\n              <template v-slot:tag=\"{ item }\">\n                <slot\n                  name=\"tag\"\n                  :item=\"item\"\n                >\n                  {{ item.label }}\n                </slot>\n              </template>\n              <template v-slot:appendInner>\n                <OrIconButton\n                  :icon=\"'check'\"\n                  :color=\"'inherit'\"\n                  @click=\"closeMobilePopover\"\n                />\n              </template>\n            </OrTagInput>\n            <OrInput\n              v-else\n              ref=\"mobileSingleControl\"\n              :model-value=\"searchText || (model && model.toString())\"\n              :placeholder=\"placeholder\"\n              @input=\"$emit('input', $event); onInput($event); model = searchText\"\n            >\n              <template v-slot:appendInner>\n                <OrIconButton\n                  :icon=\"'check'\"\n                  :color=\"'inherit'\"\n                  @click=\"closeMobilePopover\"\n                />\n              </template>\n            </OrInput>\n          </div>\n        </template>\n        <template\n          v-if=\"loading\"\n        >\n          <div :class=\"loaderContainerStyles\">\n            <slot name=\"loading\">\n              <OrLoader\n                :class=\"loaderStyles\"\n                variant=\"text\"\n                :text=\"loadingText\"\n              />\n            </slot>\n          </div>\n        </template>\n        <div\n          v-else\n          :class=\"isMobile ? 'overflow-auto': 'contains'\"\n        >\n          <OrMenuItem\n            v-for=\"(item, i) in filteredItems\"\n            :key=\"i\"\n            :class=\"dropdownItemStyles\"\n            @click=\"add(item)\"\n          >\n            <slot\n              name=\"item\"\n              :item=\"item\"\n            >\n              {{ item }}\n            </slot>\n          </OrMenuItem>\n        </div>\n      </div>\n    </OrPopover>\n    <template v-if=\"$slots.hint || hint\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useResponsive, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { SearchFunction } from '@onereach/ui-components-common/types';\nimport { exclude, include, isNil, toArray } from '@onereach/ui-components-common/utils';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrInputV3 as OrInput } from '@onereach/ui-components.or-input-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport { OrTagInputV3 as OrTagInput } from '@onereach/ui-components.or-tag-input-v3';\nimport { TagsOverflow } from '@onereach/ui-components.or-tags-v3';\nimport { computedAsync, watchTriggerable } from '@vueuse/core';\nimport { PropType, computed, defineComponent, reactive, ref, toRef, nextTick } from 'vue';\n\nimport * as Styles from './styles';\nimport { AutocompleteModelValue, AutocompleteValue } from './types';\n\nexport default defineComponent({\n  name: 'OrAutocomplete',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIconButton,\n    OrInputBox,\n    OrInput,\n    OrLabel,\n    OrLoader,\n    OrMenuItem,\n    OrPopover,\n    OrTagInput,\n  },\n\n  directives: {\n    DropdownClose,\n    DropdownOpen,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<AutocompleteModelValue>,\n      default: undefined,\n    },\n\n    items: {\n      type: Array as PropType<AutocompleteValue[]>,\n      default: () => [],\n    },\n\n    multiple: {\n      type: Boolean,\n      default: false,\n    },\n\n    overflow: {\n      type: String as PropType<`${TagsOverflow}`>,\n      default: () => TagsOverflow.Hidden,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    loadingText: {\n      type: String,\n      default: 'Loading',\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    enableClear: {\n      type: Boolean,\n      default: false,\n    },\n\n    searchFunction: {\n      type: Function as PropType<SearchFunction<AutocompleteValue>>,\n\n      default: (async (value, items) => {\n        return value.length > 0 ? items.filter((item) => new RegExp(value, 'i').test(item)) : [];\n      }) as SearchFunction<AutocompleteValue>,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'popover',\n    'popoverState',\n\n    'reset',\n    'clear',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const tagInput = ref<InstanceType<typeof OrTagInput>>();\n    const tagInputRoot = computed(() => tagInput.value?.root);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const control = ref<HTMLElement>();\n    const mobileSingleControl = ref<InstanceType<typeof OrInput>>();\n    const mobileMultipleControl = ref<InstanceType<typeof OrTagInput>>();\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverRoot = computed(() => popover.value?.root);\n    const popoverState = computed(() => popover.value?.state);\n    const popoverFlipped = computed(() => popover.value?.isFlipped);\n\n    const activated = ref(false);\n\n    // Helpers\n    const { isMobile } = useResponsive();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-autocomplete-v3',\n      ...Styles.Autocomplete,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const controlStyles = computed(() => [\n      ...Styles.AutocompleteControl,\n    ]);\n\n    const dropdownStyles = computed(() => [\n      'or-autocomplete-popover-v3',\n      ...Styles.AutocompleteDropdown,\n      ...popover.value?.isFlipped ? Styles.AutocompleteDropdownFlipped : Styles.AutocompleteDropdownDefault,\n    ]);\n\n    const dropdownItemStyles = computed(() => [\n      ...Styles.AutocompleteDropdownItem,\n    ]);\n\n    const loaderStyles = computed(() => [\n      ...Styles.AutocompleteLoader,\n    ]);\n\n    const loaderContainerStyles = computed(() => [\n      ...Styles.AutocompleteLoaderContainer,\n    ]);\n\n    const boxOpenStyles = computed(() => [\n      ...(popoverState.value === 'open' && !isMobile.value ? (popoverFlipped.value ? Styles.AutocompleteInputBoxOpenFlipped : Styles.AutocompleteInputBoxOpen) : []),\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const searchText = ref<string>();\n\n    const filteredItems = computedAsync(async () => {\n      return searchText.value\n        ? (await props.searchFunction(searchText.value, props.items))\n          .filter((item) => !model.value?.includes(item))\n        : [];\n    }, []);\n\n    // Handlers\n    function onInput(event: InputEvent): void {\n      searchText.value = (event.target as HTMLInputElement).value;\n    }\n\n    // Methods\n    function add(value: AutocompleteValue): void {\n      if (props.multiple) {\n        model.value = include(value, isNil(model.value) ? [] : toArray(model.value));\n      } else {\n        model.value = value;\n        if (isMobile.value) {\n          closeMobilePopover();\n        }\n      }\n\n      clear();\n    }\n\n    function remove(value: AutocompleteValue): void {\n      model.value = exclude(value, isNil(model.value) ? [] : toArray(model.value));\n    }\n\n    function reset(): void {\n      model.value = undefined;\n\n      clear();\n    }\n\n    function clear(): void {\n      searchText.value = undefined;\n      if (isMobile.value) {\n        (mobileMultipleControl.value?.clear as unknown as () => void)?.();\n      } else {\n        (tagInput.value?.clear as unknown as () => void)?.();\n      }\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    function focusMobileControl(): void {\n      if (props.multiple) {\n        mobileMultipleControl.value?.activate();\n      } else {\n        mobileSingleControl.value?.focus();\n      }\n    }\n\n    function onFocus(event: FocusEvent): void {\n      activated.value = true;\n      context.emit('focus', event);\n      if (isMobile.value) return;\n      triggerPopover();\n    }\n\n    function onBlur(event: FocusEvent): void {\n      activated.value = false;\n      context.emit('blur', event);\n    }\n\n    function openMobilePopover(): void {\n      if (!isMobile.value) return;\n      if (!props.readonly && !props.disabled) {\n        popover.value?.open();\n        nextTick(() => {\n          setTimeout(() => focusMobileControl());\n        });\n      }\n    }\n\n    function closeMobilePopover(): void {\n      if (!isMobile.value) return;\n      popover.value?.close();\n    }\n\n    const { trigger: triggerPopover } = watchTriggerable([\n      filteredItems,\n      toRef(props, 'loading'),\n    ], ([items, loading]) => {\n      if (isMobile.value) return;\n      if ((items.length > 0 || loading) && activated.value) {\n        popover.value?.open();\n      } else {\n        popover.value?.close();\n      }\n    });\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      tagInput,\n      tagInputRoot,\n\n      inputBox,\n      inputBoxRoot,\n\n      boxOpenStyles,\n\n      control,\n      mobileSingleControl,\n      mobileMultipleControl,\n      controlStyles,\n\n      popover,\n      popoverRoot,\n      popoverState,\n\n      loaderStyles,\n      loaderContainerStyles,\n\n      dropdownStyles,\n      dropdownItemStyles,\n\n      model,\n      searchText,\n      filteredItems,\n      activated,\n\n      onFocus,\n      onBlur,\n      onInput,\n\n      add,\n      remove,\n      reset,\n      clear,\n      triggerPopover,\n      openMobilePopover,\n      closeMobilePopover,\n      focus,\n      blur,\n\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["Autocomplete","AutocompleteControl","AutocompleteDropdown","AutocompleteDropdownDefault","AutocompleteDropdownFlipped","AutocompleteDropdownItem","AutocompleteLoader","AutocompleteLoaderContainer","AutocompleteInputBoxOpen","AutocompleteInputBoxOpenFlipped","_sfc_main","defineComponent","OrError","OrHint","OrIconButton","OrInputBox","OrInput","OrLabel","OrLoader","OrMenuItem","OrPopover","OrTagInput","DropdownClose","DropdownOpen","TagsOverflow","value","items","item","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","tagInput","tagInputRoot","computed","_a","inputBox","inputBoxRoot","control","mobileSingleControl","mobileMultipleControl","popover","popoverRoot","popoverState","popoverFlipped","activated","isMobile","useResponsive","rootStyles","Styles.Autocomplete","InputBoxVariant","controlStyles","Styles.AutocompleteControl","dropdownStyles","Styles.AutocompleteDropdown","Styles.AutocompleteDropdownFlipped","Styles.AutocompleteDropdownDefault","dropdownItemStyles","Styles.AutocompleteDropdownItem","loaderStyles","Styles.AutocompleteLoader","loaderContainerStyles","Styles.AutocompleteLoaderContainer","boxOpenStyles","Styles.AutocompleteInputBoxOpenFlipped","Styles.AutocompleteInputBoxOpen","model","useProxyModelValue","toRef","searchText","filteredItems","computedAsync","onInput","event","add","include","isNil","toArray","closeMobilePopover","clear","remove","exclude","reset","_b","_d","_c","focus","blur","focusMobileControl","onFocus","triggerPopover","onBlur","openMobilePopover","nextTick","watchTriggerable","loading","_hoisted_2","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrTagInput","_cache","$event","_directive_dropdown_open","_component_OrInputBox","_withCtx","_createElementVNode","_mergeProps","_hoisted_1","_component_OrIconButton","_createVNode","_component_OrPopover","_component_OrInput","_component_OrLoader","_Fragment","_renderList","i","_component_OrMenuItem","_component_OrHint","_component_OrError"],"mappings":"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"}

package/dist/esm/{OrAvatar-XcP_rrT3.mjs → OrAvatar-kdj2ReS0.mjs}

@@ -1,6 +1,6 @@
-import { defineComponent as i, ref as m, computed as s, resolveComponent as g, openBlock as t, createElementBlock as c, normalizeClass as l, normalizeStyle as p, renderSlot as h, createBlock as y, createCommentVNode as k } from "vue";
-import { hslToColorString as f, generateHslFromString as S } from "@onereach/ui-components-common/utils";
-import { O as b } from "./OrIcon-k8cyvh-D.mjs";
+import { hslToColorString as i, generateHslFromString as m } from "@onereach/ui-components-common/utils";
+import { O as g } from "./OrIcon-k8cyvh-D.mjs";
+import { defineComponent as p, ref as h, computed as s, resolveComponent as y, openBlock as t, createElementBlock as c, normalizeClass as l, normalizeStyle as k, renderSlot as f, createBlock as S, createCommentVNode as b } from "vue";
 import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var r = /* @__PURE__ */ ((e) => (e.XL = "xl", e.L = "l", e.M = "m", e.S = "s", e.XS = "xs", e))(r || {}), o = /* @__PURE__ */ ((e) => (e.Auto = "auto", e.Blue = "blue", e.Grey = "grey", e.Green = "green", e.Yellow = "yellow", e.Red = "red", e))(o || {});
 const w = [
@@ -121,10 +121,10 @@ const w = [
     "theme-background-error",
     "dark:theme-background-error-dark"
   ]
-}, z = i({
+}, z = p({
   name: "OrAvatar",
   components: {
-    OrIcon: b
+    OrIcon: g
   },
   props: {
     src: {
@@ -152,14 +152,14 @@ const w = [
     "root"
   ],
   setup(e) {
-    const n = m(), a = s(() => [
+    const n = h(), a = s(() => [
       "or-avatar-v3",
       ...w,
       ...v[e.size],
       ...e.icon ? L[e.size] : X[e.size],
       ...O[e.color]
     ]), d = s(() => ({
-      background: e.color === o.Auto && !e.src ? f(S(e.colorSalt ?? "")) : void 0
+      background: e.color === o.Auto && !e.src ? i(m(e.colorSalt ?? "")) : void 0
     }));
     return {
       root: n,
@@ -169,23 +169,23 @@ const w = [
   }
 }), I = ["src"];
 function _(e, n, a, d, B, M) {
-  const u = g("OrIcon");
+  const u = y("OrIcon");
   return t(), c("div", {
     ref: "root",
     class: l(e.rootStyles),
-    style: p(e.rootInlineStyles)
+    style: k(e.rootInlineStyles)
   }, [
-    h(e.$slots, "default", {}, () => [
+    f(e.$slots, "default", {}, () => [
       e.src ? (t(), c("img", {
         key: 0,
         class: l(["w-full", "h-full", "object-cover"]),
         src: e.src,
         alt: ""
-      }, null, 8, I)) : e.icon ? (t(), y(u, {
+      }, null, 8, I)) : e.icon ? (t(), S(u, {
         key: 1,
         icon: e.icon,
         size: "inherit"
-      }, null, 8, ["icon"])) : k("", !0)
+      }, null, 8, ["icon"])) : b("", !0)
     ])
   ], 6);
 }
@@ -195,4 +195,4 @@ export {
   R as O,
   o as a
 };
-//# sourceMappingURL=OrAvatar-XcP_rrT3.mjs.map
+//# sourceMappingURL=OrAvatar-kdj2ReS0.mjs.map

package/dist/esm/OrAvatar-kdj2ReS0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrAvatar-kdj2ReS0.mjs","sources":["../../../components/or-avatar-v3/src/props.ts","../../../components/or-avatar-v3/src/styles.ts","../../../components/or-avatar-v3/src/OrAvatar.vue"],"sourcesContent":["export enum AvatarSize {\n  XL = 'xl',\n  L = 'l',\n  M = 'm',\n  S = 's',\n  XS = 'xs',\n}\n\nexport enum AvatarColor {\n  Auto = 'auto',\n  Blue = 'blue',\n  Grey = 'grey',\n  Green = 'green',\n  Yellow = 'yellow',\n  Red = 'red',\n}\n","import { AvatarColor, AvatarSize } from './props';\n\nexport const Avatar: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Interactivity\n  'interactivity-default',\n\n  // Shape\n  'rounded-full',\n];\n\nexport const AvatarSizes: Record<AvatarSize, string[]> = {\n  [AvatarSize.XL]: [\n    // Box\n    'w-[80px]',\n    'h-[80px]',\n  ],\n\n  [AvatarSize.L]: [\n    // Box\n    'w-[64px]',\n    'h-[64px]',\n  ],\n\n  [AvatarSize.M]: [\n    // Box\n    'w-[40px]',\n    'h-[40px]',\n  ],\n\n  [AvatarSize.S]: [\n    // Box\n    'w-[32px]',\n    'h-[32px]',\n  ],\n\n  [AvatarSize.XS]: [\n    // Box\n    'w-[24px]',\n    'h-[24px]',\n  ],\n};\n\nexport const AvatarIconSizes: Record<AvatarSize, string[]> = {\n  [AvatarSize.XL]: [\n    // Typography\n    'text-[40px]',\n  ],\n\n  [AvatarSize.L]: [\n    // Typography\n    'text-[32px]',\n  ],\n\n  [AvatarSize.M]: [\n    // Typography\n    'text-[20px]',\n  ],\n\n  [AvatarSize.S]: [\n    // Typography\n    'text-[16px]',\n  ],\n\n  [AvatarSize.XS]: [\n    // Typography\n    'text-[16px]',\n  ],\n};\n\nexport const AvatarTextSizes: Record<AvatarSize, string[]> = {\n  [AvatarSize.XL]: [\n    // Typography\n    'typography-headline-1',\n  ],\n\n  [AvatarSize.L]: [\n    // Typography\n    'typography-headline-1',\n  ],\n\n  [AvatarSize.M]: [\n    // Typography\n    'typography-body-1-bold',\n  ],\n\n  [AvatarSize.S]: [\n    // Typography\n    'typography-body-1-bold',\n  ],\n\n  [AvatarSize.XS]: [\n    // Typography\n    'typography-caption-semibold',\n  ],\n};\n\nexport const AvatarColors: Record<AvatarColor, string[]> = {\n  [AvatarColor.Auto]: [\n    // Theme\n    'theme-foreground-base',\n    'dark:theme-foreground-base-dark',\n  ],\n\n  [AvatarColor.Blue]: [\n    // Theme\n    'theme-foreground-on-primary',\n    'dark:theme-foreground-on-primary-dark',\n\n    'theme-background-primary',\n    'dark:theme-background-primary-dark',\n  ],\n\n  [AvatarColor.Grey]: [\n    // Theme\n    'theme-foreground-on-secondary',\n    'dark:theme-foreground-on-secondary-dark',\n\n    'theme-background-secondary',\n    'dark:theme-background-secondary-dark',\n  ],\n\n  [AvatarColor.Green]: [\n    // Theme\n    'theme-foreground-on-success',\n    'dark:theme-foreground-on-success-dark',\n\n    'theme-background-success',\n    'dark:theme-background-success-dark',\n  ],\n\n  [AvatarColor.Yellow]: [\n    // Theme\n    'theme-foreground-on-warning',\n    'dark:theme-foreground-on-warning-dark',\n\n    'theme-background-warning',\n    'dark:theme-background-warning-dark',\n  ],\n\n  [AvatarColor.Red]: [\n    // Theme\n    'theme-foreground-on-error',\n    'dark:theme-foreground-on-error-dark',\n\n    'theme-background-error',\n    'dark:theme-background-error-dark',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :style=\"rootInlineStyles\"\n  >\n    <slot>\n      <template v-if=\"src\">\n        <img\n          :class=\"['w-full', 'h-full', 'object-cover']\"\n          :src=\"src\"\n          :alt=\"''\"\n        >\n      </template>\n\n      <template v-else-if=\"icon\">\n        <OrIcon\n          :icon=\"icon\"\n          :size=\"'inherit'\"\n        />\n      </template>\n    </slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { generateHslFromString, hslToColorString } from '@onereach/ui-components-common/utils';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport { AvatarColor, AvatarSize } from './props';\nimport { Avatar, AvatarColors, AvatarIconSizes, AvatarSizes, AvatarTextSizes } from './styles';\n\nexport default defineComponent({\n  name: 'OrAvatar',\n\n  components: {\n    OrIcon,\n  },\n\n  props: {\n    src: {\n      type: String,\n      default: undefined,\n    },\n\n    icon: {\n      type: String,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${AvatarSize}`>,\n      default: () => AvatarSize.M,\n    },\n\n    color: {\n      type: String as PropType<`${AvatarColor}`>,\n      default: () => AvatarColor.Auto,\n    },\n\n    colorSalt: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-avatar-v3',\n      ...Avatar,\n      ...AvatarSizes[props.size],\n      ...props.icon\n        ? AvatarIconSizes[props.size]\n        : AvatarTextSizes[props.size],\n      ...AvatarColors[props.color],\n    ]);\n\n    // Inline styles\n    const rootInlineStyles = computed(() => ({\n      background: props.color === AvatarColor.Auto && !props.src\n        ? hslToColorString(generateHslFromString(props.colorSalt ?? ''))\n        : undefined,\n    }));\n\n    return {\n      root,\n      rootStyles,\n      rootInlineStyles,\n    };\n  },\n});\n</script>\n"],"names":["AvatarSize","AvatarColor","Avatar","AvatarSizes","AvatarIconSizes","AvatarTextSizes","AvatarColors","_sfc_main","defineComponent","OrIcon","props","root","ref","rootStyles","computed","rootInlineStyles","hslToColorString","generateHslFromString","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_hoisted_1","_createBlock","_component_OrIcon"],"mappings":";;;;AAAY,IAAAA,sBAAAA,OACVA,EAAA,KAAK,MACLA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,KAAK,MALKA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,OAAO,QACPA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,MAAM,OANIA,IAAAA,KAAA,CAAA,CAAA;ACNL,MAAMC,IAAmB;AAAA;AAAA,EAE9B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,IAA4C;AAAA,EACvD,CAACH,EAAW,EAAE,GAAG;AAAA;AAAA,IAEf;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAW,CAAC,GAAG;AAAA;AAAA,IAEd;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAW,CAAC,GAAG;AAAA;AAAA,IAEd;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAW,CAAC,GAAG;AAAA;AAAA,IAEd;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAW,EAAE,GAAG;AAAA;AAAA,IAEf;AAAA,IACA;AAAA,EACF;AACF,GAEaI,IAAgD;AAAA,EAC3D,CAACJ,EAAW,EAAE,GAAG;AAAA;AAAA,IAEf;AAAA,EACF;AAAA,EAEA,CAACA,EAAW,CAAC,GAAG;AAAA;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,CAACA,EAAW,CAAC,GAAG;AAAA;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,CAACA,EAAW,CAAC,GAAG;AAAA;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,CAACA,EAAW,EAAE,GAAG;AAAA;AAAA,IAEf;AAAA,EACF;AACF,GAEaK,IAAgD;AAAA,EAC3D,CAACL,EAAW,EAAE,GAAG;AAAA;AAAA,IAEf;AAAA,EACF;AAAA,EAEA,CAACA,EAAW,CAAC,GAAG;AAAA;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,CAACA,EAAW,CAAC,GAAG;AAAA;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,CAACA,EAAW,CAAC,GAAG;AAAA;AAAA,IAEd;AAAA,EACF;AAAA,EAEA,CAACA,EAAW,EAAE,GAAG;AAAA;AAAA,IAEf;AAAA,EACF;AACF,GAEaM,IAA8C;AAAA,EACzD,CAACL,EAAY,IAAI,GAAG;AAAA;AAAA,IAElB;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAY,IAAI,GAAG;AAAA;AAAA,IAElB;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAY,IAAI,GAAG;AAAA;AAAA,IAElB;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAY,KAAK,GAAG;AAAA;AAAA,IAEnB;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAY,MAAM,GAAG;AAAA;AAAA,IAEpB;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAY,GAAG,GAAG;AAAA;AAAA,IAEjB;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AACF,GCxHAM,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,KAAK;AAAA,MACH,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAMT,EAAW;AAAA,IAC5B;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAMC,EAAY;AAAA,IAC7B;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMS,GAAO;AAEX,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGZ;AAAA,MACH,GAAGC,EAAYO,EAAM,IAAI;AAAA,MACzB,GAAGA,EAAM,OACLN,EAAgBM,EAAM,IAAI,IAC1BL,EAAgBK,EAAM,IAAI;AAAA,MAC9B,GAAGJ,EAAaI,EAAM,KAAK;AAAA,IAAA,CAC5B,GAGKK,IAAmBD,EAAS,OAAO;AAAA,MACvC,YAAYJ,EAAM,UAAUT,EAAY,QAAQ,CAACS,EAAM,MACnDM,EAAiBC,EAAsBP,EAAM,aAAa,EAAE,CAAC,IAC7D;AAAA,IACJ,EAAA;AAEK,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MACA,kBAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YAlGCG,EAqBM,QAAA;SAnBEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAK;AAAA,IAAA,OAAAC,EAAAC,EAAA,UAAA;AAAA,IAEN,OAeOC,EAAAD,EAAA,gBAAA;AAAA,EAAA,GAAA;AAAA,gBAbH,WAIC,CAAA,GAAA,MAAA;AAAA,MAAAA,EAAA,OAAAH,KAHSC,EAAA,OAAA;AAAA,QACP,KAAK;AAAA,QACL,OAAOC,EAAA,CAAA,UAAA,UAAA,cAAA,CAAA;AAAA,QAAA,KAAAC,EAAA;AAAA,QAIS,KAAA;AAAA,MAAA,GAAA,MAAA,GAAAE,CACnB,oBACaC,EAAAC,GAAA;AAAA,QACV,KAAI;AAAA,QAAA,MAAAJ,EAAA;AAAA;;;;;;"}

package/dist/esm/{OrBottomSheet-CJxmY84p.mjs → OrBottomSheet-DQ83BBtJ.mjs}

@@ -1,15 +1,15 @@
-import { usePointerSwipe as H, onClickOutside as $ } from "@vueuse/core";
-import { ref as p, unref as P, computed as h, defineComponent as C, toRefs as A, watch as E, resolveComponent as I, openBlock as k, createBlock as F, withCtx as N, createElementVNode as y, mergeProps as V, createElementBlock as Y, normalizeClass as S, createCommentVNode as w, renderSlot as B } from "vue";
-import { useTheme as j, usePopoverState as z } from "@onereach/ui-components-common/hooks";
-import { O as D } from "./OrOverlay-BjrghiC-.mjs";
+import { useTheme as H, usePopoverState as $ } from "@onereach/ui-components-common/hooks";
+import { O as P } from "./OrOverlay-BzbAwvpo.mjs";
+import { usePointerSwipe as C, onClickOutside as A } from "@vueuse/core";
+import { ref as p, unref as E, computed as h, defineComponent as I, toRefs as F, watch as N, resolveComponent as V, openBlock as k, createBlock as Y, withCtx as j, createElementVNode as y, mergeProps as z, createElementBlock as D, normalizeClass as S, createCommentVNode as w, renderSlot as B } from "vue";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var a = /* @__PURE__ */ ((e) => (e.Basic = "basic", e.Advanced = "advanced", e))(a || {});
 function T(e, f, t, n, c) {
-  const d = p({}), r = p(!1), u = j(), l = (o) => n.value === a.Basic || o.composedPath().includes(f.value) && t.value, { isSwiping: g } = H(e, {
+  const d = p({}), r = p(!1), u = H(), l = (o) => n.value === a.Basic || o.composedPath().includes(f.value) && t.value, { isSwiping: g } = C(e, {
     threshold: 12,
     onSwipe(o) {
       if (r.value = l(o), n.value === a.Advanced) {
-        const s = P(e);
+        const s = E(e);
         d.value = {
           transitionProperty: "none",
           minHeight: `${s.clientHeight - o.offsetY}px`,
@@ -104,10 +104,10 @@ const U = [
   // Layout
   "layout-column",
   "grow"
-], J = C({
+], J = I({
   name: "OrBottomSheet",
   components: {
-    OrOverlay: D
+    OrOverlay: P
   },
   inheritAttrs: !1,
   props: {
@@ -138,7 +138,7 @@ const U = [
     "toggle"
   ],
   setup(e, f) {
-    const t = p(), n = p(), { variant: c, isOpen: d } = A(e), { state: r, open: u, close: l, toggle: g } = z(d, f.emit), m = p(e.isFullscreen), o = h(() => [
+    const t = p(), n = p(), { variant: c, isOpen: d } = F(e), { state: r, open: u, close: l, toggle: g } = $(d, f.emit), m = p(e.isFullscreen), o = h(() => [
       "or-bottom-sheet-v3",
       ...U,
       ...W[e.variant]
@@ -150,9 +150,9 @@ const U = [
       ...G,
       m.value || c.value === "basic" ? "overflow-y-auto" : "overflow-hidden"
     ]), { rootInlineStyles: b } = T(t, n, m, c, l);
-    return E(r, (v) => {
+    return N(r, (v) => {
       v === "closed" && (m.value = e.isFullscreen);
-    }), $(t, (v) => {
+    }), A(t, (v) => {
       v.composedPath().some(({ classList: i }) => (i == null ? void 0 : i.contains("or-popover-v3")) || (i == null ? void 0 : i.contains("or-bottom-sheet-v3"))) || l();
     }), {
       root: t,
@@ -171,18 +171,18 @@ const U = [
   }
 });
 function K(e, f, t, n, c, d) {
-  const r = I("OrOverlay");
-  return e.state === "open" ? (k(), F(r, {
+  const r = V("OrOverlay");
+  return e.state === "open" ? (k(), Y(r, {
     key: 0,
     fullscreen: e.fullscreen
   }, {
-    default: N(() => [
-      y("div", V(e.$attrs, {
+    default: j(() => [
+      y("div", z(e.$attrs, {
         ref: "root",
         class: e.rootStyles,
         style: e.rootInlineStyles
       }), [
-        e.variant === "advanced" ? (k(), Y("div", {
+        e.variant === "advanced" ? (k(), D("div", {
           key: 0,
           class: S(e.handleStyles)
         }, null, 2)) : w("", !0),
@@ -207,4 +207,4 @@ export {
   a as B,
   te as O
 };
-//# sourceMappingURL=OrBottomSheet-CJxmY84p.mjs.map
+//# sourceMappingURL=OrBottomSheet-DQ83BBtJ.mjs.map

package/dist/esm/OrBottomSheet-DQ83BBtJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrBottomSheet-DQ83BBtJ.mjs","sources":["../../../components/or-bottom-sheet-v3/src/props.ts","../../../components/or-bottom-sheet-v3/src/hooks/useBottomSheetSwipeState.ts","../../../components/or-bottom-sheet-v3/src/styles.ts","../../../components/or-bottom-sheet-v3/src/OrBottomSheet.vue"],"sourcesContent":["export enum BottomSheetVariant {\n  Basic = 'basic',\n  Advanced = 'advanced',\n}\n","import { useTheme } from '@onereach/ui-components-common/hooks';\nimport { usePointerSwipe } from '@vueuse/core';\nimport { ref, computed, Ref, unref, ComputedRef } from 'vue';\n\nimport { BottomSheetVariant } from '../props';\n\nfunction useBottomSheetSwipeState(\n  root: Ref<HTMLElement | undefined>,\n  content: Ref<HTMLElement | undefined>,\n  fullscreen: Ref<boolean>,\n  variant: Ref<`${BottomSheetVariant}`>,\n  close: () => void\n): { rootInlineStyles: ComputedRef<Partial<CSSStyleDeclaration>>; } {\n  const inlineSwipingStyles = ref<Partial<CSSStyleDeclaration>>({});\n  const skipSwipe = ref<boolean>(false);\n  const theme = useTheme();\n\n  const isEventSkipped = (event: Event): boolean => {\n    return variant.value === BottomSheetVariant.Basic || event.composedPath().includes(content.value!) && fullscreen.value;\n  };\n\n  const { isSwiping } = usePointerSwipe(root, {\n    threshold: 12,\n    onSwipe(event: PointerEvent): void {\n      skipSwipe.value = isEventSkipped(event);\n      if (variant.value === BottomSheetVariant.Advanced) {\n        const rootElement = unref(root)!;\n        inlineSwipingStyles.value = {\n          transitionProperty: 'none',\n          minHeight: `${rootElement.clientHeight - event.offsetY}px`,\n          maxHeight: `${rootElement.clientHeight - event.offsetY}px`,\n        };\n      }\n    },\n\n    onSwipeEnd(event: PointerEvent, direction: string): void {\n      if (isEventSkipped(event)) {\n        return;\n      }\n\n      if (variant.value === BottomSheetVariant.Advanced) {\n        switch (direction) {\n          case 'up':\n          case 'UP':\n            fullscreen.value = true;\n\n            break;\n\n          case 'down':\n          case 'DOWN':\n            if (fullscreen.value) {\n              fullscreen.value = false;\n            } else {\n              close();\n            }\n\n            break;\n        }\n      }\n    },\n  });\n\n  const rootInlineStyles = computed(() => {\n    if (variant.value === BottomSheetVariant.Basic) {\n      return {\n        transitionProperty: 'min-height, max-height',\n        minHeight: '0',\n        maxHeight: `calc(100% - ${theme.spacing.xl})`,\n      };\n    }\n    return isSwiping.value && !skipSwipe.value\n      ? inlineSwipingStyles.value\n      : fullscreen.value\n        ? {\n          transitionProperty: 'min-height, max-height',\n          minHeight: `calc(100% - ${theme.spacing.xl})`,\n          maxHeight: `calc(100% - ${theme.spacing.xl})`,\n        }\n        : {\n          transitionProperty: 'min-height, max-height',\n          minHeight: '0',\n          maxHeight: '50%',\n        };\n  }) as ComputedRef<Partial<CSSStyleDeclaration>>;\n\n  return {\n    rootInlineStyles,\n  };\n}\n\nexport default useBottomSheetSwipeState;\n","import { BottomSheetVariant } from './props';\n\nexport const BottomSheet: string[] = [\n  // Position\n  'fixed',\n\n  'left-0',\n  'right-0',\n  'bottom-0',\n\n  // Layout\n  'layout-column',\n\n  // Shape\n  'rounded-t-lg',\n\n  // Elevation\n  'shadow-contextual',\n  'dark:shadow-contextual-dark',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const BottomSheetVariants: Record<BottomSheetVariant, string[]> = {\n  [BottomSheetVariant.Basic]: [],\n\n  [BottomSheetVariant.Advanced]: [\n    // Box\n    'max-h-[50%]',\n\n    // Transition\n    'transition-[min-height]',\n    'transition-[max-height]',\n  ],\n};\n\nexport const BottomSheetHandle: string[] = [\n  // Layout\n  'layout-row justify-center',\n\n  // Interactivity\n  'interactivity-drag',\n\n  // Box\n  'after:w-2xl',\n  'after:h-xs',\n\n  // Spacing\n  'px-sm',\n  'py-sm',\n\n  // Shape\n  'after:rounded-full',\n\n  // Theme\n  'after:bg-outline',\n  'after:dark:bg-outline',\n];\n\nexport const BottomSheetHeader: string[] = [\n  // Layout (empty)\n  'empty:hidden',\n\n  // Spacing\n  'px-lg',\n  'py-md',\n\n  // Typography\n  'typography-headline-3',\n];\n\nexport const BottomSheetContent: string[] = [\n  // Layout\n  'layout-column',\n  'grow',\n];\n","<template>\n  <OrOverlay\n    v-if=\"state === 'open'\"\n    :fullscreen=\"fullscreen\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n      :style=\"rootInlineStyles\"\n    >\n      <template v-if=\"variant === 'advanced'\">\n        <div :class=\"handleStyles\" />\n      </template>\n\n      <div :class=\"headerStyles\">\n        <slot name=\"header\" />\n      </div>\n\n      <div\n        :ref=\"'content'\"\n        :class=\"contentStyles\"\n      >\n        <slot />\n      </div>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport { onClickOutside } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRefs, watch } from 'vue';\n\nimport useBottomSheetSwipeState from './hooks/useBottomSheetSwipeState';\nimport { BottomSheetVariant } from './props';\nimport { BottomSheet, BottomSheetContent, BottomSheetHandle, BottomSheetHeader, BottomSheetVariants } from './styles';\n\nexport default defineComponent({\n  name: 'OrBottomSheet',\n\n  components: {\n    OrOverlay,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    variant: {\n      type: String as PropType<`${BottomSheetVariant}`>,\n      default: () => BottomSheetVariant.Advanced,\n    },\n\n    isFullscreen: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'fullscreen',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const content = ref<HTMLElement>();\n\n    // Props\n    const { variant, isOpen } = toRefs(props);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(isOpen, context.emit);\n    const fullscreen = ref<boolean>(props.isFullscreen);\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-bottom-sheet-v3',\n      ...BottomSheet,\n      ...BottomSheetVariants[props.variant],\n    ]);\n\n    const handleStyles = computed(() => [\n      ...BottomSheetHandle,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...BottomSheetHeader,\n    ]);\n\n    const contentStyles = computed(() => [\n      ...BottomSheetContent,\n      fullscreen.value || variant.value === 'basic' ? 'overflow-y-auto' : 'overflow-hidden',\n    ]);\n\n\n    // Effects\n    // #region Swipe\n    const { rootInlineStyles } = useBottomSheetSwipeState(root, content, fullscreen, variant, close);\n    // #endregion\n\n    watch(state, (value) => {\n      if (value === 'closed') {\n        fullscreen.value = props.isFullscreen;\n      }\n    });\n\n\n    // #region Click Outside\n    onClickOutside(root, (event) => {\n      const path = event.composedPath() as Element[];\n      if (!path.some(({ classList }) => classList?.contains('or-popover-v3') || classList?.contains('or-bottom-sheet-v3'))) {\n        close();\n      }\n    });\n    // #endregion\n\n    return {\n      root,\n      content,\n      rootStyles,\n      rootInlineStyles,\n      handleStyles,\n      headerStyles,\n      contentStyles,\n      state,\n      fullscreen,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n"],"names":["BottomSheetVariant","useBottomSheetSwipeState","root","content","fullscreen","variant","close","inlineSwipingStyles","ref","skipSwipe","theme","useTheme","isEventSkipped","event","isSwiping","usePointerSwipe","rootElement","unref","direction","computed","BottomSheet","BottomSheetVariants","BottomSheetHandle","BottomSheetHeader","BottomSheetContent","_sfc_main","defineComponent","OrOverlay","props","context","isOpen","toRefs","state","open","toggle","usePopoverState","rootStyles","handleStyles","headerStyles","contentStyles","rootInlineStyles","watch","value","onClickOutside","classList","_component_OrOverlay","_resolveComponent","_ctx","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_createElementBlock","_createCommentVNode","_normalizeClass","_renderSlot"],"mappings":"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"}

package/dist/esm/{OrButton-C_hXddAf.mjs → OrButton-_RCmYvxT.mjs}

@@ -1,4 +1,4 @@
-import { _ as s } from "./OrButton.vue_vue_type_script_lang-W1ictbKz.mjs";
+import { _ as s } from "./OrButton.vue_vue_type_script_lang-CAOLKmru.mjs";
 import { resolveComponent as i, openBlock as o, createElementBlock as t, mergeProps as l, toHandlers as d, createElementVNode as n, normalizeClass as a, renderSlot as c, Fragment as u, createVNode as m, createBlock as p, createCommentVNode as v } from "vue";
 import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const y = ["type", "activated", "disabled", "data-loading"], k = {
@@ -48,4 +48,4 @@ const N = /* @__PURE__ */ f(s, [["render", g]]);
 export {
   N as O
 };
-//# sourceMappingURL=OrButton-C_hXddAf.mjs.map
+//# sourceMappingURL=OrButton-_RCmYvxT.mjs.map

package/dist/esm/OrButton-_RCmYvxT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrButton-_RCmYvxT.mjs","sources":["../../../components/or-button-v3/src/OrButton.vue"],"sourcesContent":["<template>\n  <button\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :type=\"type\"\n    :activated=\"activated\"\n    :disabled=\"disabled\"\n    :data-loading=\"loading\"\n    v-on=\"{\n      ...(isVue3 ? {} : $listeners),\n      click: onClick,\n      focus: onFocus,\n      blur: onBlur,\n    }\"\n  >\n    <div :class=\"contentContainerStyles\">\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n\n      <template v-if=\"loading\">\n        <template v-if=\"variant == 'contained' || variant == 'outlined'\">\n          <div :class=\"['absolute']\">\n            <OrLoader\n              :variant=\"'circular'\"\n              :color=\"'inherit'\"\n              :size=\"'s'\"\n            />\n          </div>\n        </template>\n\n        <template v-else>\n          <OrLoader\n            variant=\"text\"\n            :text=\"loadingText\"\n          />\n        </template>\n      </template>\n    </div>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { PropType, computed, defineComponent, ref } from 'vue';\n\nimport { isVue3 } from '@/constants';\n\nimport { ButtonColor, ButtonType, ButtonVariant } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrButton',\n\n  components: {\n    OrLoader,\n  },\n\n  props: {\n    type: {\n      type: String as PropType<`${ButtonType}`>,\n      default: () => ButtonType.Button,\n    },\n\n    variant: {\n      type: String as PropType<`${ButtonVariant}`>,\n      default: () => ButtonVariant.Contained,\n    },\n\n    color: {\n      type: String as PropType<`${ButtonColor}`>,\n      default: () => ButtonColor.Primary,\n    },\n\n    activated: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    loadingText: {\n      type: String,\n      default: 'Loading',\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, { emit }) {\n    // Refs\n    const root = ref<HTMLButtonElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-button-v3',\n      ...Styles.Button,\n      ...Styles.ButtonVariants[props.variant],\n      ...Styles.ButtonColors[`${props.color}-${props.variant}`],\n      ...(props.loading ? Styles.ButtonLoadingColors[`${props.color}-${props.variant}`] : []),\n    ]);\n\n    const contentContainerStyles = computed(() => [\n      ...Styles.ButtonContainerVariants[props.variant],\n      ...(props.loading ? Styles.ButtonContainerVariantsLoading[props.variant] : []),\n    ]);\n\n    const contentStyles = computed(() => [\n      'contents',\n      ...(props.loading ? Styles.ButtonContentLoading[props.variant] : []),\n    ]);\n\n    return {\n      root,\n      rootStyles,\n      contentStyles,\n      contentContainerStyles,\n      isVue3,\n      onClick: (e: unknown) => emit('click', e),\n      onFocus: (e: unknown) => emit('focus', e),\n      onBlur: (e: unknown) => emit('blur', e),\n    };\n  },\n});\n</script>\n"],"names":["_hoisted_2","_component_OrLoader","_resolveComponent","_openBlock","_createElementBlock","_mergeProps","_ctx","_toHandlers","_createElementVNode","_normalizeClass","_renderSlot","_Fragment","_createVNode","_createBlock"],"mappings":";;;6DAsBgBA,IAAK;AAAA,EAAA,KAAA;AAAA;;;AArBnB,QAAAC,IAAAC,EAsCS,UAtCT;AAEQ,SAAAC,EAAY,GAAAC,EAAA,UAAAC,EAAA;AAAA,IACjB,KAAI;AAAA,IACJ,OAAWC,EAAA;AAAA,IACX,MAAUA,EAAA;AAAA,IACV,WAAcA,EAAA;AAAA,IAAA,UACfA,EAKE;AAAA,IAAA,gBALgBA,EAAM;AAAA,EAAkC,GAAAC,EAAA;AAAA,IAAA,GAAAD,EAAsB,SAAO,CAAA,IAAAA,EAAA;AAAA,IAAc,OAAAA,EAAA;AAAA,IAAA,OAAAA,EAAA;AAAA,IAOrG,MAAAA,EAAA;AAAA,EAAA,GAAM,EAAK,CAAA,GAAA;AAAA,IAAAE,EAAA,OAAA;AAAA,MACT,OAEMC,EAAAH,EAAA,sBAAA;AAAA,IAAA,GAAA;AAAA;QADJ,OAAQG,EAAAH,EAAA,aAAA;AAAA,MAAA,GAAA;AAAA,QAGMI,EAAOJ,EAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAA;AAAA,MAEnBA,EAAA,WAAAH,KAAAC,EAAAO,GAMM,EANN,KAMM,KAAA;AAAA,QALJL,EAAA,WAAA,eAIEA,EAHQ,WAAA,cAAAH,KAAEC,EAAU,OAAAJ,GAAA;AAAA,UAAAY,EACZX,GAAS;AAAA,YAChB,SAAS;AAAA,YAAA,OAAA;AAAA;;oBAOEY,EAAAZ,GAAA;AAAA,UACb,KAAI;AAAA,UAAA,SAAA;AAAA;;;;;;;"}

package/dist/esm/{OrButton.vue_vue_type_script_lang-W1ictbKz.mjs → OrButton.vue_vue_type_script_lang-CAOLKmru.mjs}

@@ -1,6 +1,6 @@
-import { defineComponent as u, ref as y, computed as i } from "vue";
-import { i as c } from "./constants-ByXK9fg4.mjs";
-import { O as h } from "./OrLoader-2SaTMxmZ.mjs";
+import { O as u } from "./OrLoader-2SaTMxmZ.mjs";
+import { defineComponent as y, ref as c, computed as i } from "vue";
+import { i as h } from "./constants-ByXK9fg4.mjs";
 var r = /* @__PURE__ */ ((e) => (e.Contained = "contained", e.Outlined = "outlined", e.Text = "text", e.Link = "link", e))(r || {}), a = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Danger = "danger", e.Inherit = "inherit", e))(a || {}), o = /* @__PURE__ */ ((e) => (e.Button = "button", e.Submit = "submit", e.Reset = "reset", e))(o || {});
 const k = [
   // Layout
@@ -233,10 +233,10 @@ const k = [
   link: [
     "hidden"
   ]
-}, L = u({
+}, L = y({
   name: "OrButton",
   components: {
-    OrLoader: h
+    OrLoader: u
   },
   props: {
     type: {
@@ -277,7 +277,7 @@ const k = [
     "root"
   ],
   setup(e, { emit: n }) {
-    const d = y(), l = i(() => [
+    const d = c(), l = i(() => [
       "or-button-v3",
       ...k,
       ...p[e.variant],
@@ -295,7 +295,7 @@ const k = [
       rootStyles: l,
       contentStyles: s,
       contentContainerStyles: m,
-      isVue3: c,
+      isVue3: h,
       onClick: (t) => n("click", t),
       onFocus: (t) => n("focus", t),
       onBlur: (t) => n("blur", t)
@@ -308,4 +308,4 @@ export {
   a,
   o as b
 };
-//# sourceMappingURL=OrButton.vue_vue_type_script_lang-W1ictbKz.mjs.map
+//# sourceMappingURL=OrButton.vue_vue_type_script_lang-CAOLKmru.mjs.map

package/dist/esm/OrButton.vue_vue_type_script_lang-CAOLKmru.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrButton.vue_vue_type_script_lang-CAOLKmru.mjs","sources":["../../../components/or-button-v3/src/props.ts","../../../components/or-button-v3/src/styles.ts","../../../components/or-button-v3/src/OrButton.vue"],"sourcesContent":["export enum ButtonVariant {\n  Contained = 'contained',\n  Outlined = 'outlined',\n  Text = 'text',\n  Link = 'link',\n}\n\nexport enum ButtonColor {\n  Primary = 'primary',\n  Danger = 'danger',\n  Inherit = 'inherit',\n}\n\nexport enum ButtonType {\n  Button = 'button',\n  Submit = 'submit',\n  Reset = 'reset',\n}\n","import { ButtonColor, ButtonVariant } from './props';\n\nexport const Button: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-md',\n\n  // Typography\n  'typography-button',\n];\n\nexport const ButtonVariants: Record<ButtonVariant, string[]> = {\n  [ButtonVariant.Contained]: [\n    //  Layout\n    'layout-inline-row justify-center',\n\n    // Box\n    'min-w-[96px]',\n\n    // Spacing\n    'px-md md:px-md',\n    'py-sm+ md:py-sm',\n  ],\n\n  [ButtonVariant.Outlined]: [\n    //  Layout\n    'layout-inline-row justify-center',\n\n    // Box\n    'min-w-[96px]',\n\n    // Spacing\n    'px-md* md:px-md*',\n    'py-sm+* md:py-sm*',\n\n  ],\n\n  [ButtonVariant.Text]: [\n    //  Layout\n    'layout-inline-row justify-center',\n\n    // Box\n    'min-w-[96px]',\n\n    // Spacing\n    'px-md md:px-md',\n    'py-sm+ md:py-sm',\n  ],\n\n  [ButtonVariant.Link]: [\n    //  Layout\n    'layout-inline-row justify-center',\n\n  ],\n};\n\nexport const ButtonContainerVariants: Record<ButtonVariant, string[]> = {\n  [ButtonVariant.Contained]: [\n    //  Layout\n    'layout-inline-row',\n\n    'gap-sm+ md:gap-sm',\n  ],\n\n  [ButtonVariant.Outlined]: [\n    //  Layout\n    'layout-inline-row',\n\n    'gap-sm+ md:gap-sm',\n  ],\n\n  [ButtonVariant.Text]: [\n    //  Layout\n    'layout-inline-row',\n\n    'gap-sm+ md:gap-sm',\n  ],\n\n  [ButtonVariant.Link]: [\n    //  Layout\n    'layout-inline-row',\n\n    // Spacing\n    'gap-xs',\n  ],\n};\n\nexport const ButtonColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]> = {\n  'primary-contained': [\n    // Theme\n    'theme-preset-1-primary',\n    'dark:theme-preset-1-primary-dark',\n\n    // Elevation (enabled)\n    'enabled:shadow-button',\n    'dark:enabled:shadow-button-dark',\n  ],\n\n  'danger-contained': [\n    // Theme\n    'theme-preset-1-error',\n    'dark:theme-preset-1-error-dark',\n\n    // Elevation (enabled)\n    'enabled:shadow-button',\n    'dark:enabled:shadow-button-dark',\n  ],\n\n  'inherit-contained': [\n    // Elevation (enabled)\n    'enabled:shadow-button',\n    'dark:enabled:shadow-button-dark',\n  ],\n\n  'primary-outlined': [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    'theme-border-outline border-1',\n    'dark:theme-border-outline-dark',\n\n    // Theme (active)\n    'active:theme-border-primary active:border-1',\n    'dark:active:theme-border-primary-dark',\n  ],\n\n  'danger-outlined': [\n    // Theme\n    'theme-preset-3-error',\n    'dark:theme-preset-3-error-dark',\n\n    'theme-border-error border-1',\n    'dark:theme-border-error-dark',\n  ],\n\n  'inherit-outlined': [],\n\n  'primary-text': [\n    // Theme\n    'theme-preset-4-primary',\n    'dark:theme-preset-4-primary-dark',\n  ],\n\n  'danger-text': [\n    // Theme\n    'theme-preset-4-error',\n    'dark:theme-preset-4-error-dark',\n  ],\n\n  'inherit-text': [\n    // Theme\n    'theme-foreground-inherit',\n    'dark:theme-foreground-inherit-dark',\n  ],\n\n  'primary-link': [\n    // Theme\n    'theme-preset-4-primary',\n    'dark:theme-preset-4-primary-dark',\n  ],\n\n  'danger-link': [\n    // Theme\n    'theme-preset-4-error',\n    'dark:theme-preset-4-error-dark',\n  ],\n\n  'inherit-link': [\n    // Theme\n    'theme-foreground-inherit',\n    'dark:theme-foreground-inherit-dark',\n\n    // Theme (activated)\n    'activated:theme-foreground-default',\n    'dark:activated:theme-foreground-default-dark',\n  ],\n};\n\nexport const ButtonLoadingColors: Record<`${ButtonColor}-${ButtonVariant}`, string[]> = {\n  'primary-contained': [\n    'interactivity-none',\n    'bg-primary-hover dark:bg-primary-hover-dark',\n  ],\n\n  'danger-contained': [\n    'interactivity-none',\n    'bg-error-hover dark:bg-error-hover-dark',\n  ],\n\n  'inherit-contained': [\n    'interactivity-none',\n  ],\n\n  'primary-outlined': [\n    'interactivity-none',\n  ],\n\n  'danger-outlined': [\n    'interactivity-none',\n  ],\n\n  'inherit-outlined': [\n    'interactivity-none',\n  ],\n\n  'primary-text': [\n    'interactivity-none',\n    'text-primary-hover dark:text-primary-hover-dark',\n  ],\n\n  'danger-text': [\n    'interactivity-none',\n    'text-error-hover dark:text-error-hover-dark',\n  ],\n\n  'inherit-text': [\n    'interactivity-none',\n  ],\n\n  'primary-link': [\n    'interactivity-none',\n    'text-primary-hover dark:text-primary-hover-dark',\n  ],\n\n  'danger-link': [\n    'interactivity-none',\n    'text-error-hover dark:text-error-hover-dark',\n  ],\n\n  'inherit-link': [\n    'interactivity-none',\n  ],\n};\n\n\nexport const ButtonContainerVariantsLoading: Record<ButtonVariant, string[]> = {\n  'contained': [\n    // Position\n    'relative',\n    'flex',\n\n    // Box\n    'w-full',\n    'h-full',\n\n    // Aligment\n    'items-center',\n    'justify-center',\n  ],\n  'outlined': [\n    // Position\n    'relative',\n    'flex',\n\n    // Box\n    'w-full',\n    'h-full',\n\n    // Aligment\n    'items-center',\n    'justify-center',\n  ],\n  'text': [\n    // Position\n    'relative',\n    'flex',\n\n    // Box\n    'w-full',\n    'h-full',\n\n    // Aligment\n    'items-center',\n    'justify-center',\n  ],\n  'link': [\n    'contents',\n  ],\n};\n\nexport const ButtonContentLoading: Record<ButtonVariant, string[]> = {\n  'contained': [\n    'invisible',\n  ],\n  'outlined': [\n    'invisible',\n  ],\n  'text': [\n    'hidden',\n  ],\n  'link': [\n    'hidden',\n  ],\n};\n","<template>\n  <button\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :type=\"type\"\n    :activated=\"activated\"\n    :disabled=\"disabled\"\n    :data-loading=\"loading\"\n    v-on=\"{\n      ...(isVue3 ? {} : $listeners),\n      click: onClick,\n      focus: onFocus,\n      blur: onBlur,\n    }\"\n  >\n    <div :class=\"contentContainerStyles\">\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n\n      <template v-if=\"loading\">\n        <template v-if=\"variant == 'contained' || variant == 'outlined'\">\n          <div :class=\"['absolute']\">\n            <OrLoader\n              :variant=\"'circular'\"\n              :color=\"'inherit'\"\n              :size=\"'s'\"\n            />\n          </div>\n        </template>\n\n        <template v-else>\n          <OrLoader\n            variant=\"text\"\n            :text=\"loadingText\"\n          />\n        </template>\n      </template>\n    </div>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { PropType, computed, defineComponent, ref } from 'vue';\n\nimport { isVue3 } from '@/constants';\n\nimport { ButtonColor, ButtonType, ButtonVariant } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrButton',\n\n  components: {\n    OrLoader,\n  },\n\n  props: {\n    type: {\n      type: String as PropType<`${ButtonType}`>,\n      default: () => ButtonType.Button,\n    },\n\n    variant: {\n      type: String as PropType<`${ButtonVariant}`>,\n      default: () => ButtonVariant.Contained,\n    },\n\n    color: {\n      type: String as PropType<`${ButtonColor}`>,\n      default: () => ButtonColor.Primary,\n    },\n\n    activated: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    loadingText: {\n      type: String,\n      default: 'Loading',\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, { emit }) {\n    // Refs\n    const root = ref<HTMLButtonElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-button-v3',\n      ...Styles.Button,\n      ...Styles.ButtonVariants[props.variant],\n      ...Styles.ButtonColors[`${props.color}-${props.variant}`],\n      ...(props.loading ? Styles.ButtonLoadingColors[`${props.color}-${props.variant}`] : []),\n    ]);\n\n    const contentContainerStyles = computed(() => [\n      ...Styles.ButtonContainerVariants[props.variant],\n      ...(props.loading ? Styles.ButtonContainerVariantsLoading[props.variant] : []),\n    ]);\n\n    const contentStyles = computed(() => [\n      'contents',\n      ...(props.loading ? Styles.ButtonContentLoading[props.variant] : []),\n    ]);\n\n    return {\n      root,\n      rootStyles,\n      contentStyles,\n      contentContainerStyles,\n      isVue3,\n      onClick: (e: unknown) => emit('click', e),\n      onFocus: (e: unknown) => emit('focus', e),\n      onBlur: (e: unknown) => emit('blur', e),\n    };\n  },\n});\n</script>\n"],"names":["ButtonVariant","ButtonColor","ButtonType","Button","ButtonVariants","ButtonContainerVariants","ButtonColors","ButtonLoadingColors","ButtonContainerVariantsLoading","ButtonContentLoading","_sfc_main","defineComponent","OrLoader","props","emit","root","ref","rootStyles","computed","Styles.Button","Styles.ButtonVariants","Styles.ButtonColors","Styles.ButtonLoadingColors","contentContainerStyles","Styles.ButtonContainerVariants","Styles.ButtonContainerVariantsLoading","contentStyles","Styles.ButtonContentLoading","isVue3","e"],"mappings":"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"}

package/dist/esm/{OrButtonGroup-Cd6tpyP3.mjs → OrButtonGroup-BA_S1Gl5.mjs}

@@ -1,5 +1,5 @@
-import { defineComponent as n, ref as a, computed as i, openBlock as l, createElementBlock as s, normalizeClass as d, renderSlot as p, normalizeProps as u, guardReactiveProps as c } from "vue";
-import { B as o, a as f } from "./OrButton.vue_vue_type_script_lang-W1ictbKz.mjs";
+import { B as o, a as n } from "./OrButton.vue_vue_type_script_lang-CAOLKmru.mjs";
+import { defineComponent as a, ref as i, computed as l, openBlock as s, createElementBlock as d, normalizeClass as p, renderSlot as u, normalizeProps as c, guardReactiveProps as f } from "vue";
 import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const h = [
   // Layout
@@ -26,7 +26,7 @@ const h = [
     "dark:theme-divider-outline-variant-dark"
   ],
   [o.Link]: []
-}, B = n({
+}, B = a({
   name: "OrButtonGroup",
   props: {
     variant: {
@@ -35,7 +35,7 @@ const h = [
     },
     color: {
       type: String,
-      default: () => f.Primary
+      default: () => n.Primary
     },
     disabled: {
       type: Boolean,
@@ -46,7 +46,7 @@ const h = [
     "root"
   ],
   setup(t) {
-    const r = a(), e = i(() => [
+    const r = i(), e = l(() => [
       "or-button-group-v3",
       ...h,
       ...v[t.variant]
@@ -58,15 +58,15 @@ const h = [
   }
 });
 function y(t, r, e, _, $, g) {
-  return l(), s("div", {
+  return s(), d("div", {
     ref: "root",
-    class: d(t.rootStyles)
+    class: p(t.rootStyles)
   }, [
-    p(t.$slots, "default", u(c(t.$props)))
+    u(t.$slots, "default", c(f(t.$props)))
   ], 2);
 }
 const x = /* @__PURE__ */ m(B, [["render", y]]);
 export {
   x as O
 };
-//# sourceMappingURL=OrButtonGroup-Cd6tpyP3.mjs.map
+//# sourceMappingURL=OrButtonGroup-BA_S1Gl5.mjs.map

package/dist/esm/OrButtonGroup-BA_S1Gl5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrButtonGroup-BA_S1Gl5.mjs","sources":["../../../components/or-button-group-v3/src/styles.ts","../../../components/or-button-group-v3/src/OrButtonGroup.vue"],"sourcesContent":["import { ButtonVariant } from '@onereach/ui-components.or-button-v3';\n\nexport const ButtonGroup: string[] = [\n  // Layout\n  'layout-row',\n\n  // Shape (children)\n  '[&:not(:first-child)]:children:rounded-l-0',\n  '[&:not(:last-child)]:children:rounded-r-0',\n];\n\nexport const ButtonGroupVariants: Record<ButtonVariant, string[]> = {\n  [ButtonVariant.Contained]: [\n    // Spacing\n    'gap-[1px]',\n  ],\n\n  [ButtonVariant.Outlined]: [\n    // Position (children)\n    'children:relative',\n\n    // Position (children:active)\n    'active:children:z-10',\n\n    // Spacing (children)\n    '[&:not(:first-child)]:children:-ml-[1px]',\n  ],\n\n  [ButtonVariant.Text]: [\n    // Theme\n    'theme-divider-outline-variant',\n    'dark:theme-divider-outline-variant-dark',\n  ],\n\n  [ButtonVariant.Link]: [],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot v-bind=\"$props\" />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ButtonColor, ButtonVariant } from '@onereach/ui-components.or-button-v3';\nimport { PropType, computed, defineComponent, ref } from 'vue';\n\nimport { ButtonGroup, ButtonGroupVariants } from './styles';\n\nexport default defineComponent({\n  name: 'OrButtonGroup',\n\n  props: {\n    variant: {\n      type: String as PropType<`${ButtonVariant}`>,\n      default: () => ButtonVariant.Contained,\n    },\n\n    color: {\n      type: String as PropType<`${ButtonColor}`>,\n      default: () => ButtonColor.Primary,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-button-group-v3',\n      ...ButtonGroup,\n      ...ButtonGroupVariants[props.variant],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["ButtonGroup","ButtonGroupVariants","ButtonVariant","_sfc_main","defineComponent","ButtonColor","props","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass"],"mappings":";;;AAEO,MAAMA,IAAwB;AAAA;AAAA,EAEnC;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAuD;AAAA,EAClE,CAACC,EAAc,SAAS,GAAG;AAAA;AAAA,IAEzB;AAAA,EACF;AAAA,EAEA,CAACA,EAAc,QAAQ,GAAG;AAAA;AAAA,IAExB;AAAA;AAAA,IAGA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAc,IAAI,GAAG;AAAA;AAAA,IAEpB;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAc,IAAI,GAAG,CAAC;AACzB,GCpBAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAMF,EAAc;AAAA,IAC/B;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAMG,EAAY;AAAA,IAC7B;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAO;AAEX,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGV;AAAA,MACH,GAAGC,EAAoBK,EAAM,OAAO;AAAA,IAAA,CACrC;AAEM,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SArDSE,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAAwBC,EAAAR,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA;;;;"}