@acronis-platform/shadcn-uikit 0.5.0 → 0.6.0

package/dist/components/ui/calendar.js

@@ -0,0 +1,146 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as m from "react";
+import { ChevronLeftIcon as b, ChevronRightIcon as w, ChevronDownIcon as h } from "lucide-react";
+import { cn as e } from "../../lib/utils.js";
+import { buttonVariants as f, Button as _ } from "./button.js";
+import { getDefaultClassNames as p } from "../../node_modules/.pnpm/react-day-picker@9.13.0_react@18.3.1/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
+import { DayPicker as y } from "../../node_modules/.pnpm/react-day-picker@9.13.0_react@18.3.1/node_modules/react-day-picker/dist/esm/DayPicker.js";
+function R({
+  className: i,
+  classNames: g,
+  showOutsideDays: a = !0,
+  captionLayout: l = "label",
+  buttonVariant: s = "ghost",
+  formatters: u,
+  components: c,
+  ...x
+}) {
+  const t = p();
+  return /* @__PURE__ */ n(
+    y,
+    {
+      showOutsideDays: a,
+      className: e(
+        "bg-background group/calendar p-3 [--cell-size:2rem] [[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`,
+        i
+      ),
+      captionLayout: l,
+      formatters: {
+        formatMonthDropdown: (r) => r.toLocaleString("default", { month: "short" }),
+        ...u
+      },
+      classNames: {
+        root: e("w-fit", t.root),
+        months: e("relative flex flex-col gap-4 md:flex-row", t.months),
+        month: e("flex w-full flex-col gap-4", t.month),
+        nav: e(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          t.nav
+        ),
+        button_previous: e(
+          f({ variant: s }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          t.button_previous
+        ),
+        button_next: e(
+          f({ variant: s }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          t.button_next
+        ),
+        month_caption: e(
+          "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
+          t.month_caption
+        ),
+        dropdowns: e(
+          "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
+          t.dropdowns
+        ),
+        dropdown_root: e(
+          "has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
+          t.dropdown_root
+        ),
+        dropdown: e("bg-popover absolute inset-0 opacity-0", t.dropdown),
+        caption_label: e(
+          "select-none font-medium",
+          l === "label" ? "text-sm" : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",
+          t.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: e("flex", t.weekdays),
+        weekday: e(
+          "text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
+          t.weekday
+        ),
+        week: e("mt-2 flex w-full", t.week),
+        week_number_header: e("w-[--cell-size] select-none", t.week_number_header),
+        week_number: e(
+          "text-muted-foreground select-none text-[0.8rem]",
+          t.week_number
+        ),
+        day: e(
+          "group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",
+          t.day
+        ),
+        range_start: e("bg-accent rounded-l-md", t.range_start),
+        range_middle: e("rounded-none", t.range_middle),
+        range_end: e("bg-accent rounded-r-md", t.range_end),
+        today: e(
+          "font-semibold underline rounded-md data-[selected=true]:rounded-none data-[selected=true]:no-underline",
+          t.today
+        ),
+        outside: e(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          t.outside
+        ),
+        disabled: e("text-muted-foreground opacity-50", t.disabled),
+        hidden: e("invisible", t.hidden),
+        ...g
+      },
+      components: {
+        Root: ({ className: r, rootRef: d, ...o }) => /* @__PURE__ */ n("div", { "data-slot": "calendar", ref: d, className: e(r), ...o }),
+        Chevron: ({ className: r, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n(b, { className: e("size-4", r), ...o }) : d === "right" ? /* @__PURE__ */ n(w, { className: e("size-4", r), ...o }) : /* @__PURE__ */ n(h, { className: e("size-4", r), ...o }),
+        DayButton: v,
+        WeekNumber: ({ children: r, ...d }) => /* @__PURE__ */ n("td", { ...d, children: /* @__PURE__ */ n("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children: r }) }),
+        ...c
+      },
+      ...x
+    }
+  );
+}
+function v({
+  className: i,
+  day: g,
+  modifiers: a,
+  ...l
+}) {
+  const s = p(), u = m.useRef(null);
+  return m.useEffect(() => {
+    var c;
+    a.focused && ((c = u.current) == null || c.focus());
+  }, [a.focused]), /* @__PURE__ */ n(
+    _,
+    {
+      ref: u,
+      variant: "ghost",
+      size: "icon",
+      "data-day": g.date.toLocaleDateString(),
+      "data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle,
+      "data-range-start": a.range_start,
+      "data-range-end": a.range_end,
+      "data-range-middle": a.range_middle,
+      className: e(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-white data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-white data-[range-end=true]:bg-primary data-[range-end=true]:text-white group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
+        s.day,
+        i
+      ),
+      ...l
+    }
+  );
+}
+export {
+  R as Calendar,
+  v as CalendarDayButton
+};
+//# sourceMappingURL=calendar.js.map

package/dist/components/ui/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\n\nimport { cn } from '@/lib/utils'\nimport { Button, buttonVariants } from '@/components/ui/button'\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  buttonVariant = 'ghost',\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>['variant']\n}) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        'bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn('w-fit', defaultClassNames.root),\n        months: cn('relative flex flex-col gap-4 md:flex-row', defaultClassNames.months),\n        month: cn('flex w-full flex-col gap-4', defaultClassNames.month),\n        nav: cn(\n          'absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1',\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50',\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          'h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50',\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          'flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]',\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          'flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium',\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          'has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border',\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn('bg-popover absolute inset-0 opacity-0', defaultClassNames.dropdown),\n        caption_label: cn(\n          'select-none font-medium',\n          captionLayout === 'label'\n            ? 'text-sm'\n            : '[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5',\n          defaultClassNames.caption_label\n        ),\n        table: 'w-full border-collapse',\n        weekdays: cn('flex', defaultClassNames.weekdays),\n        weekday: cn(\n          'text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal',\n          defaultClassNames.weekday\n        ),\n        week: cn('mt-2 flex w-full', defaultClassNames.week),\n        week_number_header: cn('w-[--cell-size] select-none', defaultClassNames.week_number_header),\n        week_number: cn(\n          'text-muted-foreground select-none text-[0.8rem]',\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          'group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md',\n          defaultClassNames.day\n        ),\n        range_start: cn('bg-accent rounded-l-md', defaultClassNames.range_start),\n        range_middle: cn('rounded-none', defaultClassNames.range_middle),\n        range_end: cn('bg-accent rounded-r-md', defaultClassNames.range_end),\n        today: cn(\n          'font-semibold underline rounded-md data-[selected=true]:rounded-none data-[selected=true]:no-underline',\n          defaultClassNames.today\n        ),\n        outside: cn(\n          'text-muted-foreground aria-selected:text-muted-foreground',\n          defaultClassNames.outside\n        ),\n        disabled: cn('text-muted-foreground opacity-50', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...props} />\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === 'left') {\n            return <ChevronLeftIcon className={cn('size-4', className)} {...props} />\n          }\n\n          if (orientation === 'right') {\n            return <ChevronRightIcon className={cn('size-4', className)} {...props} />\n          }\n\n          return <ChevronDownIcon className={cn('size-4', className)} {...props} />\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-[--cell-size] items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        'data-[selected-single=true]:bg-primary data-[selected-single=true]:text-white data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-white data-[range-end=true]:bg-primary data-[range-end=true]:text-white group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70',\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","_a","Button"],"mappings":"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"}

package/dist/components/ui/card.js

@@ -0,0 +1,50 @@
+import { jsx as d } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as t } from "../../lib/utils.js";
+const s = o.forwardRef(
+  ({ className: a, ...e }, r) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: r,
+      className: t("rounded-lg border bg-card text-card-foreground shadow-sm", a),
+      ...e
+    }
+  )
+);
+s.displayName = "Card";
+const i = o.forwardRef(
+  ({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex flex-col space-y-1.5 p-6", a), ...e })
+);
+i.displayName = "CardHeader";
+const m = o.forwardRef(
+  ({ className: a, ...e }, r) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: r,
+      className: t("text-2xl font-semibold leading-none tracking-tight", a),
+      ...e
+    }
+  )
+);
+m.displayName = "CardTitle";
+const c = o.forwardRef(
+  ({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("text-sm text-muted-foreground", a), ...e })
+);
+c.displayName = "CardDescription";
+const l = o.forwardRef(
+  ({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-6 pt-0", a), ...e })
+);
+l.displayName = "CardContent";
+const n = o.forwardRef(
+  ({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex items-center p-6 pt-0", a), ...e })
+);
+n.displayName = "CardFooter";
+export {
+  s as Card,
+  l as CardContent,
+  c as CardDescription,
+  n as CardFooter,
+  i as CardHeader,
+  m as CardTitle
+};
+//# sourceMappingURL=card.js.map

package/dist/components/ui/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('rounded-lg border bg-card text-card-foreground shadow-sm', className)}\n      {...props}\n    />\n  )\n)\nCard.displayName = 'Card'\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />\n  )\n)\nCardHeader.displayName = 'CardHeader'\n\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('text-2xl font-semibold leading-none tracking-tight', className)}\n      {...props}\n    />\n  )\n)\nCardTitle.displayName = 'CardTitle'\n\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props} />\n  )\n)\nCardDescription.displayName = 'CardDescription'\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />\n  )\n)\nCardContent.displayName = 'CardContent'\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props} />\n  )\n)\nCardFooter.displayName = 'CardFooter'\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAIA,MAAMA,IAAOC,EAAM;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,4DAA4DJ,CAAS;AAAA,MAClF,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAH,EAAK,cAAc;AAEnB,MAAMO,IAAaN,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,iCAAiCJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEzF;AACAI,EAAW,cAAc;AAEzB,MAAMC,IAAYP,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,sDAAsDJ,CAAS;AAAA,MAC5E,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAK,EAAU,cAAc;AAExB,MAAMC,IAAkBR,EAAM;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,iCAAiCJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEzF;AACAM,EAAgB,cAAc;AAE9B,MAAMC,IAAcT,EAAM;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,YAAYJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEpE;AACAO,EAAY,cAAc;AAE1B,MAAMC,IAAaV,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAAC,OAAA,EAAI,KAAAD,GAAU,WAAWE,EAAG,8BAA8BJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEtF;AACAQ,EAAW,cAAc;"}

