@ark-ui/vue/dist/components/format/format-byte.vue.cjs

A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.

'use strict';

Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });

const vue = require('vue');
const i18nUtils = require('@zag-js/i18n-utils');
const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');

const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "format-byte",
  props: {
    unit: {},
    unitDisplay: {},
    value: {}
  },
  setup(__props) {
    const props = __props;
    const locale = useLocaleContext.useLocaleContext(useLocaleContext.DEFAULT_LOCALE);
    const text = vue.computed(() => {
      const { value, ...otherProps } = props;
      return i18nUtils.formatBytes(value, locale.value.locale, otherProps);
    });
    return (_ctx, _cache) => {
      return vue.toDisplayString(text.value);
    };
  }
});

exports.default = _sfc_main;