@onereach/ui-components 27.0.2-beta.6100.0 → 27.0.2-beta.6102.0

package/dist/esm/{OrInput-KTr5t05G.mjs.map → OrInput-CsCfAKL7.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrInput-KTr5t05G.mjs","sources":["../../../components/or-input-v3/src/styles.ts","../../../components/or-input-v3/src/types.ts","../../../components/or-input-v3/src/OrInput.vue"],"sourcesContent":["export const Input: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InputControl: string[] = [\n  // Box\n  'flex-auto',\n\n  // Typography\n  'typography-inherit',\n  // Ensure text color inherits from container theme (preflight uses `color: revert`, so keep it important)\n  '!text-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n\n  // Autofill hack.\n  // Chrome/WebKit may apply very long autofill transitions; keep it only for background,\n  // so theme text color switches instantly.\n  'autofill:[transition-property:background-color] autofill:duration-[5000s]',\n\n  // Safari UA styles may force `color: black` in autofill state.\n  // Don’t rely on `currentColor` here: set text/caret color directly via theme CSS vars.\n  'autofill:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]',\n  'dark:autofill:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]',\n  'autofill:[caret-color:var(--or-c-on-background-light)!important]',\n  'dark:autofill:[caret-color:var(--or-c-on-background-dark)!important]',\n\n  // Override Safari/Chrome autofill background (yellow) via box-shadow using theme CSS vars.\n  'autofill:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n  'autofill:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n  'dark:autofill:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n  'dark:autofill:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n\n  // Safari password/credential autofill variants (when they don’t also match `:-webkit-autofill`)\n  '[&:-webkit-autofill-strong-password]:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]',\n  'dark:[&:-webkit-autofill-strong-password]:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]',\n  '[&:-webkit-autofill-strong-password]:[caret-color:var(--or-c-on-background-light)!important]',\n  'dark:[&:-webkit-autofill-strong-password]:[caret-color:var(--or-c-on-background-dark)!important]',\n  '[&:-webkit-autofill-strong-password]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n  '[&:-webkit-autofill-strong-password]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n  'dark:[&:-webkit-autofill-strong-password]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n  'dark:[&:-webkit-autofill-strong-password]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n\n  '[&:-webkit-autofill-strong-password-viewable]:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]',\n  'dark:[&:-webkit-autofill-strong-password-viewable]:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]',\n  '[&:-webkit-autofill-strong-password-viewable]:[caret-color:var(--or-c-on-background-light)!important]',\n  'dark:[&:-webkit-autofill-strong-password-viewable]:[caret-color:var(--or-c-on-background-dark)!important]',\n  '[&:-webkit-autofill-strong-password-viewable]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n  '[&:-webkit-autofill-strong-password-viewable]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n  'dark:[&:-webkit-autofill-strong-password-viewable]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n  'dark:[&:-webkit-autofill-strong-password-viewable]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n];\n","import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type InputModelValue = ModelValue<string | number>;\n\nexport enum InputType {\n  Text = 'text',\n  Number = 'number',\n  Password = 'password',\n  Search = 'search',\n}\n\nexport enum InputMode {\n  None = 'none',\n  Text = 'text',\n  Tel = 'tel',\n  Url = 'url',\n  Email = 'email',\n  Numeric = 'numeric',\n  Decimal = 'decimal',\n  Search = 'search',\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    <div class=\"layout-row gap-md md:gap-md\">\n      <slot name=\"prepend\" />\n      <OrInputBox\n        :variant=\"variant\"\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :readonly=\"readonly || loading\"\n        :disabled=\"disabled\"\n      >\n        <template\n          v-if=\"$slots.prependInner\"\n          v-slot:prepend\n        >\n          <slot name=\"prependInner\" />\n        </template>\n        <input\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model.trim=\"model\"\n          :class=\"controlStyles\"\n          :name=\"name\"\n          :type=\"type === 'password' && disclosed ? 'text' : type\"\n          :inputmode=\"inputmode\"\n          :autocomplete=\"autocomplete\"\n          :placeholder=\"placeholder\"\n          :required=\"required\"\n          :readonly=\"readonly || loading\"\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\n        <template\n          v-if=\"loading || type === 'password' || type === 'search' || $slots.appendInner\"\n          v-slot:addon\n        >\n          <slot name=\"appendInner\">\n            <template v-if=\"loading\">\n              <OrLoader\n                :variant=\"'circular'\"\n                :color=\"error ? 'danger' : 'primary'\"\n                :size=\"isMobile ? 'm' : 's'\"\n              />\n            </template>\n\n            <template v-else>\n              <template v-if=\"type === 'password'\">\n                <OrIconButton\n                  :icon=\"{ icon: disclosed ? 'visibility' : 'visibility_off', variant: 'filled' }\"\n                  :size=\"'l'\"\n                  :color=\"'inherit'\"\n                  :disabled=\"disabled\"\n                  @click.stop=\"disclosed = !disclosed\"\n                />\n              </template>\n\n              <template v-if=\"type === 'search'\">\n                <template v-if=\"modelValue && !readonly\">\n                  <OrIconButton\n                    :icon=\"'close'\"\n                    :color=\"'inherit'\"\n                    :size=\"'l'\"\n                    :disabled=\"disabled\"\n                    @click.stop=\"clear()\"\n                  />\n                </template>\n\n                <template v-else>\n                  <OrIcon\n                    :icon=\"'search'\"\n                    :size=\"'l'\"\n                    :variant=\"'outlined'\"\n                  />\n                </template>\n              </template>\n            </template>\n          </slot>\n        </template>\n      </OrInputBox>\n      <slot name=\"append\" />\n    </div>\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 { useControlAttributes, useIdAttribute, useProxyModelValue, useResponsive, useValidationAttributes } from '@onereach/ui-components-common/hooks';\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 { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\nimport { InputMode, InputModelValue, InputType } from './types';\n\nexport default defineComponent({\n  name: 'OrInput',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrLoader,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<InputModelValue>,\n      default: undefined,\n    },\n\n    name: {\n      type: String,\n      default: undefined,\n    },\n\n    type: {\n      type: String as PropType<`${InputType}`>,\n      default: () => InputType.Text,\n    },\n\n    autocomplete: {\n      type: String,\n      default: 'off',\n    },\n\n    inputmode: {\n      type: String as PropType<`${InputMode}`>,\n      default: InputMode.Text,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    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    'clear',\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-input-v3',\n      ...Styles.Input,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const control = ref<HTMLInputElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.InputControl,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const disclosed = ref(false);\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 clear(): void {\n      model.value = undefined;\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    // Helpers\n    const { isMobile } = useResponsive();\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      model,\n      disclosed,\n\n      length,\n      maxLength,\n\n      clear,\n      focus,\n      blur,\n\n      isMobile,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  display: none;\n}\n</style>\n"],"names":["Input","InputControl","InputType","InputMode","_sfc_main","defineComponent","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrLoader","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","Styles.Input","InputBoxVariant","control","controlStyles","Styles.InputControl","model","useProxyModelValue","toRef","disclosed","length","_a","maxLength","clear","focus","blur","isMobile","useResponsive","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createElementVNode","_hoisted_1","_createVNode","_component_OrInputBox","_mergeProps","_cache","$event","_withCtx","_component_OrLoader","_Fragment","_component_OrIconButton","_withModifiers","_component_OrIcon","_component_OrHint","_createSlots","_withDirectives","_component_OrError"],"mappings":"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"}
+{"version":3,"file":"OrInput-CsCfAKL7.mjs","sources":["../../../components/or-input-v3/src/styles.ts","../../../components/or-input-v3/src/types.ts","../../../components/or-input-v3/src/OrInput.vue"],"sourcesContent":["export const Input: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InputControl: string[] = [\n  // Box\n  'flex-auto',\n\n  // Typography\n  'typography-inherit',\n  // Ensure text color inherits from container theme (preflight uses `color: revert`, so keep it important)\n  '!text-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n\n  // Autofill hack.\n  // Chrome/WebKit may apply very long autofill transitions; keep it only for background,\n  // so theme text color switches instantly.\n  'autofill:[transition-property:background-color] autofill:duration-[5000s]',\n\n  // Safari UA styles may force `color: black` in autofill state.\n  // Don’t rely on `currentColor` here: set text/caret color directly via theme CSS vars.\n  'autofill:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]',\n  'dark:autofill:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]',\n  'autofill:[caret-color:var(--or-c-on-background-light)!important]',\n  'dark:autofill:[caret-color:var(--or-c-on-background-dark)!important]',\n\n  // Override Safari/Chrome autofill background (yellow) via box-shadow using theme CSS vars.\n  'autofill:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n  'autofill:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n  'dark:autofill:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n  'dark:autofill:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n\n  // Safari password/credential autofill variants (when they don’t also match `:-webkit-autofill`)\n  '[&:-webkit-autofill-strong-password]:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]',\n  'dark:[&:-webkit-autofill-strong-password]:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]',\n  '[&:-webkit-autofill-strong-password]:[caret-color:var(--or-c-on-background-light)!important]',\n  'dark:[&:-webkit-autofill-strong-password]:[caret-color:var(--or-c-on-background-dark)!important]',\n  '[&:-webkit-autofill-strong-password]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n  '[&:-webkit-autofill-strong-password]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n  'dark:[&:-webkit-autofill-strong-password]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n  'dark:[&:-webkit-autofill-strong-password]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n\n  '[&:-webkit-autofill-strong-password-viewable]:[-webkit-text-fill-color:var(--or-c-on-background-light)!important]',\n  'dark:[&:-webkit-autofill-strong-password-viewable]:[-webkit-text-fill-color:var(--or-c-on-background-dark)!important]',\n  '[&:-webkit-autofill-strong-password-viewable]:[caret-color:var(--or-c-on-background-light)!important]',\n  'dark:[&:-webkit-autofill-strong-password-viewable]:[caret-color:var(--or-c-on-background-dark)!important]',\n  '[&:-webkit-autofill-strong-password-viewable]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n  '[&:-webkit-autofill-strong-password-viewable]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-light)_inset!important]',\n  'dark:[&:-webkit-autofill-strong-password-viewable]:[-webkit-box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n  'dark:[&:-webkit-autofill-strong-password-viewable]:[box-shadow:0_0_0px_1000px_var(--or-c-primary-opacity-0-08-dark)_inset!important]',\n];\n","import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type InputModelValue = ModelValue<string | number>;\n\nexport enum InputType {\n  Text = 'text',\n  Number = 'number',\n  Password = 'password',\n  Search = 'search',\n}\n\nexport enum InputMode {\n  None = 'none',\n  Text = 'text',\n  Tel = 'tel',\n  Url = 'url',\n  Email = 'email',\n  Numeric = 'numeric',\n  Decimal = 'decimal',\n  Search = 'search',\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    <div class=\"layout-row gap-md md:gap-md\">\n      <slot name=\"prepend\" />\n      <OrInputBox\n        :variant=\"variant\"\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :readonly=\"readonly || loading\"\n        :disabled=\"disabled\"\n      >\n        <template\n          v-if=\"$slots.prependInner\"\n          v-slot:prepend\n        >\n          <slot name=\"prependInner\" />\n        </template>\n        <input\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model.trim=\"model\"\n          :class=\"controlStyles\"\n          :name=\"name\"\n          :type=\"type === 'password' && disclosed ? 'text' : type\"\n          :inputmode=\"inputmode\"\n          :autocomplete=\"autocomplete\"\n          :placeholder=\"placeholder\"\n          :required=\"required\"\n          :readonly=\"readonly || loading\"\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\n        <template\n          v-if=\"loading || type === 'password' || type === 'search' || $slots.appendInner\"\n          v-slot:addon\n        >\n          <slot name=\"appendInner\">\n            <template v-if=\"loading\">\n              <OrLoader\n                :variant=\"'circular'\"\n                :color=\"error ? 'danger' : 'primary'\"\n                :size=\"isMobile ? 'm' : 's'\"\n              />\n            </template>\n\n            <template v-else>\n              <template v-if=\"type === 'password'\">\n                <OrIconButton\n                  :icon=\"{ icon: disclosed ? 'visibility' : 'visibility_off', variant: 'filled' }\"\n                  :size=\"'l'\"\n                  :color=\"'inherit'\"\n                  :disabled=\"disabled\"\n                  @click.stop=\"disclosed = !disclosed\"\n                />\n              </template>\n\n              <template v-if=\"type === 'search'\">\n                <template v-if=\"modelValue && !readonly\">\n                  <OrIconButton\n                    :icon=\"'close'\"\n                    :color=\"'inherit'\"\n                    :size=\"'l'\"\n                    :disabled=\"disabled\"\n                    @click.stop=\"clear()\"\n                  />\n                </template>\n\n                <template v-else>\n                  <OrIcon\n                    :icon=\"'search'\"\n                    :size=\"'l'\"\n                    :variant=\"'outlined'\"\n                  />\n                </template>\n              </template>\n            </template>\n          </slot>\n        </template>\n      </OrInputBox>\n      <slot name=\"append\" />\n    </div>\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 { useControlAttributes, useIdAttribute, useProxyModelValue, useResponsive, useValidationAttributes } from '@onereach/ui-components-common/hooks';\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 { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\nimport { InputMode, InputModelValue, InputType } from './types';\n\nexport default defineComponent({\n  name: 'OrInput',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrLoader,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<InputModelValue>,\n      default: undefined,\n    },\n\n    name: {\n      type: String,\n      default: undefined,\n    },\n\n    type: {\n      type: String as PropType<`${InputType}`>,\n      default: () => InputType.Text,\n    },\n\n    autocomplete: {\n      type: String,\n      default: 'off',\n    },\n\n    inputmode: {\n      type: String as PropType<`${InputMode}`>,\n      default: InputMode.Text,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    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    'clear',\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-input-v3',\n      ...Styles.Input,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const control = ref<HTMLInputElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.InputControl,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const disclosed = ref(false);\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 clear(): void {\n      model.value = undefined;\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    // Helpers\n    const { isMobile } = useResponsive();\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      model,\n      disclosed,\n\n      length,\n      maxLength,\n\n      clear,\n      focus,\n      blur,\n\n      isMobile,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  display: none;\n}\n</style>\n"],"names":["Input","InputControl","InputType","InputMode","_sfc_main","defineComponent","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrLoader","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","Styles.Input","InputBoxVariant","control","controlStyles","Styles.InputControl","model","useProxyModelValue","toRef","disclosed","length","_a","maxLength","clear","focus","blur","isMobile","useResponsive","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createElementVNode","_hoisted_1","_createVNode","_component_OrInputBox","_mergeProps","_cache","$event","_withCtx","_component_OrLoader","_Fragment","_component_OrIconButton","_withModifiers","_component_OrIcon","_component_OrHint","_createSlots","_withDirectives","_component_OrError"],"mappings":"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"}

package/dist/esm/{OrInputBox-6ciokFdU.mjs → OrInputBox-CouSnPFr.mjs}

@@ -1,4 +1,4 @@
-import { _ as i } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
+import { _ as i } from "./OrInputBox.vue_vue_type_script_lang-BE6o1X-I.mjs";
 import { resolveComponent as t, openBlock as o, createElementBlock as p, normalizeClass as m, createBlock as a, withCtx as r, renderSlot as d, createCommentVNode as s } from "vue";
 import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const f = ["invalid", "readonly", "disabled"];
@@ -41,4 +41,4 @@ const A = /* @__PURE__ */ u(i, [["render", v]]);
 export {
   A as O
 };
-//# sourceMappingURL=OrInputBox-6ciokFdU.mjs.map
+//# sourceMappingURL=OrInputBox-CouSnPFr.mjs.map

package/dist/esm/{OrInputBox-6ciokFdU.mjs.map → OrInputBox-CouSnPFr.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrInputBox-6ciokFdU.mjs","sources":["../../../components/or-input-box-v3/src/OrInputBox.vue"],"sourcesContent":["<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    @focus=\"$emit('focus')\"\n  >\n    <template v-if=\"$slots.prepend\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"prepend\" />\n      </OrInputBoxAddon>\n    </template>\n\n    <slot />\n\n    <template v-if=\"$slots.addon\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"addon\" />\n      </OrInputBoxAddon>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport OrInputBoxAddon from './partials/or-input-box-addon/OrInputBoxAddon.vue';\nimport * as Styles from './styles';\nimport { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrInputBox',\n\n  components: {\n    OrInputBoxAddon,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${InputBoxDirection}`>,\n      default: () => InputBoxDirection.Row,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: () => InputBoxVariant.Styled,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    invalid: {\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  expose: [\n    'root',\n  ],\n\n  emits: [\n    'focus',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-v3',\n      ...Styles.InputBox,\n      ...Styles.InputBoxDirections[props.direction],\n      ...Styles.InputBoxVariants[props.variant],\n      ...Styles.InputBoxSizes[`${props.size}-${props.direction}`],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_createBlock","_component_OrInputBoxAddon","_createCommentVNode","_renderSlot"],"mappings":";;;;;YACEA,EA6BM,iBAAA;SA3BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAC,EAAA,UAAA;AAAA,IAClB,SAAQA,EAAE;AAAA,IACV,UAAKA,EAAA;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEU,SAAAC,EAAO,CAAO,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,MAAA,OAAA;AAAA,EAAA,GAAA;AAAA,6BAETG,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQJ,EAAE;AAAA,MAAA,UAAAA,EAAA;AAAA;;;;;;IAMf,GAAA,GAAA,CAAA,WAAQ,4BAEQK,EAAY,IAAA,EAAA;AAAA,IAAAC,EAAAN,EAAA,QAC1B,SAMkB;AAAA,IAAAA,EAAA,OAAA,SAAAH,EAAA,GALCM,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQJ,EAAE;AAAA,MAAA,UAAAA,EAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"OrInputBox-CouSnPFr.mjs","sources":["../../../components/or-input-box-v3/src/OrInputBox.vue"],"sourcesContent":["<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    @focus=\"$emit('focus')\"\n  >\n    <template v-if=\"$slots.prepend\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"prepend\" />\n      </OrInputBoxAddon>\n    </template>\n\n    <slot />\n\n    <template v-if=\"$slots.addon\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"addon\" />\n      </OrInputBoxAddon>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport OrInputBoxAddon from './partials/or-input-box-addon/OrInputBoxAddon.vue';\nimport * as Styles from './styles';\nimport { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrInputBox',\n\n  components: {\n    OrInputBoxAddon,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${InputBoxDirection}`>,\n      default: () => InputBoxDirection.Row,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: () => InputBoxVariant.Styled,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    invalid: {\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  expose: [\n    'root',\n  ],\n\n  emits: [\n    'focus',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-v3',\n      ...Styles.InputBox,\n      ...Styles.InputBoxDirections[props.direction],\n      ...Styles.InputBoxVariants[props.variant],\n      ...Styles.InputBoxSizes[`${props.size}-${props.direction}`],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_createBlock","_component_OrInputBoxAddon","_createCommentVNode","_renderSlot"],"mappings":";;;;;YACEA,EA6BM,iBAAA;SA3BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAC,EAAA,UAAA;AAAA,IAClB,SAAQA,EAAE;AAAA,IACV,UAAKA,EAAA;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEU,SAAAC,EAAO,CAAO,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,MAAA,OAAA;AAAA,EAAA,GAAA;AAAA,6BAETG,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQJ,EAAE;AAAA,MAAA,UAAAA,EAAA;AAAA;;;;;;IAMf,GAAA,GAAA,CAAA,WAAQ,4BAEQK,EAAY,IAAA,EAAA;AAAA,IAAAC,EAAAN,EAAA,QAC1B,SAMkB;AAAA,IAAAA,EAAA,OAAA,SAAAH,EAAA,GALCM,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQJ,EAAE;AAAA,MAAA,UAAAA,EAAA;AAAA;;;;;;;;;;"}

