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

package/dist/tabs.mjs

@@ -1,90 +1,46 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cva as n } from "class-variance-authority";
-import { Tabs as e } from "radix-ui";
-import { cn as i } from "./utils.mjs";
-function b({
-  className: a,
-  orientation: t = "horizontal",
-  ...o
-}) {
-  return /* @__PURE__ */ r(
-    e.Root,
-    {
-      "data-slot": "tabs",
-      "data-orientation": t,
-      className: i(
-        "group/tabs flex gap-2 data-horizontal:flex-col",
-        a
-      ),
-      ...o
-    }
-  );
-}
-const s = n(
-  "group/tabs-list inline-flex w-fit items-center justify-center rounded-4xl p-[3px] text-muted-foreground group-data-horizontal/tabs:h-9 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col group-data-vertical/tabs:rounded-2xl data-[variant=line]:rounded-none",
+import { jsx as o } from "react/jsx-runtime";
+import * as n from "react";
+import * as e from "radix-ui";
+import { cn as a } from "./utils.mjs";
+const l = e.Root, r = n.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ o(
+  e.List,
   {
-    variants: {
-      variant: {
-        default: "bg-muted",
-        line: "gap-1 bg-transparent"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
+    ref: s,
+    className: a(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      i
+    ),
+    ...t
   }
-);
-function p({
-  className: a,
-  variant: t = "default",
-  ...o
-}) {
-  return /* @__PURE__ */ r(
-    e.List,
-    {
-      "data-slot": "tabs-list",
-      "data-variant": t,
-      className: i(s({ variant: t }), a),
-      ...o
-    }
-  );
-}
-function c({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ r(
-    e.Trigger,
-    {
-      "data-slot": "tabs-trigger",
-      className: i(
-        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-xl border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5 hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
-        "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
-        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
-        a
-      ),
-      ...t
-    }
-  );
-}
-function f({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ r(
-    e.Content,
-    {
-      "data-slot": "tabs-content",
-      className: i("flex-1 text-sm outline-none", a),
-      ...t
-    }
-  );
-}
+));
+r.displayName = e.List.displayName;
+const f = n.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ o(
+  e.Trigger,
+  {
+    ref: s,
+    className: a(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      i
+    ),
+    ...t
+  }
+));
+f.displayName = e.Trigger.displayName;
+const d = n.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ o(
+  e.Content,
+  {
+    ref: s,
+    className: a(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      i
+    ),
+    ...t
+  }
+));
+d.displayName = e.Content.displayName;
 export {
-  b as Tabs,
-  f as TabsContent,
-  p as TabsList,
-  c as TabsTrigger,
-  s as tabsListVariants
+  l as Tabs,
+  d as TabsContent,
+  r as TabsList,
+  f as TabsTrigger
 };

package/dist/textarea.mjs

@@ -1,18 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as t } from "./utils.mjs";
-function o({ className: i, ...r }) {
-  return /* @__PURE__ */ e(
-    "textarea",
-    {
-      "data-slot": "textarea",
-      className: t(
-        "flex field-sizing-content min-h-16 w-full resize-none rounded-xl border border-input bg-input/30 px-3 py-3 text-base transition-colors outline-none placeholder:text-muted-foreground 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 md:text-sm dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
-        i
-      ),
-      ...r
-    }
-  );
-}
+import { jsx as t } from "react/jsx-runtime";
+import * as i from "react";
+import { cn as a } from "./utils.mjs";
+const s = i.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  "textarea",
+  {
+    className: a(
+      "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      e
+    ),
+    ref: o,
+    ...r
+  }
+));
+s.displayName = "Textarea";
 export {
-  o as Textarea
+  s as Textarea
 };

package/dist/toggle-group.mjs