package/dist/components/ui/carousel.js

@@ -0,0 +1,166 @@
+import { jsx as s, jsxs as x } from "react/jsx-runtime";
+import * as r from "react";
+import k from "../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@18.3.1/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";
+import { ArrowLeft as z, ArrowRight as g } from "lucide-react";
+import { cn as m } from "../../lib/utils.js";
+import { Button as w } from "./button.js";
+const v = r.createContext(null);
+function C() {
+  const o = r.useContext(v);
+  if (!o)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return o;
+}
+const D = r.forwardRef(({ orientation: o = "horizontal", opts: l, setApi: t, plugins: a, className: c, children: i, ...u }, f) => {
+  const [y, e] = k(
+    {
+      ...l,
+      axis: o === "horizontal" ? "x" : "y"
+    },
+    a
+  ), [b, P] = r.useState(!1), [S, p] = r.useState(!1), d = r.useCallback((n) => {
+    n && (P(n.canScrollPrev()), p(n.canScrollNext()));
+  }, []), h = r.useCallback(() => {
+    e == null || e.scrollPrev();
+  }, [e]), N = r.useCallback(() => {
+    e == null || e.scrollNext();
+  }, [e]), R = r.useCallback(
+    (n) => {
+      n.key === "ArrowLeft" ? (n.preventDefault(), h()) : n.key === "ArrowRight" && (n.preventDefault(), N());
+    },
+    [h, N]
+  );
+  return r.useEffect(() => {
+    !e || !t || t(e);
+  }, [e, t]), r.useEffect(() => {
+    if (e)
+      return d(e), e.on("reInit", d), e.on("select", d), () => {
+        e == null || e.off("select", d);
+      };
+  }, [e, d]), /* @__PURE__ */ s(
+    v.Provider,
+    {
+      value: {
+        carouselRef: y,
+        api: e,
+        opts: l,
+        orientation: o || ((l == null ? void 0 : l.axis) === "y" ? "vertical" : "horizontal"),
+        scrollPrev: h,
+        scrollNext: N,
+        canScrollPrev: b,
+        canScrollNext: S
+      },
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          ref: f,
+          onKeyDownCapture: R,
+          className: m("relative", c),
+          role: "region",
+          "aria-roledescription": "carousel",
+          ...u,
+          children: i
+        }
+      )
+    }
+  );
+});
+D.displayName = "Carousel";
+const E = r.forwardRef(
+  ({ className: o, ...l }, t) => {
+    const { carouselRef: a, orientation: c } = C();
+    return /* @__PURE__ */ s("div", { ref: a, className: "overflow-hidden", children: /* @__PURE__ */ s(
+      "div",
+      {
+        ref: t,
+        className: m(
+          "flex",
+          c === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+          o
+        ),
+        ...l
+      }
+    ) });
+  }
+);
+E.displayName = "CarouselContent";
+const I = r.forwardRef(
+  ({ className: o, ...l }, t) => {
+    const { orientation: a } = C();
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: t,
+        role: "group",
+        "aria-roledescription": "slide",
+        className: m(
+          "min-w-0 shrink-0 grow-0 basis-full",
+          a === "horizontal" ? "pl-4" : "pt-4",
+          o
+        ),
+        ...l
+      }
+    );
+  }
+);
+I.displayName = "CarouselItem";
+const j = r.forwardRef(
+  ({ className: o, variant: l = "outline", size: t = "icon", ...a }, c) => {
+    const { orientation: i, scrollPrev: u, canScrollPrev: f } = C();
+    return /* @__PURE__ */ x(
+      w,
+      {
+        ref: c,
+        variant: l,
+        size: t,
+        className: m(
+          "absolute  h-8 w-8 rounded-full",
+          i === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+          o
+        ),
+        disabled: !f,
+        onClick: u,
+        ...a,
+        children: [
+          /* @__PURE__ */ s(z, { className: "h-4 w-4" }),
+          /* @__PURE__ */ s("span", { className: "sr-only", children: "Previous slide" })
+        ]
+      }
+    );
+  }
+);
+j.displayName = "CarouselPrevious";
+const A = r.forwardRef(
+  ({ className: o, variant: l = "outline", size: t = "icon", ...a }, c) => {
+    const { orientation: i, scrollNext: u, canScrollNext: f } = C();
+    return /* @__PURE__ */ x(
+      w,
+      {
+        ref: c,
+        variant: l,
+        size: t,
+        className: m(
+          "absolute h-8 w-8 rounded-full",
+          i === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+          o
+        ),
+        disabled: !f,
+        onClick: u,
+        ...a,
+        children: [
+          /* @__PURE__ */ s(g, { className: "h-4 w-4" }),
+          /* @__PURE__ */ s("span", { className: "sr-only", children: "Next slide" })
+        ]
+      }
+    );
+  }
+);
+A.displayName = "CarouselNext";
+export {
+  D as Carousel,
+  E as CarouselContent,
+  I as CarouselItem,
+  A as CarouselNext,
+  j as CarouselPrevious
+};
+//# sourceMappingURL=carousel.js.map