package/dist/esm/{OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs → OrInputBox.vue_vue_type_script_lang-BE6o1X-I.mjs}

@@ -36,7 +36,7 @@ const p = [
     };
   }
 }), y = ["invalid", "readonly", "disabled"];
-function k(e, n, o, S, x, _) {
+function k(e, n, t, S, x, _) {
   return s(), u("div", {
     ref: "root",
     class: m(e.rootStyles),
@@ -48,7 +48,7 @@ function k(e, n, o, S, x, _) {
   ], 10, y);
 }
 const b = /* @__PURE__ */ h(f, [["render", k]]);
-var t = /* @__PURE__ */ ((e) => (e.Row = "row", e.Column = "column", e))(t || {}), r = /* @__PURE__ */ ((e) => (e.Styled = "styled", e.Unstyled = "unstyled", e.Embedded = "embedded", e))(r || {}), l = /* @__PURE__ */ ((e) => (e.M = "m", e.S = "s", e))(l || {});
+var o = /* @__PURE__ */ ((e) => (e.Row = "row", e.Column = "column", e))(o || {}), r = /* @__PURE__ */ ((e) => (e.Styled = "styled", e.Unstyled = "unstyled", e.Embedded = "embedded", e))(r || {}), l = /* @__PURE__ */ ((e) => (e.M = "m", e.S = "s", e))(l || {});
 const v = [
   // Overflow
   "overflow-hidden",
@@ -59,11 +59,11 @@ const v = [
   // Theme (children)
   "children:outline-none"
 ], g = {
-  [t.Row]: [
+  [o.Row]: [
     // Layout
     "layout-row"
   ],
-  [t.Column]: [
+  [o.Column]: [
     // Layout
     "layout-column"
   ]
@@ -121,8 +121,8 @@ const v = [
   ],
   [r.Embedded]: [
     // Spacing (children)
-    "first:children:!ms-0",
-    "last:children:!me-0"
+    "children:first:!ms-0",
+    "children:last:!me-0"
   ]
 }, B = {
   "m-row": [
@@ -131,8 +131,8 @@ const v = [
     // Spacing
     "gap-sm+ md:gap-sm",
     // Spacing (children)
-    "first:children:ms-md md:first:children:ms-sm+",
-    "last:children:me-md md:last:children:me-sm+",
+    "children:first:ms-md md:children:first:ms-[var(--or-s-smplus)]",
+    "children:last:me-md md:children:last:me-[var(--or-s-smplus)]",
     // Typography
     "typography-body-2-regular"
   ],
@@ -146,8 +146,8 @@ const v = [
     // Spacing
     "gap-[6px]",
     // Spacing (children)
-    "first:children:ms-md md:first:children:ms-sm+",
-    "last:children:me-md md:last:children:me-sm+",
+    "children:first:ms-md md:children:first:ms-[var(--or-s-smplus)]",
+    "children:last:me-md md:children:last:me-[var(--or-s-smplus)]",
     // Typography
     "typography-caption-regular"
   ],
@@ -163,7 +163,7 @@ const v = [
   props: {
     direction: {
       type: String,
-      default: () => t.Row
+      default: () => o.Row
     },
     variant: {
       type: String,
@@ -193,7 +193,7 @@ const v = [
     "focus"
   ],
   setup(e) {
-    const n = a(), o = i(() => [
+    const n = a(), t = i(() => [
       "or-input-box-v3",
       ...v,
       ...g[e.direction],
@@ -202,14 +202,14 @@ const v = [
     ]);
     return {
       root: n,
-      rootStyles: o
+      rootStyles: t
     };
   }
 });
 export {
-  t as I,
+  o as I,
   C as _,
   r as a,
   l as b
 };
-//# sourceMappingURL=OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs.map
+//# sourceMappingURL=OrInputBox.vue_vue_type_script_lang-BE6o1X-I.mjs.map

package/dist/esm/OrInputBox.vue_vue_type_script_lang-BE6o1X-I.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrInputBox.vue_vue_type_script_lang-BE6o1X-I.mjs","sources":["../../../components/or-input-box-v3/src/partials/or-input-box-addon/styles.ts","../../../components/or-input-box-v3/src/partials/or-input-box-addon/OrInputBoxAddon.vue","../../../components/or-input-box-v3/src/types.ts","../../../components/or-input-box-v3/src/styles.ts","../../../components/or-input-box-v3/src/OrInputBox.vue"],"sourcesContent":["export const InputBoxAddon: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { InputBoxAddon } from './styles';\n\nexport default defineComponent({\n  name: 'OrInputBoxAddon',\n\n  props: {\n    invalid: {\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  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-addon-v3',\n      ...InputBoxAddon,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export enum InputBoxDirection {\n  Row = 'row',\n  Column = 'column',\n}\n\nexport enum InputBoxVariant {\n  Styled = 'styled',\n  Unstyled = 'unstyled',\n  Embedded = 'embedded',\n}\n\nexport enum InputBoxSize {\n  M = 'm',\n  S = 's',\n}\n","import { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport const InputBox: string[] = [\n  // Overflow\n  'overflow-hidden',\n\n  // Box\n  'w-full',\n\n  // Shape\n  'rounded-md',\n\n  // Theme (children)\n  'children:outline-none',\n];\n\nexport const InputBoxDirections: Record<InputBoxDirection, string[]> = {\n  [InputBoxDirection.Row]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [InputBoxDirection.Column]: [\n    // Layout\n    'layout-column',\n  ],\n};\n\nexport const InputBoxVariants: Record<InputBoxVariant, string[]> = {\n  [InputBoxVariant.Styled]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n\n    'theme-border-outline border-1',\n    'dark:theme-border-outline-dark',\n\n    'theme-outline-transparent outline-2',\n    'dark:theme-outline-transparent',\n\n    // Theme (focus)\n    'focus-within:theme-background-primary-translucent-1',\n    'dark:focus-within:theme-background-primary-translucent-1-dark',\n\n    'focus-within:theme-border-primary focus-within:border-1',\n    'dark:focus-within:theme-border-primary-dark',\n\n    'focus-within:theme-outline-primary focus-within:outline-2',\n    'dark:focus-within:theme-outline-primary-dark',\n\n    // Theme (invalid)\n    'invalid:theme-preset-3-error',\n    'dark:invalid:theme-preset-3-error-dark',\n\n    'invalid:theme-background-error-translucent-1',\n    'dark:invalid:theme-background-error-translucent-1-dark',\n\n    'invalid:theme-foreground-default',\n    'dark:invalid:theme-foreground-default-dark',\n\n    'invalid:theme-border-error invalid:border-1',\n    'dark:invalid:theme-border-error-dark',\n\n    'invalid:theme-outline-transparent invalid:outline-2',\n    'dark:invalid:theme-outline-transparent',\n\n    // Theme (invalid + focus)\n    'invalid:focus-within:theme-background-error-translucent-1',\n    'dark:invalid:focus-within:theme-background-error-translucent-1-dark',\n\n    'invalid:focus-within:theme-border-error invalid:focus-within:border-1',\n    'dark:invalid:focus-within:theme-border-error-dark',\n\n    'invalid:focus-within:theme-outline-error invalid:focus-within:outline-2',\n    'dark:invalid:focus-within:theme-outline-error-dark',\n\n    // Theme (read-only)\n    'read-only:theme-background-primary-translucent-1',\n    'dark:read-only:theme-background-primary-translucent-1-dark',\n\n    'read-only:!border-transparent',\n    'dark:read-only:!border-transparent',\n\n    // Theme (invalid + read-only)\n    'invalid:read-only:bg-error-opacity-0-08',\n    'dark:invalid:read-only:bg-error-opacity-0-08-dark',\n\n    'invalid:read-only:!border-transparent',\n    'dark:invalid:read-only:!border-transparent',\n  ],\n\n  [InputBoxVariant.Unstyled]: [\n    // Theme (disabled)\n    'disabled:theme-foreground-disabled',\n    'dark:disabled:theme-foreground-disabled-dark',\n  ],\n\n  [InputBoxVariant.Embedded]: [\n    // Spacing (children)\n    'children:first:!ms-0',\n    'children:last:!me-0',\n  ],\n};\n\nexport const InputBoxSizes: Record<`${InputBoxSize}-${InputBoxDirection}`, string[]> = {\n  'm-row': [\n    // Box (children)\n    'children:min-h-[46px] md:children:min-h-[34px]',\n\n    // Spacing\n    'gap-sm+ md:gap-sm',\n\n    // Spacing (children)\n    'children:first:ms-md md:children:first:ms-[var(--or-s-smplus)]',\n    'children:last:me-md md:children:last:me-[var(--or-s-smplus)]',\n\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  'm-column': [\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  's-row': [\n    // Box (children)\n    'children:min-h-[30px]',\n\n    // Spacing\n    'gap-[6px]',\n\n    // Spacing (children)\n    'children:first:ms-md md:children:first:ms-[var(--or-s-smplus)]',\n    'children:last:me-md md:children:last:me-[var(--or-s-smplus)]',\n\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  's-column': [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    @focus=\"$emit('focus')\"\n  >\n    <template v-if=\"$slots.prepend\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"prepend\" />\n      </OrInputBoxAddon>\n    </template>\n\n    <slot />\n\n    <template v-if=\"$slots.addon\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"addon\" />\n      </OrInputBoxAddon>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport OrInputBoxAddon from './partials/or-input-box-addon/OrInputBoxAddon.vue';\nimport * as Styles from './styles';\nimport { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrInputBox',\n\n  components: {\n    OrInputBoxAddon,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${InputBoxDirection}`>,\n      default: () => InputBoxDirection.Row,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: () => InputBoxVariant.Styled,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    invalid: {\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  expose: [\n    'root',\n  ],\n\n  emits: [\n    'focus',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-v3',\n      ...Styles.InputBox,\n      ...Styles.InputBoxDirections[props.direction],\n      ...Styles.InputBoxVariants[props.variant],\n      ...Styles.InputBoxSizes[`${props.size}-${props.direction}`],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["InputBoxAddon","_sfc_main$1","defineComponent","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","InputBoxDirection","InputBoxVariant","InputBoxSize","InputBox","InputBoxDirections","InputBoxVariants","InputBoxSizes","_sfc_main","OrInputBoxAddon","props","Styles.InputBox","Styles.InputBoxDirections","Styles.InputBoxVariants","Styles.InputBoxSizes"],"mappings":"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"}

package/dist/esm/{OrPagination-ePWsnwsu.mjs → OrPagination-CCEOMfsC.mjs}

@@ -219,7 +219,7 @@ function le(e, i, R, I, $, N) {
         }, 8, ["class"]),
         s(k, {
           ref: "limitMenu",
-          "additional-styles": ["min-w-[60px]"],
+          "additional-styles": ["!min-w-[60px]"],
           trigger: e.limitButtonRoot,
           placement: "top"
         }, {
@@ -291,7 +291,7 @@ function le(e, i, R, I, $, N) {
         }, 8, ["class"]),
         s(k, {
           ref: "offsetMenu",
-          "additional-styles": ["min-w-[60px]"],
+          "additional-styles": ["!min-w-[60px]"],
           trigger: e.offsetButtonRoot,
           placement: "top"
         }, {
@@ -331,4 +331,4 @@ const pe = /* @__PURE__ */ x(re, [["render", le]]);
 export {
   pe as O
 };
-//# sourceMappingURL=OrPagination-ePWsnwsu.mjs.map
+//# sourceMappingURL=OrPagination-CCEOMfsC.mjs.map

package/dist/esm/OrPagination-CCEOMfsC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrPagination-CCEOMfsC.mjs","sources":["../../../components/or-pagination-v3/src/styles.ts","../../../components/or-pagination-v3/src/OrPagination.vue"],"sourcesContent":["export const Pagination: string[] = [\n  // Layout\n  'layout-row justify-between md:justify-end',\n\n  // Spacing\n  'gap-xl',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n\nexport const PaginationLimitGroup: string[] = [\n  // Layout\n  'layout-row shrink-0',\n\n  // Spacing\n  'gap-lg md:gap-md',\n];\n\nexport const PaginationOffsetGroup: string[] = [\n  // Layout\n  'layout-row shrink-0',\n\n  // Spacing\n  'gap-md',\n];\n\nexport const PaginationItem: string[] = [\n  // Typography\n  'typography-caption-regular',\n\n  // Typography (activated)\n  'activated:typography-caption-bold',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"limitGroupStyles\">\n      <template v-if=\"features.limit\">\n        <div :class=\"['layout-row', 'gap-sm']\">\n          Per page:\n\n          <OrButton\n            :ref=\"'limitButton'\"\n            :class=\"itemStyles\"\n            :variant=\"'link'\"\n            :color=\"'inherit'\"\n            :activated=\"true\"\n            @click=\"limitMenu && limitMenu.toggle()\"\n          >\n            {{ currentLimit }} <OrIcon :icon=\"limitMenu && limitMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\" />\n          </OrButton>\n\n          <OrMenu\n            :ref=\"'limitMenu'\"\n            :additional-styles=\"['!min-w-[60px]']\"\n            :trigger=\"limitButtonRoot\"\n            :placement=\"'top'\"\n          >\n            <OrMenuItem\n              v-for=\"limit of options\"\n              :key=\"limit\"\n              :selected=\"currentLimit === limit\"\n              @click=\"currentLimit = limit; limitMenu && limitMenu.close()\"\n            >\n              {{ limit }}\n            </OrMenuItem>\n          </OrMenu>\n        </div>\n      </template>\n\n      <template v-if=\"features.range\">\n        {{ currentOffset + 1 }}-{{ Math.min(currentOffset + currentLimit, length) }} of {{ length }}\n      </template>\n    </div>\n\n    <div :class=\"offsetGroupStyles\">\n      <OrButton\n        :class=\"itemStyles\"\n        :variant=\"'link'\"\n        :color=\"'inherit'\"\n        :disabled=\"currentPage === firstPage\"\n        @click=\"toPreviousPage()\"\n      >\n        <OrIcon :icon=\"'keyboard_arrow_left'\" />\n      </OrButton>\n\n      <template v-if=\"isDesktop\">\n        <OrButton\n          v-for=\"(page, index) of buttonGroup\"\n          :key=\"index\"\n          :class=\"itemStyles\"\n          :variant=\"'link'\"\n          :color=\"'inherit'\"\n          :activated=\"currentPage === page\"\n          @click=\"typeof page === 'number' && toPage(page)\"\n        >\n          {{ page }}\n        </OrButton>\n      </template>\n\n      <template v-if=\"isMobile\">\n        <OrButton\n          :ref=\"'offsetButton'\"\n          :class=\"itemStyles\"\n          :variant=\"'link'\"\n          :color=\"'inherit'\"\n          :activated=\"true\"\n          @click=\"offsetMenu && offsetMenu.open()\"\n        >\n          {{ currentPage }} <OrIcon :icon=\"offsetMenu && offsetMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\" />\n        </OrButton>\n\n        <OrMenu\n          :ref=\"'offsetMenu'\"\n          :additional-styles=\"['!min-w-[60px]']\"\n          :trigger=\"offsetButtonRoot\"\n          :placement=\"'top'\"\n        >\n          <OrMenuItem\n            v-for=\"page of lastPage\"\n            :key=\"page\"\n            :selected=\"currentPage === page\"\n            @click=\"currentPage = page; offsetMenu && offsetMenu.close()\"\n          >\n            {{ page }}\n          </OrMenuItem>\n        </OrMenu>\n      </template>\n\n      <OrButton\n        :class=\"itemStyles\"\n        :variant=\"'link'\"\n        :color=\"'inherit'\"\n        :disabled=\"currentPage === lastPage\"\n        @click=\"toNextPage()\"\n      >\n        <OrIcon :icon=\"'keyboard_arrow_right'\" />\n      </OrButton>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\nimport { PaginationFeatures, PaginationModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrPagination',\n\n  components: {\n    OrButton,\n    OrIcon,\n    OrMenu,\n    OrMenuItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<PaginationModelValue>,\n      default: undefined,\n    },\n\n    length: {\n      type: Number,\n      required: true,\n    },\n\n    options: {\n      type: Array as PropType<number[]>,\n      default: () => [50, 20, 10, 5],\n    },\n\n    features: {\n      type: Object as PropType<PaginationFeatures>,\n\n      default: () => ({\n        limit: true,\n        range: true,\n      }) as PaginationFeatures,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  expose: [\n    'root',\n    'currentLimit',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-pagination-v3',\n      ...Styles.Pagination,\n    ]);\n\n    const limitButton = ref<InstanceType<typeof OrButton>>();\n    const limitButtonRoot = computed(() => limitButton.value?.root);\n\n    const limitMenu = ref<InstanceType<typeof OrMenu>>();\n    const limitMenuRoot = computed(() => limitMenu.value?.root);\n\n    const limitGroupStyles = computed(() => [\n      ...Styles.PaginationLimitGroup,\n    ]);\n\n    const offsetButton = ref<InstanceType<typeof OrButton>>();\n    const offsetButtonRoot = computed(() => offsetButton.value?.root);\n\n    const offsetMenu = ref<InstanceType<typeof OrMenu>>();\n    const offsetMenuRoot = computed(() => offsetMenu.value?.root);\n\n    const offsetGroupStyles = computed(() => [\n      ...Styles.PaginationOffsetGroup,\n    ]);\n\n    const itemStyles = computed(() => [\n      ...Styles.PaginationItem,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const currentLimit = computed<number>({\n      get: () => model.value?.limit ?? props.options[0],\n\n      set: (value) => {\n        model.value = {\n          limit: value,\n          offset: 0,\n        };\n      },\n    });\n\n    const currentOffset = computed<number>({\n      get: () => model.value?.offset ?? 0,\n\n      set: (value) => {\n        model.value = {\n          limit: currentLimit.value,\n          offset: value,\n        };\n      },\n    });\n\n    const currentPage = computed<number>({\n      get: () => Math.floor(currentOffset.value / currentLimit.value) + 1,\n\n      set: (value) => {\n        currentOffset.value = (value - 1) * currentLimit.value;\n      },\n    });\n\n    const firstPage = computed<number>(() => {\n      return 1;\n    });\n\n    const lastPage = computed<number>(() => {\n      return Math.ceil(props.length / currentLimit.value);\n    });\n\n    const buttonGroup = computed<(number | string)[]>(() => {\n      const pages = Array.from({ length: lastPage.value }, (_, index) => index + 1);\n\n      switch (true) {\n        case lastPage.value <= 7:\n          return pages;\n\n        case currentPage.value < firstPage.value + 4:\n          return [\n            ...pages.slice(0, 5),\n            '…',\n            lastPage.value,\n          ];\n\n        case currentPage.value > lastPage.value - 4:\n          return [\n            firstPage.value,\n            '…',\n            ...pages.slice(-5),\n          ];\n\n        default:\n          return pages\n            .map((page) => {\n              switch (true) {\n                case page > firstPage.value && page < currentPage.value - 1:\n                case page < lastPage.value && page > currentPage.value + 1:\n                  return '…';\n\n                default:\n                  return page;\n              }\n            })\n            .reduce((accumulator, page) => {\n              if (accumulator[accumulator.length - 1] === page) {\n                return accumulator;\n              }\n\n              return [...accumulator, page];\n            }, [] as (number | string)[]);\n      }\n    });\n\n    // Methods\n    function toPreviousPage(): void {\n      currentPage.value = currentPage.value - 1;\n    }\n\n    function toNextPage(): void {\n      currentPage.value = currentPage.value + 1;\n    }\n\n    function toPage(page: number): void {\n      currentPage.value = page;\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      limitButton,\n      limitButtonRoot,\n\n      limitMenu,\n      limitMenuRoot,\n\n      limitGroupStyles,\n\n      offsetButton,\n      offsetButtonRoot,\n\n      offsetMenu,\n      offsetMenuRoot,\n\n      offsetGroupStyles,\n\n      itemStyles,\n\n      model,\n\n      currentLimit,\n      currentOffset,\n      currentPage,\n\n      firstPage,\n      lastPage,\n\n      buttonGroup,\n\n      toPreviousPage,\n      toNextPage,\n      toPage,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["Pagination","PaginationLimitGroup","PaginationOffsetGroup","PaginationItem","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","rootStyles","computed","Styles.Pagination","limitButton","limitButtonRoot","_a","limitMenu","limitMenuRoot","limitGroupStyles","Styles.PaginationLimitGroup","offsetButton","offsetButtonRoot","offsetMenu","offsetMenuRoot","offsetGroupStyles","Styles.PaginationOffsetGroup","itemStyles","Styles.PaginationItem","model","useProxyModelValue","toRef","currentLimit","value","currentOffset","currentPage","firstPage","lastPage","buttonGroup","pages","_","index","page","accumulator","toPreviousPage","toNextPage","toPage","isDesktop","isMobile","useResponsive","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createTextVNode","_createVNode","_component_OrButton","_cache","$event","_withCtx","_toDisplayString","_component_OrIcon","_component_OrMenu","_Fragment","_renderList","limit","_component_OrMenuItem","_createCommentVNode","_createElementVNode","_createBlock"],"mappings":"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"}

package/dist/esm/{OrRichTextEditor-DBHpnkJU.mjs → OrRichTextEditor-v1uIPBrt.mjs}

@@ -5,8 +5,8 @@ import { O as ht } from "./OrButton-ZxDr22t7.mjs";
 import { O as vt } from "./OrError-B5ihH6-3.mjs";
 import { O as bt } from "./OrHint-NvbZyURY.mjs";
 import { O as kt } from "./OrIconButton-BuRmTHpT.mjs";
-import { O as yt } from "./OrInputBox-6ciokFdU.mjs";
-import { O as Ct } from "./OrInput-KTr5t05G.mjs";
+import { O as yt } from "./OrInputBox-CouSnPFr.mjs";
+import { O as Ct } from "./OrInput-CsCfAKL7.mjs";
 import { O as wt } from "./OrLabel-K7_HgvcK.mjs";
 import { O as Ot } from "./OrMenuItem-CFz6OW23.mjs";
 import { O as St } from "./OrMenu-DdcBdA4v.mjs";
@@ -1055,4 +1055,4 @@ export {
   Ke as R,
   Qe as a
 };
-//# sourceMappingURL=OrRichTextEditor-DBHpnkJU.mjs.map
+//# sourceMappingURL=OrRichTextEditor-v1uIPBrt.mjs.map