@krosoft/react 0.0.169 → 0.0.171

package/dist/{toggle-group-DY9wl0HW.js → toggle-group-DC5hqQ4H.js}

@@ -4,7 +4,7 @@ import { c as r } from "./tailwind.helper-B6yFEsav.js";
 import * as P from "@radix-ui/react-accordion";
 import { ChevronDown as te, MoreHorizontal as Ie, ChevronRight as H, ChevronLeft as Te, ArrowLeft as Se, ArrowRight as Pe, CheckIcon as oe, X as De, SearchIcon as ze, Check as re, Circle as Z, ChevronRightIcon as se, CircleIcon as Me, Dot as _e, MoreHorizontalIcon as Le, ChevronLeftIcon as je, XIcon as Ae } from "lucide-react";
 import * as N from "@radix-ui/react-alert-dialog";
-import { d as M, B as ne } from "./tooltip-BWyFpIxo.js";
+import { d as M, B as ne } from "./tooltip-OY3E8Lo0.js";
 import * as _ from "@radix-ui/react-avatar";
 import { cva as B } from "class-variance-authority";
 import { Slot as ie } from "@radix-ui/react-slot";
@@ -34,7 +34,7 @@ import * as D from "@radix-ui/react-tabs";
 import * as v from "@radix-ui/react-toast";
 import * as E from "@radix-ui/react-toggle-group";
 import * as le from "@radix-ui/react-toggle";
-const Ke = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o("div", { ref: t, className: r("rounded-lg border bg-card text-card-foreground shadow-sm", a), ...e }));
+const Ke = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o("div", { ref: t, className: r("rounded-surface border bg-card text-card-foreground shadow-sm", a), ...e }));
 Ke.displayName = "Card";
 const qe = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o("div", { ref: t, className: r("flex flex-col space-y-1.5 p-6", a), ...e }));
 qe.displayName = "CardHeader";
