@hanzo/ui 5.3.34 → 5.3.36

package/dist/charts/index.mjs

@@ -1,250 +1,8 @@
 "use client";
-import * as React from 'react';
-import * as RechartsPrimitive from 'recharts';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
+import*as Pt from'react';import*as Xt from'recharts';import {AreaChart,CartesianGrid,XAxis,Area,YAxis,BarChart,Bar,LabelList,Cell,Rectangle,LineChart,Line,Dot,PieChart,Pie,Sector,Label,RadarChart,PolarAngleAxis,PolarGrid,Radar,RadialBarChart,RadialBar,PolarRadiusAxis}from'recharts';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {ChevronDown,TrendingUp,TrendingDown,Activity,GitCommitVertical,ArrowUpFromLine,ArrowDownFromLine,Waves,Footprints}from'lucide-react';import {CheckIcon}from'@radix-ui/react-icons';import*as u from'@radix-ui/react-select';var go=Object.defineProperty;var e=(t,c)=>go(t,"name",{value:c,configurable:true});function b(...t){return twMerge(clsx(t))}e(b,"cn");var ko={light:"",dark:".dark"},va=Pt.createContext(null);function ka(){let t=Pt.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.useId(),g=`chart-${t||C.replace(/:/g,"")}`;return jsx(va.Provider,{value:{config:p},children: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:[jsx(aa,{id:g,config:p}),jsx(Xt.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?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(`
+`)}
 }
-__name(cn, "cn");
-var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React.createContext(null);
-function useChart() {
-  const context = React.useContext(ChartContext);
-  if (!context) {
-    throw new Error("useChart must be used within a <ChartContainer />");
-  }
-  return context;
-}
-__name(useChart, "useChart");
-function ChartContainer({
-  id,
-  className,
-  children,
-  config,
-  ...props
-}) {
-  const uniqueId = React.useId();
-  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "chart",
-      "data-chart": chartId,
-      className: cn(
-        "[&_.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",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })
-      ]
-    }
-  ) });
-}
-__name(ChartContainer, "ChartContainer");
-var ChartStyle = /* @__PURE__ */ __name(({ id, config }) => {
-  const colorConfig = Object.entries(config).filter(
-    ([, config2]) => config2.theme || config2.color
-  );
-  if (!colorConfig.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "style",
-    {
-      dangerouslySetInnerHTML: {
-        __html: Object.entries(THEMES).map(
-          ([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig.map(([key, itemConfig]) => {
-            const color = itemConfig.theme?.[theme] || itemConfig.color;
-            return color ? `  --color-${key}: ${color};` : null;
-          }).join("\n")}
-}
-`
-        ).join("\n")
-      }
-    }
-  );
-}, "ChartStyle");
-var ChartTooltip = RechartsPrimitive.Tooltip;
-function ChartTooltipContent({
-  active,
-  payload,
-  className,
-  indicator = "dot",
-  hideLabel = false,
-  hideIndicator = false,
-  label,
-  labelFormatter,
-  labelClassName,
-  formatter,
-  color,
-  nameKey,
-  labelKey
-}) {
-  const { config } = useChart();
-  const tooltipLabel = React.useMemo(() => {
-    if (hideLabel || !payload?.length) {
-      return null;
-    }
-    const [item] = payload;
-    const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
-    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-    const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
-    if (labelFormatter) {
-      return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
-    }
-    if (!value) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: value });
-  }, [
-    label,
-    labelFormatter,
-    payload,
-    hideLabel,
-    labelClassName,
-    config,
-    labelKey
-  ]);
-  if (!active || !payload?.length) {
-    return null;
-  }
-  const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "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",
-        className
-      ),
-      children: [
-        !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
-          const key = `${nameKey || item.name || item.dataKey || "value"}`;
-          const itemConfig = getPayloadConfigFromPayload(config, item, key);
-          const indicatorColor = color || item.payload.fill || item.color;
-          return /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
-                indicator === "dot" && "items-center"
-              ),
-              children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
-                      {
-                        "h-2.5 w-2.5": indicator === "dot",
-                        "w-1": indicator === "line",
-                        "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-                        "my-0.5": nestLabel && indicator === "dashed"
-                      }
-                    ),
-                    style: {
-                      "--color-bg": indicatorColor,
-                      "--color-border": indicatorColor
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: cn(
-                      "flex flex-1 justify-between leading-none",
-                      nestLabel ? "items-end" : "items-center"
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
-                        nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
-                      ] }),
-                      item.value && /* @__PURE__ */ jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() })
-                    ]
-                  }
-                )
-              ] })
-            },
-            item.dataKey
-          );
-        }) })
-      ]
-    }
-  );
-}
-__name(ChartTooltipContent, "ChartTooltipContent");
-var ChartLegend = RechartsPrimitive.Legend;
-function ChartLegendContent({
-  className,
-  hideIcon = false,
-  payload,
-  verticalAlign = "bottom",
-  nameKey
-}) {
-  const { config } = useChart();
-  if (!payload?.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "flex items-center justify-center gap-4",
-        verticalAlign === "top" ? "pb-3" : "pt-3",
-        className
-      ),
-      children: payload.map((item) => {
-        const key = `${nameKey || item.dataKey || "value"}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
-            ),
-            children: [
-              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "h-2 w-2 shrink-0 rounded-[2px]",
-                  style: {
-                    backgroundColor: item.color
-                  }
-                }
-              ),
-              itemConfig?.label
-            ]
-          },
-          item.value
-        );
-      })
-    }
-  );
-}
-__name(ChartLegendContent, "ChartLegendContent");
-function getPayloadConfigFromPayload(config, payload, key) {
-  if (typeof payload !== "object" || payload === null) {
-    return void 0;
-  }
-  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
-  let configLabelKey = key;
-  if (key in payload && typeof payload[key] === "string") {
-    configLabelKey = payload[key];
-  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
-    configLabelKey = payloadPayload[key];
-  }
-  return configLabelKey in config ? config[configLabelKey] : config[key];
-}
-__name(getPayloadConfigFromPayload, "getPayloadConfigFromPayload");
-
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
+`).join(`
+`)}}):null},"ChartStyle"),l=Xt.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.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?jsx("div",{className:b("font-medium",It),children:I(Ut,c)}):Ut?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 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,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 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):jsxs(Fragment,{children:[Ut?.icon?jsx(Ut.icon,{}):!C&&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}}),jsxs("div",{className:b("flex flex-1 justify-between leading-none",We?"items-end":"items-center"),children:[jsxs("div",{className:"grid gap-1.5",children:[We?ga:null,jsx("span",{className:"text-muted-foreground",children:Ut?.label||k.name})]}),k.value&&jsx("span",{className:"text-foreground font-mono font-medium tabular-nums",children:k.value.toLocaleString()})]})]})},k.dataKey)})})]})}e(d,"ChartTooltipContent");var U=Xt.Legend;function G({className:t,hideIcon:c=false,payload:h,verticalAlign:p="bottom",nameKey:f}){let{config:C}=ka();return h?.length?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 jsxs("div",{className:b("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),children:[It?.icon&&!c?jsx(It.icon,{}):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 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 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 jsx("div",{"data-slot":"card-title",className:b("leading-none font-semibold",t),...c})}e(i,"CardTitle");function n({className:t,...c}){return jsx("div",{"data-slot":"card-description",className:b("text-muted-foreground text-sm",t),...c})}e(n,"CardDescription");function s({className:t,...c}){return jsx("div",{"data-slot":"card-content",className:b("px-6",t),...c})}e(s,"CardContent");function m({className:t,...c}){return 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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Area Chart"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{children:jsx(a,{config:Ao,children:jsxs(AreaChart,{accessibilityLayer:true,data:Do,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{indicator:"line"})}),jsx(Area,{dataKey:"desktop",type:"natural",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)"})]})})}),jsx(m,{children:jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxs("div",{className:"grid gap-2",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Area Chart - Gradient"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{children:jsx(a,{config:Po,children:jsxs(AreaChart,{accessibilityLayer:true,data:Ko,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{})}),jsxs("defs",{children:[jsxs("linearGradient",{id:"fillDesktop",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsx("stop",{offset:"5%",stopColor:"var(--color-desktop)",stopOpacity:.8}),jsx("stop",{offset:"95%",stopColor:"var(--color-desktop)",stopOpacity:.1})]}),jsxs("linearGradient",{id:"fillMobile",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsx("stop",{offset:"5%",stopColor:"var(--color-mobile)",stopOpacity:.8}),jsx("stop",{offset:"95%",stopColor:"var(--color-mobile)",stopOpacity:.1})]})]}),jsx(Area,{dataKey:"mobile",type:"natural",fill:"url(#fillMobile)",fillOpacity:.4,stroke:"var(--color-mobile)",stackId:"a"}),jsx(Area,{dataKey:"desktop",type:"natural",fill:"url(#fillDesktop)",fillOpacity:.4,stroke:"var(--color-desktop)",stackId:"a"})]})})}),jsx(m,{children:jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxs("div",{className:"grid gap-2",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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:TrendingDown},mobile:{label:"Mobile",color:"hsl(var(--chart-2))",icon:TrendingUp}};function La(){return jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Area Chart - Icons"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{children:jsx(a,{config:Bo,children:jsxs(AreaChart,{accessibilityLayer:true,data:Go,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{indicator:"line"})}),jsx(Area,{dataKey:"mobile",type:"natural",fill:"var(--color-mobile)",fillOpacity:.4,stroke:"var(--color-mobile)",stackId:"a"}),jsx(Area,{dataKey:"desktop",type:"natural",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)",stackId:"a"}),jsx(U,{content:jsx(G,{})})]})})}),jsx(m,{children:jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxs("div",{className:"grid gap-2",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),jsx("div",{className:"flex items-center gap-2 leading-none text-muted-foreground",children:"January - June 2024"})]})})})]})}e(La,"Component");var ze=u.Root;var $e=u.Value,jt=e(({className:t,children:c,...h})=>jsxs(u.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,jsx(u.Icon,{asChild:true,children:jsx(ChevronDown,{className:"absolute top-[23px] right-3 h-4 w-4 opacity-50"})})]}),"SelectTrigger");jt.displayName=u.Trigger.displayName;var te=e(({className:t,children:c,position:h="popper",...p})=>jsx(u.Portal,{children:jsx(u.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:jsx(u.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.Content.displayName;var Xo=e(({className:t,...c})=>jsx(u.Label,{className:b("px-2 py-1.5 text-sm font-semibold",t),...c}),"SelectLabel");Xo.displayName=u.Label.displayName;var Gt=e(({className:t,children:c,...h})=>jsxs(u.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:[jsx("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(u.ItemIndicator,{children:jsx(CheckIcon,{className:"h-4 w-4"})})}),jsx(u.ItemText,{children:c})]}),"SelectItem");Gt.displayName=u.Item.displayName;var _o=e(({className:t,...c})=>jsx(u.Separator,{className:b("bg-muted -mx-1 my-1 h-px",t),...c}),"SelectSeparator");_o.displayName=u.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.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 jsxs(r,{children:[jsxs(o,{className:"flex items-center gap-2 space-y-0 border-b py-5 sm:flex-row",children:[jsxs("div",{className:"grid flex-1 gap-1 text-center sm:text-left",children:[jsx(i,{children:"Area Chart - Interactive"}),jsx(n,{children:"Showing total visitors for the last 3 months"})]}),jsxs(ze,{value:t,onValueChange:c,children:[jsx(jt,{className:"w-[160px] rounded-lg sm:ml-auto","aria-label":"Select a value",children:jsx($e,{placeholder:"Last 3 months"})}),jsxs(te,{className:"rounded-xl",children:[jsx(Gt,{value:"90d",className:"rounded-lg",children:"Last 3 months"}),jsx(Gt,{value:"30d",className:"rounded-lg",children:"Last 30 days"}),jsx(Gt,{value:"7d",className:"rounded-lg",children:"Last 7 days"})]})]})]}),jsx(s,{className:"px-2 pt-4 sm:px-6 sm:pt-6",children:jsx(a,{config:$o,className:"aspect-auto h-[250px] w-full",children:jsxs(AreaChart,{data:h,children:[jsxs("defs",{children:[jsxs("linearGradient",{id:"fillDesktop",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsx("stop",{offset:"5%",stopColor:"var(--color-desktop)",stopOpacity:.8}),jsx("stop",{offset:"95%",stopColor:"var(--color-desktop)",stopOpacity:.1})]}),jsxs("linearGradient",{id:"fillMobile",x1:"0",y1:"0",x2:"0",y2:"1",children:[jsx("stop",{offset:"5%",stopColor:"var(--color-mobile)",stopOpacity:.8}),jsx("stop",{offset:"95%",stopColor:"var(--color-mobile)",stopOpacity:.1})]})]}),jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"date",tickLine:false,axisLine:false,tickMargin:8,minTickGap:32,tickFormatter:p=>new Date(p).toLocaleDateString("en-US",{month:"short",day:"numeric"})}),jsx(l,{cursor:false,content:jsx(d,{labelFormatter:p=>new Date(p).toLocaleDateString("en-US",{month:"short",day:"numeric"}),indicator:"dot"})}),jsx(Area,{dataKey:"mobile",type:"natural",fill:"url(#fillMobile)",stroke:"var(--color-mobile)",stackId:"a"}),jsx(Area,{dataKey:"desktop",type:"natural",fill:"url(#fillDesktop)",stroke:"var(--color-desktop)",stackId:"a"}),jsx(U,{content: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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Area Chart - Legend"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{children:jsx(a,{config:ei,children:jsxs(AreaChart,{accessibilityLayer:true,data:ti,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{indicator:"line"})}),jsx(Area,{dataKey:"mobile",type:"natural",fill:"var(--color-mobile)",fillOpacity:.4,stroke:"var(--color-mobile)",stackId:"a"}),jsx(Area,{dataKey:"desktop",type:"natural",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)",stackId:"a"}),jsx(U,{content:jsx(G,{})})]})})}),jsx(m,{children:jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxs("div",{className:"grid gap-2",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Area Chart - Linear"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{children:jsx(a,{config:li,children:jsxs(AreaChart,{accessibilityLayer:true,data:si,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{indicator:"dot",hideLabel:true})}),jsx(Area,{dataKey:"desktop",type:"linear",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)"})]})})}),jsx(m,{children:jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxs("div",{className:"grid gap-2",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Area Chart - Stacked"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{children:jsx(a,{config:fi,children:jsxs(AreaChart,{accessibilityLayer:true,data:hi,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{indicator:"dot"})}),jsx(Area,{dataKey:"mobile",type:"natural",fill:"var(--color-mobile)",fillOpacity:.4,stroke:"var(--color-mobile)",stackId:"a"}),jsx(Area,{dataKey:"desktop",type:"natural",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)",stackId:"a"})]})})}),jsx(m,{children:jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxs("div",{className:"grid gap-2",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Area Chart - Stacked Expanded"}),jsx(n,{children:"Showing total visitors for the last 6months"})]}),jsx(s,{children:jsx(a,{config:ki,children:jsxs(AreaChart,{accessibilityLayer:true,data:vi,margin:{left:12,right:12,top:12},stackOffset:"expand",children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{indicator:"line"})}),jsx(Area,{dataKey:"other",type:"natural",fill:"var(--color-other)",fillOpacity:.1,stroke:"var(--color-other)",stackId:"a"}),jsx(Area,{dataKey:"mobile",type:"natural",fill:"var(--color-mobile)",fillOpacity:.4,stroke:"var(--color-mobile)",stackId:"a"}),jsx(Area,{dataKey:"desktop",type:"natural",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)",stackId:"a"})]})})}),jsx(m,{children:jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxs("div",{className:"grid gap-2",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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:Activity}};function Ia(){return jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Area Chart - Step"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{children:jsx(a,{config:Ai,children:jsxs(AreaChart,{accessibilityLayer:true,data:Di,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Area,{dataKey:"desktop",type:"step",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)"})]})})}),jsx(m,{children:jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxs("div",{className:"grid gap-2",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Area Chart - Axes"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{children:jsx(a,{config:Mi,children:jsxs(AreaChart,{accessibilityLayer:true,data:Pi,margin:{left:-20,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(YAxis,{tickLine:false,axisLine:false,tickMargin:8,tickCount:3}),jsx(l,{cursor:false,content:jsx(d,{})}),jsx(Area,{dataKey:"mobile",type:"natural",fill:"var(--color-mobile)",fillOpacity:.4,stroke:"var(--color-mobile)",stackId:"a"}),jsx(Area,{dataKey:"desktop",type:"natural",fill:"var(--color-desktop)",fillOpacity:.4,stroke:"var(--color-desktop)",stackId:"a"})]})})}),jsx(m,{children:jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxs("div",{className:"grid gap-2",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Bar Chart"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:Vi,children:jsxs(BarChart,{accessibilityLayer:true,data:Oi,children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Bar,{dataKey:"desktop",fill:"var(--color-desktop)",radius:8})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Bar Chart - Horizontal"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:$i,children:jsxs(BarChart,{accessibilityLayer:true,data:zi,layout:"vertical",margin:{left:-20},children:[jsx(XAxis,{type:"number",dataKey:"desktop",hide:true}),jsx(YAxis,{dataKey:"month",type:"category",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Bar,{dataKey:"desktop",fill:"var(--color-desktop)",radius:5})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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.useState("desktop"),h=Pt.useMemo(()=>({desktop:oa.reduce((p,f)=>p+f.desktop,0),mobile:oa.reduce((p,f)=>p+f.mobile,0)}),[]);return jsxs(r,{children:[jsxs(o,{className:"flex flex-col items-stretch space-y-0 border-b p-0 sm:flex-row",children:[jsxs("div",{className:"flex flex-1 flex-col justify-center gap-1 px-6 py-5 sm:py-6",children:[jsx(i,{children:"Bar Chart - Interactive"}),jsx(n,{children:"Showing total visitors for the last 3 months"})]}),jsx("div",{className:"flex",children:["desktop","mobile"].map(p=>{let f=p;return 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:[jsx("span",{className:"text-xs text-muted-foreground",children:Va[f].label}),jsx("span",{className:"text-lg font-bold leading-none sm:text-3xl",children:h[p].toLocaleString()})]},f)})})]}),jsx(s,{className:"px-2 sm:p-6",children:jsx(a,{config:Va,className:"aspect-auto h-[250px] w-full",children:jsxs(BarChart,{accessibilityLayer:true,data:oa,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"date",tickLine:false,axisLine:false,tickMargin:8,minTickGap:32,tickFormatter:p=>new Date(p).toLocaleDateString("en-US",{month:"short",day:"numeric"})}),jsx(l,{content:jsx(d,{className:"w-[150px]",nameKey:"views",labelFormatter:p=>new Date(p).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})})}),jsx(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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Bar Chart - Label"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:ln,children:jsxs(BarChart,{accessibilityLayer:true,data:sn,margin:{top:20},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Bar,{dataKey:"desktop",fill:"var(--color-desktop)",radius:8,children:jsx(LabelList,{position:"top",offset:12,className:"fill-foreground",fontSize:12})})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Bar Chart - Custom Label"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:un,children:jsxs(BarChart,{accessibilityLayer:true,data:Cn,layout:"vertical",margin:{right:16},children:[jsx(CartesianGrid,{horizontal:false}),jsx(YAxis,{dataKey:"month",type:"category",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>t.slice(0,3),hide:true}),jsx(XAxis,{dataKey:"desktop",type:"number",hide:true}),jsx(l,{cursor:false,content:jsx(d,{indicator:"line"})}),jsxs(Bar,{dataKey:"desktop",layout:"vertical",fill:"var(--color-desktop)",radius:4,children:[jsx(LabelList,{dataKey:"month",position:"insideLeft",offset:8,className:"fill-[--color-label]",fontSize:12}),jsx(LabelList,{dataKey:"desktop",position:"right",offset:8,className:"fill-foreground",fontSize:12})]})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Bar Chart - Mixed"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:Wa,children:jsxs(BarChart,{accessibilityLayer:true,data:yn,layout:"vertical",margin:{left:0},children:[jsx(YAxis,{dataKey:"browser",type:"category",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>Wa[t]?.label}),jsx(XAxis,{dataKey:"visitors",type:"number",hide:true}),jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Bar,{dataKey:"visitors",layout:"vertical",radius:5})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Bar Chart - Multiple"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:An,children:jsxs(BarChart,{accessibilityLayer:true,data:Dn,children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{indicator:"dashed"})}),jsx(Bar,{dataKey:"desktop",fill:"var(--color-desktop)",radius:4}),jsx(Bar,{dataKey:"mobile",fill:"var(--color-mobile)",radius:4})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Bar Chart - Negative"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:Mn,children:jsxs(BarChart,{accessibilityLayer:true,data:Qa,children:[jsx(CartesianGrid,{vertical:false}),jsx(l,{cursor:false,content:jsx(d,{hideLabel:true,hideIndicator:true})}),jsxs(Bar,{dataKey:"visitors",children:[jsx(LabelList,{position:"top",dataKey:"month",fillOpacity:1}),Qa.map(t=>jsx(Cell,{fill:t.visitors>0?"hsl(var(--chart-1))":"hsl(var(--chart-2))"},t.month))]})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Bar Chart - Stacked + Legend"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:On,children:jsxs(BarChart,{accessibilityLayer:true,data:Bn,children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>t.slice(0,3)}),jsx(l,{content:jsx(d,{hideLabel:true})}),jsx(U,{content:jsx(G,{})}),jsx(Bar,{dataKey:"desktop",stackId:"a",fill:"var(--color-desktop)",radius:[0,0,4,4]}),jsx(Bar,{dataKey:"mobile",stackId:"a",fill:"var(--color-mobile)",radius:[4,4,0,0]})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Bar Chart - Active"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:er,children:jsxs(BarChart,{accessibilityLayer:true,data:zn,children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"browser",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>er[t]?.label}),jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Bar,{dataKey:"visitors",strokeWidth:2,radius:8,activeIndex:2,activeBar:({...t})=>jsx(Rectangle,{...t,fillOpacity:.8,stroke:t.payload.fill,strokeDasharray:4,strokeDashoffset:4})})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Line Chart"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:es,children:jsxs(LineChart,{accessibilityLayer:true,data:ts,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Line,{dataKey:"desktop",type:"natural",stroke:"var(--color-desktop)",strokeWidth:2,dot:false})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Line Chart - Dots"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:ls,children:jsxs(LineChart,{accessibilityLayer:true,data:ss,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Line,{dataKey:"desktop",type:"natural",stroke:"var(--color-desktop)",strokeWidth:2,dot:{fill:"var(--color-desktop)"},activeDot:{r:6}})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Line Chart - Dots Colors"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:Cs,children:jsxs(LineChart,{accessibilityLayer:true,data:fs,margin:{top:24,left:24,right:24},children:[jsx(CartesianGrid,{vertical:false}),jsx(l,{cursor:false,content:jsx(d,{indicator:"line",nameKey:"visitors",hideLabel:true})}),jsx(Line,{dataKey:"visitors",type:"natural",stroke:"var(--color-visitors)",strokeWidth:2,dot:({payload:t,...c})=>jsx(Dot,{r:5,cx:c.cx,cy:c.cy,fill:t.fill,stroke:t.fill},t.browser)})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Line Chart - Custom Dots"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:Ns,children:jsxs(LineChart,{accessibilityLayer:true,data:ys,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Line,{dataKey:"desktop",type:"natural",stroke:"var(--color-desktop)",strokeWidth:2,dot:({cx:t,cy:c,payload:h})=>jsx(GitCommitVertical,{x:t-24/2,y:c-24/2,width:24,height:24,fill:"hsl(var(--background))",stroke:"var(--color-desktop)"},h.month)})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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.useState("desktop"),h=Pt.useMemo(()=>({desktop:ia.reduce((p,f)=>p+f.desktop,0),mobile:ia.reduce((p,f)=>p+f.mobile,0)}),[]);return jsxs(r,{children:[jsxs(o,{className:"flex flex-col items-stretch space-y-0 border-b p-0 sm:flex-row",children:[jsxs("div",{className:"flex flex-1 flex-col justify-center gap-1 px-6 py-5 sm:py-6",children:[jsx(i,{children:"Line Chart - Interactive"}),jsx(n,{children:"Showing total visitors for the last 3 months"})]}),jsx("div",{className:"flex",children:["desktop","mobile"].map(p=>{let f=p;return 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:[jsx("span",{className:"text-xs text-muted-foreground",children:sr[f].label}),jsx("span",{className:"text-lg font-bold leading-none sm:text-3xl",children:h[p].toLocaleString()})]},f)})})]}),jsx(s,{className:"px-2 sm:p-6",children:jsx(a,{config:sr,className:"aspect-auto h-[250px] w-full",children:jsxs(LineChart,{accessibilityLayer:true,data:ia,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"date",tickLine:false,axisLine:false,tickMargin:8,minTickGap:32,tickFormatter:p=>new Date(p).toLocaleDateString("en-US",{month:"short",day:"numeric"})}),jsx(l,{content:jsx(d,{className:"w-[150px]",nameKey:"views",labelFormatter:p=>new Date(p).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})})}),jsx(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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Line Chart - Label"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:Ms,children:jsxs(LineChart,{accessibilityLayer:true,data:Ps,margin:{top:20,left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{indicator:"line"})}),jsx(Line,{dataKey:"desktop",type:"natural",stroke:"var(--color-desktop)",strokeWidth:2,dot:{fill:"var(--color-desktop)"},activeDot:{r:6},children:jsx(LabelList,{position:"top",offset:12,className:"fill-foreground",fontSize:12})})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Line Chart - Custom Label"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:cr,children:jsxs(LineChart,{accessibilityLayer:true,data:Os,margin:{top:24,left:24,right:24},children:[jsx(CartesianGrid,{vertical:false}),jsx(l,{cursor:false,content:jsx(d,{indicator:"line",nameKey:"visitors",hideLabel:true})}),jsx(Line,{dataKey:"visitors",type:"natural",stroke:"var(--color-visitors)",strokeWidth:2,dot:{fill:"var(--color-visitors)"},activeDot:{r:6},children:jsx(LabelList,{position:"top",offset:12,className:"fill-foreground",fontSize:12,dataKey:"browser",formatter:t=>cr[t]?.label})})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Line Chart - Linear"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:zs,children:jsxs(LineChart,{accessibilityLayer:true,data:Ws,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Line,{dataKey:"desktop",type:"linear",stroke:"var(--color-desktop)",strokeWidth:2,dot:false})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Line Chart - Multiple"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:tl,children:jsxs(LineChart,{accessibilityLayer:true,data:js,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{})}),jsx(Line,{dataKey:"desktop",type:"monotone",stroke:"var(--color-desktop)",strokeWidth:2,dot:false}),jsx(Line,{dataKey:"mobile",type:"monotone",stroke:"var(--color-mobile)",strokeWidth:2,dot:false})]})})}),jsx(m,{children:jsx("div",{className:"flex w-full items-start gap-2 text-sm",children:jsxs("div",{className:"grid gap-2",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Line Chart - Step"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{children:jsx(a,{config:sl,children:jsxs(LineChart,{accessibilityLayer:true,data:nl,margin:{left:12,right:12},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:"month",tickLine:false,axisLine:false,tickMargin:8,tickFormatter:t=>t.slice(0,3)}),jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Line,{dataKey:"desktop",type:"step",stroke:"var(--color-desktop)",strokeWidth:2,dot:false})]})})}),jsxs(m,{className:"flex-col items-start gap-2 text-sm",children:[jsxs("div",{className:"flex gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Pie Chart - Donut"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:pl,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(PieChart,{children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Pie,{data:ml,dataKey:"visitors",nameKey:"browser",innerRadius:60})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Pie Chart - Donut Active"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:bl,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(PieChart,{children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Pie,{data:gl,dataKey:"visitors",nameKey:"browser",innerRadius:60,strokeWidth:5,activeIndex:0,activeShape:({outerRadius:t=0,...c})=>jsx(Sector,{...c,outerRadius:t+10})})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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.useMemo(()=>br.reduce((c,h)=>c+h.visitors,0),[]);return jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Pie Chart - Donut with Text"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:Nl,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(PieChart,{children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Pie,{data:br,dataKey:"visitors",nameKey:"browser",innerRadius:60,strokeWidth:5,children:jsx(Label,{content:({viewBox:c})=>{if(c&&"cx"in c&&"cy"in c)return jsxs("text",{x:c.cx,y:c.cy,textAnchor:"middle",dominantBaseline:"middle",children:[jsx("tspan",{x:c.cx,y:c.cy,className:"fill-foreground text-3xl font-bold",children:t.toLocaleString()}),jsx("tspan",{x:c.cx,y:(c.cy||0)+24,className:"fill-muted-foreground",children:"Visitors"})]})}})})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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.useState(De[0].month),p=Pt.useMemo(()=>De.findIndex(C=>C.month===c),[c]),f=Pt.useMemo(()=>De.map(C=>C.month),[]);return jsxs(r,{"data-chart":t,className:"flex flex-col",children:[jsx(aa,{id:t,config:na}),jsxs(o,{className:"flex-row items-start space-y-0 pb-0",children:[jsxs("div",{className:"grid gap-1",children:[jsx(i,{children:"Pie Chart - Interactive"}),jsx(n,{children:"January - June 2024"})]}),jsxs(ze,{value:c,onValueChange:h,children:[jsx(jt,{className:"ml-auto h-7 w-[130px] rounded-lg pl-2.5","aria-label":"Select a value",children:jsx($e,{placeholder:"Select month"})}),jsx(te,{align:"end",className:"rounded-xl",children:f.map(C=>{let g=na[C];return g?jsx(Gt,{value:C,className:"rounded-lg [&_span]:flex",children:jsxs("div",{className:"flex items-center gap-2 text-xs",children:[jsx("span",{className:"flex h-3 w-3 shrink-0 rounded-sm",style:{backgroundColor:`var(--color-${C})`}}),g?.label]})},C):null})})]})]}),jsx(s,{className:"flex flex-1 justify-center pb-0",children:jsx(a,{id:t,config:na,className:"mx-auto aspect-square w-full max-w-[300px]",children:jsxs(PieChart,{children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Pie,{data:De,dataKey:"desktop",nameKey:"month",innerRadius:60,strokeWidth:5,activeIndex:p,activeShape:({outerRadius:C=0,...g})=>jsxs("g",{children:[jsx(Sector,{...g,outerRadius:C+10}),jsx(Sector,{...g,outerRadius:C+25,innerRadius:C+12})]}),children:jsx(Label,{content:({viewBox:C})=>{if(C&&"cx"in C&&"cy"in C)return jsxs("text",{x:C.cx,y:C.cy,textAnchor:"middle",dominantBaseline:"middle",children:[jsx("tspan",{x:C.cx,y:C.cy,className:"fill-foreground text-3xl font-bold",children:De[p].desktop.toLocaleString()}),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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Pie Chart - Label"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:Rl,className:"mx-auto aspect-square max-h-[250px] pb-0 [&_.recharts-pie-label-text]:fill-foreground",children:jsxs(PieChart,{children:[jsx(l,{content:jsx(d,{hideLabel:true})}),jsx(Pie,{data:Fl,dataKey:"visitors",label:true,nameKey:"browser"})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Pie Chart - Custom Label"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:Hl,className:"mx-auto aspect-square max-h-[250px] px-0",children:jsxs(PieChart,{children:[jsx(l,{content:jsx(d,{nameKey:"visitors",hideLabel:true})}),jsx(Pie,{data:Ml,dataKey:"visitors",labelLine:false,label:({payload:t,...c})=>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"})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Pie Chart - Label List"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:Tr,className:"mx-auto aspect-square max-h-[250px] [&_.recharts-text]:fill-background",children:jsxs(PieChart,{children:[jsx(l,{content:jsx(d,{nameKey:"visitors",hideLabel:true})}),jsx(Pie,{data:Ol,dataKey:"visitors",children:jsx(LabelList,{dataKey:"browser",className:"fill-background",stroke:"none",fontSize:12,formatter:t=>Tr[t]?.label})})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Pie Chart - Legend"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:ql,className:"mx-auto aspect-square max-h-[300px]",children:jsxs(PieChart,{children:[jsx(Pie,{data:_l,dataKey:"visitors"}),jsx(U,{content: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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Pie Chart - Separator None"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:Yl,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(PieChart,{children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(Pie,{data:$l,dataKey:"visitors",nameKey:"browser",stroke:"0"})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{className:"items-center pb-4",children:[jsx(i,{children:"Radar Chart"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{className:"pb-0",children:jsx(a,{config:rd,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadarChart,{data:ad,children:[jsx(l,{cursor:false,content:jsx(d,{})}),jsx(PolarAngleAxis,{dataKey:"month"}),jsx(PolarGrid,{}),jsx(Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{className:"items-center",children:[jsx(i,{children:"Radar Chart - Dots"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{className:"pb-0",children:jsx(a,{config:cd,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadarChart,{data:dd,children:[jsx(l,{cursor:false,content:jsx(d,{})}),jsx(PolarAngleAxis,{dataKey:"month"}),jsx(PolarGrid,{}),jsx(Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6,dot:{r:4,fillOpacity:1}})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{className:"items-center pb-4",children:[jsx(i,{children:"Radar Chart - Grid Circle"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{className:"pb-0",children:jsx(a,{config:gd,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadarChart,{data:ud,children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(PolarGrid,{gridType:"circle"}),jsx(PolarAngleAxis,{dataKey:"month"}),jsx(Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6,dot:{r:4,fillOpacity:1}})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{className:"items-center pb-4",children:[jsx(i,{children:"Radar Chart - Grid Circle Filled"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{className:"pb-0",children:jsx(a,{config:wd,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadarChart,{data:Nd,children:[jsx(l,{cursor:false,content:jsx(d,{})}),jsx(PolarGrid,{className:"fill-[--color-desktop] opacity-20",gridType:"circle"}),jsx(PolarAngleAxis,{dataKey:"month"}),jsx(Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.5})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{className:"items-center pb-4",children:[jsx(i,{children:"Radar Chart - Grid Circle - No lines"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{className:"pb-0",children:jsx(a,{config:Rd,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadarChart,{data:Fd,children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(PolarGrid,{gridType:"circle",radialLines:false}),jsx(PolarAngleAxis,{dataKey:"month"}),jsx(Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6,dot:{r:4,fillOpacity:1}})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{className:"items-center pb-4",children:[jsx(i,{children:"Radar Chart - Grid Custom"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{className:"pb-0",children:jsx(a,{config:Ud,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadarChart,{data:Id,children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(PolarGrid,{radialLines:false,polarRadius:[90],strokeWidth:1}),jsx(PolarAngleAxis,{dataKey:"month"}),jsx(Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{className:"items-center pb-4",children:[jsx(i,{children:"Radar Chart - Grid Filled"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{className:"pb-0",children:jsx(a,{config:qd,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadarChart,{data:_d,children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(PolarGrid,{className:"fill-[--color-desktop] opacity-20"}),jsx(PolarAngleAxis,{dataKey:"month"}),jsx(Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.5})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{className:"items-center pb-4",children:[jsx(i,{children:"Radar Chart - Grid None"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{className:"pb-0",children:jsx(a,{config:Qd,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadarChart,{data:Yd,children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(PolarAngleAxis,{dataKey:"month"}),jsx(Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6,dot:{r:4,fillOpacity:1}})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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:ArrowDownFromLine},mobile:{label:"Mobile",color:"hsl(var(--chart-2))",icon:ArrowUpFromLine}};function Ur(){return jsxs(r,{children:[jsxs(o,{className:"items-center pb-4",children:[jsx(i,{children:"Radar Chart - Icons"}),jsx(n,{children:"Showing total visitors for the last 6 months"})]}),jsx(s,{children:jsx(a,{config:ic,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadarChart,{data:oc,margin:{top:-40,bottom:-10},children:[jsx(l,{cursor:false,content:jsx(d,{indicator:"line"})}),jsx(PolarAngleAxis,{dataKey:"month"}),jsx(PolarGrid,{}),jsx(Radar,{dataKey:"desktop",fill:"var(--color-desktop)",fillOpacity:.6}),jsx(Radar,{dataKey:"mobile",fill:"var(--color-mobile)"}),jsx(U,{className:"mt-8",content:jsx(G,{})})]})})}),jsxs(m,{className:"flex-col gap-2 pt-4 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Radial Chart - Grid"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:mc,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadialBarChart,{data:cc,innerRadius:30,outerRadius:100,children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true,nameKey:"browser"})}),jsx(PolarGrid,{gridType:"circle"}),jsx(RadialBar,{dataKey:"visitors"})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Radial Chart - Label"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:gc,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadialBarChart,{data:uc,startAngle:-90,endAngle:380,innerRadius:30,outerRadius:110,children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true,nameKey:"browser"})}),jsx(RadialBar,{dataKey:"visitors",background:true,children:jsx(LabelList,{position:"insideStart",dataKey:"browser",className:"fill-white capitalize mix-blend-luminosity",fontSize:11})})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Radial Chart - Shape"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:wc,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadialBarChart,{data:Or,endAngle:100,innerRadius:80,outerRadius:140,children:[jsx(PolarGrid,{gridType:"circle",radialLines:false,stroke:"none",className:"first:fill-muted last:fill-background",polarRadius:[86,74]}),jsx(RadialBar,{dataKey:"visitors",background:true}),jsx(PolarRadiusAxis,{tick:false,tickLine:false,axisLine:false,children:jsx(Label,{content:({viewBox:t})=>{if(t&&"cx"in t&&"cy"in t)return jsxs("text",{x:t.cx,y:t.cy,textAnchor:"middle",dominantBaseline:"middle",children:[jsx("tspan",{x:t.cx,y:t.cy,className:"fill-foreground text-4xl font-bold",children:Or[0].visitors.toLocaleString()}),jsx("tspan",{x:t.cx,y:(t.cy||0)+24,className:"fill-muted-foreground",children:"Visitors"})]})}})})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Radial Chart"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:Sc,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadialBarChart,{data:Ac,innerRadius:30,outerRadius:110,children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true,nameKey:"browser"})}),jsx(RadialBar,{dataKey:"visitors",background:true})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Radial Chart - Stacked"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex flex-1 items-center pb-0",children:jsx(a,{config:Pc,className:"mx-auto aspect-square w-full max-w-[250px]",children:jsxs(RadialBarChart,{data:la,endAngle:180,innerRadius:80,outerRadius:130,children:[jsx(l,{cursor:false,content:jsx(d,{hideLabel:true})}),jsx(PolarRadiusAxis,{tick:false,tickLine:false,axisLine:false,children:jsx(Label,{content:({viewBox:c})=>{if(c&&"cx"in c&&"cy"in c)return jsxs("text",{x:c.cx,y:c.cy,textAnchor:"middle",children:[jsx("tspan",{x:c.cx,y:(c.cy||0)-16,className:"fill-foreground text-2xl font-bold",children:t.toLocaleString()}),jsx("tspan",{x:c.cx,y:(c.cy||0)+4,className:"fill-muted-foreground",children:"Visitors"})]})}})}),jsx(RadialBar,{dataKey:"desktop",stackId:"a",cornerRadius:5,fill:"var(--color-desktop)",className:"stroke-transparent stroke-2"}),jsx(RadialBar,{dataKey:"mobile",fill:"var(--color-mobile)",stackId:"a",cornerRadius:5,className:"stroke-transparent stroke-2"})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{className:"flex flex-col",children:[jsxs(o,{className:"items-center pb-0",children:[jsx(i,{children:"Radial Chart - Text"}),jsx(n,{children:"January - June 2024"})]}),jsx(s,{className:"flex-1 pb-0",children:jsx(a,{config:Oc,className:"mx-auto aspect-square max-h-[250px]",children:jsxs(RadialBarChart,{data:Er,startAngle:0,endAngle:250,innerRadius:80,outerRadius:110,children:[jsx(PolarGrid,{gridType:"circle",radialLines:false,stroke:"none",className:"first:fill-muted last:fill-background",polarRadius:[86,74]}),jsx(RadialBar,{dataKey:"visitors",background:true,cornerRadius:10}),jsx(PolarRadiusAxis,{tick:false,tickLine:false,axisLine:false,children:jsx(Label,{content:({viewBox:t})=>{if(t&&"cx"in t&&"cy"in t)return jsxs("text",{x:t.cx,y:t.cy,textAnchor:"middle",dominantBaseline:"middle",children:[jsx("tspan",{x:t.cx,y:t.cy,className:"fill-foreground text-4xl font-bold",children:Er[0].visitors.toLocaleString()}),jsx("tspan",{x:t.cx,y:(t.cy||0)+24,className:"fill-muted-foreground",children:"Visitors"})]})}})})]})})}),jsxs(m,{className:"flex-col gap-2 text-sm",children:[jsxs("div",{className:"flex items-center gap-2 font-medium leading-none",children:["Trending up by 5.2% this month ",jsx(TrendingUp,{className:"h-4 w-4"})]}),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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Tooltip - Advanced"}),jsx(n,{children:"Tooltip with custom formatter and total."})]}),jsx(s,{children:jsx(a,{config:$r,children:jsxs(BarChart,{accessibilityLayer:true,data:_c,children:[jsx(XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsx(Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsx(Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsx(l,{content:jsx(d,{hideLabel:true,className:"w-[180px]",formatter:(t,c,h,p)=>jsxs(Fragment,{children:[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,jsxs("div",{className:"ml-auto flex items-baseline gap-0.5 font-mono font-medium tabular-nums text-foreground",children:[t,jsx("span",{className:"font-normal text-muted-foreground",children:"kcal"})]}),p===1&&jsxs("div",{className:"mt-1.5 flex basis-full items-center border-t pt-1.5 text-xs font-medium text-foreground",children:["Total",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,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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Tooltip - Default"}),jsx(n,{children:"Default tooltip with ChartTooltipContent."})]}),jsx(s,{children:jsx(a,{config:$c,children:jsxs(BarChart,{accessibilityLayer:true,data:zc,children:[jsx(XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsx(Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsx(Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsx(l,{content: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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Tooltip - Formatter"}),jsx(n,{children:"Tooltip with custom formatter ."})]}),jsx(s,{children:jsx(a,{config:to,children:jsxs(BarChart,{accessibilityLayer:true,data:Zc,children:[jsx(XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsx(Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsx(Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsx(l,{content:jsx(d,{hideLabel:true,formatter:(t,c)=>jsxs("div",{className:"flex min-w-[130px] items-center text-xs text-muted-foreground",children:[to[c]?.label||c,jsxs("div",{className:"ml-auto flex items-baseline gap-0.5 font-mono font-medium tabular-nums text-foreground",children:[t,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:Footprints},swimming:{label:"Swimming",color:"hsl(var(--chart-2))",icon:Waves}};function ro(){return jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Tooltip - Icons"}),jsx(n,{children:"Tooltip with icons."})]}),jsx(s,{children:jsx(a,{config:om,children:jsxs(BarChart,{accessibilityLayer:true,data:rm,children:[jsx(XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsx(Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsx(Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsx(l,{content: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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Tooltip - Line Indicator"}),jsx(n,{children:"Tooltip with line indicator."})]}),jsx(s,{children:jsx(a,{config:lm,children:jsxs(BarChart,{accessibilityLayer:true,data:sm,children:[jsx(XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsx(Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsx(Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsx(l,{content: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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Tooltip - No Indicator"}),jsx(n,{children:"Tooltip with no indicator."})]}),jsx(s,{children:jsx(a,{config:pm,children:jsxs(BarChart,{accessibilityLayer:true,data:mm,children:[jsx(XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsx(Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsx(Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsx(l,{content: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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Tooltip - Custom label"}),jsx(n,{children:"Tooltip with custom label from chartConfig."})]}),jsx(s,{children:jsx(a,{config:um,children:jsxs(BarChart,{accessibilityLayer:true,data:Cm,children:[jsx(XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsx(Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsx(Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsx(l,{content: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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Tooltip - Label Formatter"}),jsx(n,{children:"Tooltip with label formatter."})]}),jsx(s,{children:jsx(a,{config:km,children:jsxs(BarChart,{accessibilityLayer:true,data:vm,children:[jsx(XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsx(Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsx(Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsx(l,{content: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 jsxs(r,{children:[jsxs(o,{children:[jsx(i,{children:"Tooltip - No Label"}),jsx(n,{children:"Tooltip with no label."})]}),jsx(s,{children:jsx(a,{config:wm,children:jsxs(BarChart,{accessibilityLayer:true,data:Nm,children:[jsx(XAxis,{dataKey:"date",tickLine:false,tickMargin:10,axisLine:false,tickFormatter:t=>new Date(t).toLocaleDateString("en-US",{weekday:"short"})}),jsx(Bar,{dataKey:"running",stackId:"a",fill:"var(--color-running)",radius:[0,0,4,4]}),jsx(Bar,{dataKey:"swimming",stackId:"a",fill:"var(--color-swimming)",radius:[4,4,0,0]}),jsx(l,{content:jsx(d,{hideIndicator:true,hideLabel:true}),cursor:false,defaultIndex:1})]})})})]})}e(fo,"Component");export{Ga as ChartAreaAxes,xa as ChartAreaDefault,Na as ChartAreaGradient,La as ChartAreaIcons,Fa as ChartAreaInteractive,Ja as ChartAreaLegend,Ka as ChartAreaLinear,Ma as ChartAreaStacked,Ha as ChartAreaStackedExpand,Ia as ChartAreaStep,ar as ChartBarActive,Ba as ChartBarDefault,Oa as ChartBarHorizontal,Xa as ChartBarInteractive,_a as ChartBarLabel,Ea as ChartBarLabelCustom,za as ChartBarMixed,Ya as ChartBarMultiple,Za as ChartBarNegative,tr as ChartBarStacked,a as ChartContainer,U as ChartLegend,G as ChartLegendContent,rr as ChartLineDefault,or as ChartLineDots,ir as ChartLineDotsColors,nr as ChartLineDotsCustom,lr as ChartLineInteractive,dr as ChartLineLabel,mr as ChartLineLabelCustom,pr as ChartLineLinear,fr as ChartLineMultiple,Cr as ChartLineStep,ur as ChartPieDonut,gr as ChartPieDonutActive,kr as ChartPieDonutText,yr as ChartPieInteractive,Nr as ChartPieLabel,wr as ChartPieLabelCustom,Lr as ChartPieLabelList,Dr as ChartPieLegend,Ar as ChartPieSeparatorNone,Sr as ChartRadarDefault,Fr as ChartRadarDots,Rr as ChartRadarGridCircle,Jr as ChartRadarGridCircleFill,Kr as ChartRadarGridCircleNoLines,Pr as ChartRadarGridCustom,Mr as ChartRadarGridFill,Hr as ChartRadarGridNone,Ur as ChartRadarIcons,Gr as ChartRadialGrid,Br as ChartRadialLabel,Vr as ChartRadialShape,Xr as ChartRadialSimple,qr as ChartRadialStacked,Wr as ChartRadialText,aa as ChartStyle,l as ChartTooltip,Yr as ChartTooltipAdvanced,d as ChartTooltipContent,Zr as ChartTooltipDefault,eo as ChartTooltipFormatter,ro as ChartTooltipIcons,io as ChartTooltipIndicatorLine,so as ChartTooltipIndicatorNone,co as ChartTooltipLabelCustom,po as ChartTooltipLabelFormatter,fo as ChartTooltipLabelNone};

package/dist/checkbox.js

@@ -1,60 +1,2 @@
 "use client";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var CheckboxPrimitive = require('@radix-ui/react-checkbox');
-var reactIcons = require('@radix-ui/react-icons');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var 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 CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-__name(cn, "cn");
-var Checkbox = /* @__PURE__ */ __name(({ className, ref, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  CheckboxPrimitive__namespace.Root,
-  {
-    className: cn(
-      "focus-visible:ring-ring data-[state=checked]:bg-brand data-[state=checked]:border-brand peer h-4 w-4 shrink-0 rounded-xs border border-gray-400 shadow-sm focus-visible:ring-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-black",
-      className
-    ),
-    ref,
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      CheckboxPrimitive__namespace.Indicator,
-      {
-        className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, { className: "h-3.5 w-3.5" })
-      }
-    )
-  }
-), "Checkbox");
-Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
-var checkbox_default = Checkbox;
-
-exports.Checkbox = Checkbox;
-exports.default = checkbox_default;
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var t=require('@radix-ui/react-checkbox'),reactIcons=require('@radix-ui/react-icons'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),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 t__namespace=/*#__PURE__*/_interopNamespace(t);var s=Object.defineProperty;var o=(e,r)=>s(e,"name",{value:r,configurable:true});function i(...e){return tailwindMerge.twMerge(clsx.clsx(e))}o(i,"cn");var c=o(({className:e,ref:r,...n})=>jsxRuntime.jsx(t__namespace.Root,{className:i("focus-visible:ring-ring data-[state=checked]:bg-brand data-[state=checked]:border-brand peer h-4 w-4 shrink-0 rounded-xs border border-gray-400 shadow-sm focus-visible:ring-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-black",e),ref:r,...n,children:jsxRuntime.jsx(t__namespace.Indicator,{className:i("flex items-center justify-center text-current"),children:jsxRuntime.jsx(reactIcons.CheckIcon,{className:"h-3.5 w-3.5"})})}),"Checkbox");c.displayName=t__namespace.Root.displayName;var C=c;exports.Checkbox=c;exports.default=C;