@zimyo/ui 1.0.1 → 1.0.2

package/dist/components/ui/calendar.js

@@ -1,5 +1,5 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
 import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from 'lucide-react';
 import * as React from 'react';
 import { buttonVariants, Button } from './button.js';
@@ -19,7 +19,7 @@ function Calendar(_a) {
     } = _a,
     props = __rest(_a, ["className", "classNames", "showOutsideDays", "captionLayout", "buttonVariant", "formatters", "components"]);
   const defaultClassNames = getDefaultClassNames();
-  return /*#__PURE__*/React.createElement(DayPicker, _extends({
+  return jsx(DayPicker, Object.assign({
     showOutsideDays: showOutsideDays,
     className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
     captionLayout: captionLayout,
@@ -66,7 +66,7 @@ function Calendar(_a) {
             rootRef
           } = _a,
           props = __rest(_a, ["className", "rootRef"]);
-        return /*#__PURE__*/React.createElement("div", _extends({
+        return jsx("div", Object.assign({
           "data-slot": "calendar",
           ref: rootRef,
           className: cn(className)
@@ -79,16 +79,16 @@ function Calendar(_a) {
           } = _a,
           props = __rest(_a, ["className", "orientation"]);
         if (orientation === "left") {
-          return /*#__PURE__*/React.createElement(ChevronLeftIcon, _extends({
+          return jsx(ChevronLeftIcon, Object.assign({
             className: cn("size-4", className)
           }, props));
         }
         if (orientation === "right") {
-          return /*#__PURE__*/React.createElement(ChevronRightIcon, _extends({
+          return jsx(ChevronRightIcon, Object.assign({
             className: cn("size-4", className)
           }, props));
         }
-        return /*#__PURE__*/React.createElement(ChevronDownIcon, _extends({
+        return jsx(ChevronDownIcon, Object.assign({
           className: cn("size-4", className)
         }, props));
       },
@@ -98,9 +98,12 @@ function Calendar(_a) {
             children
           } = _a,
           props = __rest(_a, ["children"]);
-        return /*#__PURE__*/React.createElement("td", props, /*#__PURE__*/React.createElement("div", {
-          className: "flex size-(--cell-size) items-center justify-center text-center"
-        }, children));
+        return jsx("td", Object.assign({}, props, {
+          children: jsx("div", {
+            className: "flex size-(--cell-size) items-center justify-center text-center",
+            children: children
+          })
+        }));
       }
     }, components)
   }, props));
@@ -118,7 +121,7 @@ function CalendarDayButton(_a) {
     var _a;
     if (modifiers.focused) (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
   }, [modifiers.focused]);
-  return /*#__PURE__*/React.createElement(Button, _extends({
+  return jsx(Button, Object.assign({
     ref: ref,
     variant: "ghost",
     size: "icon",

package/dist/components/ui/card.d.ts

@@ -1,11 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
-declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function Card({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/ui/card.js

@@ -1,6 +1,5 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { cn } from '../../lib/utils.js';
 
 function Card(_a) {
@@ -8,7 +7,7 @@ function Card(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "card",
     className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className)
   }, props));
@@ -18,7 +17,7 @@ function CardHeader(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "card-header",
     className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className)
   }, props));
@@ -28,7 +27,7 @@ function CardTitle(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "card-title",
     className: cn("leading-none font-semibold", className)
   }, props));
@@ -38,7 +37,7 @@ function CardDescription(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "card-description",
     className: cn("text-muted-foreground text-sm", className)
   }, props));
@@ -48,7 +47,7 @@ function CardAction(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "card-action",
     className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)
   }, props));
@@ -58,7 +57,7 @@ function CardContent(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "card-content",
     className: cn("px-6", className)
   }, props));
@@ -68,7 +67,7 @@ function CardFooter(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     "data-slot": "card-footer",
     className: cn("flex items-center px-6 [.border-t]:pt-6", className)
   }, props));

package/dist/components/ui/carousel.d.ts

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 import * as React from 'react';
 import { Button } from './button.js';
@@ -14,11 +15,11 @@ type CarouselProps = {
     orientation?: "horizontal" | "vertical";
     setApi?: (api: CarouselApi) => void;
 };
-declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): React.JSX.Element;
-declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
-declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): react_jsx_runtime.JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
 
 export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
 export type { CarouselApi };

package/dist/components/ui/carousel.js

@@ -1,5 +1,5 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import useEmblaCarousel from '../../node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js';
 import { ArrowRight, ArrowLeft } from 'lucide-react';
 import * as React from 'react';
@@ -62,7 +62,7 @@ function Carousel(_a) {
       api === null || api === void 0 ? void 0 : api.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /*#__PURE__*/React.createElement(CarouselContext.Provider, {
+  return jsx(CarouselContext.Provider, {
     value: {
       carouselRef,
       api: api,
@@ -72,14 +72,17 @@ function Carousel(_a) {
       scrollNext,
       canScrollPrev,
       canScrollNext
-    }
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    onKeyDownCapture: handleKeyDown,
-    className: cn("relative", className),
-    role: "region",
-    "aria-roledescription": "carousel",
-    "data-slot": "carousel"
-  }, props), children));
+    },
+    children: jsx("div", Object.assign({
+      onKeyDownCapture: handleKeyDown,
+      className: cn("relative", className),
+      role: "region",
+      "aria-roledescription": "carousel",
+      "data-slot": "carousel"
+    }, props, {
+      children: children
+    }))
+  });
 }
 function CarouselContent(_a) {
   var {
@@ -90,13 +93,14 @@ function CarouselContent(_a) {
     carouselRef,
     orientation
   } = useCarousel();
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     ref: carouselRef,
     className: "overflow-hidden",
-    "data-slot": "carousel-content"
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)
-  }, props)));
+    "data-slot": "carousel-content",
+    children: jsx("div", Object.assign({
+      className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)
+    }, props))
+  });
 }
 function CarouselItem(_a) {
   var {
@@ -106,7 +110,7 @@ function CarouselItem(_a) {
   const {
     orientation
   } = useCarousel();
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return jsx("div", Object.assign({
     role: "group",
     "aria-roledescription": "slide",
     "data-slot": "carousel-item",
@@ -125,16 +129,19 @@ function CarouselPrevious(_a) {
     scrollPrev,
     canScrollPrev
   } = useCarousel();
-  return /*#__PURE__*/React.createElement(Button, _extends({
+  return jsxs(Button, Object.assign({
     "data-slot": "carousel-previous",
     variant: variant,
     size: size,
     className: cn("absolute size-8 rounded-full", orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
     disabled: !canScrollPrev,
     onClick: scrollPrev
-  }, props), /*#__PURE__*/React.createElement(ArrowLeft, null), /*#__PURE__*/React.createElement("span", {
-    className: "sr-only"
-  }, "Previous slide"));
+  }, props, {
+    children: [jsx(ArrowLeft, {}), jsx("span", {
+      className: "sr-only",
+      children: "Previous slide"
+    })]
+  }));
 }
 function CarouselNext(_a) {
   var {
@@ -148,16 +155,19 @@ function CarouselNext(_a) {
     scrollNext,
     canScrollNext
   } = useCarousel();
-  return /*#__PURE__*/React.createElement(Button, _extends({
+  return jsxs(Button, Object.assign({
     "data-slot": "carousel-next",
     variant: variant,
     size: size,
     className: cn("absolute size-8 rounded-full", orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
     disabled: !canScrollNext,
     onClick: scrollNext
-  }, props), /*#__PURE__*/React.createElement(ArrowRight, null), /*#__PURE__*/React.createElement("span", {
-    className: "sr-only"
-  }, "Next slide"));
+  }, props, {
+    children: [jsx(ArrowRight, {}), jsx("span", {
+      className: "sr-only",
+      children: "Next slide"
+    })]
+  }));
 }
 
 export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };

package/dist/components/ui/chart.d.ts

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';
 
@@ -20,11 +21,11 @@ type ChartConfig = {
 declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
     config: ChartConfig;
     children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): React.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 declare const ChartStyle: ({ id, config }: {
     id: string;
     config: ChartConfig;
-}) => React.JSX.Element | null;
+}) => 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;
@@ -32,12 +33,12 @@ declare function ChartTooltipContent({ active, payload, className, indicator, hi
     indicator?: "line" | "dot" | "dashed";
     nameKey?: string;
     labelKey?: string;
-}): React.JSX.Element | null;
+}): 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;
-}): React.JSX.Element | null;
+}): react_jsx_runtime.JSX.Element | null;
 
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
 export type { ChartConfig };