@@ -1,76 +1,41 @@
-import { jsx as i } from "react/jsx-runtime";
-import * as n from "react";
-import { ToggleGroup as l } from "radix-ui";
-import { cn as d } from "./utils.mjs";
-import { toggleVariants as s } from "./toggle.mjs";
-const p = n.createContext({
+import { jsx as n } from "react/jsx-runtime";
+import * as e from "react";
+import * as t from "radix-ui";
+import { cn as p } from "./utils.mjs";
+import { toggleVariants as f } from "./toggle.mjs";
+const c = e.createContext({
   size: "default",
-  variant: "default",
-  spacing: 0,
-  orientation: "horizontal"
-});
-function x({
-  className: e,
-  variant: r,
-  size: o,
-  spacing: t = 0,
-  orientation: g = "horizontal",
-  children: a,
-  ...u
-}) {
-  return /* @__PURE__ */ i(
-    l.Root,
-    {
-      "data-slot": "toggle-group",
-      "data-variant": r,
-      "data-size": o,
-      "data-spacing": t,
-      "data-orientation": g,
-      style: { "--gap": t },
-      className: d(
-        "group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-[spacing=0]:data-[variant=outline]:rounded-4xl data-vertical:flex-col data-vertical:items-stretch",
-        e
-      ),
-      ...u,
-      children: /* @__PURE__ */ i(
-        p.Provider,
-        {
-          value: { variant: r, size: o, spacing: t, orientation: g },
-          children: a
-        }
-      )
-    }
-  );
-}
-function z({
-  className: e,
-  children: r,
-  variant: o = "default",
-  size: t = "default",
-  ...g
-}) {
-  const a = n.useContext(p);
-  return /* @__PURE__ */ i(
-    l.Item,
+  variant: "default"
+}), d = e.forwardRef(({ className: o, variant: r, size: a, children: i, ...s }, m) => /* @__PURE__ */ n(
+  t.Root,
+  {
+    ref: m,
+    className: p("flex items-center justify-center gap-1", o),
+    ...s,
+    children: /* @__PURE__ */ n(c.Provider, { value: { variant: r, size: a }, children: i })
+  }
+));
+d.displayName = t.Root.displayName;
+const u = e.forwardRef(({ className: o, children: r, variant: a, size: i, ...s }, m) => {
+  const l = e.useContext(c);
+  return /* @__PURE__ */ n(
+    t.Item,
     {
-      "data-slot": "toggle-group-item",
-      "data-variant": a.variant || o,
-      "data-size": a.size || t,
-      "data-spacing": a.spacing,
-      className: d(
-        "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-3 group-data-[spacing=0]/toggle-group:shadow-none focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-4xl group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-xl group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-4xl group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-xl data-[state=on]:bg-muted group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
-        s({
-          variant: a.variant || o,
-          size: a.size || t
+      ref: m,
+      className: p(
+        f({
+          variant: l.variant || a,
+          size: l.size || i
         }),
-        e
+        o
       ),
-      ...g,
+      ...s,
       children: r
     }
   );
-}
+});
+u.displayName = t.Item.displayName;
 export {
-  x as ToggleGroup,
-  z as ToggleGroupItem
+  d as ToggleGroup,
+  u as ToggleGroupItem
 };

package/dist/toggle.mjs

@@ -1,19 +1,20 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cva as a } from "class-variance-authority";
-import { Toggle as o } from "radix-ui";
-import { cn as s } from "./utils.mjs";
-const d = a(
-  "group/toggle inline-flex items-center justify-center gap-1 rounded-4xl text-sm font-medium whitespace-nowrap transition-colors outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+import { jsx as a } from "react/jsx-runtime";
+import * as s from "react";
+import * as e from "radix-ui";
+import { cva as d } from "class-variance-authority";
+import { cn as f } from "./utils.mjs";
+const m = d(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
   {
     variants: {
       variant: {
         default: "bg-transparent",
-        outline: "border border-input bg-transparent hover:bg-muted"
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
       },
       size: {
-        default: "h-9 min-w-9 rounded-[min(var(--radius-2xl),12px)] px-2.5",
-        sm: "h-8 min-w-8 px-3",
-        lg: "h-10 min-w-10 px-2.5"
+        default: "h-10 px-3 min-w-10",
+        sm: "h-9 px-2.5 min-w-9",
+        lg: "h-11 px-5 min-w-11"
       }
     },
     defaultVariants: {
@@ -21,23 +22,16 @@ const d = a(
       size: "default"
     }
   }
-);
-function m({
-  className: e,
-  variant: i = "default",
-  size: r = "default",
-  ...t
-}) {
-  return /* @__PURE__ */ n(
-    o.Root,
-    {
-      "data-slot": "toggle",
-      className: s(d({ variant: i, size: r, className: e })),
-      ...t
-    }
-  );
-}
+), c = s.forwardRef(({ className: t, variant: o, size: n, ...r }, i) => /* @__PURE__ */ a(
+  e.Root,
+  {
+    ref: i,
+    className: f(m({ variant: o, size: n, className: t })),
+    ...r
+  }
+));
+c.displayName = e.Root.displayName;
 export {
-  m as Toggle,
-  d as toggleVariants
+  c as Toggle,
+  m as toggleVariants
 };

package/dist/tooltip.mjs

@@ -1,55 +1,23 @@
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { Tooltip as o } from "radix-ui";
+import { jsx as a } from "react/jsx-runtime";
+import * as d from "react";
+import * as o from "radix-ui";
 import { cn as n } from "./utils.mjs";
-function f({
-  delayDuration: t = 0,
-  ...e
-}) {
-  return /* @__PURE__ */ a(
-    o.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration: t,
-      ...e
-    }
-  );
-}
-function m({
-  ...t
-}) {
-  return /* @__PURE__ */ a(o.Root, { "data-slot": "tooltip", ...t });
-}
-function x({
-  ...t
-}) {
-  return /* @__PURE__ */ a(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
-}
-function c({
-  className: t,
-  sideOffset: e = 0,
-  children: d,
-  ...i
-}) {
-  return /* @__PURE__ */ a(o.Portal, { children: /* @__PURE__ */ r(
-    o.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset: e,
-      className: n(
-        "z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-2xl bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 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-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-4xl data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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",
-        t
-      ),
-      ...i,
-      children: [
-        d,
-        /* @__PURE__ */ a(o.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=left]:translate-x-[-1.5px] data-[side=right]:translate-x-[1.5px]" })
-      ]
-    }
-  ) });
-}
+const l = o.Provider, f = o.Root, c = o.Trigger, s = d.forwardRef(({ className: t, sideOffset: e = 4, ...i }, r) => /* @__PURE__ */ a(
+  o.Content,
+  {
+    ref: r,
+    sideOffset: e,
+    className: n(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 origin-[--radix-tooltip-content-transform-origin]",
+      t
+    ),
+    ...i
+  }
+));
+s.displayName = o.Content.displayName;
 export {
-  m as Tooltip,
-  c as TooltipContent,
-  f as TooltipProvider,
-  x as TooltipTrigger
+  f as Tooltip,
+  s as TooltipContent,
+  l as TooltipProvider,
+  c as TooltipTrigger
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turingpaper/ui",
-  "version": "0.0.1-test.2",
+  "version": "0.0.1-test.4",
   "type": "module",
   "description": "Pre-built Shadcn/ui component library for Turingpaper TSX functions",
   "license": "MIT",
@@ -149,6 +149,14 @@
     "./hover-card": {
       "import": "./dist/hover-card.mjs",
       "types": "./dist/components/hover-card.d.ts"
+    },
+    "./chart": {
+      "import": "./dist/chart.mjs",
+      "types": "./dist/components/chart.d.ts"
+    },
+    "./input-otp": {
+      "import": "./dist/input-otp.mjs",
+      "types": "./dist/components/input-otp.d.ts"
     }
   },
   "files": [
@@ -167,8 +175,10 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
+    "input-otp": "^1.4.2",
     "lucide-react": "^0.562.0",
     "radix-ui": "^1.4.3",
+    "recharts": "^3.8.0",
     "tailwind-merge": "^3.4.0",
     "vaul": "^1.1.2"
   },