Property 'Button' does not exist on type '{ readonly button: { readonly height: { readonly sm: "30px"; readonly md: "36px"; readonly lg: "42px"; }; readonly padding: { readonly horizontal: "12px"; }; readonly gap: "8px"; readonly iconSize: { readonly sm: "14px"; readonly md: "16px"; readonly lg: "18px"; }; readonly states: { ...; }; }; ... 9 more ...; reado...'. Did you mean 'button'?

Property 'Button' does not exist on type '{ readonly button: { readonly height: { readonly sm: "30px"; readonly md: "36px"; readonly lg: "42px"; }; readonly padding: { readonly horizontal: "12px"; }; readonly gap: "8px"; readonly iconSize: { readonly sm: "14px"; readonly md: "16px"; readonly lg: "18px"; }; readonly states: { ...; }; }; ... 9 more ...; reado...'. Did you mean 'button'?

Property 'Button' does not exist on type '{ readonly button: { readonly height: { readonly sm: "30px"; readonly md: "36px"; readonly lg: "42px"; }; readonly padding: { readonly horizontal: "12px"; }; readonly gap: "8px"; readonly iconSize: { readonly sm: "14px"; readonly md: "16px"; readonly lg: "18px"; }; readonly states: { ...; }; }; ... 9 more ...; reado...'. Did you mean 'button'?

Property 'Button' does not exist on type '{ readonly button: { readonly height: { readonly sm: "30px"; readonly md: "36px"; readonly lg: "42px"; }; readonly padding: { readonly horizontal: "12px"; }; readonly gap: "8px"; readonly iconSize: { readonly sm: "14px"; readonly md: "16px"; readonly lg: "18px"; }; readonly states: { ...; }; }; ... 9 more ...; reado...'. Did you mean 'button'?

Property 'base' does not exist on type '{ readonly xs: "2px"; readonly sm: "4px"; readonly md: "8px"; readonly lg: "10px"; readonly xl: "12px"; readonly pill: "9999px"; }'.

Element implicitly has an 'any' type because expression of type '2' can't be used to index type '{ readonly xxs: "2px"; readonly xs: "4px"; readonly sm: "8px"; readonly md: "12px"; readonly lg: "16px"; readonly xl: "20px"; readonly xxl: "24px"; }'.

Process completed with exit code 1.