@arolariu/components 0.0.2 → 0.0.4

package/dist/es/components/ui/pagination.js

@@ -0,0 +1,118 @@
+import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { ChevronLeftIcon as l, ChevronRightIcon as c, MoreHorizontalIcon as p } from "lucide-react";
+import { cn as t } from "../../lib/utils.js";
+import { buttonVariants as u } from "./button.js";
+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(l, {}),
+        /* @__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(p, { 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/es/components/ui/popover.js

@@ -0,0 +1,44 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-popover";
+import { cn as d } from "../../lib/utils.js";
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ o(e.Root, { "data-slot": "popover", ...t });
+}
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ o(e.Trigger, { "data-slot": "popover-trigger", ...t });
+}
+function m({
+  className: t,
+  align: r = "center",
+  sideOffset: a = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ o(e.Portal, { children: /* @__PURE__ */ o(
+    e.Content,
+    {
+      "data-slot": "popover-content",
+      align: r,
+      sideOffset: a,
+      className: d(
+        "bg-white text-neutral-950 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 rounded-md border border-neutral-200 p-4 shadow-md outline-hidden dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
+        t
+      ),
+      ...n
+    }
+  ) });
+}
+function u({
+  ...t
+}) {
+  return /* @__PURE__ */ o(e.Anchor, { "data-slot": "popover-anchor", ...t });
+}
+export {
+  p as Popover,
+  u as PopoverAnchor,
+  m as PopoverContent,
+  l as PopoverTrigger
+};

package/dist/es/components/ui/progress.js

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

package/dist/es/components/ui/radio-group.js

