@hanzo/ui-shadcn 5.7.2

package/dist/breadcrumb.mjs

@@ -0,0 +1,2 @@
+"use client";
+import {Slot}from'@radix-ui/react-slot';import {ChevronRight,MoreHorizontal}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';var c=Object.defineProperty;var t=(e,r)=>c(e,"name",{value:r,configurable:true});function s(...e){return twMerge(clsx(e))}t(s,"cn");var d=t(({ref:e,...r})=>jsx("nav",{"aria-label":"breadcrumb",ref:e,...r}),"Breadcrumb");d.displayName="Breadcrumb";var b=t(({className:e,ref:r,...a})=>jsx("ol",{className:s("text-text-secondary flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",e),ref:r,...a}),"BreadcrumbList");b.displayName="BreadcrumbList";var f=t(({className:e,ref:r,...a})=>jsx("li",{className:s("inline-flex items-center gap-1.5",e),ref:r,...a}),"BreadcrumbItem");f.displayName="BreadcrumbItem";var R=t(({asChild:e,className:r,ref:a,...n})=>jsx(e?Slot:"a",{className:s("hover:text-text-default transition-colors",r),ref:a,...n}),"BreadcrumbLink");R.displayName="BreadcrumbLink";var B=t(({className:e,ref:r,...a})=>jsx("span",{"aria-current":"page","aria-disabled":"true",className:s("text-text-default font-normal",e),ref:r,role:"link",...a}),"BreadcrumbPage");B.displayName="BreadcrumbPage";var P=t(({children:e,className:r,...a})=>jsx("li",{"aria-hidden":"true",className:s("[&>svg]:h-4 [&>svg]:w-4",r),role:"presentation",...a,children:e??jsx(ChevronRight,{})}),"BreadcrumbSeparator");P.displayName="BreadcrumbSeparator";var L=t(({className:e,...r})=>jsxs("span",{"aria-hidden":"true",className:s("flex h-9 w-9 items-center justify-center",e),role:"presentation",...r,children:[jsx(MoreHorizontal,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"More"})]}),"BreadcrumbEllipsis");L.displayName="BreadcrumbElipssis";export{d as Breadcrumb,L as BreadcrumbEllipsis,f as BreadcrumbItem,R as BreadcrumbLink,b as BreadcrumbList,B as BreadcrumbPage,P as BreadcrumbSeparator};

package/dist/calendar-ext/index.js

