ml-uikit 1.1.0 → 1.1.2

package/dist/index.es15.js

@@ -1,194 +1,163 @@
 import * as e from "react";
-import * as C from "recharts";
-import { cn as i } from "./index.es56.js";
-const $ = { light: "", dark: ".dark" }, k = e.createContext(null);
-function w() {
-  const s = e.useContext(k);
-  if (!s)
-    throw new Error("useChart must be used within a <ChartContainer />");
-  return s;
+import P from "embla-carousel-react";
+import { ArrowLeft as S, ArrowRight as R } from "lucide-react";
+import { cn as m } from "./index.es57.js";
+import { Button as x } from "./index.es10.js";
+const w = e.createContext(null);
+function d() {
+  const t = e.useContext(w);
+  if (!t)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return t;
 }
-const L = e.forwardRef(({ id: s, className: t, children: o, config: r, ...l }, u) => {
-  const c = e.useId(), a = `chart-${s || c.replace(/:/g, "")}`;
-  return /* @__PURE__ */ e.createElement(k.Provider, { value: { config: r } }, /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      "data-chart": a,
-      ref: u,
-      className: i(
-        "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
-      ),
-      ...l
-    },
-    /* @__PURE__ */ e.createElement(R, { id: a, config: r }),
-    /* @__PURE__ */ e.createElement(C.ResponsiveContainer, null, o)
-  ));
-});
-L.displayName = "Chart";
-const R = ({ id: s, config: t }) => {
-  const o = Object.entries(t).filter(
-    ([, r]) => r.theme || r.color
-  );
-  return o.length ? /* @__PURE__ */ e.createElement(
-    "style",
-    {
-      dangerouslySetInnerHTML: {
-        __html: Object.entries($).map(
-          ([r, l]) => `
-${l} [data-chart=${s}] {
-${o.map(([u, c]) => {
-            const a = c.theme?.[r] || c.color;
-            return a ? `  --color-${u}: ${a};` : null;
-          }).join(`
-`)}
-}
-`
-        ).join(`
-`)
-      }
-    }
-  ) : null;
-}, S = C.Tooltip, T = e.forwardRef(
+const k = e.forwardRef(
   ({
-    active: s,
-    payload: t,
-    className: o,
-    indicator: r = "dot",
-    hideLabel: l = !1,
-    hideIndicator: u = !1,
-    label: c,
-    labelFormatter: a,
-    labelClassName: f,
-    formatter: m,
-    color: y,
-    nameKey: N,
-    labelKey: p
-  }, j) => {
-    const { config: g } = w(), E = e.useMemo(() => {
-      if (l || !t?.length)
-        return null;
-      const [n] = t, v = `${p || n?.dataKey || n?.name || "value"}`, b = x(g, n, v), d = !p && typeof c == "string" ? g[c]?.label || c : b?.label;
-      return a ? /* @__PURE__ */ e.createElement("div", { className: i("font-medium", f) }, a(d, t)) : d ? /* @__PURE__ */ e.createElement("div", { className: i("font-medium", f) }, d) : null;
-    }, [
-      c,
-      a,
-      t,
-      l,
-      f,
-      g,
-      p
-    ]);
-    if (!s || !t?.length)
-      return null;
-    const h = t.length === 1 && r !== "dot";
-    return /* @__PURE__ */ e.createElement(
-      "div",
+    orientation: t = "horizontal",
+    opts: o,
+    setApi: l,
+    plugins: a,
+    className: n,
+    children: c,
+    ...i
+  }, u) => {
+    const [h, r] = P(
       {
-        ref: j,
-        className: i(
-          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
-          o
-        )
+        ...o,
+        axis: t === "horizontal" ? "x" : "y"
       },
-      h ? null : E,
-      /* @__PURE__ */ e.createElement("div", { className: "grid gap-1.5" }, t.filter((n) => n.type !== "none").map((n, v) => {
-        const b = `${N || n.name || n.dataKey || "value"}`, d = x(g, n, b), _ = y || n.payload.fill || n.color;
-        return /* @__PURE__ */ e.createElement(
-          "div",
-          {
-            key: n.dataKey,
-            className: i(
-              "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
-              r === "dot" && "items-center"
-            )
-          },
-          m && n?.value !== void 0 && n.name ? m(n.value, n.name, n, v, n.payload) : /* @__PURE__ */ e.createElement(e.Fragment, null, d?.icon ? /* @__PURE__ */ e.createElement(d.icon, null) : !u && /* @__PURE__ */ e.createElement(
-            "div",
-            {
-              className: i(
-                "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
-                {
-                  "h-2.5 w-2.5": r === "dot",
-                  "w-1": r === "line",
-                  "w-0 border-[1.5px] border-dashed bg-transparent": r === "dashed",
-                  "my-0.5": h && r === "dashed"
-                }
-              ),
-              style: {
-                "--color-bg": _,
-                "--color-border": _
-              }
-            }
-          ), /* @__PURE__ */ e.createElement(
-            "div",
-            {
-              className: i(
-                "flex flex-1 justify-between leading-none",
-                h ? "items-end" : "items-center"
-              )
-            },
-            /* @__PURE__ */ e.createElement("div", { className: "grid gap-1.5" }, h ? E : null, /* @__PURE__ */ e.createElement("span", { className: "text-muted-foreground" }, d?.label || n.name)),
-            n.value && /* @__PURE__ */ e.createElement("span", { className: "font-mono font-medium tabular-nums text-foreground" }, n.value.toLocaleString())
-          ))
-        );
-      }))
+      a
+    ), [p, v] = e.useState(!1), [y, E] = e.useState(!1), f = e.useCallback((s) => {
+      s && (v(s.canScrollPrev()), E(s.canScrollNext()));
+    }, []), C = e.useCallback(() => {
+      r?.scrollPrev();
+    }, [r]), N = e.useCallback(() => {
+      r?.scrollNext();
+    }, [r]), b = e.useCallback(
+      (s) => {
+        s.key === "ArrowLeft" ? (s.preventDefault(), C()) : s.key === "ArrowRight" && (s.preventDefault(), N());
+      },
+      [C, N]
     );
-  }
-);
-T.displayName = "ChartTooltip";
-const K = C.Legend, P = e.forwardRef(
-  ({ className: s, hideIcon: t = !1, payload: o, verticalAlign: r = "bottom", nameKey: l }, u) => {
-    const { config: c } = w();
-    return o?.length ? /* @__PURE__ */ e.createElement(
-      "div",
+    return e.useEffect(() => {
+      !r || !l || l(r);
+    }, [r, l]), e.useEffect(() => {
+      if (r)
+        return f(r), r.on("reInit", f), r.on("select", f), () => {
+          r?.off("select", f);
+        };
+    }, [r, f]), /* @__PURE__ */ e.createElement(
+      w.Provider,
       {
-        ref: u,
-        className: i(
-          "flex items-center justify-center gap-4",
-          r === "top" ? "pb-3" : "pt-3",
-          s
-        )
+        value: {
+          carouselRef: h,
+          api: r,
+          opts: o,
+          orientation: t || (o?.axis === "y" ? "vertical" : "horizontal"),
+          scrollPrev: C,
+          scrollNext: N,
+          canScrollPrev: p,
+          canScrollNext: y
+        }
       },
-      o.filter((a) => a.type !== "none").map((a) => {
-        const f = `${l || a.dataKey || "value"}`, m = x(c, a, f);
-        return /* @__PURE__ */ e.createElement(
-          "div",
-          {
-            key: a.value,
-            className: i(
-              "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
-            )
-          },
-          m?.icon && !t ? /* @__PURE__ */ e.createElement(m.icon, null) : /* @__PURE__ */ e.createElement(
-            "div",
-            {
-              className: "h-2 w-2 shrink-0 rounded-[2px]",
-              style: {
-                backgroundColor: a.color
-              }
-            }
-          ),
-          m?.label
-        );
-      })
-    ) : null;
+      /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          ref: u,
+          onKeyDownCapture: b,
+          className: m("relative", n),
+          role: "region",
+          "aria-roledescription": "carousel",
+          ...i
+        },
+        c
+      )
+    );
   }
 );
