/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a795c5b | Cube Dev Team */
//#region src/tokens/sizes.ts
/**
* Component size values in pixels.
* Used for buttons, inputs, and other interactive elements.
*/
const SIZES = {
	XS: 24,
	SM: 28,
	MD: 32,
	LG: 40,
	XL: 48
};
/**
* Map from size names to size keys.
* @example SIZE_NAME_TO_KEY['small'] // 'SM'
*/
const SIZE_NAME_TO_KEY = {
	xsmall: "XS",
	small: "SM",
	medium: "MD",
	large: "LG",
	xlarge: "XL"
};
/**
* Size tokens with $ prefix for CSS custom properties.
* Creates tokens like `$size-xs`, `$size-sm`, etc.
*/
const SIZE_TOKENS = {
	"$size-xs": `${SIZES.XS}px`,
	"$size-sm": `${SIZES.SM}px`,
	"$size-md": `${SIZES.MD}px`,
	"$size-lg": `${SIZES.LG}px`,
	"$size-xl": `${SIZES.XL}px`
};

//#endregion
export { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS };
//# sourceMappingURL=sizes.js.map