@@ -0,0 +1,2 @@
+"use client";
+'use strict';var l=require('react'),reactIcons=require('@radix-ui/react-icons'),reactDayPicker=require('react-day-picker'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime'),dateFns=require('date-fns');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var l__namespace=/*#__PURE__*/_interopNamespace(l);var b=Object.defineProperty;var n=(r,a)=>b(r,"name",{value:a,configurable:true});function t(...r){return tailwindMerge.twMerge(clsx.clsx(r))}n(t,"cn");var i=classVarianceAuthority.cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),c=l__namespace.forwardRef(({className:r,variant:a="default",size:e="default",asChild:o=false,isLoading:s=false,children:d,...f},g)=>jsxRuntime.jsxs(o?reactSlot.Slot:"button",{"data-slot":"button","data-variant":a,"data-size":e,className:t(i({variant:a,size:e,className:r})),ref:g,...f,children:[s?jsxRuntime.jsx(lucideReact.Loader2,{className:t("h-4 w-4 animate-spin",e!=="icon"&&e!=="icon-sm"&&e!=="icon-lg"&&"mr-2")}):null,s&&(e==="icon"||e==="icon-sm"||e==="icon-lg")?null:d]}));c.displayName="Button";function p({className:r,classNames:a,showOutsideDays:e=true,...o}){return jsxRuntime.jsx(reactDayPicker.DayPicker,{showOutsideDays:e,className:t("p-3",r),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:t(i({variant:"outline"}),"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-1 rounded-md w-8 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:t("relative p-0 text-center text-sm focus-within:relative focus-within:z-above-content [&:has([aria-selected])]:bg-level-1 [&:has([aria-selected].day-outside)]:bg-level-1/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",o.mode==="range"?"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:t(i({variant:"ghost"}),"h-8 w-8 p-0 font-normal aria-selected:opacity-100"),day_range_start:"day-range-start",day_range_end:"day-range-end",day_selected:"bg-primary text-primary-fg hover:bg-primary hover:text-primary-fg focus:bg-primary focus:text-primary-fg",day_today:"bg-accent text-primary-fg",day_outside:"day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-1 aria-selected:opacity-30",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-primary-fg",day_hidden:"invisible",...a},components:{Chevron:n(({orientation:s,...d})=>s==="left"?jsxRuntime.jsx(reactIcons.ChevronLeftIcon,{className:"h-4 w-4"}):jsxRuntime.jsx(reactIcons.ChevronRightIcon,{className:"h-4 w-4"}),"Chevron")},...o})}n(p,"Calendar");p.displayName="Calendar";function pe({className:r,day:a,modifiers:e,...o}){let s=reactDayPicker.getDefaultClassNames(),d=l__namespace.default.useRef(null);return l__namespace.default.useEffect(()=>{e.focused&&d.current?.focus();},[e.focused]),jsxRuntime.jsx(c,{ref:d,variant:"ghost",size:"icon","data-day":a.date.toLocaleDateString(),"data-selected-single":e.selected&&!e.range_start&&!e.range_end&&!e.range_middle,"data-range-start":e.range_start,"data-range-end":e.range_end,"data-range-middle":e.range_middle,className:t("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",s.day,r),...o})}n(pe,"CalendarDayButton");var B=p;Object.defineProperty(exports,"format",{enumerable:true,get:function(){return dateFns.format}});Object.defineProperty(exports,"formatDistance",{enumerable:true,get:function(){return dateFns.formatDistance}});Object.defineProperty(exports,"formatRelative",{enumerable:true,get:function(){return dateFns.formatRelative}});Object.defineProperty(exports,"parseISO",{enumerable:true,get:function(){return dateFns.parseISO}});exports.Calendar=B;exports.CalendarDayButton=pe;

package/dist/calendar-ext/index.mjs

@@ -0,0 +1,2 @@
+"use client";
+import*as l from'react';import l__default from'react';import {ChevronLeftIcon,ChevronRightIcon}from'@radix-ui/react-icons';import {DayPicker,getDefaultClassNames}from'react-day-picker';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {Loader2}from'lucide-react';import {jsxs,jsx}from'react/jsx-runtime';export{format,formatDistance,formatRelative,parseISO}from'date-fns';var b=Object.defineProperty;var n=(r,a)=>b(r,"name",{value:a,configurable:true});function t(...r){return twMerge(clsx(r))}n(t,"cn");var i=cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),c=l.forwardRef(({className:r,variant:a="default",size:e="default",asChild:o=false,isLoading:s=false,children:d,...f},g)=>jsxs(o?Slot:"button",{"data-slot":"button","data-variant":a,"data-size":e,className:t(i({variant:a,size:e,className:r})),ref:g,...f,children:[s?jsx(Loader2,{className:t("h-4 w-4 animate-spin",e!=="icon"&&e!=="icon-sm"&&e!=="icon-lg"&&"mr-2")}):null,s&&(e==="icon"||e==="icon-sm"||e==="icon-lg")?null:d]}));c.displayName="Button";function p({className:r,classNames:a,showOutsideDays:e=true,...o}){return jsx(DayPicker,{showOutsideDays:e,className:t("p-3",r),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:t(i({variant:"outline"}),"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-1 rounded-md w-8 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:t("relative p-0 text-center text-sm focus-within:relative focus-within:z-above-content [&:has([aria-selected])]:bg-level-1 [&:has([aria-selected].day-outside)]:bg-level-1/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",o.mode==="range"?"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:t(i({variant:"ghost"}),"h-8 w-8 p-0 font-normal aria-selected:opacity-100"),day_range_start:"day-range-start",day_range_end:"day-range-end",day_selected:"bg-primary text-primary-fg hover:bg-primary hover:text-primary-fg focus:bg-primary focus:text-primary-fg",day_today:"bg-accent text-primary-fg",day_outside:"day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-1 aria-selected:opacity-30",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-primary-fg",day_hidden:"invisible",...a},components:{Chevron:n(({orientation:s,...d})=>s==="left"?jsx(ChevronLeftIcon,{className:"h-4 w-4"}):jsx(ChevronRightIcon,{className:"h-4 w-4"}),"Chevron")},...o})}n(p,"Calendar");p.displayName="Calendar";function pe({className:r,day:a,modifiers:e,...o}){let s=getDefaultClassNames(),d=l__default.useRef(null);return l__default.useEffect(()=>{e.focused&&d.current?.focus();},[e.focused]),jsx(c,{ref:d,variant:"ghost",size:"icon","data-day":a.date.toLocaleDateString(),"data-selected-single":e.selected&&!e.range_start&&!e.range_end&&!e.range_middle,"data-range-start":e.range_start,"data-range-end":e.range_end,"data-range-middle":e.range_middle,className:t("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",s.day,r),...o})}n(pe,"CalendarDayButton");var B=p;export{B as Calendar,pe as CalendarDayButton};

package/dist/calendar.js

@@ -0,0 +1,2 @@
+"use client";
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var m=require('react'),reactIcons=require('@radix-ui/react-icons'),reactDayPicker=require('react-day-picker'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var m__namespace=/*#__PURE__*/_interopNamespace(m);var b=Object.defineProperty;var n=(r,a)=>b(r,"name",{value:a,configurable:true});function t(...r){return tailwindMerge.twMerge(clsx.clsx(r))}n(t,"cn");var s=classVarianceAuthority.cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),c=m__namespace.forwardRef(({className:r,variant:a="default",size:e="default",asChild:o=false,isLoading:d=false,children:i,...f},g)=>jsxRuntime.jsxs(o?reactSlot.Slot:"button",{"data-slot":"button","data-variant":a,"data-size":e,className:t(s({variant:a,size:e,className:r})),ref:g,...f,children:[d?jsxRuntime.jsx(lucideReact.Loader2,{className:t("h-4 w-4 animate-spin",e!=="icon"&&e!=="icon-sm"&&e!=="icon-lg"&&"mr-2")}):null,d&&(e==="icon"||e==="icon-sm"||e==="icon-lg")?null:i]}));c.displayName="Button";function p({className:r,classNames:a,showOutsideDays:e=true,...o}){return jsxRuntime.jsx(reactDayPicker.DayPicker,{showOutsideDays:e,className:t("p-3",r),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:t(s({variant:"outline"}),"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-1 rounded-md w-8 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:t("relative p-0 text-center text-sm focus-within:relative focus-within:z-above-content [&:has([aria-selected])]:bg-level-1 [&:has([aria-selected].day-outside)]:bg-level-1/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",o.mode==="range"?"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:t(s({variant:"ghost"}),"h-8 w-8 p-0 font-normal aria-selected:opacity-100"),day_range_start:"day-range-start",day_range_end:"day-range-end",day_selected:"bg-primary text-primary-fg hover:bg-primary hover:text-primary-fg focus:bg-primary focus:text-primary-fg",day_today:"bg-accent text-primary-fg",day_outside:"day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-1 aria-selected:opacity-30",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-primary-fg",day_hidden:"invisible",...a},components:{Chevron:n(({orientation:d,...i})=>d==="left"?jsxRuntime.jsx(reactIcons.ChevronLeftIcon,{className:"h-4 w-4"}):jsxRuntime.jsx(reactIcons.ChevronRightIcon,{className:"h-4 w-4"}),"Chevron")},...o})}n(p,"Calendar");p.displayName="Calendar";function me({className:r,day:a,modifiers:e,...o}){let d=reactDayPicker.getDefaultClassNames(),i=m__namespace.default.useRef(null);return m__namespace.default.useEffect(()=>{e.focused&&i.current?.focus();},[e.focused]),jsxRuntime.jsx(c,{ref:i,variant:"ghost",size:"icon","data-day":a.date.toLocaleDateString(),"data-selected-single":e.selected&&!e.range_start&&!e.range_end&&!e.range_middle,"data-range-start":e.range_start,"data-range-end":e.range_end,"data-range-middle":e.range_middle,className:t("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",d.day,r),...o})}n(me,"CalendarDayButton");var pe=p;exports.Calendar=p;exports.CalendarDayButton=me;exports.default=pe;

package/dist/calendar.mjs

@@ -0,0 +1,2 @@
+"use client";
+import*as m from'react';import m__default from'react';import {ChevronLeftIcon,ChevronRightIcon}from'@radix-ui/react-icons';import {DayPicker,getDefaultClassNames}from'react-day-picker';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {Loader2}from'lucide-react';import {jsxs,jsx}from'react/jsx-runtime';var b=Object.defineProperty;var n=(r,a)=>b(r,"name",{value:a,configurable:true});function t(...r){return twMerge(clsx(r))}n(t,"cn");var s=cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),c=m.forwardRef(({className:r,variant:a="default",size:e="default",asChild:o=false,isLoading:d=false,children:i,...f},g)=>jsxs(o?Slot:"button",{"data-slot":"button","data-variant":a,"data-size":e,className:t(s({variant:a,size:e,className:r})),ref:g,...f,children:[d?jsx(Loader2,{className:t("h-4 w-4 animate-spin",e!=="icon"&&e!=="icon-sm"&&e!=="icon-lg"&&"mr-2")}):null,d&&(e==="icon"||e==="icon-sm"||e==="icon-lg")?null:i]}));c.displayName="Button";function p({className:r,classNames:a,showOutsideDays:e=true,...o}){return jsx(DayPicker,{showOutsideDays:e,className:t("p-3",r),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:t(s({variant:"outline"}),"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-1 rounded-md w-8 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:t("relative p-0 text-center text-sm focus-within:relative focus-within:z-above-content [&:has([aria-selected])]:bg-level-1 [&:has([aria-selected].day-outside)]:bg-level-1/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",o.mode==="range"?"[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md":"[&:has([aria-selected])]:rounded-md"),day:t(s({variant:"ghost"}),"h-8 w-8 p-0 font-normal aria-selected:opacity-100"),day_range_start:"day-range-start",day_range_end:"day-range-end",day_selected:"bg-primary text-primary-fg hover:bg-primary hover:text-primary-fg focus:bg-primary focus:text-primary-fg",day_today:"bg-accent text-primary-fg",day_outside:"day-outside text-muted-foreground opacity-50  aria-selected:bg-accent/50 aria-selected:text-muted-1 aria-selected:opacity-30",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-primary-fg",day_hidden:"invisible",...a},components:{Chevron:n(({orientation:d,...i})=>d==="left"?jsx(ChevronLeftIcon,{className:"h-4 w-4"}):jsx(ChevronRightIcon,{className:"h-4 w-4"}),"Chevron")},...o})}n(p,"Calendar");p.displayName="Calendar";function me({className:r,day:a,modifiers:e,...o}){let d=getDefaultClassNames(),i=m__default.useRef(null);return m__default.useEffect(()=>{e.focused&&i.current?.focus();},[e.focused]),jsx(c,{ref:i,variant:"ghost",size:"icon","data-day":a.date.toLocaleDateString(),"data-selected-single":e.selected&&!e.range_start&&!e.range_end&&!e.range_middle,"data-range-start":e.range_start,"data-range-end":e.range_end,"data-range-middle":e.range_middle,className:t("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",d.day,r),...o})}n(me,"CalendarDayButton");var pe=p;export{p as Calendar,me as CalendarDayButton,pe as default};

package/dist/carousel.js

@@ -0,0 +1,2 @@
+"use client";
+'use strict';var e=require('react'),_=require('embla-carousel-react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__namespace=/*#__PURE__*/_interopNamespace(e);var ___default=/*#__PURE__*/_interopDefault(_);var M=Object.defineProperty;var d=(t,o)=>M(t,"name",{value:o,configurable:true});function i(...t){return tailwindMerge.twMerge(clsx.clsx(t))}d(i,"cn");var z=classVarianceAuthority.cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),C=e__namespace.forwardRef(({className:t,variant:o="default",size:r="default",asChild:a=false,isLoading:s=false,children:p,...c},m)=>jsxRuntime.jsxs(a?reactSlot.Slot:"button",{"data-slot":"button","data-variant":o,"data-size":r,className:i(z({variant:o,size:r,className:t})),ref:m,...c,children:[s?jsxRuntime.jsx(lucideReact.Loader2,{className:i("h-4 w-4 animate-spin",r!=="icon"&&r!=="icon-sm"&&r!=="icon-lg"&&"mr-2")}):null,s&&(r==="icon"||r==="icon-sm"||r==="icon-lg")?null:p]}));C.displayName="Button";var g=C;var w=e__namespace.createContext(null),b=d(()=>{let t=e__namespace.useContext(w);if(!t)throw new Error("useCarousel must be used within a <Carousel />");return t},"useCarousel"),$=e__namespace.forwardRef(({orientation:t="horizontal",options:o,setApi:r,plugins:a,className:s,children:p,onCarouselSelect:c,...m},y)=>{let[N,n]=___default.default({...o,axis:t==="horizontal"?"x":"y"},a),[P,T]=e__namespace.useState(false),[E,k]=e__namespace.useState(false),f=e__namespace.useCallback(l=>{l&&(T(l.canScrollPrev()),k(l.canScrollNext()),c&&c(l));},[]),v=e__namespace.useCallback(()=>{n?.scrollPrev();},[n]),x=e__namespace.useCallback(()=>{n?.scrollNext();},[n]),L=e__namespace.useCallback(l=>{l.key==="ArrowLeft"?(l.preventDefault(),v()):l.key==="ArrowRight"&&(l.preventDefault(),x());},[v,x]);return e__namespace.useEffect(()=>{!n||!r||r(n);},[n,r]),e__namespace.useEffect(()=>{if(n)return f(n),n.on("reInit",f),n.on("select",f),()=>{n?.off("select",f);}},[n,f]),jsxRuntime.jsx(w.Provider,{value:{carouselRef:N,api:n,options:o,orientation:t||(o?.axis==="y"?"vertical":"horizontal"),scrollPrev:v,scrollNext:x,canScrollPrev:P,canScrollNext:E},children:jsxRuntime.jsx("div",{ref:y,onKeyDownCapture:L,className:i("relative",s),role:"region","aria-roledescription":"carousel","data-vaul-no-drag":true,...m,children:p})})});$.displayName="Carousel";var K=e__namespace.forwardRef(({className:t,...o},r)=>{let{carouselRef:a,orientation:s}=b();return jsxRuntime.jsx("div",{ref:a,className:"overflow-hidden","data-vaul-no-drag":true,children:jsxRuntime.jsx("div",{ref:r,className:i("flex",s==="horizontal"?"-ml-4":"-mt-4 flex-col",t),...o})})});K.displayName="CarouselContent";var O=e__namespace.forwardRef(({className:t,...o},r)=>{let{orientation:a}=b();return jsxRuntime.jsx("div",{ref:r,role:"group","aria-roledescription":"slide","data-vaul-no-drag":true,className:i("min-w-0 shrink-0 grow-0 basis-full",a==="horizontal"?"pl-4":"pt-4",t),...o})});O.displayName="CarouselItem";var F=e__namespace.forwardRef(({className:t,variant:o="ghost",size:r="icon",...a},s)=>{let{orientation:p,scrollPrev:c,canScrollPrev:m}=b();return jsxRuntime.jsxs(g,{ref:s,variant:o,size:r,className:i("absolute  h-8 w-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!m,onClick:c,...a,children:[jsxRuntime.jsx(lucideReact.ArrowLeft,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Previous slide"})]})});F.displayName="CarouselPrevious";var G=e__namespace.forwardRef(({className:t,variant:o="ghost",size:r="icon",...a},s)=>{let{orientation:p,scrollNext:c,canScrollNext:m}=b();return jsxRuntime.jsxs(g,{ref:s,variant:o,size:r,className:i("absolute h-8 w-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!m,onClick:c,...a,children:[jsxRuntime.jsx(lucideReact.ArrowRight,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Next slide"})]})});G.displayName="CarouselNext";exports.Carousel=$;exports.CarouselContent=K;exports.CarouselItem=O;exports.CarouselNext=G;exports.CarouselPrevious=F;

package/dist/carousel.mjs

@@ -0,0 +1,2 @@
+"use client";
+import*as e from'react';import _ from'embla-carousel-react';import {Loader2,ArrowLeft,ArrowRight}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {jsxs,jsx}from'react/jsx-runtime';var M=Object.defineProperty;var d=(t,o)=>M(t,"name",{value:o,configurable:true});function i(...t){return twMerge(clsx(t))}d(i,"cn");var z=cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),C=e.forwardRef(({className:t,variant:o="default",size:r="default",asChild:a=false,isLoading:s=false,children:p,...c},m)=>jsxs(a?Slot:"button",{"data-slot":"button","data-variant":o,"data-size":r,className:i(z({variant:o,size:r,className:t})),ref:m,...c,children:[s?jsx(Loader2,{className:i("h-4 w-4 animate-spin",r!=="icon"&&r!=="icon-sm"&&r!=="icon-lg"&&"mr-2")}):null,s&&(r==="icon"||r==="icon-sm"||r==="icon-lg")?null:p]}));C.displayName="Button";var g=C;var w=e.createContext(null),b=d(()=>{let t=e.useContext(w);if(!t)throw new Error("useCarousel must be used within a <Carousel />");return t},"useCarousel"),$=e.forwardRef(({orientation:t="horizontal",options:o,setApi:r,plugins:a,className:s,children:p,onCarouselSelect:c,...m},y)=>{let[N,n]=_({...o,axis:t==="horizontal"?"x":"y"},a),[P,T]=e.useState(false),[E,k]=e.useState(false),f=e.useCallback(l=>{l&&(T(l.canScrollPrev()),k(l.canScrollNext()),c&&c(l));},[]),v=e.useCallback(()=>{n?.scrollPrev();},[n]),x=e.useCallback(()=>{n?.scrollNext();},[n]),L=e.useCallback(l=>{l.key==="ArrowLeft"?(l.preventDefault(),v()):l.key==="ArrowRight"&&(l.preventDefault(),x());},[v,x]);return e.useEffect(()=>{!n||!r||r(n);},[n,r]),e.useEffect(()=>{if(n)return f(n),n.on("reInit",f),n.on("select",f),()=>{n?.off("select",f);}},[n,f]),jsx(w.Provider,{value:{carouselRef:N,api:n,options:o,orientation:t||(o?.axis==="y"?"vertical":"horizontal"),scrollPrev:v,scrollNext:x,canScrollPrev:P,canScrollNext:E},children:jsx("div",{ref:y,onKeyDownCapture:L,className:i("relative",s),role:"region","aria-roledescription":"carousel","data-vaul-no-drag":true,...m,children:p})})});$.displayName="Carousel";var K=e.forwardRef(({className:t,...o},r)=>{let{carouselRef:a,orientation:s}=b();return jsx("div",{ref:a,className:"overflow-hidden","data-vaul-no-drag":true,children:jsx("div",{ref:r,className:i("flex",s==="horizontal"?"-ml-4":"-mt-4 flex-col",t),...o})})});K.displayName="CarouselContent";var O=e.forwardRef(({className:t,...o},r)=>{let{orientation:a}=b();return jsx("div",{ref:r,role:"group","aria-roledescription":"slide","data-vaul-no-drag":true,className:i("min-w-0 shrink-0 grow-0 basis-full",a==="horizontal"?"pl-4":"pt-4",t),...o})});O.displayName="CarouselItem";var F=e.forwardRef(({className:t,variant:o="ghost",size:r="icon",...a},s)=>{let{orientation:p,scrollPrev:c,canScrollPrev:m}=b();return jsxs(g,{ref:s,variant:o,size:r,className:i("absolute  h-8 w-8 rounded-full",p==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!m,onClick:c,...a,children:[jsx(ArrowLeft,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Previous slide"})]})});F.displayName="CarouselPrevious";var G=e.forwardRef(({className:t,variant:o="ghost",size:r="icon",...a},s)=>{let{orientation:p,scrollNext:c,canScrollNext:m}=b();return jsxs(g,{ref:s,variant:o,size:r,className:i("absolute h-8 w-8 rounded-full",p==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!m,onClick:c,...a,children:[jsx(ArrowRight,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Next slide"})]})});G.displayName="CarouselNext";export{$ as Carousel,K as CarouselContent,O as CarouselItem,G as CarouselNext,F as CarouselPrevious};

package/dist/charts/index.js

@@ -0,0 +1,8 @@
+"use client";
+'use strict';var Pt=require('react'),Xt=require('recharts'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),lucideReact=require('lucide-react'),reactIcons=require('@radix-ui/react-icons'),u=require('@radix-ui/react-select');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var Pt__namespace=/*#__PURE__*/_interopNamespace(Pt);var Xt__namespace=/*#__PURE__*/_interopNamespace(Xt);var u__namespace=/*#__PURE__*/_interopNamespace(u);var go=Object.defineProperty;var e=(t,c)=>go(t,"name",{value:c,configurable:true});function b(...t){return tailwindMerge.twMerge(clsx.clsx(t))}e(b,"cn");var ko={light:"",dark:".dark"},va=Pt__namespace.createContext(null);function ka(){let t=Pt__namespace.useContext(va);if(!t)throw new Error("useChart must be used within a <ChartContainer />");return t}e(ka,"useChart");function a({id:t,className:c,children:h,config:p,...f}){let C=Pt__namespace.useId(),g=`chart-${t||C.replace(/:/g,"")}`;return jsxRuntime.jsx(va.Provider,{value:{config:p},children:jsxRuntime.jsxs("div",{"data-slot":"chart","data-chart":g,className:b("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",c),...f,children:[jsxRuntime.jsx(aa,{id:g,config:p}),jsxRuntime.jsx(Xt__namespace.ResponsiveContainer,{children:h})]})})}e(a,"ChartContainer");var aa=e(({id:t,config:c})=>{let h=Object.entries(c).filter(([,p])=>p.theme||p.color);return h.length?jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:Object.entries(ko).map(([p,f])=>`
+${f} [data-chart=${t}] {
+${h.map(([C,g])=>{let I=g.theme?.[p]||g.color;return I?`  --color-${C}: ${I};`:null}).join(`
+`)}
+}
+`).join(`
+`)}}):null},"ChartStyle"),l=Xt__namespace.Tooltip;function d({active:t,payload:c,className:h,indicator:p="dot",hideLabel:f=false,hideIndicator:C=false,label:g,labelFormatter:I,labelClassName:It,formatter:ua,color:Co,nameKey:uo,labelKey:Ze}){let{config:Ee}=ka(),ga=Pt__namespace.useMemo(()=>{if(f||!c?.length)return null;let[k]=c,je=`${Ze||k?.dataKey||k?.name||"value"}`,ta=ea(Ee,k,je),Ut=!Ze&&typeof g=="string"?Ee[g]?.label||g:ta?.label;return I?jsxRuntime.jsx("div",{className:b("font-medium",It),children:I(Ut,c)}):Ut?jsxRuntime.jsx("div",{className:b("font-medium",It),children:Ut}):null},[g,I,c,f,It,Ee,Ze]);if(!t||!c?.length)return null;let We=c.length===1&&p!=="dot";return jsxRuntime.jsxs("div",{className:b("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",h),children:[We?null:ga,jsxRuntime.jsx("div",{className:"grid gap-1.5",children:c.map((k,je)=>{let ta=`${uo||k.name||k.dataKey||"value"}`,Ut=ea(Ee,k,ta),ba=Co||k.payload.fill||k.color;return jsxRuntime.jsx("div",{className:b("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",p==="dot"&&"items-center"),children:ua&&k?.value!==void 0&&k.name?ua(k.value,k.name,k,je,k.payload):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[Ut?.icon?jsxRuntime.jsx(Ut.icon,{}):!C&&jsxRuntime.jsx("div",{className:b("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",{"h-2.5 w-2.5":p==="dot","w-1":p==="line","w-0 border-[1.5px] border-dashed bg-transparent":p==="dashed","my-0.5":We&&p==="dashed"}),style:{"--color-bg":ba,"--color-border":ba}}),jsxRuntime.jsxs("div",{className:b("flex flex-1 justify-between leading-none",We?"items-end":"items-center"),children:[jsxRuntime.jsxs("div",{className:"grid gap-1.5",children:[We?ga:null,jsxRuntime.jsx("span",{className:"text-muted-foreground",children:Ut?.label||k.name})]}),k.value&&jsxRuntime.jsx("span",{className:"text-foreground font-mono font-medium tabular-nums",children:k.value.toLocaleString()})]})]})},k.dataKey)})})]})}e(d,"ChartTooltipContent");var U=Xt__namespace.Legend;function G({className:t,hideIcon:c=false,payload:h,verticalAlign:p="bottom",nameKey:f}){let{config:C}=ka();return h?.length?jsxRuntime.jsx("div",{className:b("flex items-center justify-center gap-4",p==="top"?"pb-3":"pt-3",t),children:h.map(g=>{let I=`${f||g.dataKey||"value"}`,It=ea(C,g,I);return jsxRuntime.jsxs("div",{className:b("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),children:[It?.icon&&!c?jsxRuntime.jsx(It.icon,{}):jsxRuntime.jsx("div",{className:"h-2 w-2 shrink-0 rounded-[2px]",style:{backgroundColor:g.color}}),It?.label]},g.value)})}):null}e(G,"ChartLegendContent");function ea(t,c,h){if(typeof c!="object"||c===null)return;let p="payload"in c&&typeof c.payload=="object"&&c.payload!==null?c.payload:void 0,f=h;return h in c&&typeof c[h]=="string"?f=c[h]:p&&h in p&&typeof p[h]=="string"&&(f=p[h]),f in t?t[f]:t[h]}e(ea,"getPayloadConfigFromPayload");function r({className:t,...c}){return jsxRuntime.jsx("div",{"data-slot":"card",className:b("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...c})}e(r,"Card");function o({className:t,...c}){return jsxRuntime.jsx("div",{"data-slot":"card-header",className:b("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...c})}e(o,"CardHeader");function i({className:t,...c}){return jsxRuntime.jsx("div",{"data-slot":"card-title",className:b("leading-none font-semibold",t),...c})}e(i,"CardTitle");function n({className:t,...c}){return jsxRuntime.jsx("div",{"data-slot":"card-description",className:b("text-muted-foreground text-sm",t),...c})}e(n,"CardDescription");function s({className:t,...c}){return jsxRuntime.jsx("div",{"data-slot":"card-content",className:b("px-6",t),...c})}e(s,"CardContent");function m({className:t,...c}){return jsxRuntime.jsx("div",{"data-slot":"card-footer",className:b("flex items-center px-6 [.border-t]:pt-6",t),...c})}e(m,"CardFooter");var Do=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:73},{month:"May",desktop:209},{month:"June",desktop:214}],Ao={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function xa(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Area Chart"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:Ao,children:jsxRuntime.jsxs(Xt.AreaChart,{accessibilityLayer:true,data:Do,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{indicator:"line"})}),jsxRuntime.jsx(Xt.Area,{dataKey:"desktop",type:"natural",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)"})]})})}),jsxRuntime.jsx(m,{children:jsxRuntime.jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxRuntime.jsxs("div",{className:"grid gap-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})})})]})}e(xa,"Component");var Ko=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],Po={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function Na(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Area Chart - Gradient"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:Po,children:jsxRuntime.jsxs(Xt.AreaChart,{accessibilityLayer:true,data:Ko,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{})}),jsxRuntime.jsxs("defs",{children:[jsxRuntime.jsxs("linearGradient",{id:"fillDesktop",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{offset:"5%",stopColor:"var(--color-desktop)",stopOpacity:.8}),jsxRuntime.jsx("stop",{offset:"95%",stopColor:"var(--color-desktop)",stopOpacity:.1})]}),jsxRuntime.jsxs("linearGradient",{id:"fillMobile",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{offset:"5%",stopColor:"var(--color-mobile)",stopOpacity:.8}),jsxRuntime.jsx("stop",{offset:"95%",stopColor:"var(--color-mobile)",stopOpacity:.1})]})]}),jsxRuntime.jsx(Xt.Area,{dataKey:"mobile",type:"natural",fill:"url(#fillMobile)",fillOpacity:.4,stroke:"var(--color-mobile)",stackId:"a"}),jsxRuntime.jsx(Xt.Area,{dataKey:"desktop",type:"natural",fill:"url(#fillDesktop)",fillOpacity:.4,stroke:"var(--color-desktop)",stackId:"a"})]})})}),jsxRuntime.jsx(m,{children:jsxRuntime.jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxRuntime.jsxs("div",{className:"grid gap-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})})})]})}e(Na,"Component");var Go=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],Bo={desktop:{label:"Desktop",color:"hsl(var(--chart-1))",icon:lucideReact.TrendingDown},mobile:{label:"Mobile",color:"hsl(var(--chart-2))",icon:lucideReact.TrendingUp}};function La(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Area Chart - Icons"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:Bo,children:jsxRuntime.jsxs(Xt.AreaChart,{accessibilityLayer:true,data:Go,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{indicator:"line"})}),jsxRuntime.jsx(Xt.Area,{dataKey:"mobile",type:"natural",fill:"var(--color-mobile)",fillOpacity:.4,stroke:"var(--color-mobile)",stackId:"a"}),jsxRuntime.jsx(Xt.Area,{dataKey:"desktop",type:"natural",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)",stackId:"a"}),jsxRuntime.jsx(U,{content:jsxRuntime.jsx(G,{})})]})})}),jsxRuntime.jsx(m,{children:jsxRuntime.jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxRuntime.jsxs("div",{className:"grid gap-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})})})]})}e(La,"Component");var ze=u__namespace.Root;var $e=u__namespace.Value,jt=e(({className:t,children:c,...h})=>jsxRuntime.jsxs(u__namespace.Trigger,{className:b("h-input border-divider bg-bg-secondary relative flex w-full items-center justify-between rounded-md border px-4 py-2 text-sm shadow-xs","focus:ring-border-input-focus placeholder:text-text-secondary focus:ring-1 focus:outline-hidden focus:ring-inset disabled:cursor-not-allowed disabled:opacity-50","peer/select [&[data-placeholder]>svg]:mt-0","pt-6 data-[placeholder]:pt-2","aria-expanded:ring-border-input-focus aria-expanded:ring-1 aria-expanded:ring-inset",t),...h,children:[c,jsxRuntime.jsx(u__namespace.Icon,{asChild:true,children:jsxRuntime.jsx(lucideReact.ChevronDown,{className:"absolute top-[23px] right-3 h-4 w-4 opacity-50"})})]}),"SelectTrigger");jt.displayName=u__namespace.Trigger.displayName;var te=e(({className:t,children:c,position:h="popper",...p})=>jsxRuntime.jsx(u__namespace.Portal,{children:jsxRuntime.jsx(u__namespace.Content,{className:b("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-divider bg-bg-dark relative z-50 min-w-[8rem] overflow-hidden rounded-md border text-gray-50/70 shadow-md",h==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:h,...p,children:jsxRuntime.jsx(u__namespace.Viewport,{className:b("p-1",h==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:c})})}),"SelectContent");te.displayName=u__namespace.Content.displayName;var Xo=e(({className:t,...c})=>jsxRuntime.jsx(u__namespace.Label,{className:b("px-2 py-1.5 text-sm font-semibold",t),...c}),"SelectLabel");Xo.displayName=u__namespace.Label.displayName;var Gt=e(({className:t,children:c,...h})=>jsxRuntime.jsxs(u__namespace.Item,{className:b("focus:bg-bg-secondary focus:text-text-default relative flex w-full cursor-default items-center rounded-xs py-2 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),...h,children:[jsxRuntime.jsx("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:jsxRuntime.jsx(u__namespace.ItemIndicator,{children:jsxRuntime.jsx(reactIcons.CheckIcon,{className:"h-4 w-4"})})}),jsxRuntime.jsx(u__namespace.ItemText,{children:c})]}),"SelectItem");Gt.displayName=u__namespace.Item.displayName;var _o=e(({className:t,...c})=>jsxRuntime.jsx(u__namespace.Separator,{className:b("bg-muted -mx-1 my-1 h-px",t),...c}),"SelectSeparator");_o.displayName=u__namespace.Separator.displayName;var zo=[{date:"2024-04-01",desktop:222,mobile:150},{date:"2024-04-02",desktop:97,mobile:180},{date:"2024-04-03",desktop:167,mobile:120},{date:"2024-04-04",desktop:242,mobile:260},{date:"2024-04-05",desktop:373,mobile:290},{date:"2024-04-06",desktop:301,mobile:340},{date:"2024-04-07",desktop:245,mobile:180},{date:"2024-04-08",desktop:409,mobile:320},{date:"2024-04-09",desktop:59,mobile:110},{date:"2024-04-10",desktop:261,mobile:190},{date:"2024-04-11",desktop:327,mobile:350},{date:"2024-04-12",desktop:292,mobile:210},{date:"2024-04-13",desktop:342,mobile:380},{date:"2024-04-14",desktop:137,mobile:220},{date:"2024-04-15",desktop:120,mobile:170},{date:"2024-04-16",desktop:138,mobile:190},{date:"2024-04-17",desktop:446,mobile:360},{date:"2024-04-18",desktop:364,mobile:410},{date:"2024-04-19",desktop:243,mobile:180},{date:"2024-04-20",desktop:89,mobile:150},{date:"2024-04-21",desktop:137,mobile:200},{date:"2024-04-22",desktop:224,mobile:170},{date:"2024-04-23",desktop:138,mobile:230},{date:"2024-04-24",desktop:387,mobile:290},{date:"2024-04-25",desktop:215,mobile:250},{date:"2024-04-26",desktop:75,mobile:130},{date:"2024-04-27",desktop:383,mobile:420},{date:"2024-04-28",desktop:122,mobile:180},{date:"2024-04-29",desktop:315,mobile:240},{date:"2024-04-30",desktop:454,mobile:380},{date:"2024-05-01",desktop:165,mobile:220},{date:"2024-05-02",desktop:293,mobile:310},{date:"2024-05-03",desktop:247,mobile:190},{date:"2024-05-04",desktop:385,mobile:420},{date:"2024-05-05",desktop:481,mobile:390},{date:"2024-05-06",desktop:498,mobile:520},{date:"2024-05-07",desktop:388,mobile:300},{date:"2024-05-08",desktop:149,mobile:210},{date:"2024-05-09",desktop:227,mobile:180},{date:"2024-05-10",desktop:293,mobile:330},{date:"2024-05-11",desktop:335,mobile:270},{date:"2024-05-12",desktop:197,mobile:240},{date:"2024-05-13",desktop:197,mobile:160},{date:"2024-05-14",desktop:448,mobile:490},{date:"2024-05-15",desktop:473,mobile:380},{date:"2024-05-16",desktop:338,mobile:400},{date:"2024-05-17",desktop:499,mobile:420},{date:"2024-05-18",desktop:315,mobile:350},{date:"2024-05-19",desktop:235,mobile:180},{date:"2024-05-20",desktop:177,mobile:230},{date:"2024-05-21",desktop:82,mobile:140},{date:"2024-05-22",desktop:81,mobile:120},{date:"2024-05-23",desktop:252,mobile:290},{date:"2024-05-24",desktop:294,mobile:220},{date:"2024-05-25",desktop:201,mobile:250},{date:"2024-05-26",desktop:213,mobile:170},{date:"2024-05-27",desktop:420,mobile:460},{date:"2024-05-28",desktop:233,mobile:190},{date:"2024-05-29",desktop:78,mobile:130},{date:"2024-05-30",desktop:340,mobile:280},{date:"2024-05-31",desktop:178,mobile:230},{date:"2024-06-01",desktop:178,mobile:200},{date:"2024-06-02",desktop:470,mobile:410},{date:"2024-06-03",desktop:103,mobile:160},{date:"2024-06-04",desktop:439,mobile:380},{date:"2024-06-05",desktop:88,mobile:140},{date:"2024-06-06",desktop:294,mobile:250},{date:"2024-06-07",desktop:323,mobile:370},{date:"2024-06-08",desktop:385,mobile:320},{date:"2024-06-09",desktop:438,mobile:480},{date:"2024-06-10",desktop:155,mobile:200},{date:"2024-06-11",desktop:92,mobile:150},{date:"2024-06-12",desktop:492,mobile:420},{date:"2024-06-13",desktop:81,mobile:130},{date:"2024-06-14",desktop:426,mobile:380},{date:"2024-06-15",desktop:307,mobile:350},{date:"2024-06-16",desktop:371,mobile:310},{date:"2024-06-17",desktop:475,mobile:520},{date:"2024-06-18",desktop:107,mobile:170},{date:"2024-06-19",desktop:341,mobile:290},{date:"2024-06-20",desktop:408,mobile:450},{date:"2024-06-21",desktop:169,mobile:210},{date:"2024-06-22",desktop:317,mobile:270},{date:"2024-06-23",desktop:480,mobile:530},{date:"2024-06-24",desktop:132,mobile:180},{date:"2024-06-25",desktop:141,mobile:190},{date:"2024-06-26",desktop:434,mobile:380},{date:"2024-06-27",desktop:448,mobile:490},{date:"2024-06-28",desktop:149,mobile:200},{date:"2024-06-29",desktop:103,mobile:160},{date:"2024-06-30",desktop:446,mobile:400}],$o={visitors:{label:"Visitors"},desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function Fa(){let[t,c]=Pt__namespace.useState("90d"),h=zo.filter(p=>{let f=new Date(p.date),C=new Date("2024-06-30"),g=90;t==="30d"?g=30:t==="7d"&&(g=7);let I=new Date(C);return I.setDate(I.getDate()-g),f>=I});return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{className:"flex items-center gap-2 space-y-0 border-b py-5 sm:flex-row",children:[jsxRuntime.jsxs("div",{className:"grid flex-1 gap-1 text-center sm:text-left",children:[jsxRuntime.jsx(i,{children:"Area Chart - Interactive"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 3 months"})]}),jsxRuntime.jsxs(ze,{value:t,onValueChange:c,children:[jsxRuntime.jsx(jt,{className:"w-[160px] rounded-lg sm:ml-auto","aria-label":"Select a value",children:jsxRuntime.jsx($e,{placeholder:"Last 3 months"})}),jsxRuntime.jsxs(te,{className:"rounded-xl",children:[jsxRuntime.jsx(Gt,{value:"90d",className:"rounded-lg",children:"Last 3 months"}),jsxRuntime.jsx(Gt,{value:"30d",className:"rounded-lg",children:"Last 30 days"}),jsxRuntime.jsx(Gt,{value:"7d",className:"rounded-lg",children:"Last 7 days"})]})]})]}),jsxRuntime.jsx(s,{className:"px-2 pt-4 sm:px-6 sm:pt-6",children:jsxRuntime.jsx(a,{config:$o,className:"aspect-auto h-[250px] w-full",children:jsxRuntime.jsxs(Xt.AreaChart,{data:h,children:[jsxRuntime.jsxs("defs",{children:[jsxRuntime.jsxs("linearGradient",{id:"fillDesktop",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{offset:"5%",stopColor:"var(--color-desktop)",stopOpacity:.8}),jsxRuntime.jsx("stop",{offset:"95%",stopColor:"var(--color-desktop)",stopOpacity:.1})]}),jsxRuntime.jsxs("linearGradient",{id:"fillMobile",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsxRuntime.jsx("stop",{offset:"5%",stopColor:"var(--color-mobile)",stopOpacity:.8}),jsxRuntime.jsx("stop",{offset:"95%",stopColor:"var(--color-mobile)",stopOpacity:.1})]})]}),jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"date",tickLine:false,axisLine:false,tickMargin:8,minTickGap:32,tickFormatter:p=>new Date(p).toLocaleDateString("en-US",{month:"short",day:"numeric"})}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{labelFormatter:p=>new Date(p).toLocaleDateString("en-US",{month:"short",day:"numeric"}),indicator:"dot"})}),jsxRuntime.jsx(Xt.Area,{dataKey:"mobile",type:"natural",fill:"url(#fillMobile)",stroke:"var(--color-mobile)",stackId:"a"}),jsxRuntime.jsx(Xt.Area,{dataKey:"desktop",type:"natural",fill:"url(#fillDesktop)",stroke:"var(--color-desktop)",stackId:"a"}),jsxRuntime.jsx(U,{content:jsxRuntime.jsx(G,{})})]})})})]})}e(Fa,"Component");var ti=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],ei={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function Ja(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Area Chart - Legend"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:ei,children:jsxRuntime.jsxs(Xt.AreaChart,{accessibilityLayer:true,data:ti,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{indicator:"line"})}),jsxRuntime.jsx(Xt.Area,{dataKey:"mobile",type:"natural",fill:"var(--color-mobile)",fillOpacity:.4,stroke:"var(--color-mobile)",stackId:"a"}),jsxRuntime.jsx(Xt.Area,{dataKey:"desktop",type:"natural",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)",stackId:"a"}),jsxRuntime.jsx(U,{content:jsxRuntime.jsx(G,{})})]})})}),jsxRuntime.jsx(m,{children:jsxRuntime.jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxRuntime.jsxs("div",{className:"grid gap-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})})})]})}e(Ja,"Component");var si=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:73},{month:"May",desktop:209},{month:"June",desktop:214}],li={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function Ka(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Area Chart - Linear"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:li,children:jsxRuntime.jsxs(Xt.AreaChart,{accessibilityLayer:true,data:si,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{indicator:"dot",hideLabel:true})}),jsxRuntime.jsx(Xt.Area,{dataKey:"desktop",type:"linear",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)"})]})})}),jsxRuntime.jsx(m,{children:jsxRuntime.jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxRuntime.jsxs("div",{className:"grid gap-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})})})]})}e(Ka,"Component");var hi=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],fi={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function Ma(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Area Chart - Stacked"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:fi,children:jsxRuntime.jsxs(Xt.AreaChart,{accessibilityLayer:true,data:hi,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{indicator:"dot"})}),jsxRuntime.jsx(Xt.Area,{dataKey:"mobile",type:"natural",fill:"var(--color-mobile)",fillOpacity:.4,stroke:"var(--color-mobile)",stackId:"a"}),jsxRuntime.jsx(Xt.Area,{dataKey:"desktop",type:"natural",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)",stackId:"a"})]})})}),jsxRuntime.jsx(m,{children:jsxRuntime.jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxRuntime.jsxs("div",{className:"grid gap-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})})})]})}e(Ma,"Component");var vi=[{month:"January",desktop:186,mobile:80,other:45},{month:"February",desktop:305,mobile:200,other:100},{month:"March",desktop:237,mobile:120,other:150},{month:"April",desktop:73,mobile:190,other:50},{month:"May",desktop:209,mobile:130,other:100},{month:"June",desktop:214,mobile:140,other:160}],ki={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"},other:{label:"Other",color:"hsl(var(--chart-3))"}};function Ha(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Area Chart - Stacked Expanded"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6months"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:ki,children:jsxRuntime.jsxs(Xt.AreaChart,{accessibilityLayer:true,data:vi,margin:{left:12,right:12,top:12},stackOffset:"expand",children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{indicator:"line"})}),jsxRuntime.jsx(Xt.Area,{dataKey:"other",type:"natural",fill:"var(--color-other)",fillOpacity:.1,stroke:"var(--color-other)",stackId:"a"}),jsxRuntime.jsx(Xt.Area,{dataKey:"mobile",type:"natural",fill:"var(--color-mobile)",fillOpacity:.4,stroke:"var(--color-mobile)",stackId:"a"}),jsxRuntime.jsx(Xt.Area,{dataKey:"desktop",type:"natural",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)",stackId:"a"})]})})}),jsxRuntime.jsx(m,{children:jsxRuntime.jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxRuntime.jsxs("div",{className:"grid gap-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})})})]})}e(Ha,"Component");var Di=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:73},{month:"May",desktop:209},{month:"June",desktop:214}],Ai={desktop:{label:"Desktop",color:"hsl(var(--chart-1))",icon:lucideReact.Activity}};function Ia(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Area Chart - Step"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:Ai,children:jsxRuntime.jsxs(Xt.AreaChart,{accessibilityLayer:true,data:Di,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Area,{dataKey:"desktop",type:"step",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)"})]})})}),jsxRuntime.jsx(m,{children:jsxRuntime.jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxRuntime.jsxs("div",{className:"grid gap-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})})})]})}e(Ia,"Component");var Pi=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],Mi={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function Ga(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Area Chart - Axes"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:Mi,children:jsxRuntime.jsxs(Xt.AreaChart,{accessibilityLayer:true,data:Pi,margin:{left:-20,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(Xt.YAxis,{tickLine:false,axisLine:false,tickMargin:8,tickCount:3}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{})}),jsxRuntime.jsx(Xt.Area,{dataKey:"mobile",type:"natural",fill:"var(--color-mobile)",fillOpacity:.4,stroke:"var(--color-mobile)",stackId:"a"}),jsxRuntime.jsx(Xt.Area,{dataKey:"desktop",type:"natural",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)",stackId:"a"})]})})}),jsxRuntime.jsx(m,{children:jsxRuntime.jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxRuntime.jsxs("div",{className:"grid gap-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})})})]})}e(Ga,"Component");var Oi=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:73},{month:"May",desktop:209},{month:"June",desktop:214}],Vi={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function Ba(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Bar Chart"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:Vi,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:Oi,children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"desktop",fill:"var(--color-desktop)",radius:8})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Ba,"Component");var zi=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:73},{month:"May",desktop:209},{month:"June",desktop:214}],$i={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function Oa(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Bar Chart - Horizontal"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:$i,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:zi,layout:"vertical",margin:{left:-20},children:[jsxRuntime.jsx(Xt.XAxis,{type:"number",dataKey:"desktop",hide:true}),jsxRuntime.jsx(Xt.YAxis,{dataKey:"month",type:"category",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"desktop",fill:"var(--color-desktop)",radius:5})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Oa,"Component");var oa=[{date:"2024-04-01",desktop:222,mobile:150},{date:"2024-04-02",desktop:97,mobile:180},{date:"2024-04-03",desktop:167,mobile:120},{date:"2024-04-04",desktop:242,mobile:260},{date:"2024-04-05",desktop:373,mobile:290},{date:"2024-04-06",desktop:301,mobile:340},{date:"2024-04-07",desktop:245,mobile:180},{date:"2024-04-08",desktop:409,mobile:320},{date:"2024-04-09",desktop:59,mobile:110},{date:"2024-04-10",desktop:261,mobile:190},{date:"2024-04-11",desktop:327,mobile:350},{date:"2024-04-12",desktop:292,mobile:210},{date:"2024-04-13",desktop:342,mobile:380},{date:"2024-04-14",desktop:137,mobile:220},{date:"2024-04-15",desktop:120,mobile:170},{date:"2024-04-16",desktop:138,mobile:190},{date:"2024-04-17",desktop:446,mobile:360},{date:"2024-04-18",desktop:364,mobile:410},{date:"2024-04-19",desktop:243,mobile:180},{date:"2024-04-20",desktop:89,mobile:150},{date:"2024-04-21",desktop:137,mobile:200},{date:"2024-04-22",desktop:224,mobile:170},{date:"2024-04-23",desktop:138,mobile:230},{date:"2024-04-24",desktop:387,mobile:290},{date:"2024-04-25",desktop:215,mobile:250},{date:"2024-04-26",desktop:75,mobile:130},{date:"2024-04-27",desktop:383,mobile:420},{date:"2024-04-28",desktop:122,mobile:180},{date:"2024-04-29",desktop:315,mobile:240},{date:"2024-04-30",desktop:454,mobile:380},{date:"2024-05-01",desktop:165,mobile:220},{date:"2024-05-02",desktop:293,mobile:310},{date:"2024-05-03",desktop:247,mobile:190},{date:"2024-05-04",desktop:385,mobile:420},{date:"2024-05-05",desktop:481,mobile:390},{date:"2024-05-06",desktop:498,mobile:520},{date:"2024-05-07",desktop:388,mobile:300},{date:"2024-05-08",desktop:149,mobile:210},{date:"2024-05-09",desktop:227,mobile:180},{date:"2024-05-10",desktop:293,mobile:330},{date:"2024-05-11",desktop:335,mobile:270},{date:"2024-05-12",desktop:197,mobile:240},{date:"2024-05-13",desktop:197,mobile:160},{date:"2024-05-14",desktop:448,mobile:490},{date:"2024-05-15",desktop:473,mobile:380},{date:"2024-05-16",desktop:338,mobile:400},{date:"2024-05-17",desktop:499,mobile:420},{date:"2024-05-18",desktop:315,mobile:350},{date:"2024-05-19",desktop:235,mobile:180},{date:"2024-05-20",desktop:177,mobile:230},{date:"2024-05-21",desktop:82,mobile:140},{date:"2024-05-22",desktop:81,mobile:120},{date:"2024-05-23",desktop:252,mobile:290},{date:"2024-05-24",desktop:294,mobile:220},{date:"2024-05-25",desktop:201,mobile:250},{date:"2024-05-26",desktop:213,mobile:170},{date:"2024-05-27",desktop:420,mobile:460},{date:"2024-05-28",desktop:233,mobile:190},{date:"2024-05-29",desktop:78,mobile:130},{date:"2024-05-30",desktop:340,mobile:280},{date:"2024-05-31",desktop:178,mobile:230},{date:"2024-06-01",desktop:178,mobile:200},{date:"2024-06-02",desktop:470,mobile:410},{date:"2024-06-03",desktop:103,mobile:160},{date:"2024-06-04",desktop:439,mobile:380},{date:"2024-06-05",desktop:88,mobile:140},{date:"2024-06-06",desktop:294,mobile:250},{date:"2024-06-07",desktop:323,mobile:370},{date:"2024-06-08",desktop:385,mobile:320},{date:"2024-06-09",desktop:438,mobile:480},{date:"2024-06-10",desktop:155,mobile:200},{date:"2024-06-11",desktop:92,mobile:150},{date:"2024-06-12",desktop:492,mobile:420},{date:"2024-06-13",desktop:81,mobile:130},{date:"2024-06-14",desktop:426,mobile:380},{date:"2024-06-15",desktop:307,mobile:350},{date:"2024-06-16",desktop:371,mobile:310},{date:"2024-06-17",desktop:475,mobile:520},{date:"2024-06-18",desktop:107,mobile:170},{date:"2024-06-19",desktop:341,mobile:290},{date:"2024-06-20",desktop:408,mobile:450},{date:"2024-06-21",desktop:169,mobile:210},{date:"2024-06-22",desktop:317,mobile:270},{date:"2024-06-23",desktop:480,mobile:530},{date:"2024-06-24",desktop:132,mobile:180},{date:"2024-06-25",desktop:141,mobile:190},{date:"2024-06-26",desktop:434,mobile:380},{date:"2024-06-27",desktop:448,mobile:490},{date:"2024-06-28",desktop:149,mobile:200},{date:"2024-06-29",desktop:103,mobile:160},{date:"2024-06-30",desktop:446,mobile:400}],Va={views:{label:"Page Views"},desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function Xa(){let[t,c]=Pt__namespace.useState("desktop"),h=Pt__namespace.useMemo(()=>({desktop:oa.reduce((p,f)=>p+f.desktop,0),mobile:oa.reduce((p,f)=>p+f.mobile,0)}),[]);return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{className:"flex flex-col items-stretch space-y-0 border-b p-0 sm:flex-row",children:[jsxRuntime.jsxs("div",{className:"flex flex-1 flex-col justify-center gap-1 px-6 py-5 sm:py-6",children:[jsxRuntime.jsx(i,{children:"Bar Chart - Interactive"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 3 months"})]}),jsxRuntime.jsx("div",{className:"flex",children:["desktop","mobile"].map(p=>{let f=p;return jsxRuntime.jsxs("button",{"data-active":t===f,className:"relative z-30 flex flex-1 flex-col justify-center gap-1 border-t px-6 py-4 text-left even:border-l data-[active=true]:bg-muted/50 sm:border-l sm:border-t-0 sm:px-8 sm:py-6",onClick:()=>c(f),children:[jsxRuntime.jsx("span",{className:"text-xs text-muted-foreground",children:Va[f].label}),jsxRuntime.jsx("span",{className:"text-lg font-bold leading-none sm:text-3xl",children:h[p].toLocaleString()})]},f)})})]}),jsxRuntime.jsx(s,{className:"px-2 sm:p-6",children:jsxRuntime.jsx(a,{config:Va,className:"aspect-auto h-[250px] w-full",children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:oa,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"date",tickLine:false,axisLine:false,tickMargin:8,minTickGap:32,tickFormatter:p=>new Date(p).toLocaleDateString("en-US",{month:"short",day:"numeric"})}),jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{className:"w-[150px]",nameKey:"views",labelFormatter:p=>new Date(p).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})})}),jsxRuntime.jsx(Xt.Bar,{dataKey:t,fill:`var(--color-${t})`})]})})})]})}e(Xa,"Component");var sn=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:73},{month:"May",desktop:209},{month:"June",desktop:214}],ln={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function _a(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Bar Chart - Label"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:ln,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:sn,margin:{top:20},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"desktop",fill:"var(--color-desktop)",radius:8,children:jsxRuntime.jsx(Xt.LabelList,{position:"top",offset:12,className:"fill-foreground",fontSize:12})})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(_a,"Component");var Cn=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],un={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"},label:{color:"hsl(var(--background))"}};function Ea(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Bar Chart - Custom Label"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:un,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:Cn,layout:"vertical",margin:{right:16},children:[jsxRuntime.jsx(Xt.CartesianGrid,{horizontal:false}),jsxRuntime.jsx(Xt.YAxis,{dataKey:"month",type:"category",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>t.slice(0,3),hide:true}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"desktop",type:"number",hide:true}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{indicator:"line"})}),jsxRuntime.jsxs(Xt.Bar,{dataKey:"desktop",layout:"vertical",fill:"var(--color-desktop)",radius:4,children:[jsxRuntime.jsx(Xt.LabelList,{dataKey:"month",position:"insideLeft",offset:8,className:"fill-[--color-label]",fontSize:12}),jsxRuntime.jsx(Xt.LabelList,{dataKey:"desktop",position:"right",offset:8,className:"fill-foreground",fontSize:12})]})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Ea,"Component");var yn=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],Wa={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function za(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Bar Chart - Mixed"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:Wa,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:yn,layout:"vertical",margin:{left:0},children:[jsxRuntime.jsx(Xt.YAxis,{dataKey:"browser",type:"category",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>Wa[t]?.label}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"visitors",type:"number",hide:true}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"visitors",layout:"vertical",radius:5})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(za,"Component");var Dn=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],An={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function Ya(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Bar Chart - Multiple"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:An,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:Dn,children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{indicator:"dashed"})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"desktop",fill:"var(--color-desktop)",radius:4}),jsxRuntime.jsx(Xt.Bar,{dataKey:"mobile",fill:"var(--color-mobile)",radius:4})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Ya,"Component");var Qa=[{month:"January",visitors:186},{month:"February",visitors:205},{month:"March",visitors:-207},{month:"April",visitors:173},{month:"May",visitors:-209},{month:"June",visitors:214}],Mn={visitors:{label:"Visitors"}};function Za(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Bar Chart - Negative"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:Mn,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:Qa,children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true,hideIndicator:true})}),jsxRuntime.jsxs(Xt.Bar,{dataKey:"visitors",children:[jsxRuntime.jsx(Xt.LabelList,{position:"top",dataKey:"month",fillOpacity:1}),Qa.map(t=>jsxRuntime.jsx(Xt.Cell,{fill:t.visitors>0?"hsl(var(--chart-1))":"hsl(var(--chart-2))"},t.month))]})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Za,"Component");var Bn=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],On={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function tr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Bar Chart - Stacked + Legend"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:On,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:Bn,children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(U,{content:jsxRuntime.jsx(G,{})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"desktop",stackId:"a",fill:"var(--color-desktop)",radius:[0,0,4,4]}),jsxRuntime.jsx(Xt.Bar,{dataKey:"mobile",stackId:"a",fill:"var(--color-mobile)",radius:[4,4,0,0]})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(tr,"Component");var zn=[{browser:"chrome",visitors:187,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:275,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],er={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function ar(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Bar Chart - Active"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:er,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:zn,children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"browser",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>er[t]?.label}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"visitors",strokeWidth:2,radius:8,activeIndex:2,activeBar:({...t})=>jsxRuntime.jsx(Xt.Rectangle,{...t,fillOpacity:.8,stroke:t.payload.fill,strokeDasharray:4,strokeDashoffset:4})})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(ar,"Component");var ts=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:73},{month:"May",desktop:209},{month:"June",desktop:214}],es={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function rr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Line Chart"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:es,children:jsxRuntime.jsxs(Xt.LineChart,{accessibilityLayer:true,data:ts,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Line,{dataKey:"desktop",type:"natural",stroke:"var(--color-desktop)",strokeWidth:2,dot:false})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(rr,"Component");var ss=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],ls={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function or(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Line Chart - Dots"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:ls,children:jsxRuntime.jsxs(Xt.LineChart,{accessibilityLayer:true,data:ss,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Line,{dataKey:"desktop",type:"natural",stroke:"var(--color-desktop)",strokeWidth:2,dot:{fill:"var(--color-desktop)"},activeDot:{r:6}})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(or,"Component");var fs=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],Cs={visitors:{label:"Visitors",color:"hsl(var(--chart-2))"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function ir(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Line Chart - Dots Colors"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:Cs,children:jsxRuntime.jsxs(Xt.LineChart,{accessibilityLayer:true,data:fs,margin:{top:24,left:24,right:24},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{indicator:"line",nameKey:"visitors",hideLabel:true})}),jsxRuntime.jsx(Xt.Line,{dataKey:"visitors",type:"natural",stroke:"var(--color-visitors)",strokeWidth:2,dot:({payload:t,...c})=>jsxRuntime.jsx(Xt.Dot,{r:5,cx:c.cx,cy:c.cy,fill:t.fill,stroke:t.fill},t.browser)})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(ir,"Component");var ys=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],Ns={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function nr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Line Chart - Custom Dots"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:Ns,children:jsxRuntime.jsxs(Xt.LineChart,{accessibilityLayer:true,data:ys,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Line,{dataKey:"desktop",type:"natural",stroke:"var(--color-desktop)",strokeWidth:2,dot:({cx:t,cy:c,payload:h})=>jsxRuntime.jsx(lucideReact.GitCommitVertical,{x:t-24/2,y:c-24/2,width:24,height:24,fill:"hsl(var(--background))",stroke:"var(--color-desktop)"},h.month)})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(nr,"Component");var ia=[{date:"2024-04-01",desktop:222,mobile:150},{date:"2024-04-02",desktop:97,mobile:180},{date:"2024-04-03",desktop:167,mobile:120},{date:"2024-04-04",desktop:242,mobile:260},{date:"2024-04-05",desktop:373,mobile:290},{date:"2024-04-06",desktop:301,mobile:340},{date:"2024-04-07",desktop:245,mobile:180},{date:"2024-04-08",desktop:409,mobile:320},{date:"2024-04-09",desktop:59,mobile:110},{date:"2024-04-10",desktop:261,mobile:190},{date:"2024-04-11",desktop:327,mobile:350},{date:"2024-04-12",desktop:292,mobile:210},{date:"2024-04-13",desktop:342,mobile:380},{date:"2024-04-14",desktop:137,mobile:220},{date:"2024-04-15",desktop:120,mobile:170},{date:"2024-04-16",desktop:138,mobile:190},{date:"2024-04-17",desktop:446,mobile:360},{date:"2024-04-18",desktop:364,mobile:410},{date:"2024-04-19",desktop:243,mobile:180},{date:"2024-04-20",desktop:89,mobile:150},{date:"2024-04-21",desktop:137,mobile:200},{date:"2024-04-22",desktop:224,mobile:170},{date:"2024-04-23",desktop:138,mobile:230},{date:"2024-04-24",desktop:387,mobile:290},{date:"2024-04-25",desktop:215,mobile:250},{date:"2024-04-26",desktop:75,mobile:130},{date:"2024-04-27",desktop:383,mobile:420},{date:"2024-04-28",desktop:122,mobile:180},{date:"2024-04-29",desktop:315,mobile:240},{date:"2024-04-30",desktop:454,mobile:380},{date:"2024-05-01",desktop:165,mobile:220},{date:"2024-05-02",desktop:293,mobile:310},{date:"2024-05-03",desktop:247,mobile:190},{date:"2024-05-04",desktop:385,mobile:420},{date:"2024-05-05",desktop:481,mobile:390},{date:"2024-05-06",desktop:498,mobile:520},{date:"2024-05-07",desktop:388,mobile:300},{date:"2024-05-08",desktop:149,mobile:210},{date:"2024-05-09",desktop:227,mobile:180},{date:"2024-05-10",desktop:293,mobile:330},{date:"2024-05-11",desktop:335,mobile:270},{date:"2024-05-12",desktop:197,mobile:240},{date:"2024-05-13",desktop:197,mobile:160},{date:"2024-05-14",desktop:448,mobile:490},{date:"2024-05-15",desktop:473,mobile:380},{date:"2024-05-16",desktop:338,mobile:400},{date:"2024-05-17",desktop:499,mobile:420},{date:"2024-05-18",desktop:315,mobile:350},{date:"2024-05-19",desktop:235,mobile:180},{date:"2024-05-20",desktop:177,mobile:230},{date:"2024-05-21",desktop:82,mobile:140},{date:"2024-05-22",desktop:81,mobile:120},{date:"2024-05-23",desktop:252,mobile:290},{date:"2024-05-24",desktop:294,mobile:220},{date:"2024-05-25",desktop:201,mobile:250},{date:"2024-05-26",desktop:213,mobile:170},{date:"2024-05-27",desktop:420,mobile:460},{date:"2024-05-28",desktop:233,mobile:190},{date:"2024-05-29",desktop:78,mobile:130},{date:"2024-05-30",desktop:340,mobile:280},{date:"2024-05-31",desktop:178,mobile:230},{date:"2024-06-01",desktop:178,mobile:200},{date:"2024-06-02",desktop:470,mobile:410},{date:"2024-06-03",desktop:103,mobile:160},{date:"2024-06-04",desktop:439,mobile:380},{date:"2024-06-05",desktop:88,mobile:140},{date:"2024-06-06",desktop:294,mobile:250},{date:"2024-06-07",desktop:323,mobile:370},{date:"2024-06-08",desktop:385,mobile:320},{date:"2024-06-09",desktop:438,mobile:480},{date:"2024-06-10",desktop:155,mobile:200},{date:"2024-06-11",desktop:92,mobile:150},{date:"2024-06-12",desktop:492,mobile:420},{date:"2024-06-13",desktop:81,mobile:130},{date:"2024-06-14",desktop:426,mobile:380},{date:"2024-06-15",desktop:307,mobile:350},{date:"2024-06-16",desktop:371,mobile:310},{date:"2024-06-17",desktop:475,mobile:520},{date:"2024-06-18",desktop:107,mobile:170},{date:"2024-06-19",desktop:341,mobile:290},{date:"2024-06-20",desktop:408,mobile:450},{date:"2024-06-21",desktop:169,mobile:210},{date:"2024-06-22",desktop:317,mobile:270},{date:"2024-06-23",desktop:480,mobile:530},{date:"2024-06-24",desktop:132,mobile:180},{date:"2024-06-25",desktop:141,mobile:190},{date:"2024-06-26",desktop:434,mobile:380},{date:"2024-06-27",desktop:448,mobile:490},{date:"2024-06-28",desktop:149,mobile:200},{date:"2024-06-29",desktop:103,mobile:160},{date:"2024-06-30",desktop:446,mobile:400}],sr={views:{label:"Page Views"},desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function lr(){let[t,c]=Pt__namespace.useState("desktop"),h=Pt__namespace.useMemo(()=>({desktop:ia.reduce((p,f)=>p+f.desktop,0),mobile:ia.reduce((p,f)=>p+f.mobile,0)}),[]);return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{className:"flex flex-col items-stretch space-y-0 border-b p-0 sm:flex-row",children:[jsxRuntime.jsxs("div",{className:"flex flex-1 flex-col justify-center gap-1 px-6 py-5 sm:py-6",children:[jsxRuntime.jsx(i,{children:"Line Chart - Interactive"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 3 months"})]}),jsxRuntime.jsx("div",{className:"flex",children:["desktop","mobile"].map(p=>{let f=p;return jsxRuntime.jsxs("button",{"data-active":t===f,className:"flex flex-1 flex-col justify-center gap-1 border-t px-6 py-4 text-left even:border-l data-[active=true]:bg-muted/50 sm:border-l sm:border-t-0 sm:px-8 sm:py-6",onClick:()=>c(f),children:[jsxRuntime.jsx("span",{className:"text-xs text-muted-foreground",children:sr[f].label}),jsxRuntime.jsx("span",{className:"text-lg font-bold leading-none sm:text-3xl",children:h[p].toLocaleString()})]},f)})})]}),jsxRuntime.jsx(s,{className:"px-2 sm:p-6",children:jsxRuntime.jsx(a,{config:sr,className:"aspect-auto h-[250px] w-full",children:jsxRuntime.jsxs(Xt.LineChart,{accessibilityLayer:true,data:ia,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"date",tickLine:false,axisLine:false,tickMargin:8,minTickGap:32,tickFormatter:p=>new Date(p).toLocaleDateString("en-US",{month:"short",day:"numeric"})}),jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{className:"w-[150px]",nameKey:"views",labelFormatter:p=>new Date(p).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})})}),jsxRuntime.jsx(Xt.Line,{dataKey:t,type:"monotone",stroke:`var(--color-${t})`,strokeWidth:2,dot:false})]})})})]})}e(lr,"Component");var Ps=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],Ms={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function dr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Line Chart - Label"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:Ms,children:jsxRuntime.jsxs(Xt.LineChart,{accessibilityLayer:true,data:Ps,margin:{top:20,left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{indicator:"line"})}),jsxRuntime.jsx(Xt.Line,{dataKey:"desktop",type:"natural",stroke:"var(--color-desktop)",strokeWidth:2,dot:{fill:"var(--color-desktop)"},activeDot:{r:6},children:jsxRuntime.jsx(Xt.LabelList,{position:"top",offset:12,className:"fill-foreground",fontSize:12})})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(dr,"Component");var Os=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],cr={visitors:{label:"Visitors",color:"hsl(var(--chart-2))"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function mr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Line Chart - Custom Label"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:cr,children:jsxRuntime.jsxs(Xt.LineChart,{accessibilityLayer:true,data:Os,margin:{top:24,left:24,right:24},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{indicator:"line",nameKey:"visitors",hideLabel:true})}),jsxRuntime.jsx(Xt.Line,{dataKey:"visitors",type:"natural",stroke:"var(--color-visitors)",strokeWidth:2,dot:{fill:"var(--color-visitors)"},activeDot:{r:6},children:jsxRuntime.jsx(Xt.LabelList,{position:"top",offset:12,className:"fill-foreground",fontSize:12,dataKey:"browser",formatter:t=>cr[t]?.label})})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(mr,"Component");var Ws=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:73},{month:"May",desktop:209},{month:"June",desktop:214}],zs={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function pr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Line Chart - Linear"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:zs,children:jsxRuntime.jsxs(Xt.LineChart,{accessibilityLayer:true,data:Ws,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Line,{dataKey:"desktop",type:"linear",stroke:"var(--color-desktop)",strokeWidth:2,dot:false})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(pr,"Component");var js=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],tl={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function fr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Line Chart - Multiple"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:tl,children:jsxRuntime.jsxs(Xt.LineChart,{accessibilityLayer:true,data:js,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{})}),jsxRuntime.jsx(Xt.Line,{dataKey:"desktop",type:"monotone",stroke:"var(--color-desktop)",strokeWidth:2,dot:false}),jsxRuntime.jsx(Xt.Line,{dataKey:"mobile",type:"monotone",stroke:"var(--color-mobile)",strokeWidth:2,dot:false})]})})}),jsxRuntime.jsx(m,{children:jsxRuntime.jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxRuntime.jsxs("div",{className:"grid gap-2",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})})})]})}e(fr,"Component");var nl=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:73},{month:"May",desktop:209},{month:"June",desktop:214}],sl={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function Cr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Line Chart - Step"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:sl,children:jsxRuntime.jsxs(Xt.LineChart,{accessibilityLayer:true,data:nl,margin:{left:12,right:12},children:[jsxRuntime.jsx(Xt.CartesianGrid,{vertical:false}),jsxRuntime.jsx(Xt.XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Line,{dataKey:"desktop",type:"step",stroke:"var(--color-desktop)",strokeWidth:2,dot:false})]})})}),jsxRuntime.jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Cr,"Component");var ml=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],pl={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function ur(){return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Pie Chart - Donut"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:pl,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.PieChart,{children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Pie,{data:ml,dataKey:"visitors",nameKey:"browser",innerRadius:60})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(ur,"Component");var gl=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],bl={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function gr(){return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Pie Chart - Donut Active"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:bl,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.PieChart,{children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Pie,{data:gl,dataKey:"visitors",nameKey:"browser",innerRadius:60,strokeWidth:5,activeIndex:0,activeShape:({outerRadius:t=0,...c})=>jsxRuntime.jsx(Xt.Sector,{...c,outerRadius:t+10})})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(gr,"Component");var br=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:287,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:190,fill:"var(--color-other)"}],Nl={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function kr(){let t=Pt__namespace.useMemo(()=>br.reduce((c,h)=>c+h.visitors,0),[]);return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Pie Chart - Donut with Text"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:Nl,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.PieChart,{children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Pie,{data:br,dataKey:"visitors",nameKey:"browser",innerRadius:60,strokeWidth:5,children:jsxRuntime.jsx(Xt.Label,{content:({viewBox:c})=>{if(c&&"cx"in c&&"cy"in c)return jsxRuntime.jsxs("text",{x:c.cx,y:c.cy,textAnchor:"middle",dominantBaseline:"middle",children:[jsxRuntime.jsx("tspan",{x:c.cx,y:c.cy,className:"fill-foreground text-3xl font-bold",children:t.toLocaleString()}),jsxRuntime.jsx("tspan",{x:c.cx,y:(c.cy||0)+24,className:"fill-muted-foreground",children:"Visitors"})]})}})})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(kr,"Component");var De=[{month:"january",desktop:186,fill:"var(--color-january)"},{month:"february",desktop:305,fill:"var(--color-february)"},{month:"march",desktop:237,fill:"var(--color-march)"},{month:"april",desktop:173,fill:"var(--color-april)"},{month:"may",desktop:209,fill:"var(--color-may)"}],na={visitors:{label:"Visitors"},desktop:{label:"Desktop"},mobile:{label:"Mobile"},january:{label:"January",color:"hsl(var(--chart-1))"},february:{label:"February",color:"hsl(var(--chart-2))"},march:{label:"March",color:"hsl(var(--chart-3))"},april:{label:"April",color:"hsl(var(--chart-4))"},may:{label:"May",color:"hsl(var(--chart-5))"}};function yr(){let t="pie-interactive",[c,h]=Pt__namespace.useState(De[0].month),p=Pt__namespace.useMemo(()=>De.findIndex(C=>C.month===c),[c]),f=Pt__namespace.useMemo(()=>De.map(C=>C.month),[]);return jsxRuntime.jsxs(r,{"data-chart":t,className:"flex flex-col",children:[jsxRuntime.jsx(aa,{id:t,config:na}),jsxRuntime.jsxs(o,{className:"flex-row items-start space-y-0 pb-0",children:[jsxRuntime.jsxs("div",{className:"grid gap-1",children:[jsxRuntime.jsx(i,{children:"Pie Chart - Interactive"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsxs(ze,{value:c,onValueChange:h,children:[jsxRuntime.jsx(jt,{className:"ml-auto h-7 w-[130px] rounded-lg pl-2.5","aria-label":"Select a value",children:jsxRuntime.jsx($e,{placeholder:"Select month"})}),jsxRuntime.jsx(te,{align:"end",className:"rounded-xl",children:f.map(C=>{let g=na[C];return g?jsxRuntime.jsx(Gt,{value:C,className:"rounded-lg [&_span]:flex",children:jsxRuntime.jsxs("div",{className:"flex items-center gap-2 text-xs",children:[jsxRuntime.jsx("span",{className:"flex h-3 w-3 shrink-0 rounded-sm",style:{backgroundColor:`var(--color-${C})`}}),g?.label]})},C):null})})]})]}),jsxRuntime.jsx(s,{className:"flex flex-1 justify-center pb-0",children:jsxRuntime.jsx(a,{id:t,config:na,className:"mx-auto aspect-square w-full max-w-[300px]",children:jsxRuntime.jsxs(Xt.PieChart,{children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Pie,{data:De,dataKey:"desktop",nameKey:"month",innerRadius:60,strokeWidth:5,activeIndex:p,activeShape:({outerRadius:C=0,...g})=>jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx(Xt.Sector,{...g,outerRadius:C+10}),jsxRuntime.jsx(Xt.Sector,{...g,outerRadius:C+25,innerRadius:C+12})]}),children:jsxRuntime.jsx(Xt.Label,{content:({viewBox:C})=>{if(C&&"cx"in C&&"cy"in C)return jsxRuntime.jsxs("text",{x:C.cx,y:C.cy,textAnchor:"middle",dominantBaseline:"middle",children:[jsxRuntime.jsx("tspan",{x:C.cx,y:C.cy,className:"fill-foreground text-3xl font-bold",children:De[p].desktop.toLocaleString()}),jsxRuntime.jsx("tspan",{x:C.cx,y:(C.cy||0)+24,className:"fill-muted-foreground",children:"Visitors"})]})}})})]})})})]})}e(yr,"Component");var Fl=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],Rl={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function Nr(){return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Pie Chart - Label"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:Rl,className:"mx-auto aspect-square max-h-[250px] pb-0 [&_.recharts-pie-label-text]:fill-foreground",children:jsxRuntime.jsxs(Xt.PieChart,{children:[jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Pie,{data:Fl,dataKey:"visitors",label:true,nameKey:"browser"})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Nr,"Component");var Ml=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],Hl={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function wr(){return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Pie Chart - Custom Label"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:Hl,className:"mx-auto aspect-square max-h-[250px] px-0",children:jsxRuntime.jsxs(Xt.PieChart,{children:[jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{nameKey:"visitors",hideLabel:true})}),jsxRuntime.jsx(Xt.Pie,{data:Ml,dataKey:"visitors",labelLine:false,label:({payload:t,...c})=>jsxRuntime.jsx("text",{cx:c.cx,cy:c.cy,x:c.x,y:c.y,textAnchor:c.textAnchor,dominantBaseline:c.dominantBaseline,fill:"hsla(var(--foreground))",children:t.visitors}),nameKey:"browser"})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(wr,"Component");var Ol=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],Tr={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function Lr(){return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Pie Chart - Label List"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:Tr,className:"mx-auto aspect-square max-h-[250px] [&_.recharts-text]:fill-background",children:jsxRuntime.jsxs(Xt.PieChart,{children:[jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{nameKey:"visitors",hideLabel:true})}),jsxRuntime.jsx(Xt.Pie,{data:Ol,dataKey:"visitors",children:jsxRuntime.jsx(Xt.LabelList,{dataKey:"browser",className:"fill-background",stroke:"none",fontSize:12,formatter:t=>Tr[t]?.label})})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Lr,"Component");var _l=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],ql={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function Dr(){return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Pie Chart - Legend"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:ql,className:"mx-auto aspect-square max-h-[300px]",children:jsxRuntime.jsxs(Xt.PieChart,{children:[jsxRuntime.jsx(Xt.Pie,{data:_l,dataKey:"visitors"}),jsxRuntime.jsx(U,{content:jsxRuntime.jsx(G,{nameKey:"browser"}),className:"-translate-y-2 flex-wrap gap-2 [&>*]:basis-1/4 [&>*]:justify-center"})]})})})]})}e(Dr,"Component");var $l=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],Yl={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function Ar(){return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Pie Chart - Separator None"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:Yl,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.PieChart,{children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.Pie,{data:$l,dataKey:"visitors",nameKey:"browser",stroke:"0"})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Ar,"Component");var ad=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:273},{month:"May",desktop:209},{month:"June",desktop:214}],rd={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function Sr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{className:"items-center pb-4",children:[jsxRuntime.jsx(i,{children:"Radar Chart"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{className:"pb-0",children:jsxRuntime.jsx(a,{config:rd,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadarChart,{data:ad,children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{})}),jsxRuntime.jsx(Xt.PolarAngleAxis,{dataKey:"month"}),jsxRuntime.jsx(Xt.PolarGrid,{}),jsxRuntime.jsx(Xt.Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})]})}e(Sr,"Component");var dd=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:273},{month:"May",desktop:209},{month:"June",desktop:214}],cd={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function Fr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{className:"items-center",children:[jsxRuntime.jsx(i,{children:"Radar Chart - Dots"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{className:"pb-0",children:jsxRuntime.jsx(a,{config:cd,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadarChart,{data:dd,children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{})}),jsxRuntime.jsx(Xt.PolarAngleAxis,{dataKey:"month"}),jsxRuntime.jsx(Xt.PolarGrid,{}),jsxRuntime.jsx(Xt.Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6,dot:{r:4,fillOpacity:1}})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})]})}e(Fr,"Component");var ud=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:273},{month:"May",desktop:209},{month:"June",desktop:214}],gd={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function Rr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{className:"items-center pb-4",children:[jsxRuntime.jsx(i,{children:"Radar Chart - Grid Circle"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{className:"pb-0",children:jsxRuntime.jsx(a,{config:gd,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadarChart,{data:ud,children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.PolarGrid,{gridType:"circle"}),jsxRuntime.jsx(Xt.PolarAngleAxis,{dataKey:"month"}),jsxRuntime.jsx(Xt.Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6,dot:{r:4,fillOpacity:1}})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})]})}e(Rr,"Component");var Nd=[{month:"January",desktop:186},{month:"February",desktop:285},{month:"March",desktop:237},{month:"April",desktop:203},{month:"May",desktop:209},{month:"June",desktop:264}],wd={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function Jr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{className:"items-center pb-4",children:[jsxRuntime.jsx(i,{children:"Radar Chart - Grid Circle Filled"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{className:"pb-0",children:jsxRuntime.jsx(a,{config:wd,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadarChart,{data:Nd,children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{})}),jsxRuntime.jsx(Xt.PolarGrid,{className:"fill-[--color-desktop] opacity-20",gridType:"circle"}),jsxRuntime.jsx(Xt.PolarAngleAxis,{dataKey:"month"}),jsxRuntime.jsx(Xt.Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.5})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})]})}e(Jr,"Component");var Fd=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:203},{month:"May",desktop:209},{month:"June",desktop:214}],Rd={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function Kr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{className:"items-center pb-4",children:[jsxRuntime.jsx(i,{children:"Radar Chart - Grid Circle - No lines"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{className:"pb-0",children:jsxRuntime.jsx(a,{config:Rd,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadarChart,{data:Fd,children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.PolarGrid,{gridType:"circle",radialLines:false}),jsxRuntime.jsx(Xt.PolarAngleAxis,{dataKey:"month"}),jsxRuntime.jsx(Xt.Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6,dot:{r:4,fillOpacity:1}})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})]})}e(Kr,"Component");var Id=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:273},{month:"May",desktop:209},{month:"June",desktop:214}],Ud={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function Pr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{className:"items-center pb-4",children:[jsxRuntime.jsx(i,{children:"Radar Chart - Grid Custom"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{className:"pb-0",children:jsxRuntime.jsx(a,{config:Ud,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadarChart,{data:Id,children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.PolarGrid,{radialLines:false,polarRadius:[90],strokeWidth:1}),jsxRuntime.jsx(Xt.PolarAngleAxis,{dataKey:"month"}),jsxRuntime.jsx(Xt.Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})]})}e(Pr,"Component");var _d=[{month:"January",desktop:186},{month:"February",desktop:285},{month:"March",desktop:237},{month:"April",desktop:203},{month:"May",desktop:209},{month:"June",desktop:264}],qd={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function Mr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{className:"items-center pb-4",children:[jsxRuntime.jsx(i,{children:"Radar Chart - Grid Filled"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{className:"pb-0",children:jsxRuntime.jsx(a,{config:qd,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadarChart,{data:_d,children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.PolarGrid,{className:"fill-[--color-desktop] opacity-20"}),jsxRuntime.jsx(Xt.PolarAngleAxis,{dataKey:"month"}),jsxRuntime.jsx(Xt.Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.5})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})]})}e(Mr,"Component");var Yd=[{month:"January",desktop:186},{month:"February",desktop:305},{month:"March",desktop:237},{month:"April",desktop:273},{month:"May",desktop:209},{month:"June",desktop:214}],Qd={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"}};function Hr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{className:"items-center pb-4",children:[jsxRuntime.jsx(i,{children:"Radar Chart - Grid None"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{className:"pb-0",children:jsxRuntime.jsx(a,{config:Qd,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadarChart,{data:Yd,children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.PolarAngleAxis,{dataKey:"month"}),jsxRuntime.jsx(Xt.Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6,dot:{r:4,fillOpacity:1}})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})]})}e(Hr,"Component");var oc=[{month:"January",desktop:186,mobile:80},{month:"February",desktop:305,mobile:200},{month:"March",desktop:237,mobile:120},{month:"April",desktop:73,mobile:190},{month:"May",desktop:209,mobile:130},{month:"June",desktop:214,mobile:140}],ic={desktop:{label:"Desktop",color:"hsl(var(--chart-1))",icon:lucideReact.ArrowDownFromLine},mobile:{label:"Mobile",color:"hsl(var(--chart-2))",icon:lucideReact.ArrowUpFromLine}};function Ur(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{className:"items-center pb-4",children:[jsxRuntime.jsx(i,{children:"Radar Chart - Icons"}),jsxRuntime.jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:ic,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadarChart,{data:oc,margin:{top:-40,bottom:-10},children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{indicator:"line"})}),jsxRuntime.jsx(Xt.PolarAngleAxis,{dataKey:"month"}),jsxRuntime.jsx(Xt.PolarGrid,{}),jsxRuntime.jsx(Xt.Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6}),jsxRuntime.jsx(Xt.Radar,{dataKey:"mobile",fill:"var(--color-mobile)"}),jsxRuntime.jsx(U,{className:"mt-8",content:jsxRuntime.jsx(G,{})})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 pt-4 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})]})}e(Ur,"Component");var cc=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],mc={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function Gr(){return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Radial Chart - Grid"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:mc,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadialBarChart,{data:cc,innerRadius:30,outerRadius:100,children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true,nameKey:"browser"})}),jsxRuntime.jsx(Xt.PolarGrid,{gridType:"circle"}),jsxRuntime.jsx(Xt.RadialBar,{dataKey:"visitors"})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Gr,"Component");var uc=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],gc={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function Br(){return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Radial Chart - Label"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:gc,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadialBarChart,{data:uc,startAngle:-90,endAngle:380,innerRadius:30,outerRadius:110,children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true,nameKey:"browser"})}),jsxRuntime.jsx(Xt.RadialBar,{dataKey:"visitors",background:true,children:jsxRuntime.jsx(Xt.LabelList,{position:"insideStart",dataKey:"browser",className:"fill-white capitalize mix-blend-luminosity",fontSize:11})})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Br,"Component");var Or=[{browser:"safari",visitors:1260,fill:"var(--color-safari)"}],wc={visitors:{label:"Visitors"},safari:{label:"Safari",color:"hsl(var(--chart-2))"}};function Vr(){return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Radial Chart - Shape"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:wc,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadialBarChart,{data:Or,endAngle:100,innerRadius:80,outerRadius:140,children:[jsxRuntime.jsx(Xt.PolarGrid,{gridType:"circle",radialLines:false,stroke:"none",className:"first:fill-muted last:fill-background",polarRadius:[86,74]}),jsxRuntime.jsx(Xt.RadialBar,{dataKey:"visitors",background:true}),jsxRuntime.jsx(Xt.PolarRadiusAxis,{tick:false,tickLine:false,axisLine:false,children:jsxRuntime.jsx(Xt.Label,{content:({viewBox:t})=>{if(t&&"cx"in t&&"cy"in t)return jsxRuntime.jsxs("text",{x:t.cx,y:t.cy,textAnchor:"middle",dominantBaseline:"middle",children:[jsxRuntime.jsx("tspan",{x:t.cx,y:t.cy,className:"fill-foreground text-4xl font-bold",children:Or[0].visitors.toLocaleString()}),jsxRuntime.jsx("tspan",{x:t.cx,y:(t.cy||0)+24,className:"fill-muted-foreground",children:"Visitors"})]})}})})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Vr,"Component");var Ac=[{browser:"chrome",visitors:275,fill:"var(--color-chrome)"},{browser:"safari",visitors:200,fill:"var(--color-safari)"},{browser:"firefox",visitors:187,fill:"var(--color-firefox)"},{browser:"edge",visitors:173,fill:"var(--color-edge)"},{browser:"other",visitors:90,fill:"var(--color-other)"}],Sc={visitors:{label:"Visitors"},chrome:{label:"Chrome",color:"hsl(var(--chart-1))"},safari:{label:"Safari",color:"hsl(var(--chart-2))"},firefox:{label:"Firefox",color:"hsl(var(--chart-3))"},edge:{label:"Edge",color:"hsl(var(--chart-4))"},other:{label:"Other",color:"hsl(var(--chart-5))"}};function Xr(){return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Radial Chart"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:Sc,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadialBarChart,{data:Ac,innerRadius:30,outerRadius:110,children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true,nameKey:"browser"})}),jsxRuntime.jsx(Xt.RadialBar,{dataKey:"visitors",background:true})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Xr,"Component");var la=[{month:"january",desktop:1260,mobile:570}],Pc={desktop:{label:"Desktop",color:"hsl(var(--chart-1))"},mobile:{label:"Mobile",color:"hsl(var(--chart-2))"}};function qr(){let t=la[0].desktop+la[0].mobile;return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Radial Chart - Stacked"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex flex-1 items-center pb-0",children:jsxRuntime.jsx(a,{config:Pc,className:"mx-auto aspect-square w-full max-w-[250px]",children:jsxRuntime.jsxs(Xt.RadialBarChart,{data:la,endAngle:180,innerRadius:80,outerRadius:130,children:[jsxRuntime.jsx(l,{cursor:false,content:jsxRuntime.jsx(d,{hideLabel:true})}),jsxRuntime.jsx(Xt.PolarRadiusAxis,{tick:false,tickLine:false,axisLine:false,children:jsxRuntime.jsx(Xt.Label,{content:({viewBox:c})=>{if(c&&"cx"in c&&"cy"in c)return jsxRuntime.jsxs("text",{x:c.cx,y:c.cy,textAnchor:"middle",children:[jsxRuntime.jsx("tspan",{x:c.cx,y:(c.cy||0)-16,className:"fill-foreground text-2xl font-bold",children:t.toLocaleString()}),jsxRuntime.jsx("tspan",{x:c.cx,y:(c.cy||0)+4,className:"fill-muted-foreground",children:"Visitors"})]})}})}),jsxRuntime.jsx(Xt.RadialBar,{dataKey:"desktop",stackId:"a",cornerRadius:5,fill:"var(--color-desktop)",className:"stroke-transparent stroke-2"}),jsxRuntime.jsx(Xt.RadialBar,{dataKey:"mobile",fill:"var(--color-mobile)",stackId:"a",cornerRadius:5,className:"stroke-transparent stroke-2"})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(qr,"Component");var Er=[{browser:"safari",visitors:200,fill:"var(--color-safari)"}],Oc={visitors:{label:"Visitors"},safari:{label:"Safari",color:"hsl(var(--chart-2))"}};function Wr(){return jsxRuntime.jsxs(r,{className:"flex flex-col",children:[jsxRuntime.jsxs(o,{className:"items-center pb-0",children:[jsxRuntime.jsx(i,{children:"Radial Chart - Text"}),jsxRuntime.jsx(n,{children:"January - June 2024"})]}),jsxRuntime.jsx(s,{className:"flex-1 pb-0",children:jsxRuntime.jsx(a,{config:Oc,className:"mx-auto aspect-square max-h-[250px]",children:jsxRuntime.jsxs(Xt.RadialBarChart,{data:Er,startAngle:0,endAngle:250,innerRadius:80,outerRadius:110,children:[jsxRuntime.jsx(Xt.PolarGrid,{gridType:"circle",radialLines:false,stroke:"none",className:"first:fill-muted last:fill-background",polarRadius:[86,74]}),jsxRuntime.jsx(Xt.RadialBar,{dataKey:"visitors",background:true,cornerRadius:10}),jsxRuntime.jsx(Xt.PolarRadiusAxis,{tick:false,tickLine:false,axisLine:false,children:jsxRuntime.jsx(Xt.Label,{content:({viewBox:t})=>{if(t&&"cx"in t&&"cy"in t)return jsxRuntime.jsxs("text",{x:t.cx,y:t.cy,textAnchor:"middle",dominantBaseline:"middle",children:[jsxRuntime.jsx("tspan",{x:t.cx,y:t.cy,className:"fill-foreground text-4xl font-bold",children:Er[0].visitors.toLocaleString()}),jsxRuntime.jsx("tspan",{x:t.cx,y:(t.cy||0)+24,className:"fill-muted-foreground",children:"Visitors"})]})}})})]})})}),jsxRuntime.jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxRuntime.jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsxRuntime.jsx(lucideReact.TrendingUp,{className:"h-4 w-4"})]}),jsxRuntime.jsx("div",{className:"leading-none text-muted-foreground",children:"Showing total visitors for the last 6 months"})]})]})}e(Wr,"Component");var _c=[{date:"2024-07-15",running:450,swimming:300},{date:"2024-07-16",running:380,swimming:420},{date:"2024-07-17",running:520,swimming:120},{date:"2024-07-18",running:140,swimming:550},{date:"2024-07-19",running:600,swimming:350},{date:"2024-07-20",running:480,swimming:400}],$r={running:{label:"Running",color:"hsl(var(--chart-1))"},swimming:{label:"Swimming",color:"hsl(var(--chart-2))"}};function Yr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Tooltip - Advanced"}),jsxRuntime.jsx(n,{children:"Tooltip with custom formatter and total."})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:$r,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:_c,children:[jsxRuntime.jsx(Xt.XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsxRuntime.jsx(Xt.Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{hideLabel:true,className:"w-[180px]",formatter:(t,c,h,p)=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"h-2.5 w-2.5 shrink-0 rounded-[2px] bg-[--color-bg]",style:{"--color-bg":`var(--color-${c})`}}),$r[c]?.label||c,jsxRuntime.jsxs("div",{className:"ml-auto flex items-baseline gap-0.5 font-mono font-medium tabular-nums text-foreground",children:[t,jsxRuntime.jsx("span",{className:"font-normal text-muted-foreground",children:"kcal"})]}),p===1&&jsxRuntime.jsxs("div",{className:"mt-1.5 flex basis-full items-center border-t pt-1.5 text-xs font-medium text-foreground",children:["Total",jsxRuntime.jsxs("div",{className:"ml-auto flex items-baseline gap-0.5 font-mono font-medium tabular-nums text-foreground",children:[h.payload.running+h.payload.swimming,jsxRuntime.jsx("span",{className:"font-normal text-muted-foreground",children:"kcal"})]})]})]})}),cursor:false,defaultIndex:1})]})})})]})}e(Yr,"Component");var zc=[{date:"2024-07-15",running:450,swimming:300},{date:"2024-07-16",running:380,swimming:420},{date:"2024-07-17",running:520,swimming:120},{date:"2024-07-18",running:140,swimming:550},{date:"2024-07-19",running:600,swimming:350},{date:"2024-07-20",running:480,swimming:400}],$c={running:{label:"Running",color:"hsl(var(--chart-1))"},swimming:{label:"Swimming",color:"hsl(var(--chart-2))"}};function Zr(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Tooltip - Default"}),jsxRuntime.jsx(n,{children:"Default tooltip with ChartTooltipContent."})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:$c,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:zc,children:[jsxRuntime.jsx(Xt.XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsxRuntime.jsx(Xt.Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{}),cursor:false,defaultIndex:1})]})})})]})}e(Zr,"Component");var Zc=[{date:"2024-07-15",running:450,swimming:300},{date:"2024-07-16",running:380,swimming:420},{date:"2024-07-17",running:520,swimming:120},{date:"2024-07-18",running:140,swimming:550},{date:"2024-07-19",running:600,swimming:350},{date:"2024-07-20",running:480,swimming:400}],to={running:{label:"Running",color:"hsl(var(--chart-1))"},swimming:{label:"Swimming",color:"hsl(var(--chart-2))"}};function eo(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Tooltip - Formatter"}),jsxRuntime.jsx(n,{children:"Tooltip with custom formatter ."})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:to,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:Zc,children:[jsxRuntime.jsx(Xt.XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsxRuntime.jsx(Xt.Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{hideLabel:true,formatter:(t,c)=>jsxRuntime.jsxs("div",{className:"flex min-w-[130px] items-center text-xs text-muted-foreground",children:[to[c]?.label||c,jsxRuntime.jsxs("div",{className:"ml-auto flex items-baseline gap-0.5 font-mono font-medium tabular-nums text-foreground",children:[t,jsxRuntime.jsx("span",{className:"font-normal text-muted-foreground",children:"kcal"})]})]})}),cursor:false,defaultIndex:1})]})})})]})}e(eo,"Component");var rm=[{date:"2024-07-15",running:450,swimming:300},{date:"2024-07-16",running:380,swimming:420},{date:"2024-07-17",running:520,swimming:120},{date:"2024-07-18",running:140,swimming:550},{date:"2024-07-19",running:600,swimming:350},{date:"2024-07-20",running:480,swimming:400}],om={running:{label:"Running",color:"hsl(var(--chart-1))",icon:lucideReact.Footprints},swimming:{label:"Swimming",color:"hsl(var(--chart-2))",icon:lucideReact.Waves}};function ro(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Tooltip - Icons"}),jsxRuntime.jsx(n,{children:"Tooltip with icons."})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:om,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:rm,children:[jsxRuntime.jsx(Xt.XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsxRuntime.jsx(Xt.Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{hideLabel:true}),cursor:false,defaultIndex:1})]})})})]})}e(ro,"Component");var sm=[{date:"2024-07-15",running:450,swimming:300},{date:"2024-07-16",running:380,swimming:420},{date:"2024-07-17",running:520,swimming:120},{date:"2024-07-18",running:140,swimming:550},{date:"2024-07-19",running:600,swimming:350},{date:"2024-07-20",running:480,swimming:400}],lm={running:{label:"Running",color:"hsl(var(--chart-1))"},swimming:{label:"Swimming",color:"hsl(var(--chart-2))"}};function io(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Tooltip - Line Indicator"}),jsxRuntime.jsx(n,{children:"Tooltip with line indicator."})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:lm,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:sm,children:[jsxRuntime.jsx(Xt.XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsxRuntime.jsx(Xt.Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{indicator:"line"}),cursor:false,defaultIndex:1})]})})})]})}e(io,"Component");var mm=[{date:"2024-07-15",running:450,swimming:300},{date:"2024-07-16",running:380,swimming:420},{date:"2024-07-17",running:520,swimming:120},{date:"2024-07-18",running:140,swimming:550},{date:"2024-07-19",running:600,swimming:350},{date:"2024-07-20",running:480,swimming:400}],pm={running:{label:"Running",color:"hsl(var(--chart-1))"},swimming:{label:"Swimming",color:"hsl(var(--chart-2))"}};function so(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Tooltip - No Indicator"}),jsxRuntime.jsx(n,{children:"Tooltip with no indicator."})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:pm,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:mm,children:[jsxRuntime.jsx(Xt.XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsxRuntime.jsx(Xt.Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{hideIndicator:true}),cursor:false,defaultIndex:1})]})})})]})}e(so,"Component");var Cm=[{date:"2024-07-15",running:450,swimming:300},{date:"2024-07-16",running:380,swimming:420},{date:"2024-07-17",running:520,swimming:120},{date:"2024-07-18",running:140,swimming:550},{date:"2024-07-19",running:600,swimming:350},{date:"2024-07-20",running:480,swimming:400}],um={activities:{label:"Activities"},running:{label:"Running",color:"hsl(var(--chart-1))"},swimming:{label:"Swimming",color:"hsl(var(--chart-2))"}};function co(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Tooltip - Custom label"}),jsxRuntime.jsx(n,{children:"Tooltip with custom label from chartConfig."})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:um,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:Cm,children:[jsxRuntime.jsx(Xt.XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsxRuntime.jsx(Xt.Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{labelKey:"activities",indicator:"line"}),cursor:false,defaultIndex:1})]})})})]})}e(co,"Component");var vm=[{date:"2024-07-15",running:450,swimming:300},{date:"2024-07-16",running:380,swimming:420},{date:"2024-07-17",running:520,swimming:120},{date:"2024-07-18",running:140,swimming:550},{date:"2024-07-19",running:600,swimming:350},{date:"2024-07-20",running:480,swimming:400}],km={running:{label:"Running",color:"hsl(var(--chart-1))"},swimming:{label:"Swimming",color:"hsl(var(--chart-2))"}};function po(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Tooltip - Label Formatter"}),jsxRuntime.jsx(n,{children:"Tooltip with label formatter."})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:km,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:vm,children:[jsxRuntime.jsx(Xt.XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsxRuntime.jsx(Xt.Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{labelFormatter:t=>new Date(t).toLocaleDateString("en-US",{day:"numeric",month:"long",year:"numeric"})}),cursor:false,defaultIndex:1})]})})})]})}e(po,"Component");var Nm=[{date:"2024-07-15",running:450,swimming:300},{date:"2024-07-16",running:380,swimming:420},{date:"2024-07-17",running:520,swimming:120},{date:"2024-07-18",running:140,swimming:550},{date:"2024-07-19",running:600,swimming:350},{date:"2024-07-20",running:480,swimming:400}],wm={running:{label:"Running",color:"hsl(var(--chart-1))"},swimming:{label:"Swimming",color:"hsl(var(--chart-2))"}};function fo(){return jsxRuntime.jsxs(r,{children:[jsxRuntime.jsxs(o,{children:[jsxRuntime.jsx(i,{children:"Tooltip - No Label"}),jsxRuntime.jsx(n,{children:"Tooltip with no label."})]}),jsxRuntime.jsx(s,{children:jsxRuntime.jsx(a,{config:wm,children:jsxRuntime.jsxs(Xt.BarChart,{accessibilityLayer:true,data:Nm,children:[jsxRuntime.jsx(Xt.XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsxRuntime.jsx(Xt.Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsxRuntime.jsx(Xt.Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsxRuntime.jsx(l,{content:jsxRuntime.jsx(d,{hideIndicator:true,hideLabel:true}),cursor:false,defaultIndex:1})]})})})]})}e(fo,"Component");exports.ChartAreaAxes=Ga;exports.ChartAreaDefault=xa;exports.ChartAreaGradient=Na;exports.ChartAreaIcons=La;exports.ChartAreaInteractive=Fa;exports.ChartAreaLegend=Ja;exports.ChartAreaLinear=Ka;exports.ChartAreaStacked=Ma;exports.ChartAreaStackedExpand=Ha;exports.ChartAreaStep=Ia;exports.ChartBarActive=ar;exports.ChartBarDefault=Ba;exports.ChartBarHorizontal=Oa;exports.ChartBarInteractive=Xa;exports.ChartBarLabel=_a;exports.ChartBarLabelCustom=Ea;exports.ChartBarMixed=za;exports.ChartBarMultiple=Ya;exports.ChartBarNegative=Za;exports.ChartBarStacked=tr;exports.ChartContainer=a;exports.ChartLegend=U;exports.ChartLegendContent=G;exports.ChartLineDefault=rr;exports.ChartLineDots=or;exports.ChartLineDotsColors=ir;exports.ChartLineDotsCustom=nr;exports.ChartLineInteractive=lr;exports.ChartLineLabel=dr;exports.ChartLineLabelCustom=mr;exports.ChartLineLinear=pr;exports.ChartLineMultiple=fr;exports.ChartLineStep=Cr;exports.ChartPieDonut=ur;exports.ChartPieDonutActive=gr;exports.ChartPieDonutText=kr;exports.ChartPieInteractive=yr;exports.ChartPieLabel=Nr;exports.ChartPieLabelCustom=wr;exports.ChartPieLabelList=Lr;exports.ChartPieLegend=Dr;exports.ChartPieSeparatorNone=Ar;exports.ChartRadarDefault=Sr;exports.ChartRadarDots=Fr;exports.ChartRadarGridCircle=Rr;exports.ChartRadarGridCircleFill=Jr;exports.ChartRadarGridCircleNoLines=Kr;exports.ChartRadarGridCustom=Pr;exports.ChartRadarGridFill=Mr;exports.ChartRadarGridNone=Hr;exports.ChartRadarIcons=Ur;exports.ChartRadialGrid=Gr;exports.ChartRadialLabel=Br;exports.ChartRadialShape=Vr;exports.ChartRadialSimple=Xr;exports.ChartRadialStacked=qr;exports.ChartRadialText=Wr;exports.ChartStyle=aa;exports.ChartTooltip=l;exports.ChartTooltipAdvanced=Yr;exports.ChartTooltipContent=d;exports.ChartTooltipDefault=Zr;exports.ChartTooltipFormatter=eo;exports.ChartTooltipIcons=ro;exports.ChartTooltipIndicatorLine=io;exports.ChartTooltipIndicatorNone=so;exports.ChartTooltipLabelCustom=co;exports.ChartTooltipLabelFormatter=po;exports.ChartTooltipLabelNone=fo;