@krosoft/react 0.0.253 → 0.0.255

package/dist/{ui-hvA1osvS.js → ui-CvuDSRPw.js}

@@ -1003,50 +1003,68 @@ var Qn = ({ ...e }) => {
 $n.displayName = F.Root.displayName;
 //#endregion
 //#region src/components/ui/tabs.tsx
-var er = I.Root, tr = a.forwardRef(({ className: t, style: n, ...i }, s) => {
-	let c = a.useRef(null), l = a.useCallback((e) => {
-		c.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
-	}, [s]), u = r(c);
-	return /* @__PURE__ */ o(I.List, {
-		ref: l,
-		style: {
-			...n,
-			...u
-		},
-		className: e("inline-flex h-10 items-center justify-start gap-6 overflow-x-auto overscroll-x-contain border-b border-border bg-transparent p-0 text-muted-foreground w-full [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", t),
-		...i
+var er = I.Root, tr = b("text-muted-foreground [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", {
+	variants: { variant: {
+		line: "inline-flex h-10 w-full items-center justify-start gap-6 overflow-x-auto overscroll-x-contain border-b border-border bg-transparent p-0",
+		solid: "inline-flex h-10 w-fit items-center justify-center gap-1 rounded-md bg-muted p-1"
+	} },
+	defaultVariants: { variant: "line" }
+}), nr = b("relative inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap text-sm font-medium text-muted-foreground ring-offset-background cursor-pointer transition-colors hover:text-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=active]:text-foreground [&_svg]:h-4 [&_svg]:w-4", {
+	variants: { variant: {
+		line: "rounded-none border-b-2 border-transparent bg-transparent px-1 pb-2.5 pt-2 -mb-px data-[state=active]:border-primary data-[state=active]:shadow-none",
+		solid: "rounded-sm px-3 py-1.5 data-[state=active]:bg-background data-[state=active]:shadow-sm"
+	} },
+	defaultVariants: { variant: "line" }
+}), rr = a.createContext("line"), ir = a.forwardRef(({ className: t, style: n, variant: i, ...s }, c) => {
+	let l = i ?? "line", u = a.useRef(null), d = a.useCallback((e) => {
+		u.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
+	}, [c]), f = r(u);
+	return /* @__PURE__ */ o(rr.Provider, {
+		value: l,
+		children: /* @__PURE__ */ o(I.List, {
+			ref: d,
+			style: {
+				...n,
+				...f
+			},
+			className: e(tr({ variant: l }), t),
+			...s
+		})
 	});
 });
-tr.displayName = I.List.displayName;
-var nr = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o(I.Trigger, {
-	ref: r,
-	className: e("relative inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-none border-b-2 border-transparent bg-transparent px-1 pb-2.5 pt-2 -mb-px text-sm font-medium text-muted-foreground ring-offset-background cursor-pointer transition-colors hover:text-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=active]:border-primary data-[state=active]:text-foreground data-[state=active]:shadow-none [&_svg]:h-4 [&_svg]:w-4", t),
-	...n
-}));
-nr.displayName = I.Trigger.displayName;
-var rr = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o(I.Content, {
+ir.displayName = I.List.displayName;
+var ar = a.forwardRef(({ className: t, variant: n, ...r }, i) => {
+	let s = a.useContext(rr);
+	return /* @__PURE__ */ o(I.Trigger, {
+		ref: i,
+		className: e(nr({ variant: n ?? s }), t),
+		...r
+	});
+});
+ar.displayName = I.Trigger.displayName;
+var or = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o(I.Content, {
 	ref: r,
 	className: e("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", t),
 	...n
 }));
-rr.displayName = I.Content.displayName;
+or.displayName = I.Content.displayName;
 //#endregion
 //#region src/components/ui/textarea.tsx
-var ir = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o("textarea", {
+var sr = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o("textarea", {
 	className: e("flex min-h-[80px] w-full rounded-control border border-input bg-background px-3 py-2 text-sm 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", t),
 	ref: r,
 	...n
 }));
-ir.displayName = "Textarea";
+sr.displayName = "Textarea";
 //#endregion
 //#region src/components/ui/toast.tsx
-var ar = L.Provider, q = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o(L.Viewport, {
+var cr = L.Provider, q = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o(L.Viewport, {
 	ref: r,
 	className: e("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", t),
 	...n
 }));
 q.displayName = L.Viewport.displayName;
-var or = b("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-surface border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
+var lr = b("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-surface border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
 	variants: { variant: {
 		default: "border bg-background text-foreground",
 		destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
@@ -1054,16 +1072,16 @@ var or = b("group pointer-events-auto relative flex w-full items-center justify-
 	defaultVariants: { variant: "default" }
 }), J = a.forwardRef(({ className: t, variant: n, ...r }, i) => /* @__PURE__ */ o(L.Root, {
 	ref: i,
-	className: e(or({ variant: n }), t),
+	className: e(lr({ variant: n }), t),
 	...r
 }));
 J.displayName = L.Root.displayName;
-var sr = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o(L.Action, {
+var ur = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o(L.Action, {
 	ref: r,
 	className: e("inline-flex h-8 shrink-0 items-center justify-center rounded-control border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors group-[.destructive]:border-muted/40 hover:bg-secondary group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 group-[.destructive]:focus:ring-destructive disabled:pointer-events-none disabled:opacity-50", t),
 	...n
 }));
-sr.displayName = L.Action.displayName;
+ur.displayName = L.Action.displayName;
 var Y = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o(L.Close, {
 	ref: r,
 	className: e("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 hover:text-foreground group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:outline-none focus:ring-2 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600", t),
@@ -1086,9 +1104,9 @@ var Z = a.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ o(L.Descript
 Z.displayName = L.Description.displayName;
 //#endregion
 //#region src/components/ui/toaster.tsx
-function cr() {
+function dr() {
 	let { toasts: e } = i();
-	return /* @__PURE__ */ s(ar, { children: [e.map(function({ id: e, title: t, description: n, action: r, ...i }) {
+	return /* @__PURE__ */ s(cr, { children: [e.map(function({ id: e, title: t, description: n, action: r, ...i }) {
 		return /* @__PURE__ */ s(J, {
 			...i,
 			children: [
@@ -1120,7 +1138,7 @@ var Q = b("inline-flex items-center justify-center rounded-control text-sm font-
 		variant: "default",
 		size: "default"
 	}
-}), lr = a.forwardRef(({ className: t, variant: n, size: r, ...i }, a) => /* @__PURE__ */ o(R.Root, {
+}), fr = a.forwardRef(({ className: t, variant: n, size: r, ...i }, a) => /* @__PURE__ */ o(R.Root, {
 	ref: a,
 	className: e(Q({
 		variant: n,
@@ -1129,17 +1147,17 @@ var Q = b("inline-flex items-center justify-center rounded-control text-sm font-
 	})),
 	...i
 }));
-lr.displayName = R.Root.displayName;
+fr.displayName = R.Root.displayName;
 //#endregion
 //#region src/components/ui/toggle-group.tsx
-var ur = a.createContext({
+var pr = a.createContext({
 	size: "default",
 	variant: "default"
-}), dr = a.forwardRef(({ className: t, variant: n, size: r, children: i, ...a }, s) => /* @__PURE__ */ o(z.Root, {
+}), mr = a.forwardRef(({ className: t, variant: n, size: r, children: i, ...a }, s) => /* @__PURE__ */ o(z.Root, {
 	ref: s,
 	className: e("flex items-center justify-center gap-1", t),
 	...a,
-	children: /* @__PURE__ */ o(ur.Provider, {
+	children: /* @__PURE__ */ o(pr.Provider, {
 		value: {
 			variant: n,
 			size: r
@@ -1147,9 +1165,9 @@ var ur = a.createContext({
 		children: i
 	})
 }));
-dr.displayName = z.Root.displayName;
+mr.displayName = z.Root.displayName;
 var $ = a.forwardRef(({ className: t, children: n, variant: r, size: i, ...s }, c) => {
-	let l = a.useContext(ur);
+	let l = a.useContext(pr);
 	return /* @__PURE__ */ o(z.Item, {
 		ref: c,
 		className: e(Q({
@@ -1162,4 +1180,4 @@ var $ = a.forwardRef(({ className: t, children: n, variant: r, size: i, ...s },
 });
 $.displayName = z.Item.displayName;
 //#endregion
-export { fn as $, xt as $t, K as A, Ue as An, H as At, Nn as B, Ce as Bn, Vt as Bt, Gn as C, Ze as Cn, Xt as Ct, Jn as D, Be as Dn, Yt as Dt, Kn as E, qe as En, Jt as Et, zn as F, Re as Fn, Lt as Ft, On as G, ke as Gn, kt as Gt, Fn as H, Ne as Hn, Mt as Ht, Ln as I, Fe as In, Bt as It, kn as J, we as Jn, Ct as Jt, An as K, Oe as Kn, yt as Kt, jn as L, Le as Ln, jt as Lt, Vn as M, We as Mn, Rt as Mt, Bn as N, Ge as Nn, It as Nt, Wn as O, Ke as On, Qt as Ot, Rn as P, ze as Pn, At as Pt, En as Q, xe as Qn, V as Qt, Mn as R, Ie as Rn, Nt as Rt, Un as S, Xe as Sn, Wt as St, Yn as T, Qe as Tn, Kt as Tt, Pn as U, De as Un, Ft as Ut, G as V, Me as Vn, Ht as Vt, Cn as W, je as Wn, Pt as Wt, Dn as X, Se as Xn, Tt as Xt, wn as Y, ye as Yn, Dt as Yt, W as Z, be as Zn, wt as Zt, nr as _, tt as _n, on as _t, cr as a, ot as an, sn as at, ve as b, et as bn, tn as bt, Y as c, st as cn, yn as ct, X as d, _t as dn, un as dt, Et as en, vn as et, q as f, vt as fn, hn as ft, tr as g, at as gn, rn as gt, rr as h, ut as hn, nn as ht, Q as i, ft as in, bn as it, Hn as j, Ve as jn, Ot as jt, qn as k, He as kn, U as kt, Z as l, lt as ln, xn as lt, er as m, dt as mn, pn as mt, $ as n, it as nn, cn as nt, J as o, pt as on, ln as ot, ir as p, ct as pn, mn as pt, Tn as q, Ae as qn, St as qt, lr as r, mt as rn, _n as rt, sr as s, gt as sn, dn as st, dr as t, bt as tn, gn as tt, ar as u, ht as un, Sn as ut, $n as v, rt as vn, an as vt, Xn as w, $e as wn, Zt as wt, Zn as x, Ye as xn, en as xt, Qn as y, nt as yn, $t as yt, In as z, Pe as zn, zt };
+export { fn as $, xt as $t, K as A, Ue as An, H as At, Nn as B, Ce as Bn, Vt as Bt, Gn as C, Ze as Cn, Xt as Ct, Jn as D, Be as Dn, Yt as Dt, Kn as E, qe as En, Jt as Et, zn as F, Re as Fn, Lt as Ft, On as G, ke as Gn, kt as Gt, Fn as H, Ne as Hn, Mt as Ht, Ln as I, Fe as In, Bt as It, kn as J, we as Jn, Ct as Jt, An as K, Oe as Kn, yt as Kt, jn as L, Le as Ln, jt as Lt, Vn as M, We as Mn, Rt as Mt, Bn as N, Ge as Nn, It as Nt, Wn as O, Ke as On, Qt as Ot, Rn as P, ze as Pn, At as Pt, En as Q, xe as Qn, V as Qt, Mn as R, Ie as Rn, Nt as Rt, Un as S, Xe as Sn, Wt as St, Yn as T, Qe as Tn, Kt as Tt, Pn as U, De as Un, Ft as Ut, G as V, Me as Vn, Ht as Vt, Cn as W, je as Wn, Pt as Wt, Dn as X, Se as Xn, Tt as Xt, wn as Y, ye as Yn, Dt as Yt, W as Z, be as Zn, wt as Zt, ar as _, tt as _n, on as _t, dr as a, ot as an, sn as at, ve as b, et as bn, tn as bt, Y as c, st as cn, yn as ct, X as d, _t as dn, un as dt, Et as en, vn as et, q as f, vt as fn, hn as ft, ir as g, at as gn, rn as gt, or as h, ut as hn, nn as ht, Q as i, ft as in, bn as it, Hn as j, Ve as jn, Ot as jt, qn as k, He as kn, U as kt, Z as l, lt as ln, xn as lt, er as m, dt as mn, pn as mt, $ as n, it as nn, cn as nt, J as o, pt as on, ln as ot, sr as p, ct as pn, mn as pt, Tn as q, Ae as qn, St as qt, fr as r, mt as rn, _n as rt, ur as s, gt as sn, dn as st, mr as t, bt as tn, gn as tt, cr as u, ht as un, Sn as ut, $n as v, rt as vn, an as vt, Xn as w, $e as wn, Zt as wt, Zn as x, Ye as xn, en as xt, Qn as y, nt as yn, $t as yt, In as z, Pe as zn, zt };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.253",
+  "version": "0.0.255",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {