nanoplot 0.0.11 → 0.0.13

package/.husky/pre-commit

@@ -0,0 +1 @@
+bun run prettier --write "src/**/*.{ts,tsx}"

package/@types/global.d.ts

@@ -0,0 +1,5 @@
+type Falsy = false | 0 | "" | null | undefined;
+interface ObjectConstructor {
+	entries<T>(o: T): [keyof T, T[keyof T]][];
+	keys<T>(o: T): Array<keyof T>;
+}

package/LICENSE.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 Shanon Jackson
+Copyright (c) 2025 Shanon Jackson
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -5,6 +5,12 @@
   <h1>Nanoplot</h1>
 </div>
 
+
+## Design Philosophy
+- Smallest possible bundle size (10KB per graph on AVG)
+- React First, React Only, RSC First.
+- Fully responsive without javascript
+
 ## Getting Started
 ```shell
 npm install nanoplot

package/dist/Bars/Bars.css

@@ -0,0 +1 @@
+._base_17xbr_2{border-radius:5px;position:absolute;width:auto}._inner_17xbr_8{display:inline-block;position:relative;z-index:20;color:#fff;min-width:48px;max-width:28rem;padding:8px}._inner--center-top_17xbr_17{-webkit-mask-image:radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url('data:image/svg+xml;utf8,<svg width="20px" height="10px" viewBox="0 0 60 30" xmlns="http://www.w3.org/2000/svg"><path d="M 0 30 L 30 0 L 60 30 Z" /></svg>');-webkit-mask-repeat:no-repeat;-webkit-mask-position:0 10px,100% 10px,0 100%,100% 100%,0 15px,5px 10px,50% 0;-webkit-mask-size:10px 10px,10px 10px,10px 10px,10px 10px,100% calc(100% - 20px),calc(100% - 10px) 100%,20px 10px}._inner--left-top_17xbr_25{-webkit-mask-image:radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url('data:image/svg+xml;utf8,<svg width="20px" height="10px" viewBox="0 0 60 30" xmlns="http://www.w3.org/2000/svg"><path d="M 0 30 L 30 0 L 60 30 Z" /></svg>');-webkit-mask-repeat:no-repeat;-webkit-mask-position:0 10px,100% 10px,0 100%,100% 100%,0 15px,5px 10px,calc(10% - 10px) 0;-webkit-mask-size:10px 10px,10px 10px,10px 10px,10px 10px,100% calc(100% - 20px),calc(100% - 10px) 100%,20px 10px}._inner--right-top_17xbr_33{-webkit-mask-image:radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url('data:image/svg+xml;utf8,<svg width="20px" height="10px" viewBox="0 0 60 30" xmlns="http://www.w3.org/2000/svg"><path d="M 0 30 L 30 0 L 60 30 Z" /></svg>');-webkit-mask-repeat:no-repeat;-webkit-mask-position:0 10px,100% 10px,0 100%,100% 100%,0 15px,5px 10px,calc(90% + 10px) 0;-webkit-mask-size:10px 10px,10px 10px,10px 10px,10px 10px,100% calc(100% - 20px),calc(100% - 10px) 100%,20px 10px}._inner--left-middle_17xbr_41{-webkit-mask-image:radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url('data:image/svg+xml;utf8,<svg width="10px" height="20px" viewBox="0 0 30 60" xmlns="http://www.w3.org/2000/svg"><path d="M 30 0 L 30 60 L 0 30 Z" /></svg>');-webkit-mask-repeat:no-repeat;-webkit-mask-position:10px 0,100% 0,10px 100%,100% 100%,10px 5px,15px 0,0 50%;-webkit-mask-size:10px 10px,10px 10px,10px 10px,10px 10px,100% calc(100% - 10px),calc(100% - 20px) 100%,10px 20px}._inner--left-bottom_17xbr_49{-webkit-mask-image:radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url('data:image/svg+xml;utf8,<svg width="20px" height="10px" viewBox="0 0 60 30" xmlns="http://www.w3.org/2000/svg"><path d="M 0 0 L 60 0 L 30 30 Z"/></svg>');-webkit-mask-repeat:no-repeat;-webkit-mask-position:0 0,100% 0,0 calc(100% - 10px),100% calc(100% - 10px),0 5px,5px 0,calc(10% - 10px) 100%;-webkit-mask-size:10px 10px,10px 10px,10px 10px,10px 10px,100% calc(100% - 20px),calc(100% - 10px) calc(100% - 10px),20px 10px}._inner--right-bottom_17xbr_57{-webkit-mask-image:radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url('data:image/svg+xml;utf8,<svg width="20px" height="10px" viewBox="0 0 60 30" xmlns="http://www.w3.org/2000/svg"><path d="M 0 0 L 60 0 L 30 30 Z"/></svg>');-webkit-mask-repeat:no-repeat;-webkit-mask-position:0 0,100% 0,0 calc(100% - 10px),100% calc(100% - 10px),0 5px,5px 0,calc(90% + 10px) 100%;-webkit-mask-size:10px 10px,10px 10px,10px 10px,10px 10px,100% calc(100% - 20px),calc(100% - 10px) calc(100% - 10px),20px 10px}._inner--bottom-center_17xbr_65{-webkit-mask-image:radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url('data:image/svg+xml;utf8,<svg width="20px" height="10px" viewBox="0 0 60 30" xmlns="http://www.w3.org/2000/svg"><path d="M 0 0 L 60 0 L 30 30 Z"/></svg>');-webkit-mask-repeat:no-repeat;-webkit-mask-position:0 0,100% 0,100% calc(100% - 9px),0 calc(100% - 9px),0 5px,5px 0,50% 100%;-webkit-mask-size:10px 10px,10px 10px,10px 10px,10px 10px,100% calc(100% - 20px),calc(100% - 10px) calc(100% - 9px),20px 10px}._inner--right-middle_17xbr_73{-webkit-mask-image:radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),radial-gradient(#fff 4.5px,rgba(255,255,255,0) 5px),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),url('data:image/svg+xml;utf8,<svg width="10px" height="20px" viewBox="0 0 30 60" xmlns="http://www.w3.org/2000/svg"><path d="M 0 0 L 0 60 L 30 30 Z" /></svg>');-webkit-mask-repeat:no-repeat;-webkit-mask-position:0 0,calc(100% - 10px) 0,0 100%,calc(100% - 10px) 100%,0 5px,5px 0,100% 50%;-webkit-mask-size:10px 10px,10px 10px,10px 10px,10px 10px,calc(100% - 10px) calc(100% - 10px),calc(100% - 20px) 100%,10px 20px}._inner--top_17xbr_81{padding-top:18px}._inner--bottom_17xbr_65{padding-bottom:18px}._inner--left_17xbr_25{padding-left:18px}._inner--right_17xbr_33{padding-right:18px}._title_17xbr_94{font-size:.875rem;font-weight:700;line-height:1.125rem;color:#c3c3c3;text-transform:uppercase;margin-bottom:12px}._description_17xbr_103{color:#fff;font-size:.875rem;font-weight:400;line-height:1.25rem}._triangle_17xbr_110{display:none;position:absolute;height:10px;width:20px;stroke-width:5;fill:transparent}._triangle--top-left_17xbr_118{top:0;left:10%;transform:translate(calc(-50% - 2px))}._triangle--top-right_17xbr_123{top:0;left:90%;transform:translate(calc(-50% + 2px))}._triangle--top-center_17xbr_128{top:0;left:50%;stroke-width:3;transform:translate(-50%)}._triangle--bottom-left_17xbr_134{top:100%;left:10%;transform:translate(calc(-50% - 2px),-100%)}._triangle--bottom-right_17xbr_139{top:100%;left:90%;transform:translate(calc(-50% + 2px),-100%)}._triangle--bottom-center_17xbr_144{top:100%;left:50%;stroke-width:2;transform:translate(-50%,-100%) scale(.9)}._tooltip_1bizk_1{display:none}._base_1bizk_6:has(svg path[data-iso=GF]:hover)>._tooltip_1bizk_1[data-iso=GF]{display:block}._base_1bizk_6:has(svg path[data-iso=MT]:hover)>._tooltip_1bizk_1[data-iso=MT]{display:block}._base_1bizk_6:has(svg path[data-iso="??"]:hover)>._tooltip_1bizk_1[data-iso="??"]{display:block}._base_1bizk_6:has(svg path[data-iso="???"]:hover)>._tooltip_1bizk_1[data-iso="???"]{display:block}._base_1bizk_6:has(svg path[data-iso=BN]:hover)>._tooltip_1bizk_1[data-iso=BN]{display:block}._base_1bizk_6:has(svg path[data-iso=PR]:hover)>._tooltip_1bizk_1[data-iso=PR]{display:block}._base_1bizk_6:has(svg path[data-iso=LU]:hover)>._tooltip_1bizk_1[data-iso=LU]{display:block}._base_1bizk_6:has(svg path[data-iso=BW]:hover)>._tooltip_1bizk_1[data-iso=BW]{display:block}._base_1bizk_6:has(svg path[data-iso=CF]:hover)>._tooltip_1bizk_1[data-iso=CF]{display:block}._base_1bizk_6:has(svg path[data-iso=DE]:hover)>._tooltip_1bizk_1[data-iso=DE]{display:block}._base_1bizk_6:has(svg path[data-iso=YE]:hover)>._tooltip_1bizk_1[data-iso=YE]{display:block}._base_1bizk_6:has(svg path[data-iso=OM]:hover)>._tooltip_1bizk_1[data-iso=OM]{display:block}._base_1bizk_6:has(svg path[data-iso=CG]:hover)>._tooltip_1bizk_1[data-iso=CG]{display:block}._base_1bizk_6:has(svg path[data-iso=PL]:hover)>._tooltip_1bizk_1[data-iso=PL]{display:block}._base_1bizk_6:has(svg path[data-iso=EH]:hover)>._tooltip_1bizk_1[data-iso=EH]{display:block}._base_1bizk_6:has(svg path[data-iso=GR]:hover)>._tooltip_1bizk_1[data-iso=GR]{display:block}._base_1bizk_6:has(svg path[data-iso=KG]:hover)>._tooltip_1bizk_1[data-iso=KG]{display:block}._base_1bizk_6:has(svg path[data-iso=RO]:hover)>._tooltip_1bizk_1[data-iso=RO]{display:block}._base_1bizk_6:has(svg path[data-iso=GN]:hover)>._tooltip_1bizk_1[data-iso=GN]{display:block}._base_1bizk_6:has(svg path[data-iso=GY]:hover)>._tooltip_1bizk_1[data-iso=GY]{display:block}._base_1bizk_6:has(svg path[data-iso=IS]:hover)>._tooltip_1bizk_1[data-iso=IS]{display:block}._base_1bizk_6:has(svg path[data-iso=SY]:hover)>._tooltip_1bizk_1[data-iso=SY]{display:block}._base_1bizk_6:has(svg path[data-iso=TN]:hover)>._tooltip_1bizk_1[data-iso=TN]{display:block}._base_1bizk_6:has(svg path[data-iso=GH]:hover)>._tooltip_1bizk_1[data-iso=GH]{display:block}._base_1bizk_6:has(svg path[data-iso=UY]:hover)>._tooltip_1bizk_1[data-iso=UY]{display:block}._base_1bizk_6:has(svg path[data-iso=BD]:hover)>._tooltip_1bizk_1[data-iso=BD]{display:block}._base_1bizk_6:has(svg path[data-iso=SN]:hover)>._tooltip_1bizk_1[data-iso=SN]{display:block}._base_1bizk_6:has(svg path[data-iso=HR]:hover)>._tooltip_1bizk_1[data-iso=HR]{display:block}._base_1bizk_6:has(svg path[data-iso=AT]:hover)>._tooltip_1bizk_1[data-iso=AT]{display:block}._base_1bizk_6:has(svg path[data-iso=NI]:hover)>._tooltip_1bizk_1[data-iso=NI]{display:block}._base_1bizk_6:has(svg path[data-iso=HU]:hover)>._tooltip_1bizk_1[data-iso=HU]{display:block}._base_1bizk_6:has(svg path[data-iso=HN]:hover)>._tooltip_1bizk_1[data-iso=HN]{display:block}._base_1bizk_6:has(svg path[data-iso=BG]:hover)>._tooltip_1bizk_1[data-iso=BG]{display:block}._base_1bizk_6:has(svg path[data-iso=JO]:hover)>._tooltip_1bizk_1[data-iso=JO]{display:block}._base_1bizk_6:has(svg path[data-iso=AZ]:hover)>._tooltip_1bizk_1[data-iso=AZ]{display:block}._base_1bizk_6:has(svg path[data-iso=LV]:hover)>._tooltip_1bizk_1[data-iso=LV]{display:block}._base_1bizk_6:has(svg path[data-iso=SR]:hover)>._tooltip_1bizk_1[data-iso=SR]{display:block}._base_1bizk_6:has(svg path[data-iso=PT]:hover)>._tooltip_1bizk_1[data-iso=PT]{display:block}._base_1bizk_6:has(svg path[data-iso=AE]:hover)>._tooltip_1bizk_1[data-iso=AE]{display:block}._base_1bizk_6:has(svg path[data-iso=IE]:hover)>._tooltip_1bizk_1[data-iso=IE]{display:block}._base_1bizk_6:has(svg path[data-iso=GT]:hover)>._tooltip_1bizk_1[data-iso=GT]{display:block}._base_1bizk_6:has(svg path[data-iso=RS]:hover)>._tooltip_1bizk_1[data-iso=RS]{display:block}._base_1bizk_6:has(svg path[data-iso=CZ]:hover)>._tooltip_1bizk_1[data-iso=CZ]{display:block}._base_1bizk_6:has(svg path[data-iso=KR]:hover)>._tooltip_1bizk_1[data-iso=KR]{display:block}._base_1bizk_6:has(svg path[data-iso=PA]:hover)>._tooltip_1bizk_1[data-iso=PA]{display:block}._base_1bizk_6:has(svg path[data-iso=LT]:hover)>._tooltip_1bizk_1[data-iso=LT]{display:block}._base_1bizk_6:has(svg path[data-iso=EE]:hover)>._tooltip_1bizk_1[data-iso=EE]{display:block}._base_1bizk_6:has(svg path[data-iso=DK]:hover)>._tooltip_1bizk_1[data-iso=DK]{display:block}._base_1bizk_6:has(svg path[data-iso=NL]:hover)>._tooltip_1bizk_1[data-iso=NL]{display:block}._base_1bizk_6:has(svg path[data-iso=SK]:hover)>._tooltip_1bizk_1[data-iso=SK]{display:block}._base_1bizk_6:has(svg path[data-iso=CR]:hover)>._tooltip_1bizk_1[data-iso=CR]{display:block}._base_1bizk_6:has(svg path[data-iso=BA]:hover)>._tooltip_1bizk_1[data-iso=BA]{display:block}._base_1bizk_6:has(svg path[data-iso=MD]:hover)>._tooltip_1bizk_1[data-iso=MD]{display:block}._base_1bizk_6:has(svg path[data-iso=CH]:hover)>._tooltip_1bizk_1[data-iso=CH]{display:block}._base_1bizk_6:has(svg path[data-iso=TG]:hover)>._tooltip_1bizk_1[data-iso=TG]{display:block}._base_1bizk_6:has(svg path[data-iso=LK]:hover)>._tooltip_1bizk_1[data-iso=LK]{display:block}._base_1bizk_6:has(svg path[data-iso=DO]:hover)>._tooltip_1bizk_1[data-iso=DO]{display:block}._base_1bizk_6:has(svg path[data-iso=BE]:hover)>._tooltip_1bizk_1[data-iso=BE]{display:block}._base_1bizk_6:has(svg path[data-iso=IL]:hover)>._tooltip_1bizk_1[data-iso=IL]{display:block}._base_1bizk_6:has(svg path[data-iso=FJ]:hover)>._tooltip_1bizk_1[data-iso=FJ]{display:block}._base_1bizk_6:has(svg path[data-iso=TW]:hover)>._tooltip_1bizk_1[data-iso=TW]{display:block}._base_1bizk_6:has(svg path[data-iso=HT]:hover)>._tooltip_1bizk_1[data-iso=HT]{display:block}._base_1bizk_6:has(svg path[data-iso=AL]:hover)>._tooltip_1bizk_1[data-iso=AL]{display:block}._base_1bizk_6:has(svg path[data-iso=LS]:hover)>._tooltip_1bizk_1[data-iso=LS]{display:block}._base_1bizk_6:has(svg path[data-iso=SI]:hover)>._tooltip_1bizk_1[data-iso=SI]{display:block}._base_1bizk_6:has(svg path[data-iso=BI]:hover)>._tooltip_1bizk_1[data-iso=BI]{display:block}._base_1bizk_6:has(svg path[data-iso=MK]:hover)>._tooltip_1bizk_1[data-iso=MK]{display:block}._base_1bizk_6:has(svg path[data-iso=ME]:hover)>._tooltip_1bizk_1[data-iso=ME]{display:block}._base_1bizk_6:has(svg path[data-iso=KW]:hover)>._tooltip_1bizk_1[data-iso=KW]{display:block}._base_1bizk_6:has(svg path[data-iso=GQ]:hover)>._tooltip_1bizk_1[data-iso=GQ]{display:block}._base_1bizk_6:has(svg path[data-iso=LB]:hover)>._tooltip_1bizk_1[data-iso=LB]{display:block}._base_1bizk_6:has(svg path[data-iso=CY]:hover)>._tooltip_1bizk_1[data-iso=CY]{display:block}._base_1bizk_6:has(svg path[data-iso=QA]:hover)>._tooltip_1bizk_1[data-iso=QA]{display:block}._base_1bizk_6:has(svg path[data-iso=JM]:hover)>._tooltip_1bizk_1[data-iso=JM]{display:block}._base_1bizk_6:has(svg path[data-iso=GM]:hover)>._tooltip_1bizk_1[data-iso=GM]{display:block}._base_1bizk_6:has(svg path[data-iso=RU]:hover)>._tooltip_1bizk_1[data-iso=RU]{display:block}._base_1bizk_6:has(svg path[data-iso=US]:hover)>._tooltip_1bizk_1[data-iso=US]{display:block}._base_1bizk_6:has(svg path[data-iso=CA]:hover)>._tooltip_1bizk_1[data-iso=CA]{display:block}._base_1bizk_6:has(svg path[data-iso=CN]:hover)>._tooltip_1bizk_1[data-iso=CN]{display:block}._base_1bizk_6:has(svg path[data-iso=BR]:hover)>._tooltip_1bizk_1[data-iso=BR]{display:block}._base_1bizk_6:has(svg path[data-iso=GL]:hover)>._tooltip_1bizk_1[data-iso=GL]{display:block}._base_1bizk_6:has(svg path[data-iso=AU]:hover)>._tooltip_1bizk_1[data-iso=AU]{display:block}._base_1bizk_6:has(svg path[data-iso=IN]:hover)>._tooltip_1bizk_1[data-iso=IN]{display:block}._base_1bizk_6:has(svg path[data-iso=ID]:hover)>._tooltip_1bizk_1[data-iso=ID]{display:block}._base_1bizk_6:has(svg path[data-iso=AR]:hover)>._tooltip_1bizk_1[data-iso=AR]{display:block}._base_1bizk_6:has(svg path[data-iso=KZ]:hover)>._tooltip_1bizk_1[data-iso=KZ]{display:block}._base_1bizk_6:has(svg path[data-iso=MX]:hover)>._tooltip_1bizk_1[data-iso=MX]{display:block}._base_1bizk_6:has(svg path[data-iso=DZ]:hover)>._tooltip_1bizk_1[data-iso=DZ]{display:block}._base_1bizk_6:has(svg path[data-iso=CD]:hover)>._tooltip_1bizk_1[data-iso=CD]{display:block}._base_1bizk_6:has(svg path[data-iso=NO]:hover)>._tooltip_1bizk_1[data-iso=NO]{display:block}._base_1bizk_6:has(svg path[data-iso=MN]:hover)>._tooltip_1bizk_1[data-iso=MN]{display:block}._base_1bizk_6:has(svg path[data-iso=SA]:hover)>._tooltip_1bizk_1[data-iso=SA]{display:block}._base_1bizk_6:has(svg path[data-iso=CL]:hover)>._tooltip_1bizk_1[data-iso=CL]{display:block}._base_1bizk_6:has(svg path[data-iso=ES]:hover)>._tooltip_1bizk_1[data-iso=ES]{display:block}._base_1bizk_6:has(svg path[data-iso=IR]:hover)>._tooltip_1bizk_1[data-iso=IR]{display:block}._base_1bizk_6:has(svg path[data-iso=ML]:hover)>._tooltip_1bizk_1[data-iso=ML]{display:block}._base_1bizk_6:has(svg path[data-iso=PE]:hover)>._tooltip_1bizk_1[data-iso=PE]{display:block}._base_1bizk_6:has(svg path[data-iso=JP]:hover)>._tooltip_1bizk_1[data-iso=JP]{display:block}._base_1bizk_6:has(svg path[data-iso=PK]:hover)>._tooltip_1bizk_1[data-iso=PK]{display:block}._base_1bizk_6:has(svg path[data-iso=SD]:hover)>._tooltip_1bizk_1[data-iso=SD]{display:block}._base_1bizk_6:has(svg path[data-iso=LY]:hover)>._tooltip_1bizk_1[data-iso=LY]{display:block}._base_1bizk_6:has(svg path[data-iso=ZA]:hover)>._tooltip_1bizk_1[data-iso=ZA]{display:block}._base_1bizk_6:has(svg path[data-iso=CO]:hover)>._tooltip_1bizk_1[data-iso=CO]{display:block}._base_1bizk_6:has(svg path[data-iso=NE]:hover)>._tooltip_1bizk_1[data-iso=NE]{display:block}._base_1bizk_6:has(svg path[data-iso=SE]:hover)>._tooltip_1bizk_1[data-iso=SE]{display:block}._base_1bizk_6:has(svg path[data-iso=MM]:hover)>._tooltip_1bizk_1[data-iso=MM]{display:block}._base_1bizk_6:has(svg path[data-iso=BO]:hover)>._tooltip_1bizk_1[data-iso=BO]{display:block}._base_1bizk_6:has(svg path[data-iso=VE]:hover)>._tooltip_1bizk_1[data-iso=VE]{display:block}._base_1bizk_6:has(svg path[data-iso=MR]:hover)>._tooltip_1bizk_1[data-iso=MR]{display:block}._base_1bizk_6:has(svg path[data-iso=UA]:hover)>._tooltip_1bizk_1[data-iso=UA]{display:block}._base_1bizk_6:has(svg path[data-iso=SO]:hover)>._tooltip_1bizk_1[data-iso=SO]{display:block}._base_1bizk_6:has(svg path[data-iso=FR]:hover)>._tooltip_1bizk_1[data-iso=FR]{display:block}._base_1bizk_6:has(svg path[data-iso=NZ]:hover)>._tooltip_1bizk_1[data-iso=NZ]{display:block}._base_1bizk_6:has(svg path[data-iso=AF]:hover)>._tooltip_1bizk_1[data-iso=AF]{display:block}._base_1bizk_6:has(svg path[data-iso=IT]:hover)>._tooltip_1bizk_1[data-iso=IT]{display:block}._base_1bizk_6:has(svg path[data-iso=PG]:hover)>._tooltip_1bizk_1[data-iso=PG]{display:block}._base_1bizk_6:has(svg path[data-iso=PH]:hover)>._tooltip_1bizk_1[data-iso=PH]{display:block}._base_1bizk_6:has(svg path[data-iso=TZ]:hover)>._tooltip_1bizk_1[data-iso=TZ]{display:block}._base_1bizk_6:has(svg path[data-iso=TH]:hover)>._tooltip_1bizk_1[data-iso=TH]{display:block}._base_1bizk_6:has(svg path[data-iso=EG]:hover)>._tooltip_1bizk_1[data-iso=EG]{display:block}._base_1bizk_6:has(svg path[data-iso=TR]:hover)>._tooltip_1bizk_1[data-iso=TR]{display:block}._base_1bizk_6:has(svg path[data-iso=NG]:hover)>._tooltip_1bizk_1[data-iso=NG]{display:block}._base_1bizk_6:has(svg path[data-iso=ZM]:hover)>._tooltip_1bizk_1[data-iso=ZM]{display:block}._base_1bizk_6:has(svg path[data-iso=MY]:hover)>._tooltip_1bizk_1[data-iso=MY]{display:block}._base_1bizk_6:has(svg path[data-iso=FI]:hover)>._tooltip_1bizk_1[data-iso=FI]{display:block}._base_1bizk_6:has(svg path[data-iso=VN]:hover)>._tooltip_1bizk_1[data-iso=VN]{display:block}._base_1bizk_6:has(svg path[data-iso=TM]:hover)>._tooltip_1bizk_1[data-iso=TM]{display:block}._base_1bizk_6:has(svg path[data-iso=EC]:hover)>._tooltip_1bizk_1[data-iso=EC]{display:block}._base_1bizk_6:has(svg path[data-iso=MA]:hover)>._tooltip_1bizk_1[data-iso=MA]{display:block}._base_1bizk_6:has(svg path[data-iso=MG]:hover)>._tooltip_1bizk_1[data-iso=MG]{display:block}._base_1bizk_6:has(svg path[data-iso=KE]:hover)>._tooltip_1bizk_1[data-iso=KE]{display:block}._base_1bizk_6:has(svg path[data-iso=IQ]:hover)>._tooltip_1bizk_1[data-iso=IQ]{display:block}._base_1bizk_6:has(svg path[data-iso=PY]:hover)>._tooltip_1bizk_1[data-iso=PY]{display:block}._base_1bizk_6:has(svg path[data-iso=GB]:hover)>._tooltip_1bizk_1[data-iso=GB]{display:block}

package/dist/Bars/Bars.d.ts

@@ -1,4 +1,9 @@
 import React from "react";
-import { VerticalBars } from "@/components/Bars/components/VerticalBars";
-import { ComponentProps } from "react";
-export declare const Bars: (props: ComponentProps<typeof VerticalBars>) => React.JSX.Element;
+type ComponentProps = {
+    horizontal?: boolean;
+    loading?: boolean;
+    size?: number;
+    radius?: number;
+};
+export declare const Bars: ({ horizontal, loading, ...props }: ComponentProps) => React.JSX.Element;
+export {};

package/dist/Bars/Bars.js

@@ -1 +1,4 @@
-import{a as s}from"../chunk-I554ST6O.js";import{a as i}from"../chunk-YFBVZ3EG.js";import{a as m}from"../chunk-JRRAKL7W.js";import{a as c}from"../chunk-DCUZK3HV.js";import"../chunk-27FBH32H.js";import{c as p}from"../chunk-MG627OG3.js";import g from"react";import f from"react";var d=({children:a,className:u})=>{let t=p();if(!t||!m.isXYData(t.data))return null;let x=s.xCoordinateFor(t),h=s.yCoordinateFor(t),r=t.data.map((o,e,l)=>({...o,id:o.id??o.name,stroke:o.stroke??i.colorFor(e,l.length),fill:o.fill===!0?o.stroke??i.colorFor(e,l.length):o.fill,bar:o.group??o.name,data:o.data.map(n=>({x:x(n.x),y:h(n.y)}))}))[0],y=r.data[1].x-r.data[1].x/2;return f.createElement("svg",{viewBox:`0 0 ${t.viewbox.x} ${t.viewbox.y}`,className:c("[grid-area:graph] h-full w-full",u),preserveAspectRatio:"none"},r.data.map((o,e)=>f.createElement("path",{key:e,d:`M ${o.x} ${t.viewbox.y} l0 ${-o.y} l${y} 0 l0 ${o.y} Z`,fill:"transparent",stroke:r.stroke,vectorEffect:"non-scaling-stroke",strokeWidth:1.5})),a)};var N=a=>g.createElement(d,{...a});export{N as Bars};
+import"../chunk-SVDZBXLJ.js";import"../chunk-MDZI2LGW.js";import"../chunk-VWR3ROQE.js";import"../chunk-VBJKE3AC.js";import"../chunk-ZXVHLOB3.js";import"../chunk-J7V4S3KO.js";import"../chunk-RJR7WF67.js";import"../chunk-ESCZHRRF.js";import{a as k}from"../chunk-G7XNA37X.js";import"../chunk-H2KOMA2I.js";import{a as V}from"../chunk-3J6YJSNS.js";import"../chunk-NKZLVA2P.js";import"../chunk-AD6AVADI.js";import"../chunk-Z33KMH3C.js";import{a as R}from"../chunk-JRRAKL7W.js";import{a as x}from"../chunk-YFBVZ3EG.js";import{a as h}from"../chunk-DCUZK3HV.js";import"../chunk-EYVOUHQH.js";import{c as v}from"../chunk-MG627OG3.js";import U from"react";import b from"react";import{useId as M}from"react";var S=()=>{let d=M(),{viewbox:r}=v(),e=r.x/2,G=r.y/2,s=20,o=r.x*.08;return React.createElement("svg",{id:"loading",role:"status","aria-busy":!0,viewBox:`0 0 ${r.x} ${r.y}`,className:h("[grid-area:graph] h-full w-full"),preserveAspectRatio:"none"},React.createElement("path",{vectorEffect:"non-scaling-stroke",d:`
+					M${e-o-s-o/2} ${r.y} L${e-o-s-o/2} ${r.y/30*20} L${e-o-s+o-o/2} ${r.y/30*20} L${e-o-s+o-o/2} ${r.y}
+					M ${e-o/2} ${r.y} L${e-o/2} ${r.y/30*10} L${e+o-o/2} ${r.y/30*10} L${e+o-o/2} ${r.y}
+						M${s+e+o-o/2} ${r.y} L${s+e+o-o/2} ${r.y/30*16} L${s+e+2*o-o/2} ${r.y/30*16} L${s+e+2*o-o/2} ${r.y}`,className:"[filter:brightness(300%)] dark:[filter:brightness(100%)]",mask:`url(#${d})`},React.createElement("animate",{attributeName:"fill",values:"#2d2d2d; #3c3c3c; #2d2d2d; #2d2d2d; ",dur:"2s",repeatCount:"indefinite"})))};var A=({children:d,size:r=30,radius:e=0,className:G,loading:s})=>{let o=v();if(!R.isXYData(o.data))return null;let F=k.xCoordinateFor(o),B=k.yCoordinateFor(o),C=o.data.map((t,c,i)=>({...t,id:t.id??t.name,group:t.group??t.id??t.name,stroke:t.stroke??x.colorFor(c,i.length),fill:t.fill===!0?t.stroke??x.colorFor(c,i.length):t.fill,bar:t.group??t.name,data:t.data.map(n=>({x:F(n.x),y:B(n.y)}))})),w=o.viewbox.x/100,y=Math.floor((o.viewbox.x-w)*r/1e3),a=[...new Set(C.map(t=>t.group))];return s?b.createElement(S,null):b.createElement("svg",{viewBox:`0 0 ${o.viewbox.x} ${o.viewbox.y}`,className:h("[grid-area:graph] h-full w-full",G),preserveAspectRatio:"none"},a?.map((t,c)=>{let i=C.filter(m=>m.group===t),n=[];return i.map((m,l)=>{if(m.group===t)return m.data?.map((p,u)=>{let f=p.x+y*c-y*(a.length/2),g=f+y,$=l===0?o.viewbox.y:n[u],L=l===0?p.y:n[u]-(o.viewbox.y-p.y),z=i.length===l+1?V.borderRadius({x:f,y:$},{x:g,y:L},e):`M ${f} ${$} L ${f} ${L} L ${g} ${L} L ${g} ${$}`;return n[u]=l===0?p.y:n[u]-(o.viewbox.y-p.y),b.createElement("path",{key:u+l+p.y+p.x,className:h("z-50 group"),d:z,fill:m.stroke,stroke:m.stroke,vectorEffect:"non-scaling-stroke",strokeWidth:1.5})})})}),d)};import N from"react";var P=({children:d,size:r=30,radius:e=0,className:G})=>{let s=v();if(!R.isXYData(s.data))return null;let o=k.xCoordinateFor(s),F=k.yCoordinateFor(s),B=s.data.map((a,t,c)=>({...a,id:a.id??a.name,stroke:a.stroke??x.colorFor(t,c.length),fill:a.fill===!0?a.stroke??x.colorFor(t,c.length):a.fill,bar:a.group??a.name,data:a.data.map(i=>({x:o(i.x),y:F(i.y)}))})),C=s.viewbox.x/100,w=Math.floor((s.viewbox.y-C)*r/1e3),y=[...new Set(B.map(a=>a.group))];return N.createElement("svg",{viewBox:`0 0 ${s.viewbox.x} ${s.viewbox.y}`,className:h("[grid-area:graph] h-full w-full",G),preserveAspectRatio:"none"},y?.map((a,t)=>{let c=B.filter(n=>n.group===a),i=[];return c.map((n,m)=>{if(n.group===a)return n.data?.map((l,p)=>{let u=l.y+w*t-w*(y.length/2),f=u+w,g=m===0?0:i[p],$=m===0?l.x:i[p]+(0+l.x),L=c.length===m+1?V.borderRadius({x:g,y:u},{x:$,y:f},e,!0):`M ${g} ${u} L ${g} ${f} L ${$} ${f} L ${$} ${u}`;return i[p]=m===0?l.x:i[p]+l.x,N.createElement("path",{key:p+m+l.y+l.x,d:L,fill:n.stroke,stroke:n.stroke,vectorEffect:"non-scaling-stroke",strokeWidth:1.5})})})}),d)};var D=({horizontal:d,loading:r,...e})=>d?U.createElement(P,{...e}):U.createElement(A,{loading:r,...e});export{D as Bars};

package/dist/Graph/Graph.d.ts

@@ -1,7 +1,7 @@
-import React, { HTMLAttributes, ReactNode } from "react";
+import React, { CSSProperties, HTMLAttributes, ReactNode } from "react";
 import { GraphContext } from "@/hooks/use-graph/use-graph";
 type Props = {
-    data: GraphContext["data"];
+    data?: GraphContext["data"];
     gap?: {
         top?: number;
         right?: number;
@@ -13,9 +13,11 @@ type Props = {
         pinned?: string[];
     };
     children: ReactNode;
+    style?: CSSProperties;
+    className?: string;
 };
 export declare const Graph: {
-    ({ data, gap, children, interactions }: Props): React.JSX.Element;
+    ({ data, gap, children, interactions, style, className }: Props): React.JSX.Element;
     Row({ children, ...rest }: HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     Column({ children, ...rest }: HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 };

package/dist/Graph/Graph.js

@@ -1 +1 @@
-import{b as a}from"../chunk-C6SWDBNF.js";import"../chunk-JRRAKL7W.js";import"../chunk-DCUZK3HV.js";import"../chunk-27FBH32H.js";import"../chunk-MG627OG3.js";export{a as Graph};
+import{b as a}from"../chunk-Z33KMH3C.js";import"../chunk-JRRAKL7W.js";import"../chunk-YFBVZ3EG.js";import"../chunk-DCUZK3HV.js";import"../chunk-EYVOUHQH.js";import"../chunk-MG627OG3.js";export{a as Graph};

package/dist/GridLines/GridLines.js

@@ -1 +1 @@
-import{a as r}from"../chunk-DCUZK3HV.js";import{c as n}from"../chunk-MG627OG3.js";import s from"react";var m=({border:i,horizontal:d,vertical:c,className:h})=>{let a=n(),{x:o,y:t}=a.viewbox,{domain:l}=a;return s.createElement("svg",{viewBox:`0 0 ${o} ${t}`,className:r("[grid-area:graph] h-full w-full",h),preserveAspectRatio:"none"},i&&s.createElement("path",{d:`M 0 0 l${o} 0 l0 ${t} l${-o} 0 Z`,strokeWidth:3,vectorEffect:"non-scaling-stroke",fill:"transparent",className:r("stroke-[hsl(0deg,0%,0%)] dark:stroke-[hsl(0deg,0%,100%)] grid-lines__border")}),d&&s.createElement("path",{d:l.y.map(({coordinate:e})=>`M 0 ${e} L ${o} ${e}`).join(" "),strokeWidth:3,vectorEffect:"non-scaling-stroke",strokeDasharray:"4, 7",className:r("stroke-[hsl(0deg,0%,0%)] dark:stroke-[hsl(0deg,0%,100%)] grid-lines__horizontal")}),c&&s.createElement("path",{d:l.x.map(({coordinate:e})=>`M ${e} 0 L ${e} ${t}`).join(" "),strokeWidth:3,vectorEffect:"non-scaling-stroke",strokeDasharray:"4, 10",className:r("stroke-[hsl(0deg,0%,0%)] dark:stroke-[hsl(0deg,0%,100%)] grid-lines__vertical")}))};export{m as GridLines};
+import{a}from"../chunk-SVDZBXLJ.js";import"../chunk-DCUZK3HV.js";import"../chunk-MG627OG3.js";export{a as GridLines};

package/dist/Legend/Legend.d.ts

@@ -3,7 +3,7 @@ import { GraphContext } from "@/hooks/use-graph/use-graph";
 import { ReactNode } from "react";
 type Props = {
     position?: "top" | "bottom" | "left" | "right";
-    alignment?: "center" | "left" | "right";
+    alignment?: "center" | "start" | "end";
     children?: ReactNode;
 };
 export declare const Legend: {

package/dist/Legend/Legend.js

@@ -1 +1 @@
-import{a as i}from"../chunk-YFBVZ3EG.js";import{b as l}from"../chunk-C6SWDBNF.js";import"../chunk-JRRAKL7W.js";import{a as u}from"../chunk-DCUZK3HV.js";import"../chunk-27FBH32H.js";import{c as s}from"../chunk-MG627OG3.js";import r from"react";var p=({position:t="top",alignment:o="left"})=>{let e=s(),n=t==="top"||t==="bottom"?l.Row:l.Column;return r.createElement(n,{className:u("flex","gap-2",(t==="left"||t==="right")&&"flex-col",o==="left"&&"justify-start",o==="right"&&"justify-end",o==="center"&&"justify-center")},e.data?.map(({name:a,stroke:f},m,c)=>r.createElement("div",{key:m,className:"flex items-center"},r.createElement("div",{className:"size-4 mr-1 rounded-full",style:{background:f??i.colorFor(m,c.length)}}),r.createElement("div",null,a))))};p.context=(t,o)=>{let e=o.position==="top"?"max-content "+t.layout.rows:o.position==="bottom"?t.layout.rows+" max-content":t.layout.rows,n=o.position==="left"?"max-content "+t.layout.columns:o.position==="right"?t.layout.columns+" max-content":t.layout.columns;return{...t,layout:{...t.layout,rows:e,columns:n}}};export{p as Legend};
+import{a}from"../chunk-VWR3ROQE.js";import"../chunk-Z33KMH3C.js";import"../chunk-JRRAKL7W.js";import"../chunk-YFBVZ3EG.js";import"../chunk-DCUZK3HV.js";import"../chunk-EYVOUHQH.js";import"../chunk-MG627OG3.js";export{a as Legend};

package/dist/Lines/Lines.d.ts

@@ -1,6 +1,14 @@
 import React, { ReactNode } from "react";
-type Props = {
+import { CurveUtils } from "@/utils/path/curve";
+interface Props extends React.SVGAttributes<SVGSVGElement> {
     children?: ReactNode;
+    curve?: keyof typeof CurveUtils;
+}
+export declare const Lines: {
+    ({ className, curve, children }: Props): React.JSX.Element | null;
+    Tooltip: ({ tooltip, joints }: {
+        tooltip: (points: Array<import("@/hooks/use-graph/use-graph").XYDataset>, x: number | Date) => React.ReactNode;
+        joints?: boolean;
+    }) => React.JSX.Element | null;
 };
-export declare const Lines: ({ children }: Props) => React.JSX.Element | null;
 export {};

package/dist/Lines/Lines.js

@@ -1 +1 @@
-import{a as i}from"../chunk-I554ST6O.js";import{a as s}from"../chunk-YFBVZ3EG.js";import{a as p}from"../chunk-JRRAKL7W.js";import"../chunk-27FBH32H.js";import{c as n}from"../chunk-MG627OG3.js";import d from"react";var F=({children:c})=>{let t=n();if(!p.isXYData(t.data))return null;let m=i.xCoordinateFor(t),l=i.yCoordinateFor(t),f=t.data.map((o,e,a)=>({...o,id:o.id??o.name,stroke:o.stroke??s.colorFor(e,a.length),fill:o.fill===!0?o.stroke??s.colorFor(e,a.length):o.fill,data:o.data.map(r=>({x:m(r.x),y:l(r.y)}))}));return d.createElement("svg",{viewBox:`0 0 ${t.viewbox.x} ${t.viewbox.y}`,height:"100%",width:"100%",preserveAspectRatio:"none"},f.map((o,e)=>{let a=o.data.map((r,h)=>`${h===0?"M":"L"} ${r.x} ${r.y}`).join(" ");return d.createElement("path",{key:e,d:a,fill:"transparent",stroke:o.stroke,vectorEffect:"non-scaling-stroke",strokeWidth:1.5})}),c)};export{F as Lines};
+import{a}from"../chunk-ZXVHLOB3.js";import"../chunk-RJR7WF67.js";import"../chunk-G7XNA37X.js";import"../chunk-JRRAKL7W.js";import"../chunk-YFBVZ3EG.js";import"../chunk-DCUZK3HV.js";import"../chunk-EYVOUHQH.js";import"../chunk-MG627OG3.js";export{a as Lines};

package/dist/Pie/Pie.d.ts

@@ -4,7 +4,8 @@ type Props = {
     loading?: boolean;
     donut?: boolean;
     labels?: boolean;
+    className?: string;
     children?: ReactNode;
 };
-export declare const Pie: ({ donut, labels, loading, children }: Props) => React.JSX.Element | null;
+export declare const Pie: ({ donut, labels, loading, className, children }: Props) => React.JSX.Element | null;
 export {};

package/dist/Pie/Pie.js

@@ -1 +1 @@
-import{a as T}from"../chunk-YFBVZ3EG.js";import{a as s}from"../chunk-IPNLOTJZ.js";import{a as $}from"../chunk-JRRAKL7W.js";import{a as h}from"../chunk-DCUZK3HV.js";import{a as f}from"../chunk-27FBH32H.js";import{c as _}from"../chunk-MG627OG3.js";import r from"react";import{useId as L}from"react";import I from"react";var A=({children:n,tag:v,...p})=>I.createElement("div",{...p,className:h("[grid-area:graph]",p.className)},n),H=new Proxy(A,{get:function(n,v){return({children:p,...x})=>I.createElement(A,{...x,tag:v},p)}});var t=3e3,l=3e3,X=.8,te=({donut:n,labels:v=!0,loading:p,children:x})=>{let U=L(),D=L(),w=L(),g=_();if(!g||!$.isSegmentData(g.data))return null;let{data:y}=g,d=t/3*X,b=y.length===1,k=y.reduce((e,{value:o})=>e+Number(o),0);if(p)return r.createElement("svg",{viewBox:"0 0 3000 3000",role:"status","aria-busy":p,className:"h-full w-full"},r.createElement("path",{d:s.circleArc(t/2,l/2,d),className:"[filter:brightness(300%)] dark:[filter:brightness(100%)]"},r.createElement("animate",{attributeName:"fill",values:"#2d2d2d; #3c3c3c; #2d2d2d; #2d2d2d;",dur:"2s",repeatCount:"indefinite",calcMode:"spline",keyTimes:"0; 0.3; 0.6; 1",keySplines:"0.15 0.25 0.25 0.15; 0.15 0.25 0.25 0.15; 0 0 0 0"})),n&&r.createElement("path",{className:"",d:s.circleArc(t/2,l/2,d*.65)}));if(!g.data.length)return r.createElement(r.Fragment,null,r.createElement("svg",{"data-testid":"pie-empty-state",role:"img",viewBox:"0 0 3000 3000",height:"100%",width:"100%"},r.createElement("path",{d:"M 1500 1500 m 800, 1.9594348786357651e-13 a 800, 800 0 1,0 -1600, -3.9188697572715303e-13 a 800, 800 0 1,0 1600, 3.9188697572715303e-13",fill:`url(#${w})`,className:"[filter:invert(1)] dark:[filter:invert(0)]"}),r.createElement("linearGradient",{id:w,gradientTransform:"rotate(90)"},r.createElement("stop",{offset:"0%","stop-color":"#3c3c3c"}),r.createElement("stop",{offset:"100%","stop-color":"#3c3c3c","stop-opacity":"0.2"}))));let B=y.map((e,o,i)=>({...e,id:e.name??e.name,value:Number(e.value),stroke:e.stroke??T.colorFor(o,i.length),fill:typeof e.fill=="string"?e.fill:T.colorFor(o,i.length)})).sort((e,o)=>o.value-e.value).map((e,o,i)=>({...e,previousTotalDegrees:i.slice(0,o).map(({value:c})=>f.scale(c,k,360)).reduce((c,u)=>c+u,180),degrees:f.scale(e.value,k,360)})).map((e,o,i)=>{let c=s.polarToCartesian(t/2,l/2,d,e.previousTotalDegrees+e.degrees/(b?.75:2)+180),u=i.slice(0,o+1).map(a=>({name:a.name,position:s.polarToCartesian(t/2,l/2,d*1.2,a.previousTotalDegrees+a.degrees/(b?.75:2)+180)})).filter((a,E,C)=>{if(!C[E-1])return!1;let M=.15,{y:F,x:j}=a.position,{y:O,x:S}=C[E-1].position;return f.isBetween(O*(1-M),O*(1+M),F)&&f.isBetween(S*.7,S*1.3,j)}).map(a=>a.name).findIndex(a=>e.name===a),P=u>4,m=s.polarToCartesian(t/2,l/2,d*(1.2+.1*((P?u-4:u)+1)),e.previousTotalDegrees+e.degrees/(b?.75:2)+180),N=P||f.scale(m.x,t,100)>50,G=r.createElement("g",{className:"transform origin-center rotate-180 group",key:o},v&&r.createElement(r.Fragment,null,r.createElement("path",{className:"stroke-2 fill-transparent group-hover:stroke-[15] transform origin-center rotate-180",key:e.name,d:`M ${c.x} ${c.y} L ${m.x} ${m.y} ${N?"l 100 0":"l -100 0"}`,stroke:e.stroke}),r.createElement("g",{className:h("text-7xl font-bold pointer-events-auto transform origin-center rotate-180")},r.createElement("text",{"aria-label":`${e.name}-label`,y:m.y,x:m.x,stroke:e.stroke,fill:e.fill,dx:N?140:-140,style:{textAnchor:N?"start":"end"}},r.createElement("tspan",null,e.name.length>20?e.name.slice(0,20)+"...":e.name),r.createElement("tspan",{dx:25},+(Math.round(+((e.value/k*100).toFixed(1)+"e+2"))+"e-2"),"%")))),r.createElement("path",{className:"transition-all duration-200 ease-in-out scale-100 origin-center pointer-events-auto gorup-hover:drop-shadow-[0_0_50px_rgba(0,0,0,0.5)] hover:brightness-110 hover:scale-102",d:s.describeArc(t/2,l/2,d,e.previousTotalDegrees,e.previousTotalDegrees+e.degrees)+` L ${t/2} ${t/2} Z`,fill:e.fill,"data-degrees":e.degrees}));return{id:e.id,path:G}});return r.createElement(r.Fragment,null,n&&r.createElement(H.div,{className:"absolute inset-0 flex items-center justify-center"},x),B.map(({path:e,id:o},i)=>r.createElement("svg",{key:i,viewBox:`0 0 ${t} ${l}`,role:"img",className:h("[grid-area:graph] pointer-events-none h-full w-full has-[path:hover]:z-[1] has-[path:hover]:[&_.label-path]:stroke-current",n&&"mask-radial [mask-position:50%_50%] [mask-repeat:no-repeat] [mask-image:radial-gradient(circle,transparent_14%,black_14.1%)]")},r.createElement("filter",{id:U+o,filterUnits:"userSpaceOnUse"},r.createElement("feDropShadow",{dx:"0",dy:"-150",stdDeviation:"100",floodColor:"#000000",floodOpacity:"0.4"}),r.createElement("feDropShadow",{dx:"0",dy:"200",stdDeviation:"100",floodColor:"#000000",floodOpacity:"0.5"})),r.createElement("use",{xlinkHref:`#${D+o}`,filter:"blur(150px)",opacity:.5,scale:.9}),r.createElement("g",{id:D+o},e),n&&r.createElement("path",{className:"",d:s.circleArc(t/2,l/2,d*.65)}))))};export{te as Pie};
+import{a}from"../chunk-J7V4S3KO.js";import"../chunk-RJR7WF67.js";import"../chunk-3J6YJSNS.js";import"../chunk-JRRAKL7W.js";import"../chunk-YFBVZ3EG.js";import"../chunk-DCUZK3HV.js";import"../chunk-EYVOUHQH.js";import"../chunk-MG627OG3.js";export{a as Pie};

package/dist/Radar/Radar.d.ts

@@ -3,6 +3,7 @@ type Props = {
     loading?: boolean;
     scalars?: number[];
     className?: string;
+    labels?: boolean;
 };
-export declare const Radar: ({ scalars, loading, className }: Props) => React.JSX.Element | null;
+export declare const Radar: ({ scalars, labels, loading, className }: Props) => React.JSX.Element | null;
 export {};

package/dist/Radar/Radar.js

@@ -1,2 +1 @@
-import{a as n}from"../chunk-IPNLOTJZ.js";import{a as T}from"../chunk-JRRAKL7W.js";import{a as b}from"../chunk-DCUZK3HV.js";import{a as O}from"../chunk-27FBH32H.js";import{c as w}from"../chunk-MG627OG3.js";import r,{useId as G}from"react";import H from"react";var v=({})=>H.createElement("div",null,"placeholder");var X=.8,q=4,oo=({scalars:p=[0,20,40,60,80,100],loading:k,className:M})=>{let x=w();if(!T.isSegmentData(x.data))return null;let{data:m,viewbox:t}=x,h=!k&&x.data.length==0,e=t.x/2*X,d=Math.max(...p),u=m.length,$=Array.from({length:u},(o,s)=>s*360/u),C=Array.from({length:p.length},(o,s)=>1-s*(1/(p.length-1))),N=C.toReversed(),f="white",c=360/u,D=d/(p.length-1),S=m.every(({value:o})=>!o);if(k)return r.createElement(v,null);let I=o=>{if(o===0)return q;if(o>=d)return d;let s=p.findIndex((y,a,Z)=>{let g=Z[a+1];return g!==o&&O.isBetween(o,y,g)||g===void 0}),i=[D*s,D*Math.min(p.length,s+1)];return O.scale(o,[p[s],p[s+1]||p[s]],i)},A=m.map(o=>({...o,scaled:S?0:I(+o.value)})),U=A.map(({scaled:o},s)=>n.polarToCartesian(t.x/2,t.y/2,o*e/d,s*c)).map(({x:o,y:s},i)=>i===0?`M ${o} ${s}`:`L ${o} ${s}`).join(" ").concat(" Z"),E=$.map(o=>{let{x:s,y:i}=n.polarToCartesian(t.x/2,t.y/2,e,o);return`M ${t.x/2} ${t.y/2} L ${s} ${i}`}).join(" "),L=C.map(o=>{let s=n.polarToCartesian(t.x/2,t.y/2,e*o,90).x,i=n.polarToCartesian(t.x/2,t.y/2,e,90).y;return`M ${s} ${i} 
-				L ${s} ${i+t.y/100}`}).join(" "),j=C.slice(0,h?2:1/0).map(o=>n.circleArc(t.x/2,t.y/2,e*o)).join(" "),_=A.filter(({scaled:o})=>!!o).map(({scaled:o},s)=>{let{x:i,y}=n.polarToCartesian(t.x/2,t.y/2,o*e/d,s*c),a=t.x/100;return`M ${i-a} ${y} A ${a} ${a} 0 1 1 ${i+a} ${y} A ${a} ${a} 0 1 1 ${i-a} ${y} Z`}).join(" "),B=G(),P=G(),l="#11ACAE";return r.createElement("svg",{className:b("h-full w-full",M),viewBox:`0 0 ${t.x} ${t.y}`},r.createElement("defs",null,r.createElement("filter",{id:"radarPointGlow",filterUnits:"userSpaceOnUse"},r.createElement("feDropShadow",{dx:"0",dy:"0",stdDeviation:"20",floodColor:"white",floodOpacity:"1"})),r.createElement("radialGradient",{id:B},r.createElement("stop",{offset:"30%",stopColor:f,stopOpacity:.3}),r.createElement("stop",{offset:"50%",stopColor:f,stopOpacity:.2}),r.createElement("stop",{offset:"60%",stopColor:f,stopOpacity:.15}),r.createElement("stop",{offset:"70%",stopColor:f,stopOpacity:.08}),r.createElement("stop",{offset:"80%",stopColor:f,stopOpacity:.06}),r.createElement("stop",{offset:"100%",stopColor:f,stopOpacity:.03})),r.createElement("radialGradient",{id:P,cx:t.x/2,cy:t.y/2,gradientUnits:"userSpaceOnUse"},r.createElement("stop",{offset:"30%",stopColor:l}),r.createElement("stop",{offset:"50%",stopColor:l,stopOpacity:.7}),r.createElement("stop",{offset:"60%",stopColor:l,stopOpacity:.5}),r.createElement("stop",{offset:"70%",stopColor:l,stopOpacity:.4}),r.createElement("stop",{offset:"80%",stopColor:l,stopOpacity:.3}),r.createElement("stop",{offset:"100%",stopColor:l,stopOpacity:.2}))),r.createElement("path",{d:n.circleArc(t.x/2,t.y/2,e),fill:"#111111"}),r.createElement("path",{d:j,fillRule:"evenodd",fill:"#1b1b1b",className:"[vector-effect:non-scaling-stroke] stroke-1 stroke-[#2D2D2D]"}),h?r.createElement("text",{x:t.x/2,y:t.y/2},"NA"):r.createElement(r.Fragment,null,r.createElement("path",{d:E}),r.createElement("path",{d:L}),p.map((o,s)=>o===0?"0":s===p.length-1?`>${o}x`:`${o}x`).map((o,s)=>r.createElement("text",{key:s,x:n.polarToCartesian(t.x/2,t.y/2,e*N[s],90).x,y:n.polarToCartesian(t.x/2,t.y/2,e,90).y+135},o))),r.createElement("path",{d:_,strokeOpacity:"0",fillOpacity:.5,filter:"url(#radarPointGlow)"}),!h&&$.map((o,s)=>r.createElement("circle",{key:s,cx:n.polarToCartesian(t.x/2,t.y/2,e,o).x,cy:n.polarToCartesian(t.x/2,t.y/2,e,o).y,r:t.x/150,fill:"white"})),r.createElement("path",{stroke:l,d:U,fill:`url(#${P}`,className:"stroke-[10] [fill-opacity:0.7]"}),$.map((o,s)=>r.createElement("path",{key:s,className:"[vector-effect:non-scaling-stroke] dark:fill-white [fill-opacity:0] [stroke-opacity:0]",d:n.describeArc(t.x/2,t.y/2,e,o-c/2,o+c/2)+` L ${t.x/2} ${t.x/2} Z`})))};export{oo as Radar};
+import{a}from"../chunk-MDZI2LGW.js";import"../chunk-3J6YJSNS.js";import"../chunk-JRRAKL7W.js";import"../chunk-DCUZK3HV.js";import"../chunk-EYVOUHQH.js";import"../chunk-MG627OG3.js";export{a as Radar};

package/dist/Scatter/Scatter.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 type Props = {
     trendline?: boolean;
+    loading?: boolean;
+    className?: string;
 };
-export declare const Scatter: ({ trendline }: Props) => React.JSX.Element | null;
+export declare const Scatter: ({ loading, trendline, className }: Props) => React.JSX.Element | null;
 export {};

package/dist/Scatter/Scatter.js

@@ -1 +1 @@
-import{a as s}from"../chunk-I554ST6O.js";import{a as p}from"../chunk-YFBVZ3EG.js";import{a as m}from"../chunk-IPNLOTJZ.js";import{a as c}from"../chunk-JRRAKL7W.js";import"../chunk-27FBH32H.js";import{c as l}from"../chunk-MG627OG3.js";import n from"react";var b=({trendline:d})=>{let t=l(),{x:k,y:f}=t.viewbox;if(!c.isXYData(t.data))return null;let h=s.xCoordinateFor(t),u=s.yCoordinateFor(t),i=t.data.map((o,a,r)=>({id:o.name??o.id,...o,data:o.data.map(({x:e,y:v})=>({x:h(e),y:u(v)})),stroke:o.stroke??p.colorFor(a,r.length)}));return n.createElement("svg",{viewBox:`0 0 ${k} ${f}`,className:"[grid-area:graph] h-full w-full",preserveAspectRatio:"none"},i.map((o,a)=>n.createElement("path",{key:a,d:o.data.map(({x:r,y:e})=>`M ${r} ${e} A 0 0 0 0 1 ${r} ${e}`).join(" "),strokeWidth:10,stroke:o.stroke,strokeLinecap:"round",strokeLinejoin:"round",vectorEffect:"non-scaling-stroke"})),d&&n.createElement("path",{strokeWidth:3,strokeDasharray:"4,4",className:"stroke-black dark:stroke-white [vector-effect:non-scaling-stroke]",d:m.trend(i.flatMap(({data:o})=>o),t.viewbox)}))};export{b as Scatter};
+import{a}from"../chunk-ESCZHRRF.js";import"../chunk-G7XNA37X.js";import"../chunk-3J6YJSNS.js";import"../chunk-JRRAKL7W.js";import"../chunk-YFBVZ3EG.js";import"../chunk-EYVOUHQH.js";import"../chunk-MG627OG3.js";export{a as Scatter};

package/dist/Sunburst/Sunburst.d.ts

@@ -5,6 +5,17 @@ export type Sunburst = Array<{
     stroke?: string;
     children: Sunburst;
 }>;
-type Props = {};
-export declare const Sunburst: ({}: Props) => React.JSX.Element;
+type Props = {
+    loading?: boolean;
+};
+export declare const Sunburst: ({ loading }: Props) => React.JSX.Element;
+type SegmentProps = {
+    previousDegrees: number;
+    degrees: number;
+    stroke: string;
+    ring: number;
+    segment?: Sunburst[number];
+    onClick?: () => void;
+} & React.JSX.IntrinsicElements["path"];
+export declare const Segment: ({ onClick, previousDegrees, degrees, ring, stroke, ...path }: SegmentProps) => React.JSX.Element;
 export {};

package/dist/Sunburst/Sunburst.js

@@ -1 +1 @@
-import{a as G}from"../chunk-YFBVZ3EG.js";import{a as p}from"../chunk-IPNLOTJZ.js";import{c as b}from"../chunk-MG627OG3.js";import s,{Fragment as y,useState as E}from"react";var D=[{name:"Other",value:50,children:[]},{name:"Amazon",value:30,children:[{name:"",value:20,children:[{name:"",value:10,children:[{name:"",value:5,children:[]},{name:"",value:2,children:[]},{name:"",value:2,children:[]},{name:"",value:1,children:[]}]},{name:"",value:10,children:[]}]},{name:"",value:5,children:[{name:"",value:2,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]}]},{name:"",value:5,children:[]}]},{name:"Disney",value:40,children:[{name:"Anime",value:20,children:[{name:"Spirited Away",value:20,children:[{name:"",value:2,children:[]},{name:"",value:2,children:[]},{name:"",value:2,children:[]},{name:"",value:2,children:[]},{name:"",value:2,children:[]},{name:"",value:2,children:[]},{name:"",value:2,children:[]},{name:"",value:2,children:[]},{name:"",value:2,children:[]},{name:"",value:2,children:[]}]}]},{name:"Action",value:20,children:[{name:"y",value:10,children:[{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]}]},{name:"x",value:10,children:[{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]},{name:"",value:1,children:[]}]}]}]},{name:"Netflix",value:30,children:[{name:"ABC",value:20,children:[]},{name:"",value:5,children:[]},{name:"",value:5,children:[]}]}],F=({})=>{let{viewbox:l}=b(),[d,t]=E(),v=D.toSorted((e,n)=>n.value-e.value),h=function e(n,a=1){let u=n.map(i=>i.children.length?a+e(i.children):a);return Math.max(...u)}(D),c=({ring:e,availableDegrees:n,startDegrees:a,previousTotal:u,color:i})=>(r,o,k)=>{let g=d===r,S=(()=>{if(g)return 360;let m=n*(r.value/u);return m===360?m:m-.5})(),f=g?0:a+n*(k.slice(0,o).reduce((m,{value:x})=>m+x,0)/u),A=i||G.colorFor(o);return d&&!g&&e===1?null:s.createElement(y,{key:o},s.createElement(N,{segment:r,degrees:S,previousDegrees:f,ring:e,stroke:A,onClick:()=>{r.children.length&&t(r)}}),r.children.map(c({ring:e+1,availableDegrees:S,startDegrees:f,previousTotal:r.value,color:A})))};return s.createElement("svg",{viewBox:`0 0 ${l.x} ${l.y}`,className:"h-full w-full"},v.map(c({ring:1,availableDegrees:360,startDegrees:0,previousTotal:v.reduce((e,{value:n})=>e+n,0)})),s.createElement("path",{d:p.circleArc(l.x/2,l.y/2,320),fill:"black",stroke:"black",onClick:()=>t(void 0)}))},N=({onClick:l,segment:d,previousDegrees:t,degrees:v,ring:h,stroke:c})=>{let{viewbox:e}=b(),n=300,a=20,u=t,i=t+v;return s.createElement("path",{d:p.annularArc(e.x/2,e.y/2,u,i,n*h+a,n*h+n),fill:c,stroke:c,onClick:l})};export{F as Sunburst};
+import{a,b}from"../chunk-VBJKE3AC.js";import"../chunk-3J6YJSNS.js";import"../chunk-YFBVZ3EG.js";import"../chunk-MG627OG3.js";export{b as Segment,a as Sunburst};

package/dist/Worldmap/Worldmap.d.ts

@@ -7,10 +7,11 @@ type Props = {
         scale: number;
     };
     tooltips?: Record<string, ReactNode>;
+    className?: string;
     children?: ReactNode;
 };
 export declare const Worldmap: {
-    ({ tooltips, translate, children }: Props): React.JSX.Element;
+    ({ tooltips, translate, className, children }: Props): React.JSX.Element;
     context(ctx: GraphContext, props: Props): {
         attributes: {
             className: string;