@@ -0,0 +1,45 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-radio-group";
+import { CircleIcon as t } from "lucide-react";
+import { cn as o } from "../../lib/utils.js";
+function s({
+  className: a,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    e.Root,
+    {
+      "data-slot": "radio-group",
+      className: o("grid gap-3", a),
+      ...i
+    }
+  );
+}
+function u({
+  className: a,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    e.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: o(
+        "border-neutral-200 text-neutral-900 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 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 dark:border-neutral-800 dark:text-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900",
+        a
+      ),
+      ...i,
+      children: /* @__PURE__ */ r(
+        e.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 {
+  s as RadioGroup,
+  u as RadioGroupItem
+};

package/dist/es/components/ui/resizable.js

@@ -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 l } from "../../lib/utils.js";
+function u({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    t.PanelGroup,
+    {
+      "data-slot": "resizable-panel-group",
+      className: l(
+        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function d({
+  ...e
+}) {
+  return /* @__PURE__ */ a(t.Panel, { "data-slot": "resizable-panel", ...e });
+}
+function f({
+  withHandle: e,
+  className: r,
+  ...i
+}) {
+  return /* @__PURE__ */ a(
+    t.PanelResizeHandle,
+    {
+      "data-slot": "resizable-handle",
+      className: l(
+        "bg-neutral-200 focus-visible:ring-neutral-950 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 dark:bg-neutral-800 dark:focus-visible:ring-neutral-300",
+        r
+      ),
+      ...i,
+      children: e && /* @__PURE__ */ a("div", { className: "bg-neutral-200 z-10 flex h-4 w-3 items-center justify-center rounded-xs border dark:bg-neutral-800", children: /* @__PURE__ */ a(n, { className: "size-2.5" }) })
+    }
+  );
+}
+export {
+  f as ResizableHandle,
+  d as ResizablePanel,
+  u as ResizablePanelGroup
+};

package/dist/es/components/ui/scroll-area.js

@@ -0,0 +1,60 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-scroll-area";
+import { cn as t } from "../../lib/utils.js";
+function u({
+  className: e,
+  children: r,
+  ...o
+}) {
+  return /* @__PURE__ */ n(
+    a.Root,
+    {
+      "data-slot": "scroll-area",
+      className: t("relative", e),
+      ...o,
+      children: [
+        /* @__PURE__ */ l(
+          a.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "ring-neutral-950/10 dark:ring-neutral-950/20 dark:outline-ring/40 outline-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 dark:ring-neutral-300/10 dark:dark:ring-neutral-300/20",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ l(i, {}),
+        /* @__PURE__ */ l(a.Corner, {})
+      ]
+    }
+  );
+}
+function i({
+  className: e,
+  orientation: r = "vertical",
+  ...o
+}) {
+  return /* @__PURE__ */ l(
+    a.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
+      ),
+      ...o,
+      children: /* @__PURE__ */ l(
+        a.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-neutral-200 relative flex-1 rounded-full dark:bg-neutral-800"
+        }
+      )
+    }
+  );
+}
+export {
+  u as ScrollArea,
+  i as ScrollBar
+};

package/dist/es/components/ui/select.js

@@ -0,0 +1,167 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-select";
+import { ChevronDownIcon as o, CheckIcon as d, ChevronUpIcon as c } from "lucide-react";
+import { cn as l } from "../../lib/utils.js";
+function x({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Root, { "data-slot": "select", ...e });
+}
+function v({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Group, { "data-slot": "select-group", ...e });
+}
+function b({
+  ...e
+}) {
+  return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
+}
+function h({
+  className: e,
+  children: r,
+  ...s
+}) {
+  return /* @__PURE__ */ n(
+    a.Trigger,
+    {
+      "data-slot": "select-trigger",
+      className: l(
+        "border-neutral-200 data-[placeholder]:text-neutral-500 [&_svg:not([class*='text-'])]:text-neutral-500 focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 flex h-9 w-full items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *: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 dark:border-neutral-800 dark:data-[placeholder]:text-neutral-400 dark:[&_svg:not([class*='text-'])]:text-neutral-400 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900",
+        e
+      ),
+      ...s,
+      children: [
+        r,
+        /* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(o, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function k({
+  className: e,
+  children: r,
+  position: s = "popper",
+  ...i
+}) {
+  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ n(
+    a.Content,
+    {
+      "data-slot": "select-content",
+      className: l(
+        "bg-white text-neutral-950 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-96 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",
+        s === "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: s,
+      ...i,
+      children: [
+        /* @__PURE__ */ t(u, {}),
+        /* @__PURE__ */ t(
+          a.Viewport,
+          {
+            className: l(
+              "p-1",
+              s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: r
+          }
+        ),
+        /* @__PURE__ */ t(m, {})
+      ]
+    }
+  ) });
+}
+function w({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.Label,
+    {
+      "data-slot": "select-label",
+      className: l("px-2 py-1.5 text-sm font-medium", e),
+      ...r
+    }
+  );
+}
+function S({
+  className: e,
+  children: r,
+  ...s
+}) {
+  return /* @__PURE__ */ n(
+    a.Item,
+    {
+      "data-slot": "select-item",
+      className: l(
+        "focus:bg-neutral-100 focus:text-neutral-900 [&_svg:not([class*='text-'])]:text-neutral-500 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 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400",
+        e
+      ),
+      ...s,
+      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 y({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.Separator,
+    {
+      "data-slot": "select-separator",
+      className: l("bg-neutral-200 pointer-events-none -mx-1 my-1 h-px dark:bg-neutral-800", e),
+      ...r
+    }
+  );
+}
+function u({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: l(
+        "flex cursor-default items-center justify-center py-1",
+        e
+      ),
+      ...r,
+      children: /* @__PURE__ */ t(c, { className: "size-4" })
+    }
+  );
+}
+function m({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    a.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: l(
+        "flex cursor-default items-center justify-center py-1",
+        e
+      ),
+      ...r,
+      children: /* @__PURE__ */ t(o, { className: "size-4" })
+    }
+  );
+}
+export {
+  x as Select,
+  k as SelectContent,
+  v as SelectGroup,
+  S as SelectItem,
+  w as SelectLabel,
+  m as SelectScrollDownButton,
+  u as SelectScrollUpButton,
+  y as SelectSeparator,
+  h as SelectTrigger,
+  b as SelectValue
+};

package/dist/es/components/ui/separator.js

@@ -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 "../../lib/utils.js";
+function m({
+  className: t,
+  orientation: a = "horizontal",
+  decorative: r = !0,
+  ...o
+}) {
+  return /* @__PURE__ */ i(
+    n.Root,
+    {
+      "data-slot": "separator-root",
+      decorative: r,
+      orientation: a,
+      className: e(
+        "bg-neutral-200 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800",
+        t
+      ),
+      ...o
+    }
+  );
+}
+export {
+  m as Separator
+};

package/dist/es/components/ui/sheet.js

@@ -0,0 +1,126 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dialog";
+import { XIcon as l } from "lucide-react";
+import { cn as s } from "../../lib/utils.js";
+function m({ ...t }) {
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "sheet", ...t });
+}
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "sheet-trigger", ...t });
+}
+function g({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Close, { "data-slot": "sheet-close", ...t });
+}
+function d({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Portal, { "data-slot": "sheet-portal", ...t });
+}
+function u({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.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/80",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function x({
+  className: t,
+  children: a,
+  side: n = "right",
+  ...i
+}) {
+  return /* @__PURE__ */ r(d, { children: [
+    /* @__PURE__ */ e(u, {}),
+    /* @__PURE__ */ r(
+      o.Content,
+      {
+        "data-slot": "sheet-content",
+        className: s(
+          "bg-white 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 dark:bg-neutral-950",
+          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: [
+          a,
+          /* @__PURE__ */ r(o.Close, { className: "ring-offset-white focus:ring-neutral-950 data-[state=open]:bg-neutral-100 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 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800", children: [
+            /* @__PURE__ */ e(l, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function b({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: s("flex flex-col gap-1.5 p-4", t),
+      ...a
+    }
+  );
+}
+function S({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: s("mt-auto flex flex-col gap-2 p-4", t),
+      ...a
+    }
+  );
+}
+function y({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Title,
+    {
+      "data-slot": "sheet-title",
+      className: s("text-neutral-950 font-semibold dark:text-neutral-50", t),
+      ...a
+    }
+  );
+}
+function N({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Description,
+    {
+      "data-slot": "sheet-description",
+      className: s("text-neutral-500 text-sm dark:text-neutral-400", t),
+      ...a
+    }
+  );
+}
+export {
+  m as Sheet,
+  g as SheetClose,
+  x as SheetContent,
+  N as SheetDescription,
+  S as SheetFooter,
+  b as SheetHeader,
+  y as SheetTitle,
+  p as SheetTrigger
+};