@turingpaper/ui 0.0.1-test.1 → 0.0.1-test.2

package/dist/radio-group.mjs

@@ -0,0 +1,44 @@
+import { jsx as r } from "react/jsx-runtime";
+import { RadioGroup as e } from "radix-ui";
+import { cn as t } from "./utils.mjs";
+function s({
+  className: a,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    e.Root,
+    {
+      "data-slot": "radio-group",
+      className: t("grid w-full gap-3", a),
+      ...i
+    }
+  );
+}
+function l({
+  className: a,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    e.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: t(
+        "group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 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": "radio-group-indicator",
+          className: "flex size-4 items-center justify-center",
+          children: /* @__PURE__ */ r("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
+        }
+      )
+    }
+  );
+}
+export {
+  s as RadioGroup,
+  l as RadioGroupItem
+};

package/dist/scroll-area.mjs

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

package/dist/select.mjs

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

package/dist/separator.mjs

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

package/dist/sheet.mjs

@@ -0,0 +1,139 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Dialog as o } from "radix-ui";
+import { cn as d } from "./utils.mjs";
+import { Button as n } from "./button.mjs";
+import { XIcon as f } from "lucide-react";
+function x({ ...t }) {
+  return /* @__PURE__ */ e(o.Root, { "data-slot": "sheet", ...t });
+}
+function S({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Trigger, { "data-slot": "sheet-trigger", ...t });
+}
+function v({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Close, { "data-slot": "sheet-close", ...t });
+}
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ e(o.Portal, { "data-slot": "sheet-portal", ...t });
+}
+function c({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: d(
+        "fixed inset-0 z-50 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function N({
+  className: t,
+  children: a,
+  side: i = "right",
+  showCloseButton: r = !0,
+  ...l
+}) {
+  return /* @__PURE__ */ s(m, { children: [
+    /* @__PURE__ */ e(c, {}),
+    /* @__PURE__ */ s(
+      o.Content,
+      {
+        "data-slot": "sheet-content",
+        "data-side": i,
+        className: d(
+          "fixed z-50 flex flex-col bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10",
+          t
+        ),
+        ...l,
+        children: [
+          a,
+          r && /* @__PURE__ */ e(o.Close, { "data-slot": "sheet-close", asChild: !0, children: /* @__PURE__ */ s(
+            n,
+            {
+              variant: "ghost",
+              className: "absolute top-4 right-4",
+              size: "icon-sm",
+              children: [
+                /* @__PURE__ */ e(
+                  f,
+                  {}
+                ),
+                /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+function C({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: d("flex flex-col gap-1.5 p-6", t),
+      ...a
+    }
+  );
+}
+function y({ className: t, ...a }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: d("mt-auto flex flex-col gap-2 p-6", t),
+      ...a
+    }
+  );
+}
+function w({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Title,
+    {
+      "data-slot": "sheet-title",
+      className: d(
+        "text-base font-medium text-foreground",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function T({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    o.Description,
+    {
+      "data-slot": "sheet-description",
+      className: d("text-sm text-muted-foreground", t),
+      ...a
+    }
+  );
+}
+export {
+  x as Sheet,
+  v as SheetClose,
+  N as SheetContent,
+  T as SheetDescription,
+  y as SheetFooter,
+  C as SheetHeader,
+  w as SheetTitle,
+  S as SheetTrigger
+};

package/dist/skeleton.mjs

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cn as n } from "./utils.mjs";
+function a({ className: e, ...t }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: n("animate-pulse rounded-xl bg-muted", e),
+      ...t
+    }
+  );
+}
+export {
+  a as Skeleton
+};

package/dist/slider.mjs

@@ -0,0 +1,59 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import * as h from "react";
+import { Slider as e } from "radix-ui";
+import { cn as m } from "./utils.mjs";
+function v({
+  className: i,
+  defaultValue: r,
+  value: a,
+  min: t = 0,
+  max: l = 100,
+  ...s
+}) {
+  const d = h.useMemo(
+    () => Array.isArray(a) ? a : Array.isArray(r) ? r : [t, l],
+    [a, r, t, l]
+  );
+  return /* @__PURE__ */ c(
+    e.Root,
+    {
+      "data-slot": "slider",
+      defaultValue: r,
+      value: a,
+      min: t,
+      max: l,
+      className: m(
+        "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",
+        i
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ o(
+          e.Track,
+          {
+            "data-slot": "slider-track",
+            className: "relative grow overflow-hidden rounded-4xl bg-muted data-horizontal:h-3 data-horizontal:w-full data-vertical:h-full data-vertical:w-3",
+            children: /* @__PURE__ */ o(
+              e.Range,
+              {
+                "data-slot": "slider-range",
+                className: "absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full"
+              }
+            )
+          }
+        ),
+        Array.from({ length: d.length }, (b, n) => /* @__PURE__ */ o(
+          e.Thumb,
+          {
+            "data-slot": "slider-thumb",
+            className: "block size-4 shrink-0 rounded-4xl border border-primary bg-white shadow-sm ring-ring/50 transition-colors select-none hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+          },
+          n
+        ))
+      ]
+    }
+  );
+}
+export {
+  v as Slider
+};