@@ -92,7 +92,7 @@ const aa = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(ea, { c
     {
       ref: t,
       className: r(
-        "fixed left-[50%] top-[50%] z-70 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",
+        "fixed left-[50%] top-[50%] z-70 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-surface",
         a
       ),
       ...e
@@ -125,7 +125,7 @@ const ca = s.forwardRef(
 );
 ca.displayName = _.Fallback.displayName;
 const ma = B(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  "inline-flex items-center rounded-control border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
       variant: {
@@ -175,19 +175,19 @@ function ha({ className: a, classNames: e, showOutsideDays: t = !0, ...n }) {
         button_previous: r(M({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100", "absolute left-1"),
         button_next: r(M({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100", "absolute right-1"),
         weekdays: "flex justify-center",
-        weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem] text-center flex items-center justify-center",
+        weekday: "text-muted-foreground rounded-control w-9 font-normal text-[0.8rem] text-center flex items-center justify-center",
         week: "flex w-full mt-2",
         day: r(
           "group relative size-9 p-0 text-center text-sm focus-within:relative focus-within:z-20",
-          "[&:has([aria-selected].day-range-end)]:rounded-r-md",
+          "[&:has([aria-selected].day-range-end)]:rounded-r-control",
           "[&:has([aria-selected])]:bg-accent",
-          "first:[&:has([aria-selected])]:rounded-l-md",
-          "last:[&:has([aria-selected])]:rounded-r-md",
+          "first:[&:has([aria-selected])]:rounded-l-control",
+          "last:[&:has([aria-selected])]:rounded-r-control",
           "[&:has([aria-selected].day-outside)]:bg-accent/50"
         ),
         day_button: r(M({ variant: "ghost" }), "size-9 p-0 font-normal aria-selected:opacity-100"),
-        range_start: "day-range-start rounded-l-md",
-        range_end: "day-range-end rounded-r-md",
+        range_start: "day-range-start rounded-l-control",
+        range_end: "day-range-end rounded-r-control",
         selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
         today: "bg-accent text-accent-foreground",
         outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
@@ -286,7 +286,7 @@ const Ca = s.forwardRef(
         variant: e,
         size: t,
         className: r(
-          "absolute  h-8 w-8 rounded-full",
+          "absolute  h-8 w-8 rounded-control",
           l === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
           a
         ),
@@ -312,7 +312,7 @@ const Ra = s.forwardRef(
         variant: e,
         size: t,
         className: r(
-          "absolute h-8 w-8 rounded-full",
+          "absolute h-8 w-8 rounded-control",
           l === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
           a
         ),
@@ -407,7 +407,7 @@ ${t.map(([l, u]) => {
       "div",
       {
         ref: W,
-        className: r("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", t),
+        className: r("grid min-w-[8rem] items-start gap-1.5 rounded-surface border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", t),
         children: [
           T ? null : z,
           /* @__PURE__ */ o("div", { className: "grid gap-1.5", children: e.map((g, w) => {
@@ -516,7 +516,7 @@ const ge = s.forwardRef(
       {
         ref: n,
         className: r(
-          "fixed left-[50%] top-[50%] z-[70] grid w-full max-w-lg max-h-[95vh] overflow-y-auto 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",
+          "fixed left-[50%] top-[50%] z-[70] grid w-full max-w-lg max-h-[95vh] overflow-y-auto 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-surface",
           a
         ),
         ...t,
@@ -547,7 +547,7 @@ const be = s.forwardRef(
     x,
     {
       ref: t,
-      className: r("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", a),
+      className: r("flex h-full w-full flex-col overflow-hidden rounded-surface bg-popover text-popover-foreground", a),
       ...e
     }
   )
@@ -561,7 +561,7 @@ const qo = ({ children: a, ...e }) => /* @__PURE__ */ o(za, { ...e, children: /*
       {
         ref: t,
         className: r(
-          "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          "flex h-11 w-full rounded-control bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
           a
         ),
         ...e
@@ -632,7 +632,7 @@ const Ka = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
   {
     ref: t,
     className: r(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md 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",
+      "z-50 min-w-[8rem] overflow-hidden rounded-surface 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",
       a
     ),
     ...e
@@ -644,7 +644,7 @@ const qa = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(f.Porta
   {
     ref: t,
     className: r(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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",
+      "z-50 min-w-[8rem] overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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",
       a
     ),
     ...e
@@ -716,7 +716,7 @@ const at = s.forwardRef(
       R.Content,
       {
         ref: n,
-        className: r("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background", a),
+        className: r("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-surface border bg-background", a),
         ...t,
         children: [
           /* @__PURE__ */ o("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
@@ -759,7 +759,7 @@ const it = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
   {
     ref: t,
     className: r(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md 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",
+      "z-50 min-w-[8rem] overflow-hidden rounded-surface 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",
       a
     ),
     ...e
@@ -772,7 +772,7 @@ const dt = s.forwardRef(({ className: a, sideOffset: e = 4, ...t }, n) => /* @__
     ref: n,
     sideOffset: e,
     className: r(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md 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",
+      "z-50 min-w-[8rem] overflow-hidden rounded-surface 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",
       a
     ),
     ...t
@@ -891,7 +891,7 @@ const lr = $.Root, cr = $.Trigger, vt = s.forwardRef(({ className: a, align: e =
     align: e,
     sideOffset: t,
     className: r(
-      "z-50 w-64 rounded-md 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",
+      "z-50 w-64 rounded-surface 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",
       a
     ),
     ...n
@@ -920,7 +920,7 @@ const Rt = s.forwardRef(
       {
         ref: n,
         className: r(
-          "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+          "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-control first:border-l last:rounded-r-control",
           b && "z-10 ring-2 ring-ring ring-offset-background",
           e
         ),
@@ -937,7 +937,7 @@ Rt.displayName = "InputOTPSlot";
 const kt = s.forwardRef(({ ...a }, e) => /* @__PURE__ */ o("div", { ref: e, role: "separator", ...a, children: /* @__PURE__ */ o(_e, {}) }));
 kt.displayName = "InputOTPSeparator";
 const mr = m.Menu, ur = m.Group, fr = m.Portal, pr = m.Sub, gr = m.RadioGroup, It = s.forwardRef(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ o(m.Root, { ref: t, className: r("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", a), ...e })
+  ({ className: a, ...e }, t) => /* @__PURE__ */ o(m.Root, { ref: t, className: r("flex h-10 items-center space-x-1 rounded-surface border bg-background p-1", a), ...e })
 );
 It.displayName = m.Root.displayName;
 const Tt = s.forwardRef(
@@ -976,7 +976,7 @@ const Pt = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
   {
     ref: t,
     className: r(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground 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",
+      "z-50 min-w-[8rem] overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground 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",
       a
     ),
     ...e
@@ -992,7 +992,7 @@ const Dt = s.forwardRef(
       alignOffset: t,
       sideOffset: n,
       className: r(
-        "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in 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",
+        "z-50 min-w-[12rem] overflow-hidden rounded-surface border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in 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",
         a
       ),
       ...i
@@ -1060,7 +1060,7 @@ Ft.displayName = h.Root.displayName;
 const Gt = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(h.List, { ref: t, className: r("group flex flex-1 list-none items-center justify-center space-x-1", a), ...e }));
 Gt.displayName = h.List.displayName;
 const br = h.Item, Ot = B(
-  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
+  "group inline-flex h-10 w-max items-center justify-center rounded-control bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 ), Bt = s.forwardRef(({ className: a, children: e, ...t }, n) => /* @__PURE__ */ d(h.Trigger, { ref: n, className: r(Ot(), "group", a), ...t, children: [
   e,
   " ",
@@ -1083,7 +1083,7 @@ const Nr = h.Link, ve = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__
   h.Viewport,
   {
     className: r(
-      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-surface border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
       a
     ),
     ref: t,
@@ -1148,7 +1148,7 @@ const xr = G.Root, hr = G.Trigger, Jt = s.forwardRef(
       align: e,
       sideOffset: t,
       className: r(
-        "z-[100] w-72 rounded-md 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",
+        "z-[100] w-72 rounded-surface 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",
         a
       ),
       ...n
@@ -1310,7 +1310,7 @@ const go = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(
   "textarea",
   {
     className: r(
-      "flex min-h-[80px] w-full rounded-md 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",
+      "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",
       a
     ),
     ref: t,
@@ -1333,7 +1333,7 @@ const vr = v.Provider, bo = s.forwardRef(
 );
 bo.displayName = v.Viewport.displayName;
 const No = B(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md 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",
+  "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: {
@@ -1353,7 +1353,7 @@ const ho = s.forwardRef(
     {
       ref: t,
       className: r(
-        "inline-flex h-8 shrink-0 items-center justify-center rounded-md 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",
+        "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",
         a
       ),
       ...e
@@ -1384,7 +1384,7 @@ vo.displayName = v.Title.displayName;
 const wo = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o(v.Description, { ref: t, className: r("text-sm opacity-90", a), ...e }));
 wo.displayName = v.Description.displayName;
 const Ce = B(
-  "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",
+  "inline-flex items-center justify-center rounded-control 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",
   {
     variants: {
       variant: {

package/dist/{tooltip-BWyFpIxo.js → tooltip-OY3E8Lo0.js}

@@ -1,11 +1,11 @@
 import { jsx as a } from "react/jsx-runtime";
 import { c as n } from "./tailwind.helper-B6yFEsav.js";
-import { Slot as m } from "@radix-ui/react-slot";
-import { cva as p } from "class-variance-authority";
+import { Slot as c } from "@radix-ui/react-slot";
+import { cva as f } from "class-variance-authority";
 import * as s from "react";
 import * as e from "@radix-ui/react-tooltip";
-const f = p(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+const p = f(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-control text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -19,8 +19,8 @@ const f = p(
       },
       size: {
         default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
+        sm: "h-9 rounded-control px-3",
+        lg: "h-11 rounded-control px-8",
         icon: "h-10 w-10"
       }
     },
@@ -29,28 +29,28 @@ const f = p(
       size: "default"
     }
   }
-), c = s.forwardRef(({ className: o, variant: t, size: r, asChild: i = !1, ...d }, l) => /* @__PURE__ */ a(i ? m : "button", { className: n(f({ variant: t, size: r, className: o })), ref: l, ...d }));
-c.displayName = "Button";
-const y = e.Provider, w = e.Root, T = e.Trigger, u = s.forwardRef(
+), u = s.forwardRef(({ className: o, variant: t, size: r, asChild: i = !1, ...d }, l) => /* @__PURE__ */ a(i ? c : "button", { className: n(p({ variant: t, size: r, className: o })), ref: l, ...d }));
+u.displayName = "Button";
+const y = e.Provider, w = e.Root, T = e.Trigger, m = s.forwardRef(
   ({ className: o, sideOffset: t = 4, ...r }, i) => /* @__PURE__ */ a(
     e.Content,
     {
       ref: i,
       sideOffset: t,
       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",
+        "z-50 overflow-hidden rounded-surface 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",
         o
       ),
       ...r
     }
   )
 );
-u.displayName = e.Content.displayName;
+m.displayName = e.Content.displayName;
 export {
-  c as B,
+  u as B,
   w as T,
-  u as a,
+  m as a,
   y as b,
   T as c,
-  f as d
+  p as d
 };

package/dist/{usePage-CWu-cjzK.js → usePage-u2gRhvQ0.js}

@@ -57,7 +57,7 @@ const g = (e) => {
   loadingKey: "Suppression...",
   icon: l,
   titleClassName: "flex items-center gap-2 text-destructive",
-  headerClassName: "bg-gradient-to-r from-slate-900 to-purple-700 rounded-t-lg shrink-0"
+  headerClassName: "bg-gradient-to-r from-slate-900 to-purple-700 rounded-t-surface shrink-0"
 }), x = () => {
   const e = u(m);
   if (e === void 0)

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.169",
+  "version": "0.0.171",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
-    "build": "vite build && tsc -p tsconfig.build.json --emitDeclarationOnly",
+    "build": "vite build && tsc -p tsconfig.build.json --emitDeclarationOnly && tsc-alias -p tsconfig.build.json",
     "lint": "eslint .",
     "format": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json}'",
     "type-check": "tsc --noEmit",
@@ -113,6 +113,7 @@
     "react-router-dom": "^7.18.1",
     "storybook": "^10.5.0",
     "tailwindcss": "^3.4.19",
+    "tsc-alias": "^1.9.1",
     "typescript": "^5.9.3",
     "vite": "^6.4.3",
     "vitest": "^4.1.10"

package/dist/KpiCardsLayout-DBqGhp0I.js

@@ -1,49 +0,0 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import "./toggle-group-DY9wl0HW.js";
-import "./alert-B78CiTYe.js";
-import "@radix-ui/react-aspect-ratio";
-import { B as l } from "./tooltip-BWyFpIxo.js";
-import "@radix-ui/react-collapsible";
-import "./sheet-Gop1cIaU.js";
-import { ArrowLeftIcon as c } from "lucide-react";
-import "react-resizable-panels";
-import "clsx";
-import "tailwind-merge";
-import "./select-MWzbMBAS.js";
-import "next-themes";
-import "sonner";
-import "react";
-import { A as f } from "./AppActions-DCYt9I0e.js";
-import { A as u } from "./AppTitle-uboDuil4.js";
-import { u as d } from "./useDocumentTitle-WNwdPz-I.js";
-import { useTranslation as x } from "react-i18next";
-import "@krosoft/core/helpers";
-import { b as g, a as h } from "./SkeletonCards-BgsWWMun.js";
-import { E as A } from "./ErrorState-vU8d4CwD.js";
-function M({
-  icon: e,
-  titleKey: t,
-  descriptionKey: i,
-  actions: a,
-  onBack: s,
-  renderPreActions: m,
-  className: p
-}) {
-  const { t: n } = x();
-  return d(n(t)), /* @__PURE__ */ o("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4", children: [
-    /* @__PURE__ */ o("div", { className: "flex items-center gap-4", children: [
-      s && /* @__PURE__ */ r(l, { variant: "ghost", size: "icon", onClick: s, className: "rounded-2xl", children: /* @__PURE__ */ r(c, { className: "h-4 w-4" }) }),
-      e && /* @__PURE__ */ r("div", { className: "size-12 bg-blue-100 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ r(e, { className: "h-6 w-6 text-blue-600" }) }),
-      /* @__PURE__ */ r(u, { titleKey: t, descriptionKey: i })
-    ] }),
-    /* @__PURE__ */ o("div", { className: "flex items-center gap-4", children: [
-      m && m(),
-      /* @__PURE__ */ r(f, { actions: a, className: p })
-    ] })
-  ] });
-}
-const O = ({ stats: e, isLoading: t, error: i }) => t ? /* @__PURE__ */ r(g, { count: 4 }) : i ? /* @__PURE__ */ r(A, { message: i.message }) : /* @__PURE__ */ r(h, { stats: e });
-export {
-  M as A,
-  O as K
-};

package/dist/skeleton-8o8eJd3P.js

@@ -1,8 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c as r } from "./tailwind.helper-B6yFEsav.js";
-function a({ className: e, ...m }) {
-  return /* @__PURE__ */ o("div", { className: r("animate-pulse rounded-md bg-muted", e), ...m });
-}
-export {
-  a as S
-};