@ngzard/ui
Version:
An alternative to shadcn/ui for angular
48 lines (40 loc) • 1.27 kB
JavaScript
export const UTILS = {
cn: `import { clsx, type ClassValue } from "clsx"
import { twMerge } from "tailwind-merge"
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}
`,
'merge-classes': `import { twMerge } from 'tailwind-merge';
import { ClassValue, clsx } from 'clsx';
export type { ClassValue };
export function mergeClasses(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}
export function transform(value: boolean | string): boolean {
return typeof value === 'string' ? value === '' : value;
}
export function generateId(prefix = ''): string {
const id = crypto.randomUUID();
return prefix ? \`\${prefix}-\${id}\` : id;
}
`,
number: `function clamp(value: number, [min, max]: [number, number]): number {
return Math.min(max, Math.max(min, value));
}
function roundToStep(value: number, min: number, step: number): number {
return Math.round((value - min) / step) * step + min;
}
function convertValueToPercentage(value: number, min: number, max: number): number {
return ((value - min) / (max - min)) * 100;
}
export { clamp, roundToStep, convertValueToPercentage };
`,
};
export const POSTCSS_CONFIG = `{
"plugins": {
"@tailwindcss/postcss": {}
}
}
`;
//# sourceMappingURL=templates.js.map