@appcorp/shadcn 2.0.0 → 2.0.1

package/components/ui/carousel-impl.js

@@ -1,117 +1 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import useEmblaCarousel from "embla-carousel-react";
-import { cn } from "../../lib/utils";
-import { Button } from "../ui/button";
-import { ArrowLeftIcon, ArrowRightIcon } from "@radix-ui/react-icons";
-const CarouselContext = React.createContext(null);
-function useCarousel() {
-    const context = React.useContext(CarouselContext);
-    if (!context) {
-        throw new Error("useCarousel must be used within a <Carousel />");
-    }
-    return context;
-}
-const Carousel = React.forwardRef((_a, ref) => {
-    var { orientation = "horizontal", opts, setApi, plugins, className, children } = _a, props = __rest(_a, ["orientation", "opts", "setApi", "plugins", "className", "children"]);
-    const [carouselRef, api] = useEmblaCarousel(Object.assign(Object.assign({}, opts), { 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;
-        }
-        setCanScrollPrev(api.canScrollPrev());
-        setCanScrollNext(api.canScrollNext());
-    }, []);
-    const scrollPrev = React.useCallback(() => {
-        api === null || api === void 0 ? void 0 : api.scrollPrev();
-    }, [api]);
-    const scrollNext = React.useCallback(() => {
-        api === null || api === void 0 ? void 0 : 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 === null || api === void 0 ? void 0 : api.off("select", onSelect);
-        };
-    }, [api, onSelect]);
-    return (React.createElement(CarouselContext.Provider, { value: {
-            carouselRef,
-            api: api,
-            opts,
-            orientation: orientation || ((opts === null || opts === void 0 ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
-            scrollPrev,
-            scrollNext,
-            canScrollPrev,
-            canScrollNext,
-        } },
-        React.createElement("div", Object.assign({ ref: ref, onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel" }, props), children)));
-});
-Carousel.displayName = "Carousel";
-const CarouselContent = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    const { carouselRef, orientation } = useCarousel();
-    return (React.createElement("div", { ref: carouselRef, className: "overflow-hidden" },
-        React.createElement("div", Object.assign({ ref: ref, className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className) }, props))));
-});
-CarouselContent.displayName = "CarouselContent";
-const CarouselItem = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    const { orientation } = useCarousel();
-    return (React.createElement("div", Object.assign({ ref: ref, role: "group", "aria-roledescription": "slide", 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((_a, ref) => {
-    var { className, variant = "outline", size = "icon" } = _a, props = __rest(_a, ["className", "variant", "size"]);
-    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return (React.createElement(Button, Object.assign({ 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),
-        React.createElement(ArrowLeftIcon, { className: "h-4 w-4" }),
-        React.createElement("span", { className: "sr-only" }, "Previous slide")));
-});
-CarouselPrevious.displayName = "CarouselPrevious";
-const CarouselNext = React.forwardRef((_a, ref) => {
-    var { className, variant = "outline", size = "icon" } = _a, props = __rest(_a, ["className", "variant", "size"]);
-    const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return (React.createElement(Button, Object.assign({ 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),
-        React.createElement(ArrowRightIcon, { className: "h-4 w-4" }),
-        React.createElement("span", { className: "sr-only" }, "Next slide")));
-});
-CarouselNext.displayName = "CarouselNext";
-export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
+"use strict";"use client";var p=function(t,s){var l={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&s.indexOf(r)<0&&(l[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,r=Object.getOwnPropertySymbols(t);a<r.length;a++)s.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(t,r[a])&&(l[r[a]]=t[r[a]]);return l};import*as e from"react";import k from"embla-carousel-react";import{cn as d}from"../../lib/utils";import{Button as b}from"../ui/button";import{ArrowLeftIcon as A,ArrowRightIcon as I}from"@radix-ui/react-icons";const h=e.createContext(null);function v(){const t=e.useContext(h);if(!t)throw new Error("useCarousel must be used within a <Carousel />");return t}const w=e.forwardRef((t,s)=>{var{orientation:l="horizontal",opts:r,setApi:a,plugins:i,className:c,children:u}=t,f=p(t,["orientation","opts","setApi","plugins","className","children"]);const[O,o]=k(Object.assign(Object.assign({},r),{axis:l==="horizontal"?"x":"y"}),i),[P,z]=e.useState(!1),[S,j]=e.useState(!1),m=e.useCallback(n=>{n&&(z(n.canScrollPrev()),j(n.canScrollNext()))},[]),N=e.useCallback(()=>{o?.scrollPrev()},[o]),C=e.useCallback(()=>{o?.scrollNext()},[o]),R=e.useCallback(n=>{n.key==="ArrowLeft"?(n.preventDefault(),N()):n.key==="ArrowRight"&&(n.preventDefault(),C())},[N,C]);return e.useEffect(()=>{!o||!a||a(o)},[o,a]),e.useEffect(()=>{if(o)return m(o),o.on("reInit",m),o.on("select",m),()=>{o?.off("select",m)}},[o,m]),e.createElement(h.Provider,{value:{carouselRef:O,api:o,opts:r,orientation:l||(r?.axis==="y"?"vertical":"horizontal"),scrollPrev:N,scrollNext:C,canScrollPrev:P,canScrollNext:S}},e.createElement("div",Object.assign({ref:s,onKeyDownCapture:R,className:d("relative",c),role:"region","aria-roledescription":"carousel"},f),u))});w.displayName="Carousel";const x=e.forwardRef((t,s)=>{var{className:l}=t,r=p(t,["className"]);const{carouselRef:a,orientation:i}=v();return e.createElement("div",{ref:a,className:"overflow-hidden"},e.createElement("div",Object.assign({ref:s,className:d("flex",i==="horizontal"?"-ml-4":"-mt-4 flex-col",l)},r)))});x.displayName="CarouselContent";const y=e.forwardRef((t,s)=>{var{className:l}=t,r=p(t,["className"]);const{orientation:a}=v();return e.createElement("div",Object.assign({ref:s,role:"group","aria-roledescription":"slide",className:d("min-w-0 shrink-0 grow-0 basis-full",a==="horizontal"?"pl-4":"pt-4",l)},r))});y.displayName="CarouselItem";const g=e.forwardRef((t,s)=>{var{className:l,variant:r="outline",size:a="icon"}=t,i=p(t,["className","variant","size"]);const{orientation:c,scrollPrev:u,canScrollPrev:f}=v();return e.createElement(b,Object.assign({ref:s,variant:r,size:a,className:d("absolute  h-8 w-8 rounded-full",c==="horizontal"?"-left-12 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",l),disabled:!f,onClick:u},i),e.createElement(A,{className:"h-4 w-4"}),e.createElement("span",{className:"sr-only"},"Previous slide"))});g.displayName="CarouselPrevious";const E=e.forwardRef((t,s)=>{var{className:l,variant:r="outline",size:a="icon"}=t,i=p(t,["className","variant","size"]);const{orientation:c,scrollNext:u,canScrollNext:f}=v();return e.createElement(b,Object.assign({ref:s,variant:r,size:a,className:d("absolute h-8 w-8 rounded-full",c==="horizontal"?"-right-12 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",l),disabled:!f,onClick:u},i),e.createElement(I,{className:"h-4 w-4"}),e.createElement("span",{className:"sr-only"},"Next slide"))});E.displayName="CarouselNext";export{w as Carousel,x as CarouselContent,y as CarouselItem,g as CarouselPrevious,E as CarouselNext};

package/components/ui/carousel.js

@@ -1,9 +1 @@
-"use client";
-import * as React from "react";
-const module = import("./carousel-impl");
-const lazy = (name) => React.lazy(() => module.then((m) => ({ default: m[name] })));
-export const Carousel = lazy("Carousel");
-export const CarouselContent = lazy("CarouselContent");
-export const CarouselItem = lazy("CarouselItem");
-export const CarouselPrevious = lazy("CarouselPrevious");
-export const CarouselNext = lazy("CarouselNext");
+"use strict";"use client";import*as s from"react";const r=import("./carousel-impl"),o=e=>s.lazy(()=>r.then(t=>({default:t[e]})));export const Carousel=o("Carousel"),CarouselContent=o("CarouselContent"),CarouselItem=o("CarouselItem"),CarouselPrevious=o("CarouselPrevious"),CarouselNext=o("CarouselNext");

package/components/ui/chart-impl.js

@@ -1,162 +1,7 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import * as RechartsPrimitive from "recharts";
-import { cn } from "../../lib/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;
+"use strict";"use client";var R=function(o,e){var n={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&e.indexOf(t)<0&&(n[t]=o[t]);if(o!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,t=Object.getOwnPropertySymbols(o);s<t.length;s++)e.indexOf(t[s])<0&&Object.prototype.propertyIsEnumerable.call(o,t[s])&&(n[t[s]]=o[t[s]]);return n};import*as r from"react";import*as C from"recharts";import{cn as v}from"../../lib/utils";const T={light:"",dark:".dark"},y=r.createContext(null);function k(){const o=r.useContext(y);if(!o)throw new Error("useChart must be used within a <ChartContainer />");return o}const N=r.forwardRef((o,e)=>{var{id:n,className:t,children:s,config:m}=o,i=R(o,["id","className","children","config"]);const a=r.useId(),d=`chart-${n||a.replace(/:/g,"")}`;return r.createElement(y.Provider,{value:{config:m}},r.createElement("div",Object.assign({"data-chart":d,ref:e,className:v("flex aspect-video justify-center text-xs [&_.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-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.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 [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",t)},i),r.createElement(j,{id:d,config:m}),r.createElement(C.ResponsiveContainer,null,s)))});N.displayName="Chart";const j=({id:o,config:e})=>{const n=Object.entries(e).filter(([,t])=>t.theme||t.color);return n.length?r.createElement("style",{dangerouslySetInnerHTML:{__html:Object.entries(T).map(([t,s])=>`
+${s} [data-chart=${o}] {
+${n.map(([m,i])=>{var a;const d=((a=i.theme)===null||a===void 0?void 0:a[t])||i.color;return d?`  --color-${m}: ${d};`:null}).join(`
+`)}
 }
-const ChartContainer = React.forwardRef((_a, ref) => {
-    var { id, className, children, config } = _a, props = __rest(_a, ["id", "className", "children", "config"]);
-    const uniqueId = React.useId();
-    const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-    return (React.createElement(ChartContext.Provider, { value: { config } },
-        React.createElement("div", Object.assign({ "data-chart": chartId, ref: ref, className: cn("flex aspect-video justify-center text-xs [&_.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-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.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 [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none", className) }, props),
-            React.createElement(ChartStyle, { id: chartId, config: config }),
-            React.createElement(RechartsPrimitive.ResponsiveContainer, null, children))));
-});
-ChartContainer.displayName = "Chart";
-const ChartStyle = ({ id, config }) => {
-    const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);
-    if (!colorConfig.length) {
-        return null;
-    }
-    return (React.createElement("style", { dangerouslySetInnerHTML: {
-            __html: Object.entries(THEMES)
-                .map(([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig
-                .map(([key, itemConfig]) => {
-                var _a;
-                const color = ((_a = itemConfig.theme) === null || _a === void 0 ? void 0 : _a[theme]) ||
-                    itemConfig.color;
-                return color ? `  --color-${key}: ${color};` : null;
-            })
-                .join("\n")}
-}
-`)
-                .join("\n"),
-        } }));
-};
-const ChartTooltip = RechartsPrimitive.Tooltip;
-const ChartTooltipContent = React.forwardRef(({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }, ref) => {
-    const { config } = useChart();
-    const tooltipLabel = React.useMemo(() => {
-        var _a;
-        if (hideLabel || !(payload === null || payload === void 0 ? void 0 : payload.length)) {
-            return null;
-        }
-        const [item] = payload;
-        const key = `${labelKey || (item === null || item === void 0 ? void 0 : item.dataKey) || (item === null || item === void 0 ? void 0 : item.name) || "value"}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        const value = !labelKey && typeof label === "string"
-            ? ((_a = config[label]) === null || _a === void 0 ? void 0 : _a.label) || label
-            : itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.label;
-        if (labelFormatter) {
-            return (React.createElement("div", { className: cn("font-medium", labelClassName) }, labelFormatter(String(value !== null && value !== void 0 ? value : ""), payload !== null && payload !== void 0 ? payload : [])));
-        }
-        if (!value) {
-            return null;
-        }
-        return React.createElement("div", { className: cn("font-medium", labelClassName) }, value);
-    }, [
-        label,
-        labelFormatter,
-        payload,
-        hideLabel,
-        labelClassName,
-        config,
-        labelKey,
-    ]);
-    if (!active || !(payload === null || payload === void 0 ? void 0 : payload.length)) {
-        return null;
-    }
-    const nestLabel = payload.length === 1 && indicator !== "dot";
-    return (React.createElement("div", { ref: ref, className: cn("grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", className) },
-        !nestLabel ? tooltipLabel : null,
-        React.createElement("div", { className: "grid gap-1.5" }, payload
-            .filter((item) => item.type !== "none")
-            .map((item, index) => {
-            var _a;
-            const key = `${nameKey || item.name || item.dataKey || "value"}`;
-            const itemConfig = getPayloadConfigFromPayload(config, item, key);
-            const indicatorColor = color || ((_a = item.payload) === null || _a === void 0 ? void 0 : _a.fill) || item.color;
-            return (React.createElement("div", { key: item.dataKey, className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center") }, formatter && (item === null || item === void 0 ? void 0 : item.value) !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (React.createElement(React.Fragment, null,
-                (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.icon) ? (React.createElement(itemConfig.icon, null)) : (!hideIndicator && (React.createElement("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,
-                    } }))),
-                React.createElement("div", { className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center") },
-                    React.createElement("div", { className: "grid gap-1.5" },
-                        nestLabel ? tooltipLabel : null,
-                        React.createElement("span", { className: "text-muted-foreground" }, (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.label) || item.name)),
-                    item.value && (React.createElement("span", { className: "font-mono font-medium tabular-nums text-foreground" }, item.value.toLocaleString())))))));
-        }))));
-});
-ChartTooltipContent.displayName = "ChartTooltip";
-const ChartLegend = RechartsPrimitive.Legend;
-const ChartLegendContent = React.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
-    const { config } = useChart();
-    if (!(payload === null || payload === void 0 ? void 0 : payload.length)) {
-        return null;
-    }
-    return (React.createElement("div", { ref: ref, className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className) }, payload
-        .filter((item) => item.type !== "none")
-        .map((item) => {
-        const key = `${nameKey || item.dataKey || "value"}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return (React.createElement("div", { key: item.value, className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground") },
-            (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.icon) && !hideIcon ? (React.createElement(itemConfig.icon, null)) : (React.createElement("div", { className: "h-2 w-2 shrink-0 rounded-[2px]", style: {
-                    backgroundColor: item.color,
-                } })), itemConfig === null || itemConfig === void 0 ? void 0 :
-            itemConfig.label));
-    })));
-});
-ChartLegendContent.displayName = "ChartLegend";
-// 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, };
+`).join(`
+`)}}):null},I=C.Tooltip,O=r.forwardRef(({active:o,payload:e,className:n,indicator:t="dot",hideLabel:s=!1,hideIndicator:m=!1,label:i,labelFormatter:a,labelClassName:d,formatter:u,color:L,nameKey:P,labelKey:x},S)=>{const{config:p}=k(),_=r.useMemo(()=>{var l;if(s||!e?.length)return null;const[f]=e,g=`${x||f?.dataKey||f?.name||"value"}`,h=E(p,f,g),c=!x&&typeof i=="string"?((l=p[i])===null||l===void 0?void 0:l.label)||i:h?.label;return a?r.createElement("div",{className:v("font-medium",d)},a(String(c??""),e??[])):c?r.createElement("div",{className:v("font-medium",d)},c):null},[i,a,e,s,d,p,x]);if(!o||!e?.length)return null;const b=e.length===1&&t!=="dot";return r.createElement("div",{ref:S,className:v("grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",n)},b?null:_,r.createElement("div",{className:"grid gap-1.5"},e.filter(l=>l.type!=="none").map((l,f)=>{var g;const h=`${P||l.name||l.dataKey||"value"}`,c=E(p,l,h),w=L||((g=l.payload)===null||g===void 0?void 0:g.fill)||l.color;return r.createElement("div",{key:l.dataKey,className:v("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",t==="dot"&&"items-center")},u&&l?.value!==void 0&&l.name?u(l.value,l.name,l,f,l.payload):r.createElement(r.Fragment,null,c?.icon?r.createElement(c.icon,null):!m&&r.createElement("div",{className:v("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",{"h-2.5 w-2.5":t==="dot","w-1":t==="line","w-0 border-[1.5px] border-dashed bg-transparent":t==="dashed","my-0.5":b&&t==="dashed"}),style:{"--color-bg":w,"--color-border":w}}),r.createElement("div",{className:v("flex flex-1 justify-between leading-none",b?"items-end":"items-center")},r.createElement("div",{className:"grid gap-1.5"},b?_:null,r.createElement("span",{className:"text-muted-foreground"},c?.label||l.name)),l.value&&r.createElement("span",{className:"font-mono font-medium tabular-nums text-foreground"},l.value.toLocaleString()))))})))});O.displayName="ChartTooltip";const K=C.Legend,$=r.forwardRef(({className:o,hideIcon:e=!1,payload:n,verticalAlign:t="bottom",nameKey:s},m)=>{const{config:i}=k();return n?.length?r.createElement("div",{ref:m,className:v("flex items-center justify-center gap-4",t==="top"?"pb-3":"pt-3",o)},n.filter(a=>a.type!=="none").map(a=>{const d=`${s||a.dataKey||"value"}`,u=E(i,a,d);return r.createElement("div",{key:a.value,className:v("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground")},u?.icon&&!e?r.createElement(u.icon,null):r.createElement("div",{className:"h-2 w-2 shrink-0 rounded-[2px]",style:{backgroundColor:a.color}}),u?.label)})):null});$.displayName="ChartLegend";function E(o,e,n){if(typeof e!="object"||e===null)return;const t="payload"in e&&typeof e.payload=="object"&&e.payload!==null?e.payload:void 0;let s=n;return n in e&&typeof e[n]=="string"?s=e[n]:t&&n in t&&typeof t[n]=="string"&&(s=t[n]),s in o?o[s]:o[n]}export{N as ChartContainer,I as ChartTooltip,O as ChartTooltipContent,K as ChartLegend,$ as ChartLegendContent,j as ChartStyle};

package/components/ui/chart.js

@@ -1,10 +1 @@
-"use client";
-import * as React from "react";
-const module = import("./chart-impl");
-const lazy = (name) => React.lazy(() => module.then((m) => ({ default: m[name] })));
-export const ChartContainer = lazy("ChartContainer");
-export const ChartTooltip = lazy("ChartTooltip");
-export const ChartTooltipContent = lazy("ChartTooltipContent");
-export const ChartLegend = lazy("ChartLegend");
-export const ChartLegendContent = lazy("ChartLegendContent");
-export const ChartStyle = lazy("ChartStyle");
+"use strict";"use client";import*as n from"react";const r=import("./chart-impl"),t=o=>n.lazy(()=>r.then(e=>({default:e[o]})));export const ChartContainer=t("ChartContainer"),ChartTooltip=t("ChartTooltip"),ChartTooltipContent=t("ChartTooltipContent"),ChartLegend=t("ChartLegend"),ChartLegendContent=t("ChartLegendContent"),ChartStyle=t("ChartStyle");

package/components/ui/checkbox.js

@@ -1,24 +1 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { cn } from "../../lib/utils";
-import { CheckIcon } from "@radix-ui/react-icons";
-const Checkbox = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(CheckboxPrimitive.Root, Object.assign({ ref: ref, className: cn("grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", className) }, props),
-        React.createElement(CheckboxPrimitive.Indicator, { className: cn("grid place-content-center text-current") },
-            React.createElement(CheckIcon, { className: "h-4 w-4" }))));
-});
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-export { Checkbox };
+"use strict";"use client";var l=function(r,a){var o={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&a.indexOf(e)<0&&(o[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var t=0,e=Object.getOwnPropertySymbols(r);t<e.length;t++)a.indexOf(e[t])<0&&Object.prototype.propertyIsEnumerable.call(r,e[t])&&(o[e[t]]=r[e[t]]);return o};import*as c from"react";import*as n from"@radix-ui/react-checkbox";import{cn as i}from"../../lib/utils";import{CheckIcon as m}from"@radix-ui/react-icons";const s=c.forwardRef((r,a)=>{var{className:o}=r,e=l(r,["className"]);return c.createElement(n.Root,Object.assign({ref:a,className:i("grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",o)},e),c.createElement(n.Indicator,{className:i("grid place-content-center text-current")},c.createElement(m,{className:"h-4 w-4"})))});s.displayName=n.Root.displayName;export{s as Checkbox};

package/components/ui/collapsible.js

@@ -1,6 +1 @@
-"use client";
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-const Collapsible = CollapsiblePrimitive.Root;
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
-const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+"use strict";"use client";import*as l from"@radix-ui/react-collapsible";const o=l.Root,e=l.CollapsibleTrigger,i=l.CollapsibleContent;export{o as Collapsible,e as CollapsibleTrigger,i as CollapsibleContent};

package/components/ui/combobox.js

@@ -1,52 +1 @@
-import * as React from "react";
-import { Check, ChevronsUpDown } from "lucide-react";
-import { cn } from "../../lib/utils";
-import { Button } from "../ui/button";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "../ui/command";
-import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
-const frameworks = [
-    {
-        value: "next.js",
-        label: "Next.js",
-    },
-    {
-        value: "sveltekit",
-        label: "SvelteKit",
-    },
-    {
-        value: "nuxt.js",
-        label: "Nuxt.js",
-    },
-    {
-        value: "remix",
-        label: "Remix",
-    },
-    {
-        value: "astro",
-        label: "Astro",
-    },
-];
-export default function ComboboxDemo() {
-    var _a;
-    const [open, setOpen] = React.useState(false);
-    const [value, setValue] = React.useState("");
-    return (React.createElement("div", { className: "w-full p-6 flex justify-center" },
-        React.createElement(Popover, { open: open, onOpenChange: setOpen },
-            React.createElement(PopoverTrigger, { asChild: true },
-                React.createElement(Button, { variant: "outline", role: "combobox", "aria-expanded": open, className: "w-[200px] justify-between" },
-                    value
-                        ? (_a = frameworks.find((framework) => framework.value === value)) === null || _a === void 0 ? void 0 : _a.label
-                        : "Select framework...",
-                    React.createElement(ChevronsUpDown, { className: "opacity-50" }))),
-            React.createElement(PopoverContent, { className: "w-[200px] p-0" },
-                React.createElement(Command, null,
-                    React.createElement(CommandInput, { placeholder: "Search framework...", className: "h-9" }),
-                    React.createElement(CommandList, null,
-                        React.createElement(CommandEmpty, null, "No framework found."),
-                        React.createElement(CommandGroup, null, frameworks.map((framework) => (React.createElement(CommandItem, { key: framework.value, value: framework.value, onSelect: (currentValue) => {
-                                setValue(currentValue === value ? "" : currentValue);
-                                setOpen(false);
-                            } },
-                            framework.label,
-                            React.createElement(Check, { className: cn("ml-auto", value === framework.value ? "opacity-100" : "opacity-0") })))))))))));
-}
+"use strict";import*as e from"react";import{Check as c,ChevronsUpDown as u}from"lucide-react";import{cn as p}from"../../lib/utils";import{Button as i}from"../ui/button";import{Command as v,CommandEmpty as f,CommandGroup as d,CommandInput as E,CommandItem as x,CommandList as b}from"../ui/command";import{Popover as C,PopoverContent as N,PopoverTrigger as h}from"../ui/popover";const r=[{value:"next.js",label:"Next.js"},{value:"sveltekit",label:"SvelteKit"},{value:"nuxt.js",label:"Nuxt.js"},{value:"remix",label:"Remix"},{value:"astro",label:"Astro"}];export default function y(){var l;const[o,m]=e.useState(!1),[a,s]=e.useState("");return e.createElement("div",{className:"w-full p-6 flex justify-center"},e.createElement(C,{open:o,onOpenChange:m},e.createElement(h,{asChild:!0},e.createElement(i,{variant:"outline",role:"combobox","aria-expanded":o,className:"w-[200px] justify-between"},a?(l=r.find(t=>t.value===a))===null||l===void 0?void 0:l.label:"Select framework...",e.createElement(u,{className:"opacity-50"}))),e.createElement(N,{className:"w-[200px] p-0"},e.createElement(v,null,e.createElement(E,{placeholder:"Search framework...",className:"h-9"}),e.createElement(b,null,e.createElement(f,null,"No framework found."),e.createElement(d,null,r.map(t=>e.createElement(x,{key:t.value,value:t.value,onSelect:n=>{s(n===a?"":n),m(!1)}},t.label,e.createElement(c,{className:p("ml-auto",a===t.value?"opacity-100":"opacity-0")})))))))))}

package/components/ui/command-impl.js

@@ -1,63 +1 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { cn } from "../../lib/utils";
-import { Dialog, DialogContent } from "../ui/dialog";
-import { MagnifyingGlassIcon } from "@radix-ui/react-icons";
-const Command = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(CommandPrimitive, Object.assign({ ref: ref, className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className) }, props)));
-});
-Command.displayName = CommandPrimitive.displayName;
-const CommandDialog = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (React.createElement(Dialog, Object.assign({}, props),
-        React.createElement(DialogContent, { className: "overflow-hidden p-0" },
-            React.createElement(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5" }, children))));
-};
-const CommandInput = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "" },
-        React.createElement(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-        React.createElement(CommandPrimitive.Input, Object.assign({ ref: ref, className: cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className) }, props))));
-});
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-const CommandList = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(CommandPrimitive.List, Object.assign({ ref: ref, className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className) }, props)));
-});
-CommandList.displayName = CommandPrimitive.List.displayName;
-const CommandEmpty = React.forwardRef((props, ref) => (React.createElement(CommandPrimitive.Empty, Object.assign({ ref: ref, className: "py-6 text-center text-sm" }, props))));
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-const CommandGroup = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(CommandPrimitive.Group, Object.assign({ ref: ref, className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className) }, props)));
-});
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-const CommandSeparator = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(CommandPrimitive.Separator, Object.assign({ ref: ref, className: cn("-mx-1 h-px bg-border", className) }, props)));
-});
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-const CommandItem = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(CommandPrimitive.Item, Object.assign({ ref: ref, className: cn("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className) }, props)));
-});
-CommandItem.displayName = CommandPrimitive.Item.displayName;
-const CommandShortcut = (_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("span", Object.assign({ className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className) }, props)));
-};
-CommandShortcut.displayName = "CommandShortcut";
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+"use strict";"use client";var m=function(e,t){var s={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(s[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,a=Object.getOwnPropertySymbols(e);d<a.length;d++)t.indexOf(a[d])<0&&Object.prototype.propertyIsEnumerable.call(e,a[d])&&(s[a[d]]=e[a[d]]);return s};import*as r from"react";import{Command as o}from"cmdk";import{cn as n}from"../../lib/utils";import{Dialog as y,DialogContent as x}from"../ui/dialog";import{MagnifyingGlassIcon as h}from"@radix-ui/react-icons";const c=r.forwardRef((e,t)=>{var{className:s}=e,a=m(e,["className"]);return r.createElement(o,Object.assign({ref:t,className:n("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",s)},a))});c.displayName=o.displayName;const v=e=>{var{children:t}=e,s=m(e,["children"]);return r.createElement(y,Object.assign({},s),r.createElement(x,{className:"overflow-hidden p-0"},r.createElement(c,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"},t)))},p=r.forwardRef((e,t)=>{var{className:s}=e,a=m(e,["className"]);return r.createElement("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":""},r.createElement(h,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),r.createElement(o.Input,Object.assign({ref:t,className:n("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",s)},a)))});p.displayName=o.Input.displayName;const l=r.forwardRef((e,t)=>{var{className:s}=e,a=m(e,["className"]);return r.createElement(o.List,Object.assign({ref:t,className:n("max-h-[300px] overflow-y-auto overflow-x-hidden",s)},a))});l.displayName=o.List.displayName;const i=r.forwardRef((e,t)=>r.createElement(o.Empty,Object.assign({ref:t,className:"py-6 text-center text-sm"},e)));i.displayName=o.Empty.displayName;const u=r.forwardRef((e,t)=>{var{className:s}=e,a=m(e,["className"]);return r.createElement(o.Group,Object.assign({ref:t,className:n("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",s)},a))});u.displayName=o.Group.displayName;const f=r.forwardRef((e,t)=>{var{className:s}=e,a=m(e,["className"]);return r.createElement(o.Separator,Object.assign({ref:t,className:n("-mx-1 h-px bg-border",s)},a))});f.displayName=o.Separator.displayName;const g=r.forwardRef((e,t)=>{var{className:s}=e,a=m(e,["className"]);return r.createElement(o.Item,Object.assign({ref:t,className:n("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",s)},a))});g.displayName=o.Item.displayName;const N=e=>{var{className:t}=e,s=m(e,["className"]);return r.createElement("span",Object.assign({className:n("ml-auto text-xs tracking-widest text-muted-foreground",t)},s))};N.displayName="CommandShortcut";export{c as Command,v as CommandDialog,p as CommandInput,l as CommandList,i as CommandEmpty,u as CommandGroup,g as CommandItem,N as CommandShortcut,f as CommandSeparator};

package/components/ui/command.js

@@ -1,13 +1 @@
-"use client";
-import * as React from "react";
-const module = import("./command-impl");
-const lazy = (name) => React.lazy(() => module.then((m) => ({ default: m[name] })));
-export const Command = lazy("Command");
-export const CommandDialog = lazy("CommandDialog");
-export const CommandInput = lazy("CommandInput");
-export const CommandList = lazy("CommandList");
-export const CommandEmpty = lazy("CommandEmpty");
-export const CommandGroup = lazy("CommandGroup");
-export const CommandItem = lazy("CommandItem");
-export const CommandShortcut = lazy("CommandShortcut");
-export const CommandSeparator = lazy("CommandSeparator");
+"use strict";"use client";import*as n from"react";const a=import("./command-impl"),o=m=>n.lazy(()=>a.then(t=>({default:t[m]})));export const Command=o("Command"),CommandDialog=o("CommandDialog"),CommandInput=o("CommandInput"),CommandList=o("CommandList"),CommandEmpty=o("CommandEmpty"),CommandGroup=o("CommandGroup"),CommandItem=o("CommandItem"),CommandShortcut=o("CommandShortcut"),CommandSeparator=o("CommandSeparator");

package/components/ui/context-menu.js

@@ -1,80 +1 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import { cn } from "../../lib/utils";
-import { CheckIcon, ChevronRightIcon, DotFilledIcon, } from "@radix-ui/react-icons";
-const ContextMenu = ContextMenuPrimitive.Root;
-const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
-const ContextMenuGroup = ContextMenuPrimitive.Group;
-const ContextMenuPortal = ContextMenuPrimitive.Portal;
-const ContextMenuSub = ContextMenuPrimitive.Sub;
-const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-const ContextMenuSubTrigger = React.forwardRef((_a, ref) => {
-    var { className, inset, children } = _a, props = __rest(_a, ["className", "inset", "children"]);
-    return (React.createElement(ContextMenuPrimitive.SubTrigger, Object.assign({ ref: ref, className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", inset && "pl-8", className) }, props),
-        children,
-        React.createElement(ChevronRightIcon, { className: "ml-auto h-4 w-4" })));
-});
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-const ContextMenuSubContent = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(ContextMenuPrimitive.SubContent, Object.assign({ ref: ref, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 origin-[--radix-context-menu-content-transform-origin]", className) }, props)));
-});
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-const ContextMenuContent = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(ContextMenuPrimitive.Portal, null,
-        React.createElement(ContextMenuPrimitive.Content, Object.assign({ ref: ref, className: cn("z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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 origin-[--radix-context-menu-content-transform-origin]", className) }, props))));
-});
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-const ContextMenuItem = React.forwardRef((_a, ref) => {
-    var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
-    return (React.createElement(ContextMenuPrimitive.Item, Object.assign({ ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className) }, props)));
-});
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-const ContextMenuCheckboxItem = React.forwardRef((_a, ref) => {
-    var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);
-    return (React.createElement(ContextMenuPrimitive.CheckboxItem, Object.assign({ ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked }, props),
-        React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
-            React.createElement(ContextMenuPrimitive.ItemIndicator, null,
-                React.createElement(CheckIcon, { className: "h-4 w-4" }))),
-        children));
-});
-ContextMenuCheckboxItem.displayName =
-    ContextMenuPrimitive.CheckboxItem.displayName;
-const ContextMenuRadioItem = React.forwardRef((_a, ref) => {
-    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return (React.createElement(ContextMenuPrimitive.RadioItem, Object.assign({ ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className) }, props),
-        React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
-            React.createElement(ContextMenuPrimitive.ItemIndicator, null,
-                React.createElement(DotFilledIcon, { className: "h-4 w-4 fill-current" }))),
-        children));
-});
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-const ContextMenuLabel = React.forwardRef((_a, ref) => {
-    var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
-    return (React.createElement(ContextMenuPrimitive.Label, Object.assign({ ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold text-foreground", inset && "pl-8", className) }, props)));
-});
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-const ContextMenuSeparator = React.forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement(ContextMenuPrimitive.Separator, Object.assign({ ref: ref, className: cn("-mx-1 my-1 h-px bg-border", className) }, props)));
-});
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-const ContextMenuShortcut = (_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (React.createElement("span", Object.assign({ className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className) }, props)));
-};
-ContextMenuShortcut.displayName = "ContextMenuShortcut";
-export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
+"use strict";"use client";var c=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,t=Object.getOwnPropertySymbols(e);s<t.length;s++)r.indexOf(t[s])<0&&Object.prototype.propertyIsEnumerable.call(e,t[s])&&(o[t[s]]=e[t[s]]);return o};import*as a from"react";import*as n from"@radix-ui/react-context-menu";import{cn as l}from"../../lib/utils";import{CheckIcon as h,ChevronRightIcon as y,DotFilledIcon as v}from"@radix-ui/react-icons";const C=n.Root,w=n.Trigger,E=n.Group,O=n.Portal,I=n.Sub,M=n.RadioGroup,i=a.forwardRef((e,r)=>{var{className:o,inset:t,children:s}=e,d=c(e,["className","inset","children"]);return a.createElement(n.SubTrigger,Object.assign({ref:r,className:l("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",t&&"pl-8",o)},d),s,a.createElement(y,{className:"ml-auto h-4 w-4"}))});i.displayName=n.SubTrigger.displayName;const m=a.forwardRef((e,r)=>{var{className:o}=e,t=c(e,["className"]);return a.createElement(n.SubContent,Object.assign({ref:r,className:l("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 origin-[--radix-context-menu-content-transform-origin]",o)},t))});m.displayName=n.SubContent.displayName;const p=a.forwardRef((e,r)=>{var{className:o}=e,t=c(e,["className"]);return a.createElement(n.Portal,null,a.createElement(n.Content,Object.assign({ref:r,className:l("z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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 origin-[--radix-context-menu-content-transform-origin]",o)},t)))});p.displayName=n.Content.displayName;const u=a.forwardRef((e,r)=>{var{className:o,inset:t}=e,s=c(e,["className","inset"]);return a.createElement(n.Item,Object.assign({ref:r,className:l("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",o)},s))});u.displayName=n.Item.displayName;const f=a.forwardRef((e,r)=>{var{className:o,children:t,checked:s}=e,d=c(e,["className","children","checked"]);return a.createElement(n.CheckboxItem,Object.assign({ref:r,className:l("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),checked:s},d),a.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},a.createElement(n.ItemIndicator,null,a.createElement(h,{className:"h-4 w-4"}))),t)});f.displayName=n.CheckboxItem.displayName;const x=a.forwardRef((e,r)=>{var{className:o,children:t}=e,s=c(e,["className","children"]);return a.createElement(n.RadioItem,Object.assign({ref:r,className:l("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o)},s),a.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},a.createElement(n.ItemIndicator,null,a.createElement(v,{className:"h-4 w-4 fill-current"}))),t)});x.displayName=n.RadioItem.displayName;const b=a.forwardRef((e,r)=>{var{className:o,inset:t}=e,s=c(e,["className","inset"]);return a.createElement(n.Label,Object.assign({ref:r,className:l("px-2 py-1.5 text-sm font-semibold text-foreground",t&&"pl-8",o)},s))});b.displayName=n.Label.displayName;const g=a.forwardRef((e,r)=>{var{className:o}=e,t=c(e,["className"]);return a.createElement(n.Separator,Object.assign({ref:r,className:l("-mx-1 my-1 h-px bg-border",o)},t))});g.displayName=n.Separator.displayName;const N=e=>{var{className:r}=e,o=c(e,["className"]);return a.createElement("span",Object.assign({className:l("ml-auto text-xs tracking-widest text-muted-foreground",r)},o))};N.displayName="ContextMenuShortcut";export{C as ContextMenu,w as ContextMenuTrigger,p as ContextMenuContent,u as ContextMenuItem,f as ContextMenuCheckboxItem,x as ContextMenuRadioItem,b as ContextMenuLabel,g as ContextMenuSeparator,N as ContextMenuShortcut,E as ContextMenuGroup,O as ContextMenuPortal,I as ContextMenuSub,m as ContextMenuSubContent,i as ContextMenuSubTrigger,M as ContextMenuRadioGroup};