@deankwan/ui 0.1.0

package/dist/app/components/ui/accordion.mjs

@@ -0,0 +1,64 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-accordion";
+import { ChevronDownIcon as s } from "lucide-react";
+import { cn as i } from "./utils.mjs";
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ e(n.Root, { "data-slot": "accordion", ...t });
+}
+function f({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    n.Item,
+    {
+      "data-slot": "accordion-item",
+      className: i("border-b last:border-b-0", t),
+      ...o
+    }
+  );
+}
+function u({
+  className: t,
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ e(n.Header, { className: "flex", children: /* @__PURE__ */ a(
+    n.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: i(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        t
+      ),
+      ...r,
+      children: [
+        o,
+        /* @__PURE__ */ e(s, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function p({
+  className: t,
+  children: o,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    n.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...r,
+      children: /* @__PURE__ */ e("div", { className: i("pt-0 pb-4", t), children: o })
+    }
+  );
+}
+export {
+  m as Accordion,
+  p as AccordionContent,
+  f as AccordionItem,
+  u as AccordionTrigger
+};

package/dist/app/components/ui/alert-dialog.mjs

@@ -0,0 +1,146 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-alert-dialog";
+import { cn as l } from "./utils.mjs";
+import { buttonVariants as r } from "./button.mjs";
+function u({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "alert-dialog", ...t });
+}
+function f({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
+}
+function i({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Portal, { "data-slot": "alert-dialog-portal", ...t });
+}
+function s({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: l(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function m({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ n(i, { children: [
+    /* @__PURE__ */ e(s, {}),
+    /* @__PURE__ */ e(
+      o.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        className: l(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          t
+        ),
+        ...a
+      }
+    )
+  ] });
+}
+function p({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: l("flex flex-col gap-2 text-center sm:text-left", t),
+      ...a
+    }
+  );
+}
+function x({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: l(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function A({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: l("text-lg font-semibold", t),
+      ...a
+    }
+  );
+}
+function D({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: l("text-muted-foreground text-sm", t),
+      ...a
+    }
+  );
+}
+function v({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Action,
+    {
+      className: l(r(), t),
+      ...a
+    }
+  );
+}
+function N({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Cancel,
+    {
+      className: l(r({ variant: "outline" }), t),
+      ...a
+    }
+  );
+}
+export {
+  u as AlertDialog,
+  v as AlertDialogAction,
+  N as AlertDialogCancel,
+  m as AlertDialogContent,
+  D as AlertDialogDescription,
+  x as AlertDialogFooter,
+  p as AlertDialogHeader,
+  s as AlertDialogOverlay,
+  i as AlertDialogPortal,
+  A as AlertDialogTitle,
+  f as AlertDialogTrigger
+};

package/dist/app/components/ui/alert.mjs

@@ -0,0 +1,66 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cva as i } from "class-variance-authority";
+import { cn as a } from "./utils.mjs";
+const l = i(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function c({
+  className: t,
+  variant: r,
+  ...s
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: a(l({ variant: r }), t),
+      ...s
+    }
+  );
+}
+function g({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: a(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function u({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: a(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        t
+      ),
+      ...r
+    }
+  );
+}
+export {
+  c as Alert,
+  u as AlertDescription,
+  g as AlertTitle
+};

package/dist/app/components/ui/aspect-ratio.mjs

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-aspect-ratio";
+function a({
+  ...t
+}) {
+  return /* @__PURE__ */ o(i.Root, { "data-slot": "aspect-ratio", ...t });
+}
+export {
+  a as AspectRatio
+};

package/dist/app/components/ui/avatar.mjs

@@ -0,0 +1,53 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-avatar";
+import { cn as l } from "./utils.mjs";
+function i({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    r.Root,
+    {
+      "data-slot": "avatar",
+      className: l(
+        "relative flex size-10 shrink-0 overflow-hidden rounded-full",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function n({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    r.Image,
+    {
+      "data-slot": "avatar-image",
+      className: l("aspect-square size-full", a),
+      ...t
+    }
+  );
+}
+function f({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    r.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: l(
+        "bg-muted flex size-full items-center justify-center rounded-full",
+        a
+      ),
+      ...t
+    }
+  );
+}
+export {
+  i as Avatar,
+  f as AvatarFallback,
+  n as AvatarImage
+};

package/dist/app/components/ui/badge.mjs

@@ -0,0 +1,39 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Slot as o } from "@radix-ui/react-slot";
+import { cva as n } from "class-variance-authority";
+import { cn as s } from "./utils.mjs";
+const d = n(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function b({
+  className: r,
+  variant: e,
+  asChild: t = !1,
+  ...i
+}) {
+  return /* @__PURE__ */ a(
+    t ? o : "span",
+    {
+      "data-slot": "badge",
+      className: s(d({ variant: e }), r),
+      ...i
+    }
+  );
+}
+export {
+  b as Badge,
+  d as badgeVariants
+};

package/dist/app/components/ui/breadcrumb.mjs

@@ -0,0 +1,102 @@
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Slot as s } from "@radix-ui/react-slot";
+import { MoreHorizontal as i, ChevronRight as l } from "lucide-react";
+import { cn as t } from "./utils.mjs";
+function p({ ...r }) {
+  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
+}
+function f({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: t(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function g({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: t("inline-flex items-center gap-1.5", r),
+      ...e
+    }
+  );
+}
+function x({
+  asChild: r,
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    r ? s : "a",
+    {
+      "data-slot": "breadcrumb-link",
+      className: t("hover:text-foreground transition-colors", e),
+      ...n
+    }
+  );
+}
+function h({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: t("text-foreground font-normal", r),
+      ...e
+    }
+  );
+}
+function N({
+  children: r,
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("[&>svg]:size-3.5", e),
+      ...n,
+      children: r ?? /* @__PURE__ */ a(l, {})
+    }
+  );
+}
+function B({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("flex size-9 items-center justify-center", r),
+      ...e,
+      children: [
+        /* @__PURE__ */ a(i, { className: "size-4" }),
+        /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+export {
+  p as Breadcrumb,
+  B as BreadcrumbEllipsis,
+  g as BreadcrumbItem,
+  x as BreadcrumbLink,
+  f as BreadcrumbList,
+  h as BreadcrumbPage,
+  N as BreadcrumbSeparator
+};

package/dist/app/components/ui/button.mjs

@@ -0,0 +1,49 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Slot as a } from "@radix-ui/react-slot";
+import { cva as s } from "class-variance-authority";
+import { cn as d } from "./utils.mjs";
+const u = s(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background text-foreground hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9 rounded-md"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function b({
+  className: e,
+  variant: r,
+  size: t,
+  asChild: i = !1,
+  ...n
+}) {
+  return /* @__PURE__ */ o(
+    i ? a : "button",
+    {
+      "data-slot": "button",
+      className: d(u({ variant: r, size: t, className: e })),
+      ...n
+    }
+  );
+}
+export {
+  b as Button,
+  u as buttonVariants
+};

package/dist/app/components/ui/calendar.mjs

@@ -0,0 +1,61 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ChevronRight as l, ChevronLeft as c } from "lucide-react";
+import { DayPicker as m } from "react-day-picker";
+import { cn as e } from "./utils.mjs";
+import { buttonVariants as d } from "./button.mjs";
+function x({
+  className: n,
+  classNames: i,
+  showOutsideDays: s = !0,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    m,
+    {
+      showOutsideDays: s,
+      className: e("p-3", n),
+      classNames: {
+        months: "flex flex-col sm:flex-row gap-2",
+        month: "flex flex-col gap-4",
+        caption: "flex justify-center pt-1 relative items-center w-full",
+        caption_label: "text-sm font-medium",
+        nav: "flex items-center gap-1",
+        nav_button: e(
+          d({ variant: "outline" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-x-1",
+        head_row: "flex",
+        head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: e(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",
+          o.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
+        ),
+        day: e(
+          d({ variant: "ghost" }),
+          "size-8 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_range_start: "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
+        day_range_end: "day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",
+        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        day_today: "bg-accent text-accent-foreground",
+        day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_hidden: "invisible",
+        ...i
+      },
+      components: {
+        IconLeft: ({ className: a, ...t }) => /* @__PURE__ */ r(c, { className: e("size-4", a), ...t }),
+        IconRight: ({ className: a, ...t }) => /* @__PURE__ */ r(l, { className: e("size-4", a), ...t })
+      },
+      ...o
+    }
+  );
+}
+export {
+  x as Calendar
+};

package/dist/app/components/ui/card.mjs

@@ -0,0 +1,90 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as o } from "./utils.mjs";
+function n({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "card",
+      className: o(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function s({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: o(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function c({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "h4",
+    {
+      "data-slot": "card-title",
+      className: o("leading-none", t),
+      ...r
+    }
+  );
+}
+function i({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "p",
+    {
+      "data-slot": "card-description",
+      className: o("text-muted-foreground", t),
+      ...r
+    }
+  );
+}
+function l({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: o(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function u({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: o("px-6 [&:last-child]:pb-6", t),
+      ...r
+    }
+  );
+}
+function f({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: o("flex items-center px-6 pb-6 [.border-t]:pt-6", t),
+      ...r
+    }
+  );
+}
+export {
+  n as Card,
+  l as CardAction,
+  u as CardContent,
+  i as CardDescription,
+  f as CardFooter,
+  s as CardHeader,
+  c as CardTitle
+};