-P.displayName = "ChartLegend";
-function x(s, t, o) {
-  if (typeof t != "object" || t === null)
-    return;
-  const r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0;
-  let l = o;
-  return o in t && typeof t[o] == "string" ? l = t[o] : r && o in r && typeof r[o] == "string" && (l = r[o]), l in s ? s[l] : s[o];
-}
+k.displayName = "Carousel";
+const z = e.forwardRef(({ className: t, ...o }, l) => {
+  const { carouselRef: a, orientation: n } = d();
+  return /* @__PURE__ */ e.createElement("div", { ref: a, className: "overflow-hidden" }, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: l,
+      className: m(
+        "flex",
+        n === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+        t
+      ),
+      ...o
+    }
+  ));
+});
+z.displayName = "CarouselContent";
+const g = e.forwardRef(({ className: t, ...o }, l) => {
+  const { orientation: a } = d();
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: l,
+      role: "group",
+      "aria-roledescription": "slide",
+      className: m(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        a === "horizontal" ? "pl-4" : "pt-4",
+        t
+      ),
+      ...o
+    }
+  );
+});
+g.displayName = "CarouselItem";
+const D = e.forwardRef(({ className: t, variant: o = "outline", size: l = "icon", ...a }, n) => {
+  const { orientation: c, scrollPrev: i, canScrollPrev: u } = d();
+  return /* @__PURE__ */ e.createElement(
+    x,
+    {
+      ref: n,
+      variant: o,
+      size: l,
+      className: m(
+        "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",
+        t
+      ),
+      disabled: !u,
+      onClick: i,
+      ...a
+    },
+    /* @__PURE__ */ e.createElement(S, { className: "h-4 w-4" }),
+    /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Previous slide")
+  );
+});
+D.displayName = "CarouselPrevious";
+const I = e.forwardRef(({ className: t, variant: o = "outline", size: l = "icon", ...a }, n) => {
+  const { orientation: c, scrollNext: i, canScrollNext: u } = d();
+  return /* @__PURE__ */ e.createElement(
+    x,
+    {
+      ref: n,
+      variant: o,
+      size: l,
+      className: m(
+        "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",
+        t
+      ),
+      disabled: !u,
+      onClick: i,
+      ...a
+    },
+    /* @__PURE__ */ e.createElement(R, { className: "h-4 w-4" }),
+    /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Next slide")
+  );
+});
+I.displayName = "CarouselNext";
 export {
-  L as ChartContainer,
-  K as ChartLegend,
-  P as ChartLegendContent,
-  R as ChartStyle,
-  S as ChartTooltip,
-  T as ChartTooltipContent
+  k as Carousel,
+  z as CarouselContent,
+  g as CarouselItem,
+  I as CarouselNext,
+  D as CarouselPrevious
 };
 //# sourceMappingURL=index.es15.js.map

