@onereach/ui-components 23.3.5-beta.5646.0 → 23.3.5-beta.5648.0

package/dist/esm/{OrTextarea-VEuq5855.mjs.map → OrTextarea-Ddnv4Ztu.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrTextarea-VEuq5855.mjs","sources":["../../../components/or-textarea-v3/src/styles.ts","../../../components/or-textarea-v3/src/OrTextarea.vue"],"sourcesContent":["import { InputBoxSize } from '@onereach/ui-components.or-input-box-v3';\n\nexport const Textarea: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TextareaControl: string[] = [\n  // Box\n  'w-full',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n];\n\nexport const TextareaControlSizes: Record<InputBoxSize, string[]> = {\n  [InputBoxSize.M]: [\n    // Spacing\n    '!mx-0',\n\n    'px-md md:px-sm+',\n    'py-sm+* md:py-sm*',\n  ],\n\n  [InputBoxSize.S]: [\n    // Spacing\n    '!mx-0',\n\n    'px-md md:px-sm+',\n    'py-sm*',\n  ],\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    <OrInputBox\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <textarea\n        :ref=\"'control'\"\n        v-bind=\"attributes\"\n        v-model=\"model\"\n        :class=\"controlStyles\"\n        :style=\"controlInlineStyles\"\n        :name=\"name\"\n        :rows=\"rows\"\n        :autocomplete=\"autocomplete\"\n        :placeholder=\"placeholder\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        @input=\"$emit('input', $event)\"\n        @keydown=\"$emit('keydown', $event)\"\n        @keyup=\"$emit('keyup', $event)\"\n        @focus=\"$emit('focus', $event)\"\n        @blur=\"$emit('blur', $event)\"\n      />\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n\n        <template\n          v-if=\"maxLength\"\n          v-slot:addon\n        >\n          {{ length }} / {{ maxLength }}\n        </template>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n\n      <template\n        v-if=\"maxLength\"\n        v-slot:addon\n      >\n        {{ length }} / {{ maxLength }}\n      </template>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useTextareaAutosize } from '@vueuse/core';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { isObject } 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 { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { Textarea, TextareaControl, TextareaControlSizes } from './styles';\nimport { TextareaModelValue, TextareaRows } from './types';\n\nexport default defineComponent({\n  name: 'OrTextarea',\n\n  components: {\n    OrError,\n    OrHint,\n    OrInputBox,\n    OrLabel,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<TextareaModelValue>,\n      default: undefined,\n    },\n\n    name: {\n      type: String,\n      default: undefined,\n    },\n\n    autocomplete: {\n      type: String,\n      default: 'off',\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: () => InputBoxSize.M,\n    },\n\n    rows: {\n      type: [Number, Object] as PropType<TextareaRows>,\n      default: 2,\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    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\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\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 & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-textarea-v3',\n      ...Textarea,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const control = ref<HTMLTextAreaElement>();\n\n    const controlStyles = computed(() => [\n      ...TextareaControl,\n      ...TextareaControlSizes[props.size],\n      ...isObject(props.rows) ? ['resize-none'] : [],\n    ]);\n\n    const controlInlineStyles = computed(() => {\n      if (control.value) {\n        const paddingTop = Number(getComputedStyle(control.value).getPropertyValue('padding-top').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n        const paddingBottom = Number(getComputedStyle(control.value).getPropertyValue('padding-bottom').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n\n        const lineHeight = Number(getComputedStyle(control.value).getPropertyValue('line-height').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n\n        return {\n          minHeight: `${paddingTop + paddingBottom + (isObject(props.rows) ? props.rows.min : props.rows) * lineHeight}px`,\n          maxHeight: isObject(props.rows) && props.rows.max ? `${paddingTop + paddingBottom + props.rows.max * lineHeight}px` : undefined,\n        };\n      }\n\n      return {};\n    });\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, { defaultValue: ref('') });\n\n    const length = computed(() => {\n      return model.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    // Effects\n    if (isObject(props.rows)) {\n      // Unluckily, `useTextareaAutosize` doesn't have a teardown function\n      // So, dynamically changed `rows` won't have any effect\n      useTextareaAutosize({\n        element: control,\n        input: model,\n      });\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n      controlInlineStyles,\n\n      model,\n\n      length,\n      maxLength,\n\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n\n<style scoped>\ntextarea {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n</style>\n"],"names":["Textarea","TextareaControl","TextareaControlSizes","InputBoxSize","_sfc_main","defineComponent","OrError","OrHint","OrInputBox","OrLabel","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","InputBoxVariant","control","controlStyles","isObject","controlInlineStyles","paddingTop","_b","_a","paddingBottom","_d","_c","lineHeight","_f","_e","model","useProxyModelValue","toRef","length","maxLength","focus","blur","useTextareaAutosize","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createVNode","_component_OrInputBox","_createElementVNode","_mergeProps","_cache","$event","_hoisted_1","_withDirectives","_component_OrHint","_createSlots","_withCtx","_component_OrError"],"mappings":"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"}
+{"version":3,"file":"OrTextarea-Ddnv4Ztu.mjs","sources":["../../../components/or-textarea-v3/src/styles.ts","../../../components/or-textarea-v3/src/OrTextarea.vue"],"sourcesContent":["import { InputBoxSize } from '@onereach/ui-components.or-input-box-v3';\n\nexport const Textarea: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TextareaControl: string[] = [\n  // Box\n  'w-full',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n];\n\nexport const TextareaControlSizes: Record<InputBoxSize, string[]> = {\n  [InputBoxSize.M]: [\n    // Spacing\n    '!mx-0',\n\n    'px-md md:px-sm+',\n    'py-sm+* md:py-sm*',\n  ],\n\n  [InputBoxSize.S]: [\n    // Spacing\n    '!mx-0',\n\n    'px-md md:px-sm+',\n    'py-sm*',\n  ],\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    <OrInputBox\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <textarea\n        :ref=\"'control'\"\n        v-bind=\"attributes\"\n        v-model=\"model\"\n        :class=\"controlStyles\"\n        :style=\"controlInlineStyles\"\n        :name=\"name\"\n        :rows=\"rows\"\n        :autocomplete=\"autocomplete\"\n        :placeholder=\"placeholder\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        @input=\"$emit('input', $event)\"\n        @keydown=\"$emit('keydown', $event)\"\n        @keyup=\"$emit('keyup', $event)\"\n        @focus=\"$emit('focus', $event)\"\n        @blur=\"$emit('blur', $event)\"\n      />\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n\n        <template\n          v-if=\"maxLength\"\n          v-slot:addon\n        >\n          {{ length }} / {{ maxLength }}\n        </template>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n\n      <template\n        v-if=\"maxLength\"\n        v-slot:addon\n      >\n        {{ length }} / {{ maxLength }}\n      </template>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useTextareaAutosize } from '@vueuse/core';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { isObject } 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 { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { Textarea, TextareaControl, TextareaControlSizes } from './styles';\nimport { TextareaModelValue, TextareaRows } from './types';\n\nexport default defineComponent({\n  name: 'OrTextarea',\n\n  components: {\n    OrError,\n    OrHint,\n    OrInputBox,\n    OrLabel,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<TextareaModelValue>,\n      default: undefined,\n    },\n\n    name: {\n      type: String,\n      default: undefined,\n    },\n\n    autocomplete: {\n      type: String,\n      default: 'off',\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: () => InputBoxSize.M,\n    },\n\n    rows: {\n      type: [Number, Object] as PropType<TextareaRows>,\n      default: 2,\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    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\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\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 & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-textarea-v3',\n      ...Textarea,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const control = ref<HTMLTextAreaElement>();\n\n    const controlStyles = computed(() => [\n      ...TextareaControl,\n      ...TextareaControlSizes[props.size],\n      ...isObject(props.rows) ? ['resize-none'] : [],\n    ]);\n\n    const controlInlineStyles = computed(() => {\n      if (control.value) {\n        const paddingTop = Number(getComputedStyle(control.value).getPropertyValue('padding-top').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n        const paddingBottom = Number(getComputedStyle(control.value).getPropertyValue('padding-bottom').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n\n        const lineHeight = Number(getComputedStyle(control.value).getPropertyValue('line-height').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n\n        return {\n          minHeight: `${paddingTop + paddingBottom + (isObject(props.rows) ? props.rows.min : props.rows) * lineHeight}px`,\n          maxHeight: isObject(props.rows) && props.rows.max ? `${paddingTop + paddingBottom + props.rows.max * lineHeight}px` : undefined,\n        };\n      }\n\n      return {};\n    });\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, { defaultValue: ref('') });\n\n    const length = computed(() => {\n      return model.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    // Effects\n    if (isObject(props.rows)) {\n      // Unluckily, `useTextareaAutosize` doesn't have a teardown function\n      // So, dynamically changed `rows` won't have any effect\n      useTextareaAutosize({\n        element: control,\n        input: model,\n      });\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n      controlInlineStyles,\n\n      model,\n\n      length,\n      maxLength,\n\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n\n<style scoped>\ntextarea {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n</style>\n"],"names":["Textarea","TextareaControl","TextareaControlSizes","InputBoxSize","_sfc_main","defineComponent","OrError","OrHint","OrInputBox","OrLabel","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","InputBoxVariant","control","controlStyles","isObject","controlInlineStyles","paddingTop","_b","_a","paddingBottom","_d","_c","lineHeight","_f","_e","model","useProxyModelValue","toRef","length","maxLength","focus","blur","useTextareaAutosize","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createVNode","_component_OrInputBox","_createElementVNode","_mergeProps","_cache","$event","_hoisted_1","_withDirectives","_component_OrHint","_createSlots","_withCtx","_component_OrError"],"mappings":"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"}

package/dist/esm/{OrTimeFormat-mxL8_Rx9.mjs → OrTimeFormat-BmhKB6Gc.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent as p, ref as c, computed as f, toRef as n, openBlock as o, createElementBlock as t, normalizeClass as u, Fragment as i, createTextVNode as s, toDisplayString as d } from "vue";
 import { useTimeFormat as v, useLocale as y } from "@onereach/ui-components-common/hooks";
-import { k as F } from "./OrDateTimePicker.vue_vue_type_script_lang-BPE3fOtA.mjs";
+import { k as F } from "./OrDateTimePicker.vue_vue_type_script_lang-WqJrqWZ3.mjs";
 import "@onereach/ui-components-common/types";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const S = [
@@ -63,4 +63,4 @@ const C = /* @__PURE__ */ T(V, [["render", g]]);
 export {
   C as O
 };
-//# sourceMappingURL=OrTimeFormat-mxL8_Rx9.mjs.map
+//# sourceMappingURL=OrTimeFormat-BmhKB6Gc.mjs.map

package/dist/esm/{OrTimeFormat-mxL8_Rx9.mjs.map → OrTimeFormat-BmhKB6Gc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrTimeFormat-mxL8_Rx9.mjs","sources":["../../../components/or-time-format-v3/src/styles.ts","../../../components/or-time-format-v3/src/OrTimeFormat.vue"],"sourcesContent":["export const TimeFormat: string[] = [\n  // Layout\n  'inline',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"modelValue\">\n      {{ formatTime(modelValue, resolvedFormat, resolvedLocale) }}\n    </template>\n\n    <template v-else>\n      {{ placeholder }}\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { useLocale, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, formatTime } from '@onereach/ui-components.or-date-time-picker-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrTimeFormat',\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-format-v3',\n      ...Styles.TimeFormat,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    return {\n      root,\n      rootStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      formatTime,\n    };\n  },\n});\n</script>\n"],"names":["TimeFormat","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","Styles.TimeFormat","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","formatTime","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_Fragment"],"mappings":";;;;;AAAO,MAAMA,IAAuB;AAAA;AAAA,EAElC;AACF,GCmBAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,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,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAO;AAEX,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAGKC,IAAiBC,EAAcC,EAAMR,GAAO,QAAQ,CAAC,GACrDS,IAAiBC,EAAUF,EAAMR,GAAO,QAAQ,CAAC;AAEhD,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,gBAAAG;AAAA,MACA,gBAAAG;AAAA,MAEA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA7ESC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,WAEFC,EAAUR,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA;QAI1BS,EAEWT,EAAA,WAAAA,EAAA,YAAAA,EAAA,gBAAAA,EAAA,cAAA,CAAA,GAAA,CAAA;AAAA,IAAA,GAAA,EAAA,MAAAM,KAAAC,EAAAG,GAAA,EAAA,KAAA,KAAA;AAAA;;;;;"}
+{"version":3,"file":"OrTimeFormat-BmhKB6Gc.mjs","sources":["../../../components/or-time-format-v3/src/styles.ts","../../../components/or-time-format-v3/src/OrTimeFormat.vue"],"sourcesContent":["export const TimeFormat: string[] = [\n  // Layout\n  'inline',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"modelValue\">\n      {{ formatTime(modelValue, resolvedFormat, resolvedLocale) }}\n    </template>\n\n    <template v-else>\n      {{ placeholder }}\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { useLocale, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, formatTime } from '@onereach/ui-components.or-date-time-picker-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrTimeFormat',\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-format-v3',\n      ...Styles.TimeFormat,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    return {\n      root,\n      rootStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      formatTime,\n    };\n  },\n});\n</script>\n"],"names":["TimeFormat","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","Styles.TimeFormat","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","formatTime","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_Fragment"],"mappings":";;;;;AAAO,MAAMA,IAAuB;AAAA;AAAA,EAElC;AACF,GCmBAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,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,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAO;AAEX,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAGKC,IAAiBC,EAAcC,EAAMR,GAAO,QAAQ,CAAC,GACrDS,IAAiBC,EAAUF,EAAMR,GAAO,QAAQ,CAAC;AAEhD,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,gBAAAG;AAAA,MACA,gBAAAG;AAAA,MAEA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA7ESC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,WAEFC,EAAUR,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA;QAI1BS,EAEWT,EAAA,WAAAA,EAAA,YAAAA,EAAA,gBAAAA,EAAA,cAAA,CAAA,GAAA,CAAA;AAAA,IAAA,GAAA,EAAA,MAAAM,KAAAC,EAAAG,GAAA,EAAA,KAAA,KAAA;AAAA;;;;;"}

package/dist/esm/{OrTimePicker-CQJesQKa.mjs → OrTimePicker-Du1sJ1Mh.mjs}

@@ -1,7 +1,7 @@
 import { defineComponent as z, ref as p, computed as m, toRef as C, watch as q, resolveComponent as t, resolveDirective as M, openBlock as u, createElementBlock as R, normalizeClass as P, createBlock as v, withCtx as i, renderSlot as $, createTextVNode as b, toDisplayString as O, createCommentVNode as E, withDirectives as y, withModifiers as j, createVNode as d, vShow as H, createElementVNode as U } from "vue";
 import { DropdownClose as A, DropdownOpen as G } from "@onereach/ui-components-common/directives";
 import { useTimeFormat as J, useLocale as K, useProxyModelValue as Q } from "@onereach/ui-components-common/hooks";
-import { b as W, d as X, e as Y, f as Z, g as _, l as N, j as x } from "./OrDateTimePicker.vue_vue_type_script_lang-BPE3fOtA.mjs";
+import { b as W, d as X, e as Y, f as Z, g as _, l as N, j as x } from "./OrDateTimePicker.vue_vue_type_script_lang-WqJrqWZ3.mjs";
 import "@onereach/ui-components-common/types";
 import { O as ee } from "./OrError-B5ihH6-3.mjs";
 import { O as oe } from "./OrHint-NvbZyURY.mjs";
@@ -9,7 +9,7 @@ import { O as re } from "./OrIconButton-BlHCLpeW.mjs";
 import { O as te } from "./OrIcon-k8cyvh-D.mjs";
 import { O as le } from "./OrInputBox-6ciokFdU.mjs";
 import { a as ie } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
-import { O as ae } from "./OrLabel-DssheqEn.mjs";
+import { O as ae } from "./OrLabel-BadqqO3K.mjs";
 import { O as ne } from "./OrPopover-DbygLPtT.mjs";
 import "@onereach/ui-components-common/utils";
 import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -326,4 +326,4 @@ const Ce = /* @__PURE__ */ de(pe, [["render", ve]]);
 export {
   Ce as O
 };
-//# sourceMappingURL=OrTimePicker-CQJesQKa.mjs.map
+//# sourceMappingURL=OrTimePicker-Du1sJ1Mh.mjs.map

package/dist/esm/{OrTimePicker-CQJesQKa.mjs.map → OrTimePicker-Du1sJ1Mh.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrTimePicker-CQJesQKa.mjs","sources":["../../../components/or-time-picker-v3/src/styles.ts","../../../components/or-time-picker-v3/src/OrTimePicker.vue"],"sourcesContent":["export const TimePicker: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TimePickerPopover: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\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    <OrInputBox\n      :ref=\"'inputBox'\"\n      v-dropdown-open=\"openPopover\"\n      v-dropdown-close=\"closePopover\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <OrDateTimePickerTimeControl\n        v-model=\"draft\"\n        v-dropdown-open=\"openPopover\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      <OrPopover\n        :ref=\"'popover'\"\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :variant=\"'auto'\"\n        :bottom-sheet-props=\"{ variant: 'basic' }\"\n        :trigger=\"anchor || inputBoxRoot\"\n        :placement=\"'bottom-start'\"\n        :fallback-placement=\"'start'\"\n        @close=\"reset()\"\n      >\n        <OrDateTimePickerPopoverHeader>\n          <OrDateTimePickerMobileControl\n            :label=\"'Time'\"\n            :selected=\"true\"\n          >\n            {{ draft ? formatMobileTime(draft, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n        </OrDateTimePickerPopoverHeader>\n\n        <OrDateTimePickerTimeSelect\n          v-model=\"draft\"\n          :initial-value=\"initialValue\"\n          :format=\"resolvedFormat\"\n          :locale=\"resolvedLocale\"\n          :hours-filter=\"hoursFilter\"\n          :minutes-filter=\"minutesFilter\"\n          :hour-step=\"hourStep\"\n          :minute-step=\"minuteStep\"\n          :is-active=\"popover && popover.state === 'open'\"\n        />\n\n        <OrDateTimePickerPopoverFooter\n          :disabled=\"invalid\"\n          @apply=\"apply(); popover && popover.close()\"\n          @reset=\"reset(); popover && popover.close()\"\n        />\n      </OrPopover>\n\n      <div :class=\"['grow']\" />\n\n      <template v-slot:addon>\n        <template v-if=\"modelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            :disabled=\"readonly || disabled\"\n            @click.stop=\"$emit('update:modelValue', undefined)\"\n          />\n        </template>\n\n        <template v-else>\n          <OrIcon\n            :icon=\"'schedule'\"\n            :variant=\"'outlined'\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\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 { ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useLocale, useProxyModelValue, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FilterFunction, FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerMobileControl, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, formatMobileTime, getCurrentDate } from '@onereach/ui-components.or-date-time-picker-v3';\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 { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrTimePicker',\n\n  components: {\n    OrDateTimePickerMobileControl,\n    OrDateTimePickerPopoverFooter,\n    OrDateTimePickerPopoverHeader,\n    OrDateTimePickerTimeControl,\n    OrDateTimePickerTimeSelect,\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrPopover,\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<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    hoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    minutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    hourStep: {\n      type: Number,\n      default: 1,\n    },\n\n    minuteStep: {\n      type: Number,\n      default: 1,\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    anchor: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    label: {\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    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\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-picker-v3',\n      ...Styles.TimePicker,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverState = computed(() => popover.value?.state);\n\n    const popoverStyles = computed(() => [\n      'or-time-picker-popover-v3',\n      ...Styles.TimePickerPopover,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    // State\n    const initialValue = ref(props.modelValue ?? getCurrentDate());\n\n    watch(() => props.modelValue, (value) => {\n      initialValue.value = value ?? getCurrentDate();\n    });\n\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const invalid = computed(() => {\n      if (draft.value) {\n        if (props.hoursFilter && !props.hoursFilter(draft.value)) {\n          return true;\n        }\n\n        if (props.minutesFilter && !props.minutesFilter(draft.value)) {\n          return true;\n        }\n\n        return false;\n      }\n\n      return true;\n    });\n\n    // Methods\n    function apply(): void {\n      model.value = draft.value;\n    }\n\n    function reset(): void {\n      draft.value = model.value;\n    }\n\n    function openPopover(): void {\n      if (!props.readonly && !props.disabled) {\n        const popoverInstance = popover.value;\n\n        if (popoverInstance) {\n          (popoverInstance.open as () => void)();\n        }\n      }\n    }\n\n    function closePopover(): void {\n      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.close as () => void)();\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      inputBox,\n      inputBoxRoot,\n\n      popover,\n      popoverState,\n      popoverStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      initialValue,\n\n      model,\n      draft,\n\n      invalid,\n\n      apply,\n      reset,\n\n      openPopover,\n      closePopover,\n\n      formatMobileTime,\n    };\n  },\n});\n</script>\n"],"names":["TimePicker","TimePickerPopover","_sfc_main","defineComponent","OrDateTimePickerMobileControl","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrDateTimePickerTimeControl","OrDateTimePickerTimeSelect","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.TimePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","Styles.TimePickerPopover","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","initialValue","getCurrentDate","watch","value","model","useProxyModelValue","draft","invalid","apply","reset","openPopover","popoverInstance","closePopover","formatMobileTime","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrInputBox","_withCtx","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_component_OrDateTimePickerTimeControl","_directive_dropdown_open","_directive_dropdown_close","_component_OrPopover","_component_OrDateTimePickerPopoverHeader","_component_OrDateTimePickerMobileControl","_component_OrDateTimePickerPopoverFooter","_component_OrHint","_component_OrError"],"mappings":"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"}
+{"version":3,"file":"OrTimePicker-Du1sJ1Mh.mjs","sources":["../../../components/or-time-picker-v3/src/styles.ts","../../../components/or-time-picker-v3/src/OrTimePicker.vue"],"sourcesContent":["export const TimePicker: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TimePickerPopover: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\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    <OrInputBox\n      :ref=\"'inputBox'\"\n      v-dropdown-open=\"openPopover\"\n      v-dropdown-close=\"closePopover\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <OrDateTimePickerTimeControl\n        v-model=\"draft\"\n        v-dropdown-open=\"openPopover\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      <OrPopover\n        :ref=\"'popover'\"\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :variant=\"'auto'\"\n        :bottom-sheet-props=\"{ variant: 'basic' }\"\n        :trigger=\"anchor || inputBoxRoot\"\n        :placement=\"'bottom-start'\"\n        :fallback-placement=\"'start'\"\n        @close=\"reset()\"\n      >\n        <OrDateTimePickerPopoverHeader>\n          <OrDateTimePickerMobileControl\n            :label=\"'Time'\"\n            :selected=\"true\"\n          >\n            {{ draft ? formatMobileTime(draft, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n        </OrDateTimePickerPopoverHeader>\n\n        <OrDateTimePickerTimeSelect\n          v-model=\"draft\"\n          :initial-value=\"initialValue\"\n          :format=\"resolvedFormat\"\n          :locale=\"resolvedLocale\"\n          :hours-filter=\"hoursFilter\"\n          :minutes-filter=\"minutesFilter\"\n          :hour-step=\"hourStep\"\n          :minute-step=\"minuteStep\"\n          :is-active=\"popover && popover.state === 'open'\"\n        />\n\n        <OrDateTimePickerPopoverFooter\n          :disabled=\"invalid\"\n          @apply=\"apply(); popover && popover.close()\"\n          @reset=\"reset(); popover && popover.close()\"\n        />\n      </OrPopover>\n\n      <div :class=\"['grow']\" />\n\n      <template v-slot:addon>\n        <template v-if=\"modelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            :disabled=\"readonly || disabled\"\n            @click.stop=\"$emit('update:modelValue', undefined)\"\n          />\n        </template>\n\n        <template v-else>\n          <OrIcon\n            :icon=\"'schedule'\"\n            :variant=\"'outlined'\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\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 { ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useLocale, useProxyModelValue, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FilterFunction, FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerMobileControl, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, formatMobileTime, getCurrentDate } from '@onereach/ui-components.or-date-time-picker-v3';\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 { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrTimePicker',\n\n  components: {\n    OrDateTimePickerMobileControl,\n    OrDateTimePickerPopoverFooter,\n    OrDateTimePickerPopoverHeader,\n    OrDateTimePickerTimeControl,\n    OrDateTimePickerTimeSelect,\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrPopover,\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<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    hoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    minutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    hourStep: {\n      type: Number,\n      default: 1,\n    },\n\n    minuteStep: {\n      type: Number,\n      default: 1,\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    anchor: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    label: {\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    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\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-picker-v3',\n      ...Styles.TimePicker,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverState = computed(() => popover.value?.state);\n\n    const popoverStyles = computed(() => [\n      'or-time-picker-popover-v3',\n      ...Styles.TimePickerPopover,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    // State\n    const initialValue = ref(props.modelValue ?? getCurrentDate());\n\n    watch(() => props.modelValue, (value) => {\n      initialValue.value = value ?? getCurrentDate();\n    });\n\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const invalid = computed(() => {\n      if (draft.value) {\n        if (props.hoursFilter && !props.hoursFilter(draft.value)) {\n          return true;\n        }\n\n        if (props.minutesFilter && !props.minutesFilter(draft.value)) {\n          return true;\n        }\n\n        return false;\n      }\n\n      return true;\n    });\n\n    // Methods\n    function apply(): void {\n      model.value = draft.value;\n    }\n\n    function reset(): void {\n      draft.value = model.value;\n    }\n\n    function openPopover(): void {\n      if (!props.readonly && !props.disabled) {\n        const popoverInstance = popover.value;\n\n        if (popoverInstance) {\n          (popoverInstance.open as () => void)();\n        }\n      }\n    }\n\n    function closePopover(): void {\n      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.close as () => void)();\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      inputBox,\n      inputBoxRoot,\n\n      popover,\n      popoverState,\n      popoverStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      initialValue,\n\n      model,\n      draft,\n\n      invalid,\n\n      apply,\n      reset,\n\n      openPopover,\n      closePopover,\n\n      formatMobileTime,\n    };\n  },\n});\n</script>\n"],"names":["TimePicker","TimePickerPopover","_sfc_main","defineComponent","OrDateTimePickerMobileControl","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrDateTimePickerTimeControl","OrDateTimePickerTimeSelect","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.TimePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","Styles.TimePickerPopover","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","initialValue","getCurrentDate","watch","value","model","useProxyModelValue","draft","invalid","apply","reset","openPopover","popoverInstance","closePopover","formatMobileTime","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrInputBox","_withCtx","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_component_OrDateTimePickerTimeControl","_directive_dropdown_open","_directive_dropdown_close","_component_OrPopover","_component_OrDateTimePickerPopoverHeader","_component_OrDateTimePickerMobileControl","_component_OrDateTimePickerPopoverFooter","_component_OrHint","_component_OrError"],"mappings":"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"}

package/dist/esm/{OrTimeRangePicker-DGvdvq4c.mjs → OrTimeRangePicker-BRyqEYfR.mjs}

@@ -1,7 +1,7 @@
 import { defineComponent as W, ref as u, computed as v, toRef as L, watch as z, resolveComponent as i, resolveDirective as U, openBlock as n, createElementBlock as X, normalizeClass as m, createBlock as d, withCtx as a, renderSlot as h, createTextVNode as f, toDisplayString as P, createCommentVNode as F, withDirectives as V, withModifiers as Y, createVNode as b, createElementVNode as A, vShow as j } from "vue";
 import { DropdownClose as Z, DropdownOpen as _ } from "@onereach/ui-components-common/directives";
 import { useTimeFormat as x, useLocale as ee, useProxyModelValue as oe, useResponsive as re } from "@onereach/ui-components-common/hooks";
-import { b as te, d as le, e as ie, f as ae, g as ne, l as $, j as se } from "./OrDateTimePicker.vue_vue_type_script_lang-BPE3fOtA.mjs";
+import { b as te, d as le, e as ie, f as ae, g as ne, l as $, j as se } from "./OrDateTimePicker.vue_vue_type_script_lang-WqJrqWZ3.mjs";
 import "@onereach/ui-components-common/types";
 import { O as de } from "./OrError-B5ihH6-3.mjs";
 import { O as me } from "./OrHint-NvbZyURY.mjs";
@@ -9,7 +9,7 @@ import { O as pe } from "./OrIconButton-BlHCLpeW.mjs";
 import { O as ue } from "./OrIcon-k8cyvh-D.mjs";
 import { O as ve } from "./OrInputBox-6ciokFdU.mjs";
 import { a as fe } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
-import { O as be } from "./OrLabel-DssheqEn.mjs";
+import { O as be } from "./OrLabel-BadqqO3K.mjs";
 import { O as ye } from "./OrPopover-DbygLPtT.mjs";
 import "@onereach/ui-components-common/utils";
 import { _ as Te } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -407,4 +407,4 @@ const Ne = /* @__PURE__ */ Te(ke, [["render", Ve]]);
 export {
   Ne as O
 };
-//# sourceMappingURL=OrTimeRangePicker-DGvdvq4c.mjs.map
+//# sourceMappingURL=OrTimeRangePicker-BRyqEYfR.mjs.map

package/dist/esm/{OrTimeRangePicker-DGvdvq4c.mjs.map → OrTimeRangePicker-BRyqEYfR.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrTimeRangePicker-DGvdvq4c.mjs","sources":["../../../components/or-time-range-picker-v3/src/styles.ts","../../../components/or-time-range-picker-v3/src/OrTimeRangePicker.vue"],"sourcesContent":["export const TimeRangePicker: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TimeRangePickerPopover: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\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    <OrInputBox\n      :ref=\"'inputBox'\"\n      v-dropdown-open=\"() => openPopover('from')\"\n      v-dropdown-close=\"closePopover\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <OrDateTimePickerTimeControl\n        v-model=\"draftFrom\"\n        v-dropdown-open=\"() => openPopover('from')\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open' && activeControl === 'from'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      -\n\n      <OrDateTimePickerTimeControl\n        v-model=\"draftTo\"\n        v-dropdown-open=\"() => openPopover('to')\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open' && activeControl === 'to'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      <OrPopover\n        :ref=\"'popover'\"\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :variant=\"'auto'\"\n        :bottom-sheet-props=\"{ variant: 'basic' }\"\n        :trigger=\"anchor || inputBoxRoot\"\n        :placement=\"'bottom-start'\"\n        :fallback-placement=\"'start'\"\n        @close=\"reset()\"\n      >\n        <OrDateTimePickerPopoverHeader\n          v-if=\"isMobile\"\n        >\n          <OrDateTimePickerMobileControl\n            :label=\"'Start Time'\"\n            :selected=\"activeControl === 'from'\"\n            @click=\"activeControl = 'from'\"\n          >\n            {{ draftFrom ? formatMobileTime(draftFrom, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n\n          -\n\n          <OrDateTimePickerMobileControl\n            :label=\"'End Time'\"\n            :selected=\"activeControl === 'to'\"\n            @click=\"activeControl = 'to'\"\n          >\n            {{ draftTo ? formatMobileTime(draftTo, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n        </OrDateTimePickerPopoverHeader>\n\n        <div :class=\"['layout-row', 'gap-md']\">\n          <template v-if=\"isDesktop || (isMobile && activeControl === 'from')\">\n            <OrDateTimePickerTimeSelect\n              v-model=\"draftFrom\"\n              :class=\"['grow']\"\n              :initial-value=\"initialValueFrom\"\n              :format=\"resolvedFormat\"\n              :locale=\"resolvedLocale\"\n              :hour-step=\"hourStep\"\n              :minute-step=\"minuteStep\"\n              :hours-filter=\"startTimeHoursFilter\"\n              :minutes-filter=\"startTimeMinutesFilter\"\n              :is-active=\"popover && popover.state === 'open'\"\n            />\n          </template>\n\n          <template v-if=\"isDesktop || (isMobile && activeControl === 'to')\">\n            <OrDateTimePickerTimeSelect\n              v-model=\"draftTo\"\n              :class=\"['grow']\"\n              :initial-value=\"initialValueTo\"\n              :format=\"resolvedFormat\"\n              :locale=\"resolvedLocale\"\n              :hour-step=\"hourStep\"\n              :minute-step=\"minuteStep\"\n              :hours-filter=\"endTimeHoursFilter\"\n              :minutes-filter=\"endTimeMinutesFilter\"\n              :is-active=\"popover && popover.state === 'open'\"\n            />\n          </template>\n        </div>\n\n        <OrDateTimePickerPopoverFooter\n          :disabled=\"invalid\"\n          @apply=\"apply(); popover && popover.close()\"\n          @reset=\"reset(); popover && popover.close()\"\n        />\n      </OrPopover>\n\n      <div :class=\"['grow']\" />\n\n      <template v-slot:addon>\n        <template v-if=\"modelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            :disabled=\"readonly || disabled\"\n            @click.stop=\"$emit('update:modelValue', undefined)\"\n          />\n        </template>\n\n        <template v-else>\n          <OrIcon\n            :icon=\"'schedule'\"\n            :variant=\"'outlined'\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\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 { ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useLocale, useProxyModelValue, useResponsive, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FilterFunction, FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerMobileControl, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, formatMobileTime, getCurrentDate } from '@onereach/ui-components.or-date-time-picker-v3';\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 { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\nimport { TimeRangePickerModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrTimeRangePicker',\n\n  components: {\n    OrDateTimePickerMobileControl,\n    OrDateTimePickerPopoverFooter,\n    OrDateTimePickerPopoverHeader,\n    OrDateTimePickerTimeControl,\n    OrDateTimePickerTimeSelect,\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrPopover,\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<TimeRangePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    hourStep: {\n      type: Number,\n      default: 1,\n    },\n\n    minuteStep: {\n      type: Number,\n      default: 1,\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    anchor: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    label: {\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    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    startTimeHoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    startTimeMinutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    endTimeHoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    endTimeMinutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\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    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-range-picker-v3',\n      ...Styles.TimeRangePicker,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverState = computed(() => popover.value?.state);\n\n    const popoverStyles = computed(() => [\n      'or-time-range-picker-popover-v3',\n      ...Styles.TimeRangePickerPopover,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    // State\n    const initialValueFrom = ref(props.modelValue?.[0] ?? getCurrentDate());\n    const initialValueTo = ref(props.modelValue?.[1] ?? getCurrentDate());\n\n    watch(() => props.modelValue, (value) => {\n      initialValueFrom.value = value?.[0] ?? getCurrentDate();\n      initialValueTo.value = value?.[1] ?? getCurrentDate();\n    });\n\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const draftFrom = computed({\n      get: () => draft.value?.[0],\n\n      set: (value) => {\n        draft.value = [value, draft.value?.[1]];\n      },\n    });\n\n    const draftTo = computed({\n      get: () => draft.value?.[1],\n\n      set: (value) => {\n        draft.value = [draft.value?.[0], value];\n      },\n    });\n\n    const activeControl = ref<'from' | 'to'>('from');\n\n    const invalid = computed(() => {\n      if (draftFrom.value && draftTo.value && draftFrom.value < draftTo.value) {\n        return false;\n      }\n\n      return true;\n    });\n\n    // Methods\n    function apply(): void {\n      model.value = draft.value;\n    }\n\n    function reset(): void {\n      draft.value = model.value ?? [undefined, undefined];\n    }\n\n    function openPopover(control: 'from' | 'to'): void {\n      if (!props.readonly && !props.disabled) {\n        const popoverInstance = popover.value;\n\n        if (popoverInstance) {\n          (popoverInstance.open as () => void)();\n        }\n\n        activeControl.value = control;\n      }\n    }\n\n    function closePopover(): void {\n      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.close as () => void)();\n      }\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      inputBox,\n      inputBoxRoot,\n\n      popover,\n      popoverState,\n      popoverStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      initialValueFrom,\n      initialValueTo,\n\n      model,\n      draft,\n\n      draftFrom,\n      draftTo,\n\n      activeControl,\n\n      invalid,\n\n      apply,\n      reset,\n\n      openPopover,\n      closePopover,\n\n      formatMobileTime,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["TimeRangePicker","TimeRangePickerPopover","_sfc_main","defineComponent","OrDateTimePickerMobileControl","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrDateTimePickerTimeControl","OrDateTimePickerTimeSelect","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.TimeRangePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","Styles.TimeRangePickerPopover","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","initialValueFrom","getCurrentDate","initialValueTo","_b","watch","value","model","useProxyModelValue","draft","draftFrom","draftTo","activeControl","invalid","apply","reset","openPopover","control","popoverInstance","closePopover","isDesktop","isMobile","useResponsive","formatMobileTime","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrInputBox","_withCtx","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_component_OrDateTimePickerTimeControl","_directive_dropdown_open","_directive_dropdown_close","_createTextVNode","_component_OrPopover","_component_OrDateTimePickerPopoverHeader","_component_OrDateTimePickerMobileControl","_createElementVNode","_hoisted_1","_component_OrDateTimePickerTimeSelect","_component_OrDateTimePickerPopoverFooter","_component_OrHint","_component_OrError"],"mappings":"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"}
+{"version":3,"file":"OrTimeRangePicker-BRyqEYfR.mjs","sources":["../../../components/or-time-range-picker-v3/src/styles.ts","../../../components/or-time-range-picker-v3/src/OrTimeRangePicker.vue"],"sourcesContent":["export const TimeRangePicker: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TimeRangePickerPopover: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\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    <OrInputBox\n      :ref=\"'inputBox'\"\n      v-dropdown-open=\"() => openPopover('from')\"\n      v-dropdown-close=\"closePopover\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <OrDateTimePickerTimeControl\n        v-model=\"draftFrom\"\n        v-dropdown-open=\"() => openPopover('from')\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open' && activeControl === 'from'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      -\n\n      <OrDateTimePickerTimeControl\n        v-model=\"draftTo\"\n        v-dropdown-open=\"() => openPopover('to')\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open' && activeControl === 'to'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      <OrPopover\n        :ref=\"'popover'\"\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :variant=\"'auto'\"\n        :bottom-sheet-props=\"{ variant: 'basic' }\"\n        :trigger=\"anchor || inputBoxRoot\"\n        :placement=\"'bottom-start'\"\n        :fallback-placement=\"'start'\"\n        @close=\"reset()\"\n      >\n        <OrDateTimePickerPopoverHeader\n          v-if=\"isMobile\"\n        >\n          <OrDateTimePickerMobileControl\n            :label=\"'Start Time'\"\n            :selected=\"activeControl === 'from'\"\n            @click=\"activeControl = 'from'\"\n          >\n            {{ draftFrom ? formatMobileTime(draftFrom, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n\n          -\n\n          <OrDateTimePickerMobileControl\n            :label=\"'End Time'\"\n            :selected=\"activeControl === 'to'\"\n            @click=\"activeControl = 'to'\"\n          >\n            {{ draftTo ? formatMobileTime(draftTo, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n        </OrDateTimePickerPopoverHeader>\n\n        <div :class=\"['layout-row', 'gap-md']\">\n          <template v-if=\"isDesktop || (isMobile && activeControl === 'from')\">\n            <OrDateTimePickerTimeSelect\n              v-model=\"draftFrom\"\n              :class=\"['grow']\"\n              :initial-value=\"initialValueFrom\"\n              :format=\"resolvedFormat\"\n              :locale=\"resolvedLocale\"\n              :hour-step=\"hourStep\"\n              :minute-step=\"minuteStep\"\n              :hours-filter=\"startTimeHoursFilter\"\n              :minutes-filter=\"startTimeMinutesFilter\"\n              :is-active=\"popover && popover.state === 'open'\"\n            />\n          </template>\n\n          <template v-if=\"isDesktop || (isMobile && activeControl === 'to')\">\n            <OrDateTimePickerTimeSelect\n              v-model=\"draftTo\"\n              :class=\"['grow']\"\n              :initial-value=\"initialValueTo\"\n              :format=\"resolvedFormat\"\n              :locale=\"resolvedLocale\"\n              :hour-step=\"hourStep\"\n              :minute-step=\"minuteStep\"\n              :hours-filter=\"endTimeHoursFilter\"\n              :minutes-filter=\"endTimeMinutesFilter\"\n              :is-active=\"popover && popover.state === 'open'\"\n            />\n          </template>\n        </div>\n\n        <OrDateTimePickerPopoverFooter\n          :disabled=\"invalid\"\n          @apply=\"apply(); popover && popover.close()\"\n          @reset=\"reset(); popover && popover.close()\"\n        />\n      </OrPopover>\n\n      <div :class=\"['grow']\" />\n\n      <template v-slot:addon>\n        <template v-if=\"modelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            :disabled=\"readonly || disabled\"\n            @click.stop=\"$emit('update:modelValue', undefined)\"\n          />\n        </template>\n\n        <template v-else>\n          <OrIcon\n            :icon=\"'schedule'\"\n            :variant=\"'outlined'\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\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 { ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useLocale, useProxyModelValue, useResponsive, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FilterFunction, FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerMobileControl, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, formatMobileTime, getCurrentDate } from '@onereach/ui-components.or-date-time-picker-v3';\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 { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\nimport { TimeRangePickerModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrTimeRangePicker',\n\n  components: {\n    OrDateTimePickerMobileControl,\n    OrDateTimePickerPopoverFooter,\n    OrDateTimePickerPopoverHeader,\n    OrDateTimePickerTimeControl,\n    OrDateTimePickerTimeSelect,\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrPopover,\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<TimeRangePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    hourStep: {\n      type: Number,\n      default: 1,\n    },\n\n    minuteStep: {\n      type: Number,\n      default: 1,\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    anchor: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    label: {\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    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    startTimeHoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    startTimeMinutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    endTimeHoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    endTimeMinutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\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    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-range-picker-v3',\n      ...Styles.TimeRangePicker,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverState = computed(() => popover.value?.state);\n\n    const popoverStyles = computed(() => [\n      'or-time-range-picker-popover-v3',\n      ...Styles.TimeRangePickerPopover,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    // State\n    const initialValueFrom = ref(props.modelValue?.[0] ?? getCurrentDate());\n    const initialValueTo = ref(props.modelValue?.[1] ?? getCurrentDate());\n\n    watch(() => props.modelValue, (value) => {\n      initialValueFrom.value = value?.[0] ?? getCurrentDate();\n      initialValueTo.value = value?.[1] ?? getCurrentDate();\n    });\n\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const draftFrom = computed({\n      get: () => draft.value?.[0],\n\n      set: (value) => {\n        draft.value = [value, draft.value?.[1]];\n      },\n    });\n\n    const draftTo = computed({\n      get: () => draft.value?.[1],\n\n      set: (value) => {\n        draft.value = [draft.value?.[0], value];\n      },\n    });\n\n    const activeControl = ref<'from' | 'to'>('from');\n\n    const invalid = computed(() => {\n      if (draftFrom.value && draftTo.value && draftFrom.value < draftTo.value) {\n        return false;\n      }\n\n      return true;\n    });\n\n    // Methods\n    function apply(): void {\n      model.value = draft.value;\n    }\n\n    function reset(): void {\n      draft.value = model.value ?? [undefined, undefined];\n    }\n\n    function openPopover(control: 'from' | 'to'): void {\n      if (!props.readonly && !props.disabled) {\n        const popoverInstance = popover.value;\n\n        if (popoverInstance) {\n          (popoverInstance.open as () => void)();\n        }\n\n        activeControl.value = control;\n      }\n    }\n\n    function closePopover(): void {\n      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.close as () => void)();\n      }\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      inputBox,\n      inputBoxRoot,\n\n      popover,\n      popoverState,\n      popoverStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      initialValueFrom,\n      initialValueTo,\n\n      model,\n      draft,\n\n      draftFrom,\n      draftTo,\n\n      activeControl,\n\n      invalid,\n\n      apply,\n      reset,\n\n      openPopover,\n      closePopover,\n\n      formatMobileTime,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["TimeRangePicker","TimeRangePickerPopover","_sfc_main","defineComponent","OrDateTimePickerMobileControl","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrDateTimePickerTimeControl","OrDateTimePickerTimeSelect","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.TimeRangePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","Styles.TimeRangePickerPopover","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","initialValueFrom","getCurrentDate","initialValueTo","_b","watch","value","model","useProxyModelValue","draft","draftFrom","draftTo","activeControl","invalid","apply","reset","openPopover","control","popoverInstance","closePopover","isDesktop","isMobile","useResponsive","formatMobileTime","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrInputBox","_withCtx","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_component_OrDateTimePickerTimeControl","_directive_dropdown_open","_directive_dropdown_close","_createTextVNode","_component_OrPopover","_component_OrDateTimePickerPopoverHeader","_component_OrDateTimePickerMobileControl","_createElementVNode","_hoisted_1","_component_OrDateTimePickerTimeSelect","_component_OrDateTimePickerPopoverFooter","_component_OrHint","_component_OrError"],"mappings":"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"}

package/dist/esm/components/index.mjs

@@ -1,31 +1,31 @@
-import { O as o } from "../OrAutocomplete-ds-VkL_e.mjs";
+import { O as o } from "../OrAutocomplete-BXbchymk.mjs";
 import { a as t, A as s, O } from "../OrAvatar-XcP_rrT3.mjs";
 import { B as p, O as m } from "../OrBottomSheet-CJxmY84p.mjs";
 import { O as x } from "../OrButtonGroup-Cd6tpyP3.mjs";
 import { O as f } from "../OrButton-C_hXddAf.mjs";
 import { a as T, b as d, B as c } from "../OrButton.vue_vue_type_script_lang-W1ictbKz.mjs";
-import { C, O as S, d as u, g as P, l as b } from "../OrCardCollection-CoE9Umh7.mjs";
+import { C, O as S, d as u, g as P, l as b } from "../OrCardCollection-B1zsC0GR.mjs";
 import { C as g, O as G } from "../OrCard-7awJu_df.mjs";
-import { O as R } from "../OrCheckboxGroup-Bfec5xuq.mjs";
-import { O as h } from "../OrCheckboxTree-BSBWtyvB.mjs";
-import { O as B } from "../OrCheckbox-XS2Evsl3.mjs";
-import { C as z, O as L } from "../OrCode-Bo17z-R3.mjs";
+import { O as R } from "../OrCheckboxGroup-oWfQ8P5a.mjs";
+import { O as h } from "../OrCheckboxTree-D6KuOyBg.mjs";
+import { O as B } from "../OrCheckbox-CARHvboD.mjs";
+import { C as z, O as L } from "../OrCode-B9h-FanZ.mjs";
 import { lintGutter as M, linter as y } from "@codemirror/lint";
 import { javascript as N } from "@codemirror/lang-javascript";
 import { json as j, jsonParseLinter as Q } from "@codemirror/lang-json";
 import { html as q } from "@codemirror/lang-html";
 import { EditorView as K } from "@codemirror/view";
 import { EditorState as X } from "@codemirror/state";
-import { O as Z } from "../OrCombinedInput-CLIIindo.mjs";
-import { C as $, O as rr } from "../OrConfirm-BKXhawH9.mjs";
+import { O as Z } from "../OrCombinedInput-DNgMGLxG.mjs";
+import { C as $, O as rr } from "../OrConfirm-Bgv4cZD5.mjs";
 import { O as or } from "../OrContextMenu-CrpiM2Jq.mjs";
-import { D as tr, a as sr, b as Or, o as ir, m as pr, e as mr, c as nr, d as xr, p as Vr, h as fr, f as lr, g as Tr, k as dr, i as cr, j as Dr, l as Cr, n as Sr, O as ur } from "../OrDataGrid-rR9MOj2g.mjs";
-import { O as br } from "../OrDateFormat-CnNnn2qx.mjs";
-import { O as gr } from "../OrDatePicker-B8f7IXss.mjs";
-import { O as kr } from "../OrDateRangePicker-Cs59h-1i.mjs";
-import { O as Fr } from "../OrDateTimeFormat-B5lV7PfA.mjs";
-import { O as Er } from "../OrDateTimePicker-BjUIRfEc.mjs";
-import { O as vr, a as zr, b as Lr, c as wr, d as Mr, e as yr, f as Ar, g as Nr, h as Hr, i as jr, j as Qr, k as Wr, l as qr, s as Jr } from "../OrDateTimePicker.vue_vue_type_script_lang-BPE3fOtA.mjs";
+import { D as tr, a as sr, b as Or, o as ir, m as pr, e as mr, c as nr, d as xr, p as Vr, h as fr, f as lr, g as Tr, k as dr, i as cr, j as Dr, l as Cr, n as Sr, O as ur } from "../OrDataGrid-O5BDSXek.mjs";
+import { O as br } from "../OrDateFormat-BFUOhWkH.mjs";
+import { O as gr } from "../OrDatePicker-B099hQpm.mjs";
+import { O as kr } from "../OrDateRangePicker-D2NP4Hd2.mjs";
+import { O as Fr } from "../OrDateTimeFormat-DpLQd-pE.mjs";
+import { O as Er } from "../OrDateTimePicker-CGIojTPp.mjs";
+import { O as vr, a as zr, b as Lr, c as wr, d as Mr, e as yr, f as Ar, g as Nr, h as Hr, i as jr, j as Qr, k as Wr, l as qr, s as Jr } from "../OrDateTimePicker.vue_vue_type_script_lang-WqJrqWZ3.mjs";
 import { g as Ur } from "../getNextMonthDate-CzdFz1JW.mjs";
 import { D as Yr, O as Zr } from "../OrDrawer-BR0r7GeI.mjs";
 import { D as $r, O as ra, a as aa } from "../OrDropArea-CtaQeTMw.mjs";
@@ -38,7 +38,7 @@ import { F as Da, O as Ca } from "../OrFab-Cbg9unNc.mjs";
 import { O as ua } from "../OrFilterPopover-C8lXb-hJ.mjs";
 import { O as ba } from "../OrFilterTrigger-zfcgyC7C.mjs";
 import { O as ga } from "../OrFilter-C8d3OmGK.mjs";
-import { F as ka, a as Ra, O as Fa } from "../OrFormGroup-BFAjTfM9.mjs";
+import { F as ka, a as Ra, O as Fa } from "../OrFormGroup-C5sateI6.mjs";
 import { O as Ea } from "../OrHint-NvbZyURY.mjs";
 import { I as va, O as za } from "../OrIconButton-BlHCLpeW.mjs";
 import { a as wa, I as Ma, O as ya } from "../OrIcon-k8cyvh-D.mjs";
@@ -48,10 +48,10 @@ import { I as Ka, O as Ua } from "../OrInlineInput-1WPe9sXl.mjs";
 import { O as Ya } from "../OrInlineTextarea-COQceBb0.mjs";
 import { O as _a } from "../OrInputBox-6ciokFdU.mjs";
 import { I as ro, b as ao, a as oo } from "../OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
-import { a as to, I as so, O as Oo } from "../OrInput-DBcNZlkx.mjs";
-import { L as po, O as mo } from "../OrLabel-DssheqEn.mjs";
+import { a as to, I as so, O as Oo } from "../OrInput-DZf6KJXJ.mjs";
+import { L as po, O as mo } from "../OrLabel-BadqqO3K.mjs";
 import { L as xo, O as Vo } from "../OrLink-Vl_H8MMg.mjs";
-import { a as lo, O as To } from "../OrList-4-rEE3i-.mjs";
+import { a as lo, O as To } from "../OrList-BsdJknJD.mjs";
 import { a as Do, b as Co, L as So, O as uo } from "../OrLoader-2SaTMxmZ.mjs";
 import { O as bo } from "../OrMenuItem-BHRMA0L1.mjs";
 import { O as go } from "../OrMenu-CJT4Snay.mjs";
@@ -61,16 +61,16 @@ import { O as zo } from "../OrOverlay-BjrghiC-.mjs";
 import { O as wo } from "../OrPagination-BFUGGyGy.mjs";
 import { O as yo, a as Ao, P as No, i as Ho } from "../OrPopover-DbygLPtT.mjs";
 import { O as Qo, P as Wo, a as qo } from "../OrProgress-cgGfaP0m.mjs";
-import { O as Ko } from "../OrRadioGroup-_n_7vdJU.mjs";
-import { O as Xo } from "../OrRadio-CJLJrxIS.mjs";
+import { O as Ko } from "../OrRadioGroup-Kuk10bye.mjs";
+import { O as Xo } from "../OrRadio-CshXuNnj.mjs";
 import { O as Zo } from "../OrRangeSlider-Dim4sU4v.mjs";
 import { O as $o, R as re } from "../OrRating-BhuvRBRy.mjs";
 import { O as oe, R as ee, a as te } from "../OrResizeablePanel-DuGgwmhB.mjs";
-import { F as Oe, O as ie, R as pe, a as me } from "../OrRichTextEditor-Cu7Sz43o.mjs";
+import { F as Oe, O as ie, R as pe, a as me } from "../OrRichTextEditor-BRb5GYLS.mjs";
 import { O as xe, R as Ve } from "../OrRichTooltip-D8vv5Btb.mjs";
-import { O as le } from "../OrSearch-1OFONLHk.mjs";
+import { O as le } from "../OrSearch-YPg77z38.mjs";
 import { O as de, S as ce } from "../OrSegmentedControl-D5QoWe-N.mjs";
-import { O as Ce } from "../OrSelect-B_u1cgIv.mjs";
+import { O as Ce } from "../OrSelect-jPsu8Yeh.mjs";
 import { O as ue, S as Pe } from "../props-BxqD8LGb.mjs";
 import { O as Ie, a as ge } from "../OrSkeletonRect-weDKDBV_.mjs";
 import { O as ke } from "../OrSkeletonText-Dm8s1o0l.mjs";
@@ -78,18 +78,18 @@ import { O as Fe } from "../OrSlider-Cec0WpUQ.mjs";
 import { S as Ee, a as Be } from "../OrSlider.vue_vue_type_script_lang-C5rLh1F0.mjs";
 import { O as ze } from "../OrSorting-DCAarSF1.mjs";
 import { O as we, a as Me, S as ye } from "../OrStatus-D4QIuE7R.mjs";
-import { O as Ne } from "../OrSwitch-Cmi57-QB.mjs";
+import { O as Ne } from "../OrSwitch-BBd-YlXk.mjs";
 import { O as je } from "../OrTab-BdtxL_PY.mjs";
 import { O as We, a as qe, T as Je } from "../OrTabs-BUXLSz8o.mjs";
-import { O as Ue } from "../OrTagInput-CjYmyfIU.mjs";
+import { O as Ue } from "../OrTagInput-B5TArhY_.mjs";
 import { O as Ye, a as Ze, T as _e } from "../OrTag-Bixe0EQq.mjs";
 import { O as rt, T as at } from "../OrTags-CS0bcLtx.mjs";
 import { O as et } from "../OrTeleport.vue3-C9kW_8PS.mjs";
 import { O as st } from "../OrText-3zAJU5xf.mjs";
-import { O as it } from "../OrTextarea-VEuq5855.mjs";
-import { O as mt } from "../OrTimeFormat-mxL8_Rx9.mjs";
-import { O as xt } from "../OrTimePicker-CQJesQKa.mjs";
-import { O as ft } from "../OrTimeRangePicker-DGvdvq4c.mjs";
+import { O as it } from "../OrTextarea-Ddnv4Ztu.mjs";
+import { O as mt } from "../OrTimeFormat-BmhKB6Gc.mjs";
+import { O as xt } from "../OrTimePicker-Du1sJ1Mh.mjs";
+import { O as ft } from "../OrTimeRangePicker-BRyqEYfR.mjs";
 import { a as Tt, O as dt, p as ct, t as Dt, b as Ct, u as St } from "../types-BwxhurSS.mjs";
 import { O as Pt } from "../OrTooltip-DqwjoE82.mjs";
 import { O as It, T as gt } from "../OrTree-By3MLZUL.mjs";

package/dist/esm/components/or-autocomplete-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as r } from "../../OrAutocomplete-ds-VkL_e.mjs";
+import { O as r } from "../../OrAutocomplete-BXbchymk.mjs";
 export {
   r as OrAutocompleteV3
 };

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

@@ -1,4 +1,4 @@
-import { C as i, O as l, d as o, g as s, l as d } from "../../OrCardCollection-CoE9Umh7.mjs";
+import { C as i, O as l, d as o, g as s, l as d } from "../../OrCardCollection-B1zsC0GR.mjs";
 export {
   i as CardCollectionView,
   l as OrCardCollectionV3,

package/dist/esm/components/or-checkbox-group-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as e } from "../../OrCheckboxGroup-Bfec5xuq.mjs";
+import { O as e } from "../../OrCheckboxGroup-oWfQ8P5a.mjs";
 export {
   e as OrCheckboxGroupV3
 };

package/dist/esm/components/or-checkbox-tree-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as o } from "../../OrCheckboxTree-BSBWtyvB.mjs";
+import { O as o } from "../../OrCheckboxTree-D6KuOyBg.mjs";
 export {
   o as OrCheckboxTreeV3
 };

package/dist/esm/components/or-checkbox-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as e } from "../../OrCheckbox-XS2Evsl3.mjs";
+import { O as e } from "../../OrCheckbox-CARHvboD.mjs";
 export {
   e as OrCheckboxV3
 };

package/dist/esm/components/or-code-v3/index.mjs

@@ -1,4 +1,4 @@
-import { C as t, O as e } from "../../OrCode-Bo17z-R3.mjs";
+import { C as t, O as e } from "../../OrCode-B9h-FanZ.mjs";
 import { lintGutter as m, linter as p } from "@codemirror/lint";
 import { javascript as i } from "@codemirror/lang-javascript";
 import { json as n, jsonParseLinter as s } from "@codemirror/lang-json";

package/dist/esm/components/or-combined-input-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as e } from "../../OrCombinedInput-CLIIindo.mjs";
+import { O as e } from "../../OrCombinedInput-DNgMGLxG.mjs";
 export {
   e as OrCombinedInputV3
 };

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

@@ -1,4 +1,4 @@
-import { C as f, O as m } from "../../OrConfirm-BKXhawH9.mjs";
+import { C as f, O as m } from "../../OrConfirm-Bgv4cZD5.mjs";
 export {
   f as ConfirmType,
   m as OrConfirmV3

package/dist/esm/components/or-data-grid-v3/index.mjs

@@ -1,4 +1,4 @@
-import { D as e, a as t, b as d, o as i, m as o, e as l, c as D, d as s, p as G, h as O, f as b, g as T, k as n, i as C, j as w, l as F, n as H, O as R } from "../../OrDataGrid-rR9MOj2g.mjs";
+import { D as e, a as t, b as d, o as i, m as o, e as l, c as D, d as s, p as G, h as O, f as b, g as T, k as n, i as C, j as w, l as F, n as H, O as R } from "../../OrDataGrid-O5BDSXek.mjs";
 export {
   e as DataGridVariant,
   t as OrDataGridFooter,

package/dist/esm/components/or-date-format-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as o } from "../../OrDateFormat-CnNnn2qx.mjs";
+import { O as o } from "../../OrDateFormat-BFUOhWkH.mjs";
 export {
   o as OrDateFormatV3
 };

package/dist/esm/components/or-date-picker-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as a } from "../../OrDatePicker-B8f7IXss.mjs";
+import { O as a } from "../../OrDatePicker-B099hQpm.mjs";
 export {
   a as OrDatePickerV3
 };

package/dist/esm/components/or-date-range-picker-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as a } from "../../OrDateRangePicker-Cs59h-1i.mjs";
+import { O as a } from "../../OrDateRangePicker-D2NP4Hd2.mjs";
 export {
   a as OrDateRangePickerV3
 };

package/dist/esm/components/or-date-time-format-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as e } from "../../OrDateTimeFormat-B5lV7PfA.mjs";
+import { O as e } from "../../OrDateTimeFormat-DpLQd-pE.mjs";
 export {
   e as OrDateTimeFormatV3
 };