{"version":3,"file":"useNumberishToStyle-BWrWARZP.mjs","sources":["../src/composables/useNumberishToStyle.ts"],"sourcesContent":["import {computed, type MaybeRefOrGetter, toValue} from 'vue'\nimport type {Numberish} from '../types/CommonTypes'\nimport {RX_NUMBER} from '../utils/constants'\n\nexport const useNumberishToStyle = (\n  el: MaybeRefOrGetter<Numberish | undefined>,\n  /**\n   * The unit to use when converting a numeric value to a string\n   *\n   * @default 'px'\n   */\n  unit: MaybeRefOrGetter<string> = 'px'\n) =>\n  computed(() => {\n    const value = toValue(el)\n    const resolvedUnit = toValue(unit)\n    // If num is non-numeric, return val as-is (sm, md, lg, undefined or any other custom value), otherwise return num as a px value\n    return RX_NUMBER.test(String(value))\n      ? `${Number(value)}${resolvedUnit}`\n      : (value as string | undefined)\n  })\n"],"names":[],"mappings":";;AAIO,MAAM,sBAAsB,CACjC,IAMA,OAAiC,SAEjC,SAAS,MAAM;AACP,QAAA,QAAQ,QAAQ,EAAE;AAClB,QAAA,eAAe,QAAQ,IAAI;AAEjC,SAAO,UAAU,KAAK,OAAO,KAAK,CAAC,IAC/B,GAAG,OAAO,KAAK,CAAC,GAAG,YAAY,KAC9B;AACP,CAAC;"}