p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: allow boolean as string in vcn

Browse Source
This commit is contained in:
p-sw 2024-05-19 10:01:50 +09:00
parent 28f84778bf
commit c1a1f5da1b
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/react/shared.ts
View File

@ -1,5 +1,15 @@
import { twMerge } from "tailwind-merge";
type BooleanString<T extends string> = T extends "true"
? true
: T extends "false"
? false
: T;
type RawVariantProps<V extends Record<string, Record<string, string>>> = {
[VariantKey in keyof V]?: BooleanString<keyof V[VariantKey] & string>;
};
export function vcn<V extends Record<string, Record<string, string>>>({
base,
variants,
@ -7,10 +17,10 @@ export function vcn<V extends Record<string, Record<string, string>>>({
}: {
base: string;
variants: V;
defaults: { [VariantKey in keyof V]: keyof V[VariantKey] };
}): (
variantProps: Partial<typeof defaults> & { className?: string }
) => string {
defaults: {
[VariantKey in keyof V]: BooleanString<keyof V[VariantKey] & string>;
};
}): (variantProps: RawVariantProps<V> & { className?: string }) => string {
return ({ className, ...variantProps }) => {
return twMerge(
base,
@ -19,7 +29,7 @@ export function vcn<V extends Record<string, Record<string, string>>>({
).map<string>(
([variantKey, defaultValue]) =>
variants[variantKey][
(variantProps as unknown as Partial<typeof defaults>)[variantKey] ??
(variantProps as unknown as RawVariantProps<V>)[variantKey] ??
defaultValue
]
),