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

package/dist/dialog.mjs

@@ -1,156 +1,100 @@
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { Dialog as e } from "radix-ui";
-import { cn as l } from "./utils.mjs";
-import { Button as d } from "./button.mjs";
-import { XIcon as s } from "lucide-react";
-function h({
-  ...o
-}) {
-  return /* @__PURE__ */ a(e.Root, { "data-slot": "dialog", ...o });
-}
-function D({
-  ...o
-}) {
-  return /* @__PURE__ */ a(e.Trigger, { "data-slot": "dialog-trigger", ...o });
-}
-function c({
-  ...o
-}) {
-  return /* @__PURE__ */ a(e.Portal, { "data-slot": "dialog-portal", ...o });
-}
-function v({
-  ...o
-}) {
-  return /* @__PURE__ */ a(e.Close, { "data-slot": "dialog-close", ...o });
-}
-function u({
-  className: o,
-  ...t
-}) {
-  return /* @__PURE__ */ a(
-    e.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: l(
-        "fixed inset-0 isolate 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",
-        o
-      ),
-      ...t
-    }
-  );
-}
-function C({
-  className: o,
-  children: t,
-  showCloseButton: n = !0,
-  ...i
-}) {
-  return /* @__PURE__ */ r(c, { children: [
-    /* @__PURE__ */ a(u, {}),
-    /* @__PURE__ */ r(
-      e.Content,
-      {
-        "data-slot": "dialog-content",
-        className: l(
-          "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-4xl bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/5 duration-100 outline-none sm:max-w-md 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",
-          o
-        ),
-        ...i,
-        children: [
-          t,
-          n && /* @__PURE__ */ a(e.Close, { "data-slot": "dialog-close", asChild: !0, children: /* @__PURE__ */ r(
-            d,
-            {
-              variant: "ghost",
-              className: "absolute top-4 right-4",
-              size: "icon-sm",
-              children: [
-                /* @__PURE__ */ a(
-                  s,
-                  {}
-                ),
-                /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-}
-function b({ className: o, ...t }) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: l("flex flex-col gap-2", o),
-      ...t
-    }
-  );
-}
-function N({
-  className: o,
-  showCloseButton: t = !1,
-  children: n,
-  ...i
-}) {
-  return /* @__PURE__ */ r(
-    "div",
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import * as l from "react";
+import * as e from "radix-ui";
+import { X as c } from "lucide-react";
+import { cn as i } from "./utils.mjs";
+const b = e.Root, w = e.Trigger, m = e.Portal, h = e.Close, d = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+  e.Overlay,
+  {
+    ref: s,
+    className: i(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      a
+    ),
+    ...t
+  }
+));
+d.displayName = e.Overlay.displayName;
+const f = l.forwardRef(({ className: a, children: t, ...s }, r) => /* @__PURE__ */ n(m, { children: [
+  /* @__PURE__ */ o(d, {}),
+  /* @__PURE__ */ n(
+    e.Content,
     {
-      "data-slot": "dialog-footer",
-      className: l(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        o
+      ref: r,
+      className: i(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        a
       ),
-      ...i,
+      ...s,
       children: [
-        n,
-        t && /* @__PURE__ */ a(e.Close, { asChild: !0, children: /* @__PURE__ */ a(d, { variant: "outline", children: "Close" }) })
+        t,
+        /* @__PURE__ */ n(e.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ o(c, { className: "h-4 w-4" }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+        ] })
       ]
     }
-  );
-}
-function y({
-  className: o,
+  )
+] }));
+f.displayName = e.Content.displayName;
+const p = ({
+  className: a,
   ...t
-}) {
-  return /* @__PURE__ */ a(
-    e.Title,
-    {
-      "data-slot": "dialog-title",
-      className: l(
-        "text-base leading-none font-medium",
-        o
-      ),
-      ...t
-    }
-  );
-}
-function z({
-  className: o,
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: i(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      a
+    ),
+    ...t
+  }
+);
+p.displayName = "DialogHeader";
+const g = ({
+  className: a,
   ...t
-}) {
-  return /* @__PURE__ */ a(
-    e.Description,
-    {
-      "data-slot": "dialog-description",
-      className: l(
-        "text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
-        o
-      ),
-      ...t
-    }
-  );
-}
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: i(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      a
+    ),
+    ...t
+  }
+);
+g.displayName = "DialogFooter";
+const u = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+  e.Title,
+  {
+    ref: s,
+    className: i(
+      "text-lg font-semibold leading-none tracking-tight",
+      a
+    ),
+    ...t
+  }
+));
+u.displayName = e.Title.displayName;
+const y = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+  e.Description,
+  {
+    ref: s,
+    className: i("text-sm text-muted-foreground", a),
+    ...t
+  }
+));
+y.displayName = e.Description.displayName;
 export {
-  h as Dialog,
-  v as DialogClose,
-  C as DialogContent,
-  z as DialogDescription,
-  N as DialogFooter,
-  b as DialogHeader,
-  u as DialogOverlay,
-  c as DialogPortal,
-  y as DialogTitle,
-  D as DialogTrigger
+  b as Dialog,
+  h as DialogClose,
+  f as DialogContent,
+  y as DialogDescription,
+  g as DialogFooter,
+  p as DialogHeader,
+  d as DialogOverlay,
+  m as DialogPortal,
+  u as DialogTitle,
+  w as DialogTrigger
 };

package/dist/drawer.mjs

@@ -1,127 +1,98 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import * as l from "react";
 import { Drawer as a } from "vaul";
-import { cn as o } from "./utils.mjs";
-function w({
+import { cn as s } from "./utils.mjs";
+const n = ({
+  shouldScaleBackground: e = !0,
   ...r
-}) {
-  return /* @__PURE__ */ e(a.Root, { "data-slot": "drawer", ...r });
-}
-function f({
-  ...r
-}) {
-  return /* @__PURE__ */ e(a.Trigger, { "data-slot": "drawer-trigger", ...r });
-}
-function i({
-  ...r
-}) {
-  return /* @__PURE__ */ e(a.Portal, { "data-slot": "drawer-portal", ...r });
-}
-function m({
-  ...r
-}) {
-  return /* @__PURE__ */ e(a.Close, { "data-slot": "drawer-close", ...r });
-}
-function l({
-  className: r,
-  ...t
-}) {
-  return /* @__PURE__ */ e(
-    a.Overlay,
+}) => /* @__PURE__ */ t(
+  a.Root,
+  {
+    shouldScaleBackground: e,
+    ...r
+  }
+);
+n.displayName = "Drawer";
+const u = a.Trigger, c = a.Portal, b = a.Close, d = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  a.Overlay,
+  {
+    ref: o,
+    className: s("fixed inset-0 z-50 bg-black/80", e),
+    ...r
+  }
+));
+d.displayName = a.Overlay.displayName;
+const p = l.forwardRef(({ className: e, children: r, ...o }, m) => /* @__PURE__ */ i(c, { children: [
+  /* @__PURE__ */ t(d, {}),
+  /* @__PURE__ */ i(
+    a.Content,
     {
-      "data-slot": "drawer-overlay",
-      className: o(
-        "fixed inset-0 z-50 bg-black/80 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
-        r
+      ref: m,
+      className: s(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        e
       ),
-      ...t
-    }
-  );
-}
-function p({
-  className: r,
-  children: t,
-  ...n
-}) {
-  return /* @__PURE__ */ d(i, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ e(l, {}),
-    /* @__PURE__ */ d(
-      a.Content,
-      {
-        "data-slot": "drawer-content",
-        className: o(
-          "group/drawer-content fixed z-50 flex h-auto flex-col bg-transparent p-4 text-sm text-popover-foreground before:absolute before:inset-2 before:-z-10 before:rounded-4xl before:border before:border-border before:bg-popover data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm",
-          r
-        ),
-        ...n,
-        children: [
-          /* @__PURE__ */ e("div", { className: "mx-auto mt-4 hidden h-1.5 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
-          t
-        ]
-      }
-    )
-  ] });
-}
-function x({ className: r, ...t }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "drawer-header",
-      className: o(
-        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
+      ...o,
+      children: [
+        /* @__PURE__ */ t("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         r
-      ),
-      ...t
-    }
-  );
-}
-function b({ className: r, ...t }) {
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "drawer-footer",
-      className: o("mt-auto flex flex-col gap-2 p-4", r),
-      ...t
+      ]
     }
-  );
-}
-function v({
-  className: r,
-  ...t
-}) {
-  return /* @__PURE__ */ e(
-    a.Title,
-    {
-      "data-slot": "drawer-title",
-      className: o(
-        "text-base font-medium text-foreground",
-        r
-      ),
-      ...t
-    }
-  );
-}
-function g({
-  className: r,
-  ...t
-}) {
-  return /* @__PURE__ */ e(
-    a.Description,
-    {
-      "data-slot": "drawer-description",
-      className: o("text-sm text-muted-foreground", r),
-      ...t
-    }
-  );
-}
+  )
+] }));
+p.displayName = "DrawerContent";
+const f = ({
+  className: e,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: s("grid gap-1.5 p-4 text-center sm:text-left", e),
+    ...r
+  }
+);
+f.displayName = "DrawerHeader";
+const w = ({
+  className: e,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: s("mt-auto flex flex-col gap-2 p-4", e),
+    ...r
+  }
+);
+w.displayName = "DrawerFooter";
+const D = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  a.Title,
+  {
+    ref: o,
+    className: s(
+      "text-lg font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...r
+  }
+));
+D.displayName = a.Title.displayName;
+const x = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  a.Description,
+  {
+    ref: o,
+    className: s("text-sm text-muted-foreground", e),
+    ...r
+  }
+));
+x.displayName = a.Description.displayName;
 export {
-  w as Drawer,
-  m as DrawerClose,
+  n as Drawer,
+  b as DrawerClose,
   p as DrawerContent,
-  g as DrawerDescription,
-  b as DrawerFooter,
-  x as DrawerHeader,
-  l as DrawerOverlay,
-  i as DrawerPortal,
-  v as DrawerTitle,
-  f as DrawerTrigger
+  x as DrawerDescription,
+  w as DrawerFooter,
+  f as DrawerHeader,
+  d as DrawerOverlay,
+  c as DrawerPortal,
+  D as DrawerTitle,
+  u as DrawerTrigger
 };