package/dist/components/ui/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sources":["../../../src/components/ui/carousel.tsx"],"sourcesContent":["import * as React from 'react'\nimport useEmblaCarousel, { type UseEmblaCarouselType } 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>(({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }, ref) => {\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: 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})\nCarousel.displayName = 'Carousel'\n\nconst CarouselContent = React.forwardRef<HTMLDivElement, 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  }\n)\nCarouselContent.displayName = 'CarouselContent'\n\nconst CarouselItem = React.forwardRef<HTMLDivElement, 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  }\n)\nCarouselItem.displayName = 'CarouselItem'\n\nconst CarouselPrevious = React.forwardRef<HTMLButtonElement, 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  }\n)\nCarouselPrevious.displayName = 'CarouselPrevious'\n\nconst CarouselNext = React.forwardRef<HTMLButtonElement, 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  }\n)\nCarouselNext.displayName = 'CarouselNext'\n\nexport { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext }\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","jsx","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","jsxs","Button","ArrowLeft","CarouselNext","ArrowRight"],"mappings":"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"}

package/dist/components/ui/chart.js

@@ -0,0 +1,221 @@
+import { jsx as s, jsxs as g, Fragment as I } from "react/jsx-runtime";
+import * as b from "react";
+import { cn as u } from "../../lib/utils.js";
+import { Tooltip as P } from "../../node_modules/.pnpm/recharts@3.6.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react-is@19.2.3_react@18.3.1_redux@5.0.1/node_modules/recharts/es6/component/Tooltip.js";
+import { Legend as S } from "../../node_modules/.pnpm/recharts@3.6.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react-is@19.2.3_react@18.3.1_redux@5.0.1/node_modules/recharts/es6/component/Legend.js";
+import { ResponsiveContainer as E } from "../../node_modules/.pnpm/recharts@3.6.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react-is@19.2.3_react@18.3.1_redux@5.0.1/node_modules/recharts/es6/component/ResponsiveContainer.js";
+const K = { light: "", dark: ".dark" }, j = b.createContext(null);
+function $() {
+  const c = b.useContext(j);
+  if (!c)
+    throw new Error("useChart must be used within a <ChartContainer />");
+  return c;
+}
+function z({
+  id: c,
+  className: r,
+  children: t,
+  config: o,
+  ...n
+}) {
+  const i = b.useId(), a = `chart-${c || i.replace(/:/g, "")}`;
+  return /* @__PURE__ */ s(j.Provider, { value: { config: o }, children: /* @__PURE__ */ g(
+    "div",
+    {
+      "data-slot": "chart",
+      "data-chart": a,
+      className: u(
+        "[&_.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",
+        r
+      ),
+      ...n,
+      children: [
+        /* @__PURE__ */ s(M, { id: a, config: o }),
+        /* @__PURE__ */ s(E, { children: t })
+      ]
+    }
+  ) });
+}
+const M = ({ id: c, config: r }) => {
+  const t = Object.entries(r).filter(
+    ([, o]) => o.theme || o.color
+  );
+  return t.length ? /* @__PURE__ */ s(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(K).map(
+          ([o, n]) => `
+            ${n} [data-chart=${c}] {
+            ${t.map(([i, a]) => {
+            var l;
+            const h = ((l = a.theme) == null ? void 0 : l[o]) || a.color;
+            return h ? `  --color-${i}: ${h};` : null;
+          }).join(`
+`)}
+            }
+            `
+        ).join(`
+`)
+      }
+    }
+  ) : null;
+}, A = P;
+function B({
+  active: c,
+  payload: r,
+  label: t,
+  className: o,
+  indicator: n = "dot",
+  hideLabel: i = !1,
+  hideIndicator: a = !1,
+  labelFormatter: h,
+  formatter: l,
+  labelClassName: p,
+  color: L,
+  nameKey: T,
+  labelKey: _
+}) {
+  const { config: m } = $(), C = b.useMemo(() => {
+    if (i || !(r != null && r.length))
+      return null;
+    const [e] = r, k = `${_ || (e == null ? void 0 : e.dataKey) || (e == null ? void 0 : e.name) || "value"}`, v = w(m, e, k), d = (() => {
+      var N;
+      const f = !_ && typeof t == "string" ? ((N = m[t]) == null ? void 0 : N.label) ?? t : v == null ? void 0 : v.label;
+      return typeof f == "string" || typeof f == "number" ? f : void 0;
+    })();
+    return h ? /* @__PURE__ */ s("div", { className: u("font-medium", p), children: h(d, r) }) : d ? /* @__PURE__ */ s("div", { className: u("font-medium", p), children: d }) : null;
+  }, [
+    t,
+    h,
+    r,
+    i,
+    p,
+    m,
+    _
+  ]);
+  if (!c || !(r != null && r.length))
+    return null;
+  const x = r.length === 1 && n !== "dot";
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: u(
+        "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",
+        o
+      ),
+      children: [
+        x ? null : C,
+        /* @__PURE__ */ s("div", { className: "grid gap-1.5", children: r.map((e, k) => {
+          const v = `${T || e.name || e.dataKey || "value"}`, d = w(m, e, v), f = L || e.payload.fill || e.color;
+          return /* @__PURE__ */ s(
+            "div",
+            {
+              className: u(
+                "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
+                n === "dot" && "items-center"
+              ),
+              children: l && (e == null ? void 0 : e.value) !== void 0 && e.name ? l(e.value, e.name, e, k, e.payload) : /* @__PURE__ */ g(I, { children: [
+                d != null && d.icon ? /* @__PURE__ */ s(d.icon, {}) : !a && /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: u(
+                      "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
+                      {
+                        "h-2.5 w-2.5": n === "dot",
+                        "w-1": n === "line",
+                        "w-0 border-[1.5px] border-dashed bg-transparent": n === "dashed",
+                        "my-0.5": x && n === "dashed"
+                      }
+                    ),
+                    style: {
+                      "--color-bg": f,
+                      "--color-border": f
+                    }
+                  }
+                ),
+                /* @__PURE__ */ g(
+                  "div",
+                  {
+                    className: u(
+                      "flex flex-1 justify-between leading-none",
+                      x ? "items-end" : "items-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ g("div", { className: "grid gap-1.5", children: [
+                        x ? C : null,
+                        /* @__PURE__ */ s("span", { className: "text-muted-foreground", children: (d == null ? void 0 : d.label) || e.name })
+                      ] }),
+                      e.value && /* @__PURE__ */ s("span", { className: "text-foreground font-mono font-medium tabular-nums", children: e.value.toLocaleString() })
+                    ]
+                  }
+                )
+              ] })
+            },
+            e.dataKey
+          );
+        }) })
+      ]
+    }
+  );
+}
+const D = S;
+function F({
+  className: c,
+  hideIcon: r = !1,
+  payload: t,
+  verticalAlign: o = "bottom",
+  nameKey: n
+}) {
+  const { config: i } = $();
+  return t != null && t.length ? /* @__PURE__ */ s(
+    "div",
+    {
+      className: u(
+        "flex items-center justify-center gap-4",
+        o === "top" ? "pb-3" : "pt-3",
+        c
+      ),
+      children: t.map((a) => {
+        const h = `${n || a.dataKey || "value"}`, l = w(i, a, h);
+        return /* @__PURE__ */ g(
+          "div",
+          {
+            className: u(
+              "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
+            ),
+            children: [
+              l != null && l.icon && !r ? /* @__PURE__ */ s(l.icon, {}) : /* @__PURE__ */ s(
+                "div",
+                {
+                  className: "h-2 w-2 shrink-0 rounded-[2px]",
+                  style: {
+                    backgroundColor: a.color
+                  }
+                }
+              ),
+              l == null ? void 0 : l.label
+            ]
+          },
+          a.value
+        );
+      })
+    }
+  ) : null;
+}
+function w(c, r, t) {
+  if (typeof r != "object" || r === null)
+    return;
+  const o = "payload" in r && typeof r.payload == "object" && r.payload !== null ? r.payload : void 0;
+  let n = t;
+  return t in r && typeof r[t] == "string" ? n = r[t] : o && t in o && typeof o[t] == "string" && (n = o[t]), n in c ? c[n] : c[t];
+}
+export {
+  z as ChartContainer,
+  D as ChartLegend,
+  F as ChartLegendContent,
+  M as ChartStyle,
+  A as ChartTooltip,
+  B as ChartTooltipContent
+};
+//# sourceMappingURL=chart.js.map