@turingpaper/ui 0.0.19 → 0.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/alert-dialog.mjs +1 -1
- package/dist/button.mjs +1 -1
- package/dist/card.mjs +1 -1
- package/dist/command.mjs +3 -3
- package/dist/dialog.mjs +2 -2
- package/dist/dropdown-menu.mjs +6 -6
- package/dist/hover-card.mjs +1 -1
- package/dist/input-group.mjs +3 -3
- package/dist/input-otp.mjs +1 -1
- package/dist/input.mjs +1 -1
- package/dist/popover.mjs +1 -1
- package/dist/provider.mjs +1 -1
- package/dist/select.mjs +3 -3
- package/dist/sheet.mjs +1 -1
- package/dist/skeleton.mjs +1 -1
- package/dist/styles.css +1 -1
- package/dist/tabs.mjs +2 -2
- package/dist/textarea.mjs +1 -1
- package/dist/toggle.mjs +1 -1
- package/package.json +1 -1
package/dist/alert-dialog.mjs
CHANGED
|
@@ -12,7 +12,7 @@ var o = a.Root, s = a.Trigger, c = a.Portal, l = n.forwardRef(({ className: t, .
|
|
|
12
12
|
l.displayName = a.Overlay.displayName;
|
|
13
13
|
var u = n.forwardRef(({ className: t, ...n }, o) => /* @__PURE__ */ i(c, { children: [/* @__PURE__ */ r(l, {}), /* @__PURE__ */ r(a.Content, {
|
|
14
14
|
ref: o,
|
|
15
|
-
className: e("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-6 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-
|
|
15
|
+
className: e("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-6 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-2xl", t),
|
|
16
16
|
...n
|
|
17
17
|
})] }));
|
|
18
18
|
u.displayName = a.Content.displayName;
|
package/dist/button.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import { jsx as n } from "react/jsx-runtime";
|
|
|
4
4
|
import { Slot as r } from "radix-ui";
|
|
5
5
|
import { cva as i } from "class-variance-authority";
|
|
6
6
|
//#region src/components/button.tsx
|
|
7
|
-
var a = i("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-
|
|
7
|
+
var a = i("inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-xl text-sm font-medium transition-colors focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
10
10
|
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
package/dist/card.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import { jsx as n } from "react/jsx-runtime";
|
|
|
4
4
|
//#region src/components/card.tsx
|
|
5
5
|
var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
|
|
6
6
|
ref: i,
|
|
7
|
-
className: e("rounded-
|
|
7
|
+
className: e("rounded-2xl border bg-card text-card-foreground shadow-sm", t),
|
|
8
8
|
...r
|
|
9
9
|
}));
|
|
10
10
|
r.displayName = "Card";
|
package/dist/command.mjs
CHANGED
|
@@ -8,7 +8,7 @@ import { Command as s } from "cmdk";
|
|
|
8
8
|
//#region src/components/command.tsx
|
|
9
9
|
var c = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s, {
|
|
10
10
|
ref: r,
|
|
11
|
-
className: e("flex h-full w-full flex-col overflow-hidden rounded-
|
|
11
|
+
className: e("flex h-full w-full flex-col overflow-hidden rounded-xl bg-popover text-popover-foreground", t),
|
|
12
12
|
...n
|
|
13
13
|
}));
|
|
14
14
|
c.displayName = s.displayName;
|
|
@@ -26,7 +26,7 @@ var l = ({ children: e, ...r }) => /* @__PURE__ */ i(t, {
|
|
|
26
26
|
"cmdk-input-wrapper": "",
|
|
27
27
|
children: [/* @__PURE__ */ i(o, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), /* @__PURE__ */ i(s.Input, {
|
|
28
28
|
ref: r,
|
|
29
|
-
className: e("flex h-10 w-full rounded-
|
|
29
|
+
className: e("flex h-10 w-full rounded-xl bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", t),
|
|
30
30
|
...n
|
|
31
31
|
})]
|
|
32
32
|
}));
|
|
@@ -57,7 +57,7 @@ var m = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s.Separato
|
|
|
57
57
|
m.displayName = s.Separator.displayName;
|
|
58
58
|
var h = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(s.Item, {
|
|
59
59
|
ref: r,
|
|
60
|
-
className: e("relative flex cursor-default gap-2 select-none items-center rounded-
|
|
60
|
+
className: e("relative flex cursor-default gap-2 select-none items-center rounded-lg px-2 py-2 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", t),
|
|
61
61
|
...n
|
|
62
62
|
}));
|
|
63
63
|
h.displayName = s.Item.displayName;
|
package/dist/dialog.mjs
CHANGED
|
@@ -12,10 +12,10 @@ var o = i.Root, s = i.Trigger, c = i.Portal, l = i.Close, u = t.forwardRef(({ cl
|
|
|
12
12
|
u.displayName = i.Overlay.displayName;
|
|
13
13
|
var d = t.forwardRef(({ className: t, children: o, ...s }, l) => /* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(u, {}), /* @__PURE__ */ r(i.Content, {
|
|
14
14
|
ref: l,
|
|
15
|
-
className: e("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-6 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-
|
|
15
|
+
className: e("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-6 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-2xl", t),
|
|
16
16
|
...s,
|
|
17
17
|
children: [o, /* @__PURE__ */ r(i.Close, {
|
|
18
|
-
className: "absolute right-4 top-4 rounded-
|
|
18
|
+
className: "absolute right-4 top-4 rounded-lg opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
|
|
19
19
|
children: [/* @__PURE__ */ n(a, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", {
|
|
20
20
|
className: "sr-only",
|
|
21
21
|
children: "Close"
|
package/dist/dropdown-menu.mjs
CHANGED
|
@@ -6,33 +6,33 @@ import { Check as a, ChevronRight as o, Circle as s } from "lucide-react";
|
|
|
6
6
|
//#region src/components/dropdown-menu.tsx
|
|
7
7
|
var c = i.Root, l = i.Trigger, u = i.Group, d = i.Portal, f = i.Sub, p = i.RadioGroup, m = t.forwardRef(({ className: t, inset: a, children: s, ...c }, l) => /* @__PURE__ */ r(i.SubTrigger, {
|
|
8
8
|
ref: l,
|
|
9
|
-
className: e("flex cursor-default select-none items-center gap-2 rounded-
|
|
9
|
+
className: e("flex cursor-default select-none items-center gap-2 rounded-lg px-2 py-2 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", a && "pl-8", t),
|
|
10
10
|
...c,
|
|
11
11
|
children: [s, /* @__PURE__ */ n(o, { className: "ml-auto" })]
|
|
12
12
|
}));
|
|
13
13
|
m.displayName = i.SubTrigger.displayName;
|
|
14
14
|
var h = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.SubContent, {
|
|
15
15
|
ref: a,
|
|
16
|
-
className: e("z-50 min-w-[8rem] overflow-hidden rounded-
|
|
16
|
+
className: e("z-50 min-w-[8rem] overflow-hidden rounded-xl border bg-popover p-1 text-popover-foreground shadow-lg 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 origin-[--radix-dropdown-menu-content-transform-origin]", t),
|
|
17
17
|
...r
|
|
18
18
|
}));
|
|
19
19
|
h.displayName = i.SubContent.displayName;
|
|
20
20
|
var g = t.forwardRef(({ className: t, sideOffset: r = 4, ...a }, o) => /* @__PURE__ */ n(i.Portal, { children: /* @__PURE__ */ n(i.Content, {
|
|
21
21
|
ref: o,
|
|
22
22
|
sideOffset: r,
|
|
23
|
-
className: e("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-
|
|
23
|
+
className: e("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-xl border bg-popover p-1 text-popover-foreground shadow-md 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 origin-[--radix-dropdown-menu-content-transform-origin]", t),
|
|
24
24
|
...a
|
|
25
25
|
}) }));
|
|
26
26
|
g.displayName = i.Content.displayName;
|
|
27
27
|
var _ = t.forwardRef(({ className: t, inset: r, ...a }, o) => /* @__PURE__ */ n(i.Item, {
|
|
28
28
|
ref: o,
|
|
29
|
-
className: e("relative flex cursor-default select-none items-center gap-2.5 rounded-
|
|
29
|
+
className: e("relative flex cursor-default select-none items-center gap-2.5 rounded-lg px-2 py-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", r && "pl-8", t),
|
|
30
30
|
...a
|
|
31
31
|
}));
|
|
32
32
|
_.displayName = i.Item.displayName;
|
|
33
33
|
var v = t.forwardRef(({ className: t, children: o, checked: s, ...c }, l) => /* @__PURE__ */ r(i.CheckboxItem, {
|
|
34
34
|
ref: l,
|
|
35
|
-
className: e("relative flex cursor-default select-none items-center rounded-
|
|
35
|
+
className: e("relative flex cursor-default select-none items-center rounded-lg py-2 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
|
|
36
36
|
checked: s,
|
|
37
37
|
...c,
|
|
38
38
|
children: [/* @__PURE__ */ n("span", {
|
|
@@ -43,7 +43,7 @@ var v = t.forwardRef(({ className: t, children: o, checked: s, ...c }, l) => /*
|
|
|
43
43
|
v.displayName = i.CheckboxItem.displayName;
|
|
44
44
|
var y = t.forwardRef(({ className: t, children: a, ...o }, c) => /* @__PURE__ */ r(i.RadioItem, {
|
|
45
45
|
ref: c,
|
|
46
|
-
className: e("relative flex cursor-default select-none items-center rounded-
|
|
46
|
+
className: e("relative flex cursor-default select-none items-center rounded-lg py-2 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
|
|
47
47
|
...o,
|
|
48
48
|
children: [/* @__PURE__ */ n("span", {
|
|
49
49
|
className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
|
package/dist/hover-card.mjs
CHANGED
|
@@ -8,7 +8,7 @@ var i = r.Root, a = r.Trigger, o = t.forwardRef(({ className: t, align: i = "cen
|
|
|
8
8
|
ref: s,
|
|
9
9
|
align: i,
|
|
10
10
|
sideOffset: a,
|
|
11
|
-
className: e("z-50 w-64 rounded-
|
|
11
|
+
className: e("z-50 w-64 rounded-xl border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-hover-card-content-transform-origin]", t),
|
|
12
12
|
...o
|
|
13
13
|
}));
|
|
14
14
|
o.displayName = r.Content.displayName;
|
package/dist/input-group.mjs
CHANGED
|
@@ -10,11 +10,11 @@ function o({ className: t, ...n }) {
|
|
|
10
10
|
return /* @__PURE__ */ i("div", {
|
|
11
11
|
"data-slot": "input-group",
|
|
12
12
|
role: "group",
|
|
13
|
-
className: e("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-
|
|
13
|
+
className: e("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-xl border border-input bg-input/30 transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-data-[align=block-end]:rounded-2xl has-data-[align=block-start]:rounded-2xl has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive-foreground has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive-foreground/20 has-[textarea]:rounded-xl has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:has-[[data-slot][aria-invalid=true]]:ring-destructive-foreground/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", t),
|
|
14
14
|
...n
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
|
-
var s = a("flex h-auto cursor-text items-center justify-center gap-2 py-2 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-
|
|
17
|
+
var s = a("flex h-auto cursor-text items-center justify-center gap-2 py-2 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-xl **:data-[slot=kbd]:bg-muted-foreground/10 **:data-[slot=kbd]:px-1.5 [&>svg:not([class*='size-'])]:size-4", {
|
|
18
18
|
variants: { align: {
|
|
19
19
|
"inline-start": "order-first pl-3 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
|
|
20
20
|
"inline-end": "order-last pr-3 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]",
|
|
@@ -35,7 +35,7 @@ function c({ className: t, align: n = "inline-start", ...r }) {
|
|
|
35
35
|
...r
|
|
36
36
|
});
|
|
37
37
|
}
|
|
38
|
-
var l = a("flex items-center gap-2 rounded-
|
|
38
|
+
var l = a("flex items-center gap-2 rounded-xl text-sm shadow-none", {
|
|
39
39
|
variants: { size: {
|
|
40
40
|
xs: "h-6 gap-1 px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
|
|
41
41
|
sm: "",
|
package/dist/input-otp.mjs
CHANGED
|
@@ -21,7 +21,7 @@ var l = t.forwardRef(({ index: i, className: a, ...s }, c) => {
|
|
|
21
21
|
let { char: l, hasFakeCaret: u, isActive: d } = t.useContext(o).slots[i];
|
|
22
22
|
return /* @__PURE__ */ r("div", {
|
|
23
23
|
ref: c,
|
|
24
|
-
className: e("relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-
|
|
24
|
+
className: e("relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-xl first:border-l last:rounded-r-xl", d && "z-10 border-ring ring-3 ring-ring/50", a),
|
|
25
25
|
...s,
|
|
26
26
|
children: [l, u && /* @__PURE__ */ n("div", {
|
|
27
27
|
className: "pointer-events-none absolute inset-0 flex items-center justify-center",
|
package/dist/input.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import { jsx as n } from "react/jsx-runtime";
|
|
|
4
4
|
//#region src/components/input.tsx
|
|
5
5
|
var r = t.forwardRef(({ className: t, type: r, ...i }, a) => /* @__PURE__ */ n("input", {
|
|
6
6
|
type: r,
|
|
7
|
-
className: e("flex h-9 w-full rounded-
|
|
7
|
+
className: e("flex h-9 w-full rounded-xl border border-input bg-background px-3 py-1 text-base file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", t),
|
|
8
8
|
ref: a,
|
|
9
9
|
...i
|
|
10
10
|
}));
|
package/dist/popover.mjs
CHANGED
|
@@ -7,7 +7,7 @@ var i = r.Root, a = r.Trigger, o = t.forwardRef(({ className: t, align: i = "cen
|
|
|
7
7
|
ref: s,
|
|
8
8
|
align: i,
|
|
9
9
|
sideOffset: a,
|
|
10
|
-
className: e("z-50 w-72 rounded-
|
|
10
|
+
className: e("z-50 w-72 rounded-xl border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-popover-content-transform-origin]", t),
|
|
11
11
|
...o
|
|
12
12
|
}) }));
|
|
13
13
|
o.displayName = r.Content.displayName;
|