package/dist/index.es15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es15.js","sources":["../src/components/ui/chart.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as RechartsPrimitive from \"recharts\"\n\nimport { cn } from \"@/lib/utils\"\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode\n    icon?: React.ComponentType\n  } & (\n    | { color?: string; theme?: never }\n    | { color?: never; theme: Record<keyof typeof THEMES, string> }\n  )\n}\n\ntype ChartContextProps = {\n  config: ChartConfig\n}\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null)\n\nfunction useChart() {\n  const context = React.useContext(ChartContext)\n\n  if (!context) {\n    throw new Error(\"useChart must be used within a <ChartContainer />\")\n  }\n\n  return context\n}\n\nconst ChartContainer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    config: ChartConfig\n    children: React.ComponentProps<\n      typeof RechartsPrimitive.ResponsiveContainer\n    >[\"children\"]\n  }\n>(({ id, className, children, config, ...props }, ref) => {\n  const uniqueId = React.useId()\n  const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-chart={chartId}\n        ref={ref}\n        className={cn(\n          \"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\",\n          className\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>\n          {children}\n        </RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  )\n})\nChartContainer.displayName = \"Chart\"\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(\n    ([, config]) => config.theme || config.color\n  )\n\n  if (!colorConfig.length) {\n    return null\n  }\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: Object.entries(THEMES)\n          .map(\n            ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n  .map(([key, itemConfig]) => {\n    const color =\n      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||\n      itemConfig.color\n    return color ? `  --color-${key}: ${color};` : null\n  })\n  .join(\"\\n\")}\n}\n`\n          )\n          .join(\"\\n\"),\n      }}\n    />\n  )\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip\n\nconst ChartTooltipContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &\n    React.ComponentProps<\"div\"> & {\n      hideLabel?: boolean\n      hideIndicator?: boolean\n      indicator?: \"line\" | \"dot\" | \"dashed\"\n      nameKey?: string\n      labelKey?: string\n    }\n>(\n  (\n    {\n      active,\n      payload,\n      className,\n      indicator = \"dot\",\n      hideLabel = false,\n      hideIndicator = false,\n      label,\n      labelFormatter,\n      labelClassName,\n      formatter,\n      color,\n      nameKey,\n      labelKey,\n    },\n    ref\n  ) => {\n    const { config } = useChart()\n\n    const tooltipLabel = React.useMemo(() => {\n      if (hideLabel || !payload?.length) {\n        return null\n      }\n\n      const [item] = payload\n      const key = `${labelKey || item?.dataKey || item?.name || \"value\"}`\n      const itemConfig = getPayloadConfigFromPayload(config, item, key)\n      const value =\n        !labelKey && typeof label === \"string\"\n          ? config[label as keyof typeof config]?.label || label\n          : itemConfig?.label\n\n      if (labelFormatter) {\n        return (\n          <div className={cn(\"font-medium\", labelClassName)}>\n            {labelFormatter(value, payload)}\n          </div>\n        )\n      }\n\n      if (!value) {\n        return null\n      }\n\n      return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>\n    }, [\n      label,\n      labelFormatter,\n      payload,\n      hideLabel,\n      labelClassName,\n      config,\n      labelKey,\n    ])\n\n    if (!active || !payload?.length) {\n      return null\n    }\n\n    const nestLabel = payload.length === 1 && indicator !== \"dot\"\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl\",\n          className\n        )}\n      >\n        {!nestLabel ? tooltipLabel : null}\n        <div className=\"grid gap-1.5\">\n          {payload\n            .filter((item) => item.type !== \"none\")\n            .map((item, index) => {\n              const key = `${nameKey || item.name || item.dataKey || \"value\"}`\n              const itemConfig = getPayloadConfigFromPayload(config, item, key)\n              const indicatorColor = color || item.payload.fill || item.color\n\n              return (\n                <div\n                  key={item.dataKey}\n                  className={cn(\n                    \"flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground\",\n                    indicator === \"dot\" && \"items-center\"\n                  )}\n                >\n                  {formatter && item?.value !== undefined && item.name ? (\n                    formatter(item.value, item.name, item, index, item.payload)\n                  ) : (\n                    <>\n                      {itemConfig?.icon ? (\n                        <itemConfig.icon />\n                      ) : (\n                        !hideIndicator && (\n                          <div\n                            className={cn(\n                              \"shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]\",\n                              {\n                                \"h-2.5 w-2.5\": indicator === \"dot\",\n                                \"w-1\": indicator === \"line\",\n                                \"w-0 border-[1.5px] border-dashed bg-transparent\":\n                                  indicator === \"dashed\",\n                                \"my-0.5\": nestLabel && indicator === \"dashed\",\n                              }\n                            )}\n                            style={\n                              {\n                                \"--color-bg\": indicatorColor,\n                                \"--color-border\": indicatorColor,\n                              } as React.CSSProperties\n                            }\n                          />\n                        )\n                      )}\n                      <div\n                        className={cn(\n                          \"flex flex-1 justify-between leading-none\",\n                          nestLabel ? \"items-end\" : \"items-center\"\n                        )}\n                      >\n                        <div className=\"grid gap-1.5\">\n                          {nestLabel ? tooltipLabel : null}\n                          <span className=\"text-muted-foreground\">\n                            {itemConfig?.label || item.name}\n                          </span>\n                        </div>\n                        {item.value && (\n                          <span className=\"font-mono font-medium tabular-nums text-foreground\">\n                            {item.value.toLocaleString()}\n                          </span>\n                        )}\n                      </div>\n                    </>\n                  )}\n                </div>\n              )\n            })}\n        </div>\n      </div>\n    )\n  }\n)\nChartTooltipContent.displayName = \"ChartTooltip\"\n\nconst ChartLegend = RechartsPrimitive.Legend\n\nconst ChartLegendContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> &\n    Pick<RechartsPrimitive.LegendProps, \"payload\" | \"verticalAlign\"> & {\n      hideIcon?: boolean\n      nameKey?: string\n    }\n>(\n  (\n    { className, hideIcon = false, payload, verticalAlign = \"bottom\", nameKey },\n    ref\n  ) => {\n    const { config } = useChart()\n\n    if (!payload?.length) {\n      return null\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex items-center justify-center gap-4\",\n          verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n          className\n        )}\n      >\n        {payload\n          .filter((item) => item.type !== \"none\")\n          .map((item) => {\n            const key = `${nameKey || item.dataKey || \"value\"}`\n            const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n            return (\n              <div\n                key={item.value}\n                className={cn(\n                  \"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground\"\n                )}\n              >\n                {itemConfig?.icon && !hideIcon ? (\n                  <itemConfig.icon />\n                ) : (\n                  <div\n                    className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n                    style={{\n                      backgroundColor: item.color,\n                    }}\n                  />\n                )}\n                {itemConfig?.label}\n              </div>\n            )\n          })}\n      </div>\n    )\n  }\n)\nChartLegendContent.displayName = \"ChartLegend\"\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n  config: ChartConfig,\n  payload: unknown,\n  key: string\n) {\n  if (typeof payload !== \"object\" || payload === null) {\n    return undefined\n  }\n\n  const payloadPayload =\n    \"payload\" in payload &&\n    typeof payload.payload === \"object\" &&\n    payload.payload !== null\n      ? payload.payload\n      : undefined\n\n  let configLabelKey: string = key\n\n  if (\n    key in payload &&\n    typeof payload[key as keyof typeof payload] === \"string\"\n  ) {\n    configLabelKey = payload[key as keyof typeof payload] as string\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n  ) {\n    configLabelKey = payloadPayload[\n      key as keyof typeof payloadPayload\n    ] as string\n  }\n\n  return configLabelKey in config\n    ? config[configLabelKey]\n    : config[key as keyof typeof config]\n}\n\nexport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n}\n"],"names":["THEMES","ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","ref","uniqueId","chartId","cn","ChartStyle","RechartsPrimitive","colorConfig","theme","prefix","key","itemConfig","color","ChartTooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"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"}
+{"version":3,"file":"index.es15.js","sources":["../src/components/ui/carousel.tsx"],"sourcesContent":["import * as React from \"react\"\nimport useEmblaCarousel, {\n  type UseEmblaCarouselType,\n} from \"embla-carousel-react\"\nimport { ArrowLeft, ArrowRight } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\n\ntype CarouselApi = UseEmblaCarouselType[1]\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>\ntype CarouselOptions = UseCarouselParameters[0]\ntype CarouselPlugin = UseCarouselParameters[1]\n\ntype CarouselProps = {\n  opts?: CarouselOptions\n  plugins?: CarouselPlugin\n  orientation?: \"horizontal\" | \"vertical\"\n  setApi?: (api: CarouselApi) => void\n}\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0]\n  api: ReturnType<typeof useEmblaCarousel>[1]\n  scrollPrev: () => void\n  scrollNext: () => void\n  canScrollPrev: boolean\n  canScrollNext: boolean\n} & CarouselProps\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null)\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext)\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\")\n  }\n\n  return context\n}\n\nconst Carousel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & CarouselProps\n>(\n  (\n    {\n      orientation = \"horizontal\",\n      opts,\n      setApi,\n      plugins,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [carouselRef, api] = useEmblaCarousel(\n      {\n        ...opts,\n        axis: orientation === \"horizontal\" ? \"x\" : \"y\",\n      },\n      plugins\n    )\n    const [canScrollPrev, setCanScrollPrev] = React.useState(false)\n    const [canScrollNext, setCanScrollNext] = React.useState(false)\n\n    const onSelect = React.useCallback((api: CarouselApi) => {\n      if (!api) {\n        return\n      }\n\n      setCanScrollPrev(api.canScrollPrev())\n      setCanScrollNext(api.canScrollNext())\n    }, [])\n\n    const scrollPrev = React.useCallback(() => {\n      api?.scrollPrev()\n    }, [api])\n\n    const scrollNext = React.useCallback(() => {\n      api?.scrollNext()\n    }, [api])\n\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === \"ArrowLeft\") {\n          event.preventDefault()\n          scrollPrev()\n        } else if (event.key === \"ArrowRight\") {\n          event.preventDefault()\n          scrollNext()\n        }\n      },\n      [scrollPrev, scrollNext]\n    )\n\n    React.useEffect(() => {\n      if (!api || !setApi) {\n        return\n      }\n\n      setApi(api)\n    }, [api, setApi])\n\n    React.useEffect(() => {\n      if (!api) {\n        return\n      }\n\n      onSelect(api)\n      api.on(\"reInit\", onSelect)\n      api.on(\"select\", onSelect)\n\n      return () => {\n        api?.off(\"select\", onSelect)\n      }\n    }, [api, onSelect])\n\n    return (\n      <CarouselContext.Provider\n        value={{\n          carouselRef,\n          api: api,\n          opts,\n          orientation:\n            orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n          scrollPrev,\n          scrollNext,\n          canScrollPrev,\n          canScrollNext,\n        }}\n      >\n        <div\n          ref={ref}\n          onKeyDownCapture={handleKeyDown}\n          className={cn(\"relative\", className)}\n          role=\"region\"\n          aria-roledescription=\"carousel\"\n          {...props}\n        >\n          {children}\n        </div>\n      </CarouselContext.Provider>\n    )\n  }\n)\nCarousel.displayName = \"Carousel\"\n\nconst CarouselContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const { carouselRef, orientation } = useCarousel()\n\n  return (\n    <div ref={carouselRef} className=\"overflow-hidden\">\n      <div\n        ref={ref}\n        className={cn(\n          \"flex\",\n          orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n})\nCarouselContent.displayName = \"CarouselContent\"\n\nconst CarouselItem = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const { orientation } = useCarousel()\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      className={cn(\n        \"min-w-0 shrink-0 grow-0 basis-full\",\n        orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCarouselItem.displayName = \"CarouselItem\"\n\nconst CarouselPrevious = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(({ className, variant = \"outline\", size = \"icon\", ...props }, ref) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n  return (\n    <Button\n      ref={ref}\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute  h-8 w-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"-left-12 top-1/2 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft className=\"h-4 w-4\" />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  )\n})\nCarouselPrevious.displayName = \"CarouselPrevious\"\n\nconst CarouselNext = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(({ className, variant = \"outline\", size = \"icon\", ...props }, ref) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n  return (\n    <Button\n      ref={ref}\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute h-8 w-8 rounded-full\",\n        orientation === \"horizontal\"\n          ? \"-right-12 top-1/2 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight className=\"h-4 w-4\" />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  )\n})\nCarouselNext.displayName = \"CarouselNext\"\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n}\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","scrollPrev","scrollNext","handleKeyDown","event","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","Button","ArrowLeft","CarouselNext","ArrowRight"],"mappings":"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"}

package/dist/index.es16.js

@@ -1,27 +1,194 @@
 import * as e from "react";
-import * as r from "@radix-ui/react-checkbox";
-import { Check as i } from "lucide-react";
-import { cn as t } from "./index.es56.js";
-const s = e.forwardRef(({ className: o, ...a }, c) => /* @__PURE__ */ e.createElement(
-  r.Root,
-  {
-    ref: c,
-    className: t(
-      "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
-    ),
-    ...a
-  },
-  /* @__PURE__ */ e.createElement(
-    r.Indicator,
+import * as C from "recharts";
+import { cn as i } from "./index.es57.js";
+const $ = { light: "", dark: ".dark" }, k = e.createContext(null);
+function w() {
+  const s = e.useContext(k);
+  if (!s)
+    throw new Error("useChart must be used within a <ChartContainer />");
+  return s;
+}
+const L = e.forwardRef(({ id: s, className: t, children: o, config: r, ...l }, u) => {
+  const c = e.useId(), a = `chart-${s || c.replace(/:/g, "")}`;
+  return /* @__PURE__ */ e.createElement(k.Provider, { value: { config: r } }, /* @__PURE__ */ e.createElement(
+    "div",
     {
-      className: t("grid place-content-center text-current")
+      "data-chart": a,
+      ref: u,
+      className: i(
+        "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
+      ),
+      ...l
     },
-    /* @__PURE__ */ e.createElement(i, { className: "h-4 w-4" })
-  )
-));
-s.displayName = r.Root.displayName;
+    /* @__PURE__ */ e.createElement(R, { id: a, config: r }),
+    /* @__PURE__ */ e.createElement(C.ResponsiveContainer, null, o)
+  ));
+});
+L.displayName = "Chart";
+const R = ({ id: s, config: t }) => {
+  const o = Object.entries(t).filter(
+    ([, r]) => r.theme || r.color
+  );
+  return o.length ? /* @__PURE__ */ e.createElement(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries($).map(
+          ([r, l]) => `
+${l} [data-chart=${s}] {
+${o.map(([u, c]) => {
+            const a = c.theme?.[r] || c.color;
+            return a ? `  --color-${u}: ${a};` : null;
+          }).join(`
+`)}
+}
+`
+        ).join(`
+`)
+      }
+    }
+  ) : null;
+}, S = C.Tooltip, T = e.forwardRef(
+  ({
+    active: s,
+    payload: t,
+    className: o,
+    indicator: r = "dot",
+    hideLabel: l = !1,
+    hideIndicator: u = !1,
+    label: c,
+    labelFormatter: a,
+    labelClassName: f,
+    formatter: m,
+    color: y,
+    nameKey: N,
+    labelKey: p
+  }, j) => {
+    const { config: g } = w(), E = e.useMemo(() => {
+      if (l || !t?.length)
+        return null;
+      const [n] = t, v = `${p || n?.dataKey || n?.name || "value"}`, b = x(g, n, v), d = !p && typeof c == "string" ? g[c]?.label || c : b?.label;
+      return a ? /* @__PURE__ */ e.createElement("div", { className: i("font-medium", f) }, a(d, t)) : d ? /* @__PURE__ */ e.createElement("div", { className: i("font-medium", f) }, d) : null;
+    }, [
+      c,
+      a,
+      t,
+      l,
+      f,
+      g,
+      p
+    ]);
+    if (!s || !t?.length)
+      return null;
+    const h = t.length === 1 && r !== "dot";
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: j,
+        className: i(
+          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+          o
+        )
+      },
+      h ? null : E,
+      /* @__PURE__ */ e.createElement("div", { className: "grid gap-1.5" }, t.filter((n) => n.type !== "none").map((n, v) => {
+        const b = `${N || n.name || n.dataKey || "value"}`, d = x(g, n, b), _ = y || n.payload.fill || n.color;
+        return /* @__PURE__ */ e.createElement(
+          "div",
+          {
+            key: n.dataKey,
+            className: i(
+              "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+              r === "dot" && "items-center"
+            )
+          },
+          m && n?.value !== void 0 && n.name ? m(n.value, n.name, n, v, n.payload) : /* @__PURE__ */ e.createElement(e.Fragment, null, d?.icon ? /* @__PURE__ */ e.createElement(d.icon, null) : !u && /* @__PURE__ */ e.createElement(
+            "div",
+            {
+              className: i(
+                "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
+                {
+                  "h-2.5 w-2.5": r === "dot",
+                  "w-1": r === "line",
+                  "w-0 border-[1.5px] border-dashed bg-transparent": r === "dashed",
+                  "my-0.5": h && r === "dashed"
+                }
+              ),
+              style: {
+                "--color-bg": _,
+                "--color-border": _
+              }
+            }
+          ), /* @__PURE__ */ e.createElement(
+            "div",
+            {
+              className: i(
+                "flex flex-1 justify-between leading-none",
+                h ? "items-end" : "items-center"
+              )
+            },
+            /* @__PURE__ */ e.createElement("div", { className: "grid gap-1.5" }, h ? E : null, /* @__PURE__ */ e.createElement("span", { className: "text-muted-foreground" }, d?.label || n.name)),
+            n.value && /* @__PURE__ */ e.createElement("span", { className: "font-mono font-medium tabular-nums text-foreground" }, n.value.toLocaleString())
+          ))
+        );
+      }))
+    );
+  }
+);
+T.displayName = "ChartTooltip";
+const K = C.Legend, P = e.forwardRef(
+  ({ className: s, hideIcon: t = !1, payload: o, verticalAlign: r = "bottom", nameKey: l }, u) => {
+    const { config: c } = w();
+    return o?.length ? /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: u,
+        className: i(
+          "flex items-center justify-center gap-4",
+          r === "top" ? "pb-3" : "pt-3",
+          s
+        )
+      },
+      o.filter((a) => a.type !== "none").map((a) => {
+        const f = `${l || a.dataKey || "value"}`, m = x(c, a, f);
+        return /* @__PURE__ */ e.createElement(
+          "div",
+          {
+            key: a.value,
+            className: i(
+              "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+            )
+          },
+          m?.icon && !t ? /* @__PURE__ */ e.createElement(m.icon, null) : /* @__PURE__ */ e.createElement(
+            "div",
+            {
+              className: "h-2 w-2 shrink-0 rounded-[2px]",
+              style: {
+                backgroundColor: a.color
+              }
+            }
+          ),
+          m?.label
+        );
+      })
+    ) : null;
+  }
+);
+P.displayName = "ChartLegend";
+function x(s, t, o) {
+  if (typeof t != "object" || t === null)
+    return;
+  const r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0;
+  let l = o;
+  return o in t && typeof t[o] == "string" ? l = t[o] : r && o in r && typeof r[o] == "string" && (l = r[o]), l in s ? s[l] : s[o];
+}
 export {
-  s as Checkbox
+  L as ChartContainer,
+  K as ChartLegend,
+  P as ChartLegendContent,
+  R as ChartStyle,
+  S as ChartTooltip,
+  T as ChartTooltipContent
 };
 //# sourceMappingURL=index.es16.js.map