@hanzo/ui 5.3.39 → 5.3.41

package/dist/primitives/carousel.js

@@ -1,95 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import useEmblaCarousel from 'embla-carousel-react';
-import { ArrowLeft, ArrowRight } from 'lucide-react';
-import { cn } from '../util';
-import Button from './button';
-const CarouselContext = React.createContext(null);
-const useCarousel = () => {
-    const service = React.useContext(CarouselContext);
-    if (!service) {
-        throw new Error('useCarousel must be used within a <Carousel />');
-    }
-    return service;
-};
-// https://github.com/emilkowalski/vaul/pull/250
-// See data-vaul-no-drag throughout
-const Carousel = React.forwardRef(({ orientation = 'horizontal', options, setApi, plugins, className, children, onCarouselSelect, ...props }, ref) => {
-    const [carouselRef, api] = useEmblaCarousel({ ...options, axis: orientation === 'horizontal' ? 'x' : 'y' }, plugins);
-    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
-    const [canScrollNext, setCanScrollNext] = React.useState(false);
-    const onSelect = React.useCallback((api) => {
-        if (!api) {
-            return;
-        } // would this ever happen??
-        setCanScrollPrev(api.canScrollPrev());
-        setCanScrollNext(api.canScrollNext());
-        if (onCarouselSelect) {
-            onCarouselSelect(api);
-        }
-    }, []);
-    const scrollPrev = React.useCallback(() => { api?.scrollPrev(); }, [api]);
-    const scrollNext = React.useCallback(() => { api?.scrollNext(); }, [api]);
-    const handleKeyDown = React.useCallback((event) => {
-        if (event.key === 'ArrowLeft') {
-            event.preventDefault();
-            scrollPrev();
-        }
-        else if (event.key === 'ArrowRight') {
-            event.preventDefault();
-            scrollNext();
-        }
-    }, [scrollPrev, scrollNext]);
-    React.useEffect(() => {
-        if (!api || !setApi) {
-            return;
-        }
-        setApi(api);
-    }, [api, setApi]);
-    React.useEffect(() => {
-        if (!api) {
-            return;
-        }
-        onSelect(api);
-        api.on('reInit', onSelect);
-        api.on('select', onSelect);
-        return () => { api?.off('select', onSelect); };
-    }, [api, onSelect]);
-    return (_jsx(CarouselContext.Provider, { value: {
-            carouselRef,
-            api,
-            options,
-            orientation: orientation || (options?.axis === 'y' ? 'vertical' : 'horizontal'),
-            scrollPrev,
-            scrollNext,
-            canScrollPrev,
-            canScrollNext,
-        }, children: _jsx("div", { ref: ref, onKeyDownCapture: handleKeyDown, className: cn('relative', className), role: 'region', "aria-roledescription": 'carousel', "data-vaul-no-drag": true, ...props, children: children }) }));
-});
-Carousel.displayName = 'Carousel';
-const CarouselContent = React.forwardRef(({ className, ...props }, ref) => {
-    const { carouselRef, orientation } = useCarousel();
-    return (_jsx("div", { ref: carouselRef, className: 'overflow-hidden', "data-vaul-no-drag": true, children: _jsx("div", { ref: ref, className: cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className), ...props }) }));
-});
-CarouselContent.displayName = 'CarouselContent';
-const CarouselItem = React.forwardRef(({ className, ...props }, ref) => {
-    const { orientation } = useCarousel();
-    return (_jsx("div", { ref: ref, role: 'group', "aria-roledescription": 'slide', "data-vaul-no-drag": true, className: cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className), ...props }));
-});
-CarouselItem.displayName = 'CarouselItem';
-const CarouselPrevious = React.forwardRef(({ className, variant = 'ghost', size = 'icon', ...props }, ref) => {
-    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return (_jsxs(Button, { ref: ref, variant: variant, size: size, className: cn('absolute  h-8 w-8 rounded-full', orientation === 'horizontal'
-            ? '-left-12 top-1/2 -translate-y-1/2'
-            : '-top-12 left-1/2 -translate-x-1/2 rotate-90', className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ArrowLeft, { className: 'h-4 w-4' }), _jsx("span", { className: 'sr-only', children: "Previous slide" })] }));
-});
-CarouselPrevious.displayName = 'CarouselPrevious';
-const CarouselNext = React.forwardRef(({ className, variant = 'ghost', size = 'icon', ...props }, ref) => {
-    const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return (_jsxs(Button, { ref: ref, variant: variant, size: size, className: cn('absolute h-8 w-8 rounded-full', orientation === 'horizontal'
-            ? '-right-12 top-1/2 -translate-y-1/2'
-            : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90', className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ArrowRight, { className: 'h-4 w-4' }), _jsx("span", { className: 'sr-only', children: "Next slide" })] }));
-});
-CarouselNext.displayName = 'CarouselNext';
-export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/dist/primitives/chart.d.ts

@@ -1,41 +0,0 @@
-import * as React from "react";
-import * as RechartsPrimitive from "recharts";
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-export type ChartConfig = {
-    [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
-    config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): import("react/jsx-runtime").JSX.Element;
-declare const ChartStyle: ({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}) => import("react/jsx-runtime").JSX.Element | null;
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    nameKey?: string;
-    labelKey?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-    hideIcon?: boolean;
-    nameKey?: string;
-}): import("react/jsx-runtime").JSX.Element | null;
-export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
-//# sourceMappingURL=chart.d.ts.map

package/dist/primitives/chart.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../primitives/chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAA;AAK7C,QAAA,MAAM,MAAM;;;CAAwC,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG;KACvB,CAAC,IAAI,MAAM,GAAG;QACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACvB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;KAC3B,GAAG,CACA;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,GACjC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAChE;CACF,CAAA;AAkBD,iBAAS,cAAc,CAAC,EACtB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,EAAE,WAAW,CAAA;IACnB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAC5B,OAAO,iBAAiB,CAAC,mBAAmB,CAC7C,CAAC,UAAU,CAAC,CAAA;CACd,2CAsBA;AAED,QAAA,MAAM,UAAU,GAAI,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,mDA+BtE,CAAA;AAED,QAAA,MAAM,YAAY,kCAA4B,CAAA;AAE9C,iBAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,KAAK,EACL,cAAc,EACd,cAAc,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,OAAO,CAAC,GACvD,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,kDAyHF;AAED,QAAA,MAAM,WAAW,iCAA2B,CAAA;AAE5C,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAwB,EACxB,OAAO,GACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC5B,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,SAAS,GAAG,eAAe,CAAC,GAAG;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,kDA0CF;AAyCD,OAAO,EACL,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,UAAU,GACX,CAAA"}

package/dist/primitives/chart.js

@@ -1,128 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import * as RechartsPrimitive from "recharts";
-import { cn } from "../src/utils";
-// Format: { THEME_NAME: CSS_SELECTOR }
-const THEMES = { light: "", dark: ".dark" };
-const 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;
-}
-function ChartContainer({ id, className, children, config, ...props }) {
-    const uniqueId = React.useId();
-    const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-    return (_jsx(ChartContext.Provider, { value: { config }, children: _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: [_jsx(ChartStyle, { id: chartId, config: config }), _jsx(RechartsPrimitive.ResponsiveContainer, { children: children })] }) }));
-}
-const ChartStyle = ({ id, config }) => {
-    const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);
-    if (!colorConfig.length) {
-        return null;
-    }
-    return (_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"),
-        } }));
-};
-const 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 (_jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) }));
-        }
-        if (!value) {
-            return null;
-        }
-        return _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 (_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, _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 (_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 !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (_jsxs(_Fragment, { children: [itemConfig?.icon ? (_jsx(itemConfig.icon, {})) : (!hideIndicator && (_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,
-                                    } }))), _jsxs("div", { className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"), children: [_jsxs("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, _jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })] }), item.value && (_jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() }))] })] })) }, item.dataKey));
-                }) })] }));
-}
-const ChartLegend = RechartsPrimitive.Legend;
-function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey, }) {
-    const { config } = useChart();
-    if (!payload?.length) {
-        return null;
-    }
-    return (_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 (_jsxs("div", { className: cn("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"), children: [itemConfig?.icon && !hideIcon ? (_jsx(itemConfig.icon, {})) : (_jsx("div", { className: "h-2 w-2 shrink-0 rounded-[2px]", style: {
-                            backgroundColor: item.color,
-                        } })), itemConfig?.label] }, item.value));
-        }) }));
-}
-// Helper to extract item config from a payload.
-function getPayloadConfigFromPayload(config, payload, key) {
-    if (typeof payload !== "object" || payload === null) {
-        return undefined;
-    }
-    const payloadPayload = "payload" in payload &&
-        typeof payload.payload === "object" &&
-        payload.payload !== null
-        ? payload.payload
-        : undefined;
-    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];
-}
-export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