package/dist/components/ui/chart.js

@@ -1,5 +1,5 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';
 import { cn } from '../../lib/utils.js';
@@ -27,18 +27,23 @@ function ChartContainer(_a) {
     props = __rest(_a, ["id", "className", "children", "config"]);
   const uniqueId = React.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /*#__PURE__*/React.createElement(ChartContext.Provider, {
+  return jsx(ChartContext.Provider, {
     value: {
       config
-    }
-  }, /*#__PURE__*/React.createElement("div", _extends({
-    "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), /*#__PURE__*/React.createElement(ChartStyle, {
-    id: chartId,
-    config: config
-  }), /*#__PURE__*/React.createElement(RechartsPrimitive.ResponsiveContainer, null, children)));
+    },
+    children: jsxs("div", Object.assign({
+      "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,
@@ -48,7 +53,7 @@ const ChartStyle = ({
   if (!colorConfig.length) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("style", {
+  return jsx("style", {
     dangerouslySetInnerHTML: {
       __html: Object.entries(THEMES).map(([theme, prefix]) => `
 ${prefix} [data-chart=${id}] {
@@ -91,53 +96,63 @@ function ChartTooltipContent({
     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 /*#__PURE__*/React.createElement("div", {
-        className: cn("font-medium", labelClassName)
-      }, labelFormatter(value, payload));
+      return jsx("div", {
+        className: cn("font-medium", labelClassName),
+        children: labelFormatter(value, payload)
+      });
     }
     if (!value) {
       return null;
     }
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn("font-medium", labelClassName)
-    }, value);
+    return jsx("div", {
+      className: cn("font-medium", labelClassName),
+      children: 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 /*#__PURE__*/React.createElement("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)
-  }, !nestLabel ? tooltipLabel : null, /*#__PURE__*/React.createElement("div", {
-    className: "grid gap-1.5"
-  }, payload.map((item, index) => {
-    const key = `${nameKey || item.name || item.dataKey || "value"}`;
-    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-    const indicatorColor = color || item.payload.fill || item.color;
-    return /*#__PURE__*/React.createElement("div", {
-      key: item.dataKey,
-      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")
-    }, formatter && (item === null || item === void 0 ? void 0 : item.value) !== undefined && item.name ? formatter(item.value, item.name, item, index, item.payload) : /*#__PURE__*/React.createElement(React.Fragment, null, (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.icon) ? /*#__PURE__*/React.createElement(itemConfig.icon, null) : !hideIndicator && /*#__PURE__*/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
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "grid gap-1.5"
-    }, nestLabel ? tooltipLabel : null, /*#__PURE__*/React.createElement("span", {
-      className: "text-muted-foreground"
-    }, (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.label) || item.name)), item.value && /*#__PURE__*/React.createElement("span", {
-      className: "text-foreground font-mono font-medium tabular-nums"
-    }, item.value.toLocaleString()))));
-  })));
+  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 === null || item === void 0 ? void 0 : item.value) !== undefined && item.name ? formatter(item.value, item.name, item, index, item.payload) : jsxs(Fragment, {
+            children: [(itemConfig === null || itemConfig === void 0 ? void 0 : 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 === null || itemConfig === void 0 ? void 0 : 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({
@@ -153,21 +168,22 @@ function ChartLegendContent({
   if (!(payload === null || payload === void 0 ? void 0 : payload.length)) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className)
-  }, payload.map(item => {
-    const key = `${nameKey || item.dataKey || "value"}`;
-    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-    return /*#__PURE__*/React.createElement("div", {
-      key: item.value,
-      className: cn("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3")
-    }, (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.icon) && !hideIcon ? /*#__PURE__*/React.createElement(itemConfig.icon, null) : /*#__PURE__*/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);
-  }));
+  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 === null || itemConfig === void 0 ? void 0 : itemConfig.icon) && !hideIcon ? jsx(itemConfig.icon, {}) : jsx("div", {
+          className: "h-2 w-2 shrink-0 rounded-[2px]",
+          style: {
+            backgroundColor: item.color
+          }
+        }), itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.label]
+      }, item.value);
+    })
+  });
 }
 // Helper to extract item config from a payload.
 function getPayloadConfigFromPayload(config, payload, key) {

package/dist/components/ui/checkbox.d.ts

@@ -1,6 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Checkbox as Checkbox$1 } from 'radix-ui';
 import * as React from 'react';
 
-declare function Checkbox({ className, ...props }: React.ComponentProps<typeof Checkbox$1.Root>): React.JSX.Element;
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
 
 export { Checkbox };

package/dist/components/ui/checkbox.js

@@ -1,8 +1,7 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
 import { CheckIcon } from 'lucide-react';
 import { Checkbox as Checkbox$1 } from 'radix-ui';
-import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 
 function Checkbox(_a) {
@@ -10,15 +9,18 @@ function Checkbox(_a) {
       className
     } = _a,
     props = __rest(_a, ["className"]);
-  return /*#__PURE__*/React.createElement(Checkbox$1.Root, _extends({
+  return jsx(Checkbox$1.Root, Object.assign({
     "data-slot": "checkbox",
     className: cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className)
-  }, props), /*#__PURE__*/React.createElement(Checkbox$1.Indicator, {
-    "data-slot": "checkbox-indicator",
-    className: "flex items-center justify-center text-current transition-none"
-  }, /*#__PURE__*/React.createElement(CheckIcon, {
-    className: "size-3.5"
-  })));
+  }, props, {
+    children: jsx(Checkbox$1.Indicator, {
+      "data-slot": "checkbox-indicator",
+      className: "flex items-center justify-center text-current transition-none",
+      children: jsx(CheckIcon, {
+        className: "size-3.5"
+      })
+    })
+  }));
 }
 
 export { Checkbox };

package/dist/components/ui/collapsible.d.ts

@@ -1,8 +1,8 @@
-import * as React$1 from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Collapsible as Collapsible$1 } from 'radix-ui';
 
-declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsible$1.Root>): React$1.JSX.Element;
-declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): React$1.JSX.Element;
-declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): React$1.JSX.Element;
+declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime.JSX.Element;
 
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/ui/collapsible.js

@@ -1,22 +1,22 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
 import { Collapsible as Collapsible$1 } from 'radix-ui';
 
 function Collapsible(_a) {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Collapsible$1.Root, _extends({
+  return jsx(Collapsible$1.Root, Object.assign({
     "data-slot": "collapsible"
   }, props));
 }
 function CollapsibleTrigger(_a) {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Collapsible$1.CollapsibleTrigger, _extends({
+  return jsx(Collapsible$1.CollapsibleTrigger, Object.assign({
     "data-slot": "collapsible-trigger"
   }, props));
 }
 function CollapsibleContent(_a) {
   var props = __rest(_a, []);
-  return /*#__PURE__*/React.createElement(Collapsible$1.CollapsibleContent, _extends({
+  return jsx(Collapsible$1.CollapsibleContent, Object.assign({
     "data-slot": "collapsible-content"
   }, props));
 }