@inkline/inkline/utils/breakpointClassName.mjs

Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.

export function breakpointClassName(property, value) {
  return `-${property.replace("xxl", "2xl").replace(/([A-Z])/g, "-$1").replace(/([a-z])([0-9])/g, "$1-$2").toLowerCase()}${typeof value !== "boolean" && value ? `-${value}` : ""}`;
}