{"version":3,"sources":["../src/Spinner/Spinner.tsx"],"sourcesContent":["import { type VariantProps, cva, cx } from \"cva\";\nimport type { ComponentProps, FunctionComponent } from \"react\";\n\nconst spinnerRecipe = cva({\n  base: \"kn-spinner\",\n  variants: {\n    color: {\n      primary: \"kn-spinner-primary\",\n      secondary: \"kn-spinner-secondary\",\n      tertiary: \"kn-spinner-tertiary\",\n      white: \"kn-spinner-white\",\n    },\n    size: {\n      extraSmall: \"kn-spinner-extra-small\",\n      small: \"kn-spinner-small\",\n      medium: \"kn-spinner-medium\",\n      large: \"kn-spinner-large\",\n      extraLarge: \"kn-spinner-extra-large\",\n    },\n  },\n  defaultVariants: {\n    color: \"primary\",\n    size: \"medium\",\n  },\n});\n\ntype SpinnerRecipeVariants = VariantProps<typeof spinnerRecipe>;\n\nexport type SpinnerProps = {} & SpinnerRecipeVariants &\n  Omit<ComponentProps<\"div\">, keyof SpinnerRecipeVariants>;\n\nconst Spinner: FunctionComponent<SpinnerProps> = ({\n  className,\n  color = \"primary\",\n  size = \"medium\",\n  ...restProps\n}) => {\n  return <div className={cx(spinnerRecipe({ color, size }), className)} {...restProps} />;\n};\n\nSpinner.displayName = \"Spinner\";\n\nexport default Spinner;\n"],"mappings":";;;;;;AAAA,SAA4B,KAAK,UAAU;AAqClC;AAlCT,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;AAOD,IAAM,UAA2C,CAAC,OAK5C;AAL4C,eAChD;AAAA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,EAlCT,IA+BkD,IAI7C,sBAJ6C,IAI7C;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SAAO,oBAAC,wBAAI,WAAW,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,SAAS,KAAO,UAAW;AACvF;AAEA,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;","names":[]}