package/dist/primitives/charts/area/chart-area-axes.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "An area chart with axes";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-area-axes.d.ts.map

package/dist/primitives/charts/area/chart-area-axes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-area-axes.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/area/chart-area-axes.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,4BAA4B,CAAA;AAsBpD,MAAM,CAAC,OAAO,UAAU,SAAS,4CAmEhC"}

package/dist/primitives/charts/area/chart-area-axes.js

@@ -1,31 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "An area chart with axes";
-const chartData = [
-    { 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 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-    mobile: {
-        label: "Mobile",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Area Chart - Axes" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(AreaChart, { accessibilityLayer: true, data: chartData, margin: {
-                            left: -20,
-                            right: 12,
-                        }, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "month", tickLine: false, axisLine: false, tickMargin: 8, tickFormatter: (value) => value.slice(0, 3) }), _jsx(YAxis, { tickLine: false, axisLine: false, tickMargin: 8, tickCount: 3 }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, {}) }), _jsx(Area, { dataKey: "mobile", type: "natural", fill: "var(--color-mobile)", fillOpacity: 0.4, stroke: "var(--color-mobile)", stackId: "a" }), _jsx(Area, { dataKey: "desktop", type: "natural", fill: "var(--color-desktop)", fillOpacity: 0.4, stroke: "var(--color-desktop)", stackId: "a" })] }) }) }), _jsx(CardFooter, { 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" })] }) }) })] }));
-}

package/dist/primitives/charts/area/chart-area-default.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A simple area chart";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-area-default.d.ts.map

package/dist/primitives/charts/area/chart-area-default.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-area-default.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/area/chart-area-default.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,wBAAwB,CAAA;AAkBhD,MAAM,CAAC,OAAO,UAAU,SAAS,4CAuDhC"}

package/dist/primitives/charts/area/chart-area-default.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { Area, AreaChart, CartesianGrid, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A simple area chart";
-const chartData = [
-    { month: "January", desktop: 186 },
-    { month: "February", desktop: 305 },
-    { month: "March", desktop: 237 },
-    { month: "April", desktop: 73 },
-    { month: "May", desktop: 209 },
-    { month: "June", desktop: 214 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Area Chart" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(AreaChart, { accessibilityLayer: true, data: chartData, margin: {
-                            left: 12,
-                            right: 12,
-                        }, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "month", tickLine: false, axisLine: false, tickMargin: 8, tickFormatter: (value) => value.slice(0, 3) }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { indicator: "line" }) }), _jsx(Area, { dataKey: "desktop", type: "natural", fill: "var(--color-desktop)", fillOpacity: 0.4, stroke: "var(--color-desktop)" })] }) }) }), _jsx(CardFooter, { 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" })] }) }) })] }));
-}

package/dist/primitives/charts/area/chart-area-gradient.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "An area chart with gradient fill";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-area-gradient.d.ts.map

package/dist/primitives/charts/area/chart-area-gradient.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-area-gradient.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/area/chart-area-gradient.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,qCAAqC,CAAA;AAsB7D,MAAM,CAAC,OAAO,UAAU,SAAS,4CAuFhC"}

package/dist/primitives/charts/area/chart-area-gradient.js

@@ -1,31 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { Area, AreaChart, CartesianGrid, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "An area chart with gradient fill";
-const chartData = [
-    { 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 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-    mobile: {
-        label: "Mobile",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Area Chart - Gradient" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(AreaChart, { accessibilityLayer: true, data: chartData, margin: {
-                            left: 12,
-                            right: 12,
-                        }, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "month", tickLine: false, axisLine: false, tickMargin: 8, tickFormatter: (value) => value.slice(0, 3) }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, {}) }), _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: 0.8 }), _jsx("stop", { offset: "95%", stopColor: "var(--color-desktop)", stopOpacity: 0.1 })] }), _jsxs("linearGradient", { id: "fillMobile", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "5%", stopColor: "var(--color-mobile)", stopOpacity: 0.8 }), _jsx("stop", { offset: "95%", stopColor: "var(--color-mobile)", stopOpacity: 0.1 })] })] }), _jsx(Area, { dataKey: "mobile", type: "natural", fill: "url(#fillMobile)", fillOpacity: 0.4, stroke: "var(--color-mobile)", stackId: "a" }), _jsx(Area, { dataKey: "desktop", type: "natural", fill: "url(#fillDesktop)", fillOpacity: 0.4, stroke: "var(--color-desktop)", stackId: "a" })] }) }) }), _jsx(CardFooter, { 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" })] }) }) })] }));
-}

package/dist/primitives/charts/area/chart-area-icons.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "An area chart with icons";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-area-icons.d.ts.map

package/dist/primitives/charts/area/chart-area-icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-area-icons.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/area/chart-area-icons.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,WAAW,6BAA6B,CAAA;AAwBrD,MAAM,CAAC,OAAO,UAAU,SAAS,4CAiEhC"}

package/dist/primitives/charts/area/chart-area-icons.js

@@ -1,33 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingDown, TrendingUp } from "lucide-react";
-import { Area, AreaChart, CartesianGrid, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "An area chart with icons";
-const chartData = [
-    { 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 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-        icon: TrendingDown,
-    },
-    mobile: {
-        label: "Mobile",
-        color: "hsl(var(--chart-2))",
-        icon: TrendingUp,
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Area Chart - Icons" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(AreaChart, { accessibilityLayer: true, data: chartData, margin: {
-                            left: 12,
-                            right: 12,
-                        }, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "month", tickLine: false, axisLine: false, tickMargin: 8, tickFormatter: (value) => value.slice(0, 3) }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { indicator: "line" }) }), _jsx(Area, { dataKey: "mobile", type: "natural", fill: "var(--color-mobile)", fillOpacity: 0.4, stroke: "var(--color-mobile)", stackId: "a" }), _jsx(Area, { dataKey: "desktop", type: "natural", fill: "var(--color-desktop)", fillOpacity: 0.4, stroke: "var(--color-desktop)", stackId: "a" }), _jsx(ChartLegend, { content: _jsx(ChartLegendContent, {}) })] }) }) }), _jsx(CardFooter, { 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" })] }) }) })] }));
-}

package/dist/primitives/charts/area/chart-area-interactive.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "An interactive area chart";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-area-interactive.d.ts.map

package/dist/primitives/charts/area/chart-area-interactive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-area-interactive.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/area/chart-area-interactive.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,WAAW,8BAA8B,CAAA;AA8GtD,MAAM,CAAC,OAAO,UAAU,SAAS,4CA+HhC"}

package/dist/primitives/charts/area/chart-area-interactive.js

@@ -1,143 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Area, AreaChart, CartesianGrid, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, } from "../../chart";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../select";
-export const description = "An interactive area chart";
-const chartData = [
-    { 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 },
-];
-const chartConfig = {
-    visitors: {
-        label: "Visitors",
-    },
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-    mobile: {
-        label: "Mobile",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    const [timeRange, setTimeRange] = React.useState("90d");
-    const filteredData = chartData.filter((item) => {
-        const date = new Date(item.date);
-        const referenceDate = new Date("2024-06-30");
-        let daysToSubtract = 90;
-        if (timeRange === "30d") {
-            daysToSubtract = 30;
-        }
-        else if (timeRange === "7d") {
-            daysToSubtract = 7;
-        }
-        const startDate = new Date(referenceDate);
-        startDate.setDate(startDate.getDate() - daysToSubtract);
-        return date >= startDate;
-    });
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { 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(CardTitle, { children: "Area Chart - Interactive" }), _jsx(CardDescription, { children: "Showing total visitors for the last 3 months" })] }), _jsxs(Select, { value: timeRange, onValueChange: setTimeRange, children: [_jsx(SelectTrigger, { className: "w-[160px] rounded-lg sm:ml-auto", "aria-label": "Select a value", children: _jsx(SelectValue, { placeholder: "Last 3 months" }) }), _jsxs(SelectContent, { className: "rounded-xl", children: [_jsx(SelectItem, { value: "90d", className: "rounded-lg", children: "Last 3 months" }), _jsx(SelectItem, { value: "30d", className: "rounded-lg", children: "Last 30 days" }), _jsx(SelectItem, { value: "7d", className: "rounded-lg", children: "Last 7 days" })] })] })] }), _jsx(CardContent, { className: "px-2 pt-4 sm:px-6 sm:pt-6", children: _jsx(ChartContainer, { config: chartConfig, className: "aspect-auto h-[250px] w-full", children: _jsxs(AreaChart, { data: filteredData, 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: 0.8 }), _jsx("stop", { offset: "95%", stopColor: "var(--color-desktop)", stopOpacity: 0.1 })] }), _jsxs("linearGradient", { id: "fillMobile", x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "5%", stopColor: "var(--color-mobile)", stopOpacity: 0.8 }), _jsx("stop", { offset: "95%", stopColor: "var(--color-mobile)", stopOpacity: 0.1 })] })] }), _jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "date", tickLine: false, axisLine: false, tickMargin: 8, minTickGap: 32, tickFormatter: (value) => {
-                                    const date = new Date(value);
-                                    return date.toLocaleDateString("en-US", {
-                                        month: "short",
-                                        day: "numeric",
-                                    });
-                                } }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { labelFormatter: (value) => {
-                                        return new Date(value).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(ChartLegend, { content: _jsx(ChartLegendContent, {}) })] }) }) })] }));
-}

package/dist/primitives/charts/area/chart-area-legend.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "An area chart with a legend";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-area-legend.d.ts.map

package/dist/primitives/charts/area/chart-area-legend.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-area-legend.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/area/chart-area-legend.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,WAAW,gCAAgC,CAAA;AAsBxD,MAAM,CAAC,OAAO,UAAU,SAAS,4CAiEhC"}