@deankwan/ui 0.1.0

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

@@ -0,0 +1,118 @@
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { MoreHorizontalIcon as l, ChevronRightIcon as c, ChevronLeftIcon as p } from "lucide-react";
+import { cn as t } from "./utils.mjs";
+import { buttonVariants as u } from "./button.mjs";
+function h({ className: a, ...n }) {
+  return /* @__PURE__ */ i(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: t("mx-auto flex w-full justify-center", a),
+      ...n
+    }
+  );
+}
+function x({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ i(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: t("flex flex-row items-center gap-1", a),
+      ...n
+    }
+  );
+}
+function N({ ...a }) {
+  return /* @__PURE__ */ i("li", { "data-slot": "pagination-item", ...a });
+}
+function o({
+  className: a,
+  isActive: n,
+  size: r = "icon",
+  ...s
+}) {
+  return /* @__PURE__ */ i(
+    "a",
+    {
+      "aria-current": n ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": n,
+      className: t(
+        u({
+          variant: n ? "outline" : "ghost",
+          size: r
+        }),
+        a
+      ),
+      ...s
+    }
+  );
+}
+function P({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ e(
+    o,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: t("gap-1 px-2.5 sm:pl-2.5", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i(p, {}),
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function v({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ e(
+    o,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: t("gap-1 px-2.5 sm:pr-2.5", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ i(c, {})
+      ]
+    }
+  );
+}
+function b({
+  className: a,
+  ...n
+}) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      "aria-hidden": !0,
+      "data-slot": "pagination-ellipsis",
+      className: t("flex size-9 items-center justify-center", a),
+      ...n,
+      children: [
+        /* @__PURE__ */ i(l, { className: "size-4" }),
+        /* @__PURE__ */ i("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+export {
+  h as Pagination,
+  x as PaginationContent,
+  b as PaginationEllipsis,
+  N as PaginationItem,
+  o as PaginationLink,
+  v as PaginationNext,
+  P as PaginationPrevious
+};

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

@@ -0,0 +1,44 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-popover";
+import { cn as i } from "./utils.mjs";
+function s({
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Root, { "data-slot": "popover", ...o });
+}
+function m({
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Trigger, { "data-slot": "popover-trigger", ...o });
+}
+function f({
+  className: o,
+  align: r = "center",
+  sideOffset: a = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(
+    e.Content,
+    {
+      "data-slot": "popover-content",
+      align: r,
+      sideOffset: a,
+      className: i(
+        "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        o
+      ),
+      ...n
+    }
+  ) });
+}
+function l({
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Anchor, { "data-slot": "popover-anchor", ...o });
+}
+export {
+  s as Popover,
+  l as PopoverAnchor,
+  f as PopoverContent,
+  m as PopoverTrigger
+};

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

@@ -0,0 +1,31 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-progress";
+import { cn as a } from "./utils.mjs";
+function n({
+  className: t,
+  value: l,
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    o.Root,
+    {
+      "data-slot": "progress",
+      className: a(
+        "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
+        t
+      ),
+      ...s,
+      children: /* @__PURE__ */ r(
+        o.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "bg-primary h-full w-full flex-1 transition-all",
+          style: { transform: `translateX(-${100 - (l || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+export {
+  n as Progress
+};

package/dist/app/components/ui/radio-group.mjs

@@ -0,0 +1,45 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-radio-group";
+import { CircleIcon as t } from "lucide-react";
+import { cn as e } from "./utils.mjs";
+function l({
+  className: i,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    a.Root,
+    {
+      "data-slot": "radio-group",
+      className: e("grid gap-3", i),
+      ...o
+    }
+  );
+}
+function c({
+  className: i,
+  ...o
+}) {
+  return /* @__PURE__ */ r(
+    a.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: e(
+        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        i
+      ),
+      ...o,
+      children: /* @__PURE__ */ r(
+        a.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "relative flex items-center justify-center",
+          children: /* @__PURE__ */ r(t, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+        }
+      )
+    }
+  );
+}
+export {
+  l as RadioGroup,
+  c as RadioGroupItem
+};

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

@@ -0,0 +1,48 @@
+import { jsx as a } from "react/jsx-runtime";
+import { GripVerticalIcon as n } from "lucide-react";
+import * as t from "react-resizable-panels";
+import { cn as i } from "./utils.mjs";
+function d({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    t.PanelGroup,
+    {
+      "data-slot": "resizable-panel-group",
+      className: i(
+        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function f({
+  ...e
+}) {
+  return /* @__PURE__ */ a(t.Panel, { "data-slot": "resizable-panel", ...e });
+}
+function p({
+  withHandle: e,
+  className: r,
+  ...l
+}) {
+  return /* @__PURE__ */ a(
+    t.PanelResizeHandle,
+    {
+      "data-slot": "resizable-handle",
+      className: i(
+        "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        r
+      ),
+      ...l,
+      children: e && /* @__PURE__ */ a("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ a(n, { className: "size-2.5" }) })
+    }
+  );
+}
+export {
+  p as ResizableHandle,
+  f as ResizablePanel,
+  d as ResizablePanelGroup
+};

package/dist/app/components/ui/scroll-area.mjs

@@ -0,0 +1,60 @@
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-scroll-area";
+import { cn as t } from "./utils.mjs";
+function u({
+  className: e,
+  children: r,
+  ...a
+}) {
+  return /* @__PURE__ */ s(
+    o.Root,
+    {
+      "data-slot": "scroll-area",
+      className: t("relative", e),
+      ...a,
+      children: [
+        /* @__PURE__ */ l(
+          o.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ l(i, {}),
+        /* @__PURE__ */ l(o.Corner, {})
+      ]
+    }
+  );
+}
+function i({
+  className: e,
+  orientation: r = "vertical",
+  ...a
+}) {
+  return /* @__PURE__ */ l(
+    o.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation: r,
+      className: t(
+        "flex touch-none p-px transition-colors select-none",
+        r === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        r === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        e
+      ),
+      ...a,
+      children: /* @__PURE__ */ l(
+        o.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+export {
+  u as ScrollArea,
+  i as ScrollBar
+};

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

@@ -0,0 +1,169 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-select";
+import { CheckIcon as d, ChevronDownIcon as i, ChevronUpIcon as c } from "lucide-react";
+import { cn as s } from "./utils.mjs";
+function v({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "select", ...e });
+}
+function x({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Group, { "data-slot": "select-group", ...e });
+}
+function h({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
+}
+function b({
+  className: e,
+  size: r = "default",
+  children: o,
+  ...n
+}) {
+  return /* @__PURE__ */ l(
+    a.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": r,
+      className: s(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded-md border bg-input-background px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...n,
+      children: [
+        o,
+        /* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function w({
+  className: e,
+  children: r,
+  position: o = "popper",
+  ...n
+}) {
+  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ l(
+    a.Content,
+    {
+      "data-slot": "select-content",
+      className: s(
+        "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        e
+      ),
+      position: o,
+      ...n,
+      children: [
+        /* @__PURE__ */ t(u, {}),
+        /* @__PURE__ */ t(
+          a.Viewport,
+          {
+            className: s(
+              "p-1",
+              o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ t(p, {})
+      ]
+    }
+  ) });
+}
+function y({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.Label,
+    {
+      "data-slot": "select-label",
+      className: s("text-muted-foreground px-2 py-1.5 text-xs", e),
+      ...r
+    }
+  );
+}
+function S({
+  className: e,
+  children: r,
+  ...o
+}) {
+  return /* @__PURE__ */ l(
+    a.Item,
+    {
+      "data-slot": "select-item",
+      className: s(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        e
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ t("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(d, { className: "size-4" }) }) }),
+        /* @__PURE__ */ t(a.ItemText, { children: r })
+      ]
+    }
+  );
+}
+function z({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.Separator,
+    {
+      "data-slot": "select-separator",
+      className: s("bg-border pointer-events-none -mx-1 my-1 h-px", e),
+      ...r
+    }
+  );
+}
+function u({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: s(
+        "flex cursor-default items-center justify-center py-1",
+        e
+      ),
+      ...r,
+      children: /* @__PURE__ */ t(c, { className: "size-4" })
+    }
+  );
+}
+function p({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: s(
+        "flex cursor-default items-center justify-center py-1",
+        e
+      ),
+      ...r,
+      children: /* @__PURE__ */ t(i, { className: "size-4" })
+    }
+  );
+}
+export {
+  v as Select,
+  w as SelectContent,
+  x as SelectGroup,
+  S as SelectItem,
+  y as SelectLabel,
+  p as SelectScrollDownButton,
+  u as SelectScrollUpButton,
+  z as SelectSeparator,
+  b as SelectTrigger,
+  h as SelectValue
+};

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

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-separator";
+import { cn as e } from "./utils.mjs";
+function m({
+  className: t,
+  orientation: o = "horizontal",
+  decorative: r = !0,
+  ...a
+}) {
+  return /* @__PURE__ */ i(
+    n.Root,
+    {
+      "data-slot": "separator-root",
+      decorative: r,
+      orientation: o,
+      className: e(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        t
+      ),
+      ...a
+    }
+  );
+}
+export {
+  m as Separator
+};

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

@@ -0,0 +1,126 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-dialog";
+import { XIcon as l } from "lucide-react";
+import { cn as s } from "./utils.mjs";
+function h({ ...t }) {
+  return /* @__PURE__ */ e(a.Root, { "data-slot": "sheet", ...t });
+}
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ e(a.Trigger, { "data-slot": "sheet-trigger", ...t });
+}
+function g({
+  ...t
+}) {
+  return /* @__PURE__ */ e(a.Close, { "data-slot": "sheet-close", ...t });
+}
+function d({
+  ...t
+}) {
+  return /* @__PURE__ */ e(a.Portal, { "data-slot": "sheet-portal", ...t });
+}
+function c({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    a.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: s(
+        "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
+      ),
+      ...o
+    }
+  );
+}
+function x({
+  className: t,
+  children: o,
+  side: n = "right",
+  ...i
+}) {
+  return /* @__PURE__ */ r(d, { children: [
+    /* @__PURE__ */ e(c, {}),
+    /* @__PURE__ */ r(
+      a.Content,
+      {
+        "data-slot": "sheet-content",
+        className: s(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          n === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          n === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          n === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          n === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          t
+        ),
+        ...i,
+        children: [
+          o,
+          /* @__PURE__ */ r(a.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ e(l, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function b({ className: t, ...o }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: s("flex flex-col gap-1.5 p-4", t),
+      ...o
+    }
+  );
+}
+function y({ className: t, ...o }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: s("mt-auto flex flex-col gap-2 p-4", t),
+      ...o
+    }
+  );
+}
+function S({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    a.Title,
+    {
+      "data-slot": "sheet-title",
+      className: s("text-foreground font-semibold", t),
+      ...o
+    }
+  );
+}
+function N({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    a.Description,
+    {
+      "data-slot": "sheet-description",
+      className: s("text-muted-foreground text-sm", t),
+      ...o
+    }
+  );
+}
+export {
+  h as Sheet,
+  g as SheetClose,
+  x as SheetContent,
+  N as SheetDescription,
+  y as SheetFooter,
+  b as SheetHeader,
+  S as SheetTitle,
+  p as SheetTrigger
+};