@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/ui/calendar.js

@@ -0,0 +1,174 @@
+import { jsx as d } from "react/jsx-runtime";
+import { ChevronLeftIcon as w, ChevronRightIcon as h, ChevronDownIcon as y } from "lucide-react";
+import * as m from "react";
+import { getDefaultClassNames as b, DayPicker as _ } from "react-day-picker";
+import { buttonVariants as p, Button as v } from "./button.js";
+import { cn as e } from "../lib/utils.js";
+function R({
+  className: c,
+  classNames: g,
+  showOutsideDays: r = !0,
+  captionLayout: s = "label",
+  buttonVariant: u = "ghost",
+  locale: o,
+  formatters: i,
+  components: x,
+  ...f
+}) {
+  const t = b();
+  return /* @__PURE__ */ d(
+    _,
+    {
+      showOutsideDays: r,
+      className: e(
+        "group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        c
+      ),
+      captionLayout: s,
+      locale: o,
+      formatters: {
+        formatMonthDropdown: (a) => a.toLocaleString(o?.code, { month: "short" }),
+        ...i
+      },
+      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(
+          p({ variant: u }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          t.button_previous
+        ),
+        button_next: e(
+          p({ variant: u }),
+          "size-(--cell-size) p-0 select-none 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(
+          "relative rounded-(--cell-radius)",
+          t.dropdown_root
+        ),
+        dropdown: e(
+          "absolute inset-0 bg-popover opacity-0",
+          t.dropdown
+        ),
+        caption_label: e(
+          "font-medium select-none",
+          s === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
+          t.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: e("flex", t.weekdays),
+        weekday: e(
+          "flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none",
+          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-[0.8rem] text-muted-foreground select-none",
+          t.week_number
+        ),
+        day: e(
+          "group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)",
+          f.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
+          t.day
+        ),
+        range_start: e(
+          "relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted",
+          t.range_start
+        ),
+        range_middle: e("rounded-none", t.range_middle),
+        range_end: e(
+          "relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted",
+          t.range_end
+        ),
+        today: e(
+          "rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none",
+          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: a, rootRef: n, ...l }) => /* @__PURE__ */ d(
+          "div",
+          {
+            "data-slot": "calendar",
+            ref: n,
+            className: e(a),
+            ...l
+          }
+        ),
+        Chevron: ({ className: a, orientation: n, ...l }) => n === "left" ? /* @__PURE__ */ d(w, { className: e("size-4", a), ...l }) : n === "right" ? /* @__PURE__ */ d(h, { className: e("size-4", a), ...l }) : /* @__PURE__ */ d(y, { className: e("size-4", a), ...l }),
+        DayButton: ({ ...a }) => /* @__PURE__ */ d(z, { locale: o, ...a }),
+        WeekNumber: ({ children: a, ...n }) => /* @__PURE__ */ d("th", { ...n, children: /* @__PURE__ */ d("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: a }) }),
+        ...x
+      },
+      ...f
+    }
+  );
+}
+function z({
+  className: c,
+  day: g,
+  modifiers: r,
+  locale: s,
+  ...u
+}) {
+  const o = b(), i = m.useRef(null);
+  return m.useEffect(() => {
+    r.focused && i.current?.focus();
+  }, [r.focused]), /* @__PURE__ */ d(
+    v,
+    {
+      ref: i,
+      variant: "ghost",
+      size: "icon",
+      "data-day": g.date.toLocaleDateString(s?.code),
+      "data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
+      "data-range-start": r.range_start,
+      "data-range-end": r.range_end,
+      "data-range-middle": r.range_middle,
+      className: e(
+        "relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:shadow-focus data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70",
+        o.day,
+        c
+      ),
+      ...u
+    }
+  );
+}
+export {
+  R as Calendar,
+  z as CalendarDayButton
+};
+//# sourceMappingURL=calendar.js.map

package/dist/ui/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../src/components/ui/calendar.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from \"lucide-react\"\nimport * as React from \"react\"\nimport {\n  DayPicker,\n  getDefaultClassNames,\n  type DayButton,\n  type Locale,\n} from \"react-day-picker\"\n\nimport { Button, buttonVariants } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = \"label\",\n  buttonVariant = \"ghost\",\n  locale,\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        \"group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-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      locale={locale}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString(locale?.code, { month: \"short\" }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(\"w-fit\", defaultClassNames.root),\n        months: cn(\n          \"relative flex flex-col gap-4 md:flex-row\",\n          defaultClassNames.months\n        ),\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          \"size-(--cell-size) p-0 select-none aria-disabled:opacity-50\",\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) p-0 select-none 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          \"relative rounded-(--cell-radius)\",\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          \"absolute inset-0 bg-popover opacity-0\",\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          \"font-medium select-none\",\n          captionLayout === \"label\"\n            ? \"text-sm\"\n            : \"flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground\",\n          defaultClassNames.caption_label\n        ),\n        table: \"w-full border-collapse\",\n        weekdays: cn(\"flex\", defaultClassNames.weekdays),\n        weekday: cn(\n          \"flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none\",\n          defaultClassNames.weekday\n        ),\n        week: cn(\"mt-2 flex w-full\", defaultClassNames.week),\n        week_number_header: cn(\n          \"w-(--cell-size) select-none\",\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          \"text-[0.8rem] text-muted-foreground select-none\",\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          \"group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)\",\n          props.showWeekNumber\n            ? \"[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)\"\n            : \"[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)\",\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          \"relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted\",\n          defaultClassNames.range_start\n        ),\n        range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n        range_end: cn(\n          \"relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted\",\n          defaultClassNames.range_end\n        ),\n        today: cn(\n          \"rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none\",\n          defaultClassNames.today\n        ),\n        outside: cn(\n          \"text-muted-foreground aria-selected:text-muted-foreground\",\n          defaultClassNames.outside\n        ),\n        disabled: cn(\n          \"text-muted-foreground opacity-50\",\n          defaultClassNames.disabled\n        ),\n        hidden: cn(\"invisible\", defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return (\n              <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n            )\n          }\n\n          if (orientation === \"right\") {\n            return (\n              <ChevronRightIcon className={cn(\"size-4\", className)} {...props} />\n            )\n          }\n\n          return (\n            <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n          )\n        },\n        DayButton: ({ ...props }) => (\n          <CalendarDayButton locale={locale} {...props} />\n        ),\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <th {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n                {children}\n              </div>\n            </th>\n          )\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  locale,\n  ...props\n}: React.ComponentProps<typeof DayButton> & { locale?: Partial<Locale> }) {\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(locale?.code)}\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        \"relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:shadow-focus data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>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","locale","formatters","components","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","React","Button"],"mappings":"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"}

package/dist/ui/card.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("../lib/utils.cjs");function s({className:a,size:t="default",...e}){return r.jsx("div",{"data-slot":"card","data-size":t,className:d.cn("group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card/50 py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",a),...e})}function o({className:a,...t}){return r.jsx("div",{"data-slot":"card-header",className:d.cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",a),...t})}function n({className:a,...t}){return r.jsx("div",{"data-slot":"card-title",className:d.cn("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",a),...t})}function i({className:a,...t}){return r.jsx("div",{"data-slot":"card-description",className:d.cn("text-sm text-muted-foreground",a),...t})}function c({className:a,...t}){return r.jsx("div",{"data-slot":"card-action",className:d.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end",a),...t})}function u({className:a,...t}){return r.jsx("div",{"data-slot":"card-content",className:d.cn("px-4 group-data-[size=sm]/card:px-3",a),...t})}function l({className:a,...t}){return r.jsx("div",{"data-slot":"card-footer",className:d.cn("flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3",a),...t})}exports.Card=s;exports.CardAction=c;exports.CardContent=u;exports.CardDescription=i;exports.CardFooter=l;exports.CardHeader=o;exports.CardTitle=n;
+//# sourceMappingURL=card.cjs.map

package/dist/ui/card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.cjs","sources":["../../src/components/ui/card.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Card({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\n        \"group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card/50 py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\n        \"text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-4 group-data-[size=sm]/card:px-3\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\n        \"flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n"],"names":["Card","className","size","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":"mJAIA,SAASA,EAAK,CACZ,UAAAC,EACA,KAAAC,EAAO,UACP,GAAGC,CACL,EAA8D,CAC5D,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,OACV,YAAWF,EACX,UAAWG,EAAAA,GACT,0VACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASG,EAAW,CAAE,UAAAL,EAAW,GAAGE,GAAsC,CACxE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,qSACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CAAE,UAAAN,EAAW,GAAGE,GAAsC,CACvE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,uEACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASK,EAAgB,CAAE,UAAAP,EAAW,GAAGE,GAAsC,CAC7E,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,mBACV,UAAWC,EAAAA,GAAG,gCAAiCJ,CAAS,EACvD,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASM,EAAW,CAAE,UAAAR,EAAW,GAAGE,GAAsC,CACxE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,iEACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASO,EAAY,CAAE,UAAAT,EAAW,GAAGE,GAAsC,CACzE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,sCAAuCJ,CAAS,EAC7D,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAW,CAAE,UAAAV,EAAW,GAAGE,GAAsC,CACxE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,wFACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}

package/dist/ui/card.js

@@ -0,0 +1,102 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as d } from "../lib/utils.js";
+function i({
+  className: a,
+  size: t = "default",
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": t,
+      className: d(
+        "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card/50 py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        a
+      ),
+      ...e
+    }
+  );
+}
+function n({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: d(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function c({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: d(
+        "text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function l({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: d("text-sm text-muted-foreground", a),
+      ...t
+    }
+  );
+}
+function u({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: d(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function m({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: d("px-4 group-data-[size=sm]/card:px-3", a),
+      ...t
+    }
+  );
+}
+function p({ className: a, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: d(
+        "flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3",
+        a
+      ),
+      ...t
+    }
+  );
+}
+export {
+  i as Card,
+  u as CardAction,
+  m as CardContent,
+  l as CardDescription,
+  p as CardFooter,
+  n as CardHeader,
+  c as CardTitle
+};
+//# sourceMappingURL=card.js.map

package/dist/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\nfunction Card({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\n        \"group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card/50 py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\n        \"text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-4 group-data-[size=sm]/card:px-3\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\n        \"flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardAction,\n  CardDescription,\n  CardContent,\n}\n"],"names":["Card","className","size","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":";;AAIA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAA8D;AAC5D,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAWF;AAAA,MACX,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAN,GAAW,GAAGE,KAAsC;AACvE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAgB,EAAE,WAAAP,GAAW,GAAGE,KAAsC;AAC7E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCJ,CAAS;AAAA,MACvD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAW,EAAE,WAAAR,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAY,EAAE,WAAAT,GAAW,GAAGE,KAAsC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,uCAAuCJ,CAAS;AAAA,MAC7D,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAW,EAAE,WAAAV,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/ui/carousel.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),g=require("embla-carousel-react"),h=require("lucide-react"),w=require("react"),v=require("./button.cjs"),d=require("../lib/utils.cjs");function k(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=k(w),b=s.createContext(null);function x(){const e=s.useContext(b);if(!e)throw new Error("useCarousel must be used within a <Carousel />");return e}function z({orientation:e="horizontal",opts:o,setApi:t,plugins:n,className:c,children:u,...i}){const[N,r]=g({...o,axis:e==="horizontal"?"x":"y"},n),[p,j]=s.useState(!1),[y,S]=s.useState(!1),f=s.useCallback(a=>{a&&(j(a.canScrollPrev()),S(a.canScrollNext()))},[]),C=s.useCallback(()=>{r?.scrollPrev()},[r]),m=s.useCallback(()=>{r?.scrollNext()},[r]),P=s.useCallback(a=>{a.key==="ArrowLeft"?(a.preventDefault(),C()):a.key==="ArrowRight"&&(a.preventDefault(),m())},[C,m]);return s.useEffect(()=>{!r||!t||t(r)},[r,t]),s.useEffect(()=>{if(r)return f(r),r.on("reInit",f),r.on("select",f),()=>{r?.off("select",f)}},[r,f]),l.jsx(b.Provider,{value:{carouselRef:N,api:r,opts:o,orientation:e||(o?.axis==="y"?"vertical":"horizontal"),scrollPrev:C,scrollNext:m,canScrollPrev:p,canScrollNext:y},children:l.jsx("div",{onKeyDownCapture:P,className:d.cn("relative",c),role:"region","aria-roledescription":"carousel","data-slot":"carousel",...i,children:u})})}function R({className:e,...o}){const{carouselRef:t,orientation:n}=x();return l.jsx("div",{ref:t,className:"overflow-hidden","data-slot":"carousel-content",children:l.jsx("div",{className:d.cn("flex",n==="horizontal"?"-ml-4":"-mt-4 flex-col",e),...o})})}function q({className:e,...o}){const{orientation:t}=x();return l.jsx("div",{role:"group","aria-roledescription":"slide","data-slot":"carousel-item",className:d.cn("min-w-0 shrink-0 grow-0 basis-full",t==="horizontal"?"pl-4":"pt-4",e),...o})}function D({className:e,variant:o="outline",size:t="icon-sm",...n}){const{orientation:c,scrollPrev:u,canScrollPrev:i}=x();return l.jsxs(v.Button,{"data-slot":"carousel-previous",variant:o,size:t,className:d.cn("absolute touch-manipulation rounded-full",c==="horizontal"?"top-1/2 -left-12 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",e),disabled:!i,onClick:u,...n,children:[l.jsx(h.ChevronLeftIcon,{}),l.jsx("span",{className:"sr-only",children:"Previous slide"})]})}function O({className:e,variant:o="outline",size:t="icon-sm",...n}){const{orientation:c,scrollNext:u,canScrollNext:i}=x();return l.jsxs(v.Button,{"data-slot":"carousel-next",variant:o,size:t,className:d.cn("absolute touch-manipulation rounded-full",c==="horizontal"?"top-1/2 -right-12 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",e),disabled:!i,onClick:u,...n,children:[l.jsx(h.ChevronRightIcon,{}),l.jsx("span",{className:"sr-only",children:"Next slide"})]})}exports.Carousel=z;exports.CarouselContent=R;exports.CarouselItem=q;exports.CarouselNext=O;exports.CarouselPrevious=D;exports.useCarousel=x;
+//# sourceMappingURL=carousel.cjs.map

package/dist/ui/carousel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.cjs","sources":["../../src/components/ui/carousel.tsx"],"sourcesContent":["\"use client\"\n\nimport useEmblaCarousel, {\n  type UseEmblaCarouselType,\n} from \"embla-carousel-react\"\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\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\nfunction Carousel({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & CarouselProps) {\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) return\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) return\n    setApi(api)\n  }, [api, setApi])\n\n  React.useEffect(() => {\n    if (!api) return\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        onKeyDownCapture={handleKeyDown}\n        className={cn(\"relative\", className)}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  )\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { carouselRef, orientation } = useCarousel()\n\n  return (\n    <div\n      ref={carouselRef}\n      className=\"overflow-hidden\"\n      data-slot=\"carousel-content\"\n    >\n      <div\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\nfunction CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { orientation } = useCarousel()\n\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\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\nfunction CarouselPrevious({\n  className,\n  variant = \"outline\",\n  size = \"icon-sm\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute touch-manipulation rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -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      <ChevronLeftIcon />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  )\n}\n\nfunction CarouselNext({\n  className,\n  variant = \"outline\",\n  size = \"icon-sm\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute touch-manipulation rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -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      <ChevronRightIcon />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  )\n}\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n  useCarousel,\n}\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","props","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","scrollPrev","scrollNext","handleKeyDown","event","jsx","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","jsxs","Button","ChevronLeftIcon","CarouselNext","ChevronRightIcon"],"mappings":"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"}

package/dist/ui/carousel.js

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

package/dist/ui/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sources":["../../src/components/ui/carousel.tsx"],"sourcesContent":["\"use client\"\n\nimport useEmblaCarousel, {\n  type UseEmblaCarouselType,\n} from \"embla-carousel-react\"\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\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\nfunction Carousel({\n  orientation = \"horizontal\",\n  opts,\n  setApi,\n  plugins,\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\"> & CarouselProps) {\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) return\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) return\n    setApi(api)\n  }, [api, setApi])\n\n  React.useEffect(() => {\n    if (!api) return\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        onKeyDownCapture={handleKeyDown}\n        className={cn(\"relative\", className)}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        data-slot=\"carousel\"\n        {...props}\n      >\n        {children}\n      </div>\n    </CarouselContext.Provider>\n  )\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { carouselRef, orientation } = useCarousel()\n\n  return (\n    <div\n      ref={carouselRef}\n      className=\"overflow-hidden\"\n      data-slot=\"carousel-content\"\n    >\n      <div\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\nfunction CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\n  const { orientation } = useCarousel()\n\n  return (\n    <div\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      data-slot=\"carousel-item\"\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\nfunction CarouselPrevious({\n  className,\n  variant = \"outline\",\n  size = \"icon-sm\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n  return (\n    <Button\n      data-slot=\"carousel-previous\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute touch-manipulation rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -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      <ChevronLeftIcon />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  )\n}\n\nfunction CarouselNext({\n  className,\n  variant = \"outline\",\n  size = \"icon-sm\",\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n  return (\n    <Button\n      data-slot=\"carousel-next\"\n      variant={variant}\n      size={size}\n      className={cn(\n        \"absolute touch-manipulation rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -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      <ChevronRightIcon />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  )\n}\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n  useCarousel,\n}\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","props","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","scrollPrev","scrollNext","handleKeyDown","event","jsx","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","jsxs","Button","ChevronLeftIcon","CarouselNext","ChevronRightIcon"],"mappings":"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"}

package/dist/ui/checkbox.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lucide-react"),r=require("radix-ui"),c=require("../lib/utils.cjs");function o({className:i,...a}){return e.jsx(r.Checkbox.Root,{"data-slot":"checkbox",className:c.cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input bg-card transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",i),...a,children:e.jsx(r.Checkbox.Indicator,{"data-slot":"checkbox-indicator",className:"grid place-content-center text-current transition-none [&>svg]:size-3.5",children:e.jsx(t.CheckIcon,{})})})}exports.Checkbox=o;
+//# sourceMappingURL=checkbox.cjs.map

package/dist/ui/checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.cjs","sources":["../../src/components/ui/checkbox.tsx"],"sourcesContent":["import { CheckIcon } from \"lucide-react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input bg-card transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none [&>svg]:size-3.5\"\n      >\n        <CheckIcon\n        />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\n"],"names":["Checkbox","className","props","jsx","CheckboxPrimitive","cn","CheckIcon"],"mappings":"mMAOA,SAASA,EAAS,CAChB,UAAAC,EACA,GAAGC,CACL,EAAwD,CACtD,OACEC,EAAAA,IAACC,EAAAA,SAAkB,KAAlB,CACC,YAAU,WACV,UAAWC,EAAAA,GACT,slBACAJ,CAAA,EAED,GAAGC,EAEJ,SAAAC,EAAAA,IAACC,EAAAA,SAAkB,UAAlB,CACC,YAAU,qBACV,UAAU,0EAEV,SAAAD,EAAAA,IAACG,EAAAA,UAAA,CAAA,CAAA,CACD,CAAA,CACF,CAAA,CAGN"}

package/dist/ui/checkbox.js

@@ -0,0 +1,35 @@
+import { jsx as r } from "react/jsx-runtime";
+import { CheckIcon as o } from "lucide-react";
+import { Checkbox as e } from "radix-ui";
+import { cn as t } from "../lib/utils.js";
+function l({
+  className: a,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    e.Root,
+    {
+      "data-slot": "checkbox",
+      className: t(
+        "peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input bg-card transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
+        a
+      ),
+      ...i,
+      children: /* @__PURE__ */ r(
+        e.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+          children: /* @__PURE__ */ r(
+            o,
+            {}
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  l as Checkbox
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/ui/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../src/components/ui/checkbox.tsx"],"sourcesContent":["import { CheckIcon } from \"lucide-react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input bg-card transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary\",\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none [&>svg]:size-3.5\"\n      >\n        <CheckIcon\n        />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\n"],"names":["Checkbox","className","props","jsx","CheckboxPrimitive","cn","CheckIcon"],"mappings":";;;;AAOA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,GAAGC;AACL,GAAwD;AACtD,SACE,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAACC,EAAkB;AAAA,QAAlB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,UAEV,UAAA,gBAAAD;AAAA,YAACG;AAAA,YAAA,CAAA;AAAA,UAAA;AAAA,QACD;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}