@krosoft/react 0.0.92 → 0.0.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.92",
+  "version": "0.0.93",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -91,10 +91,9 @@
     "@krosoft/tooling-eslint-react": "^0.0.21",
     "@krosoft/tooling-prettier": "^0.0.14",
     "@krosoft/tooling-tsconfig-react": "^0.0.10",
-    "@storybook/addon-essentials": "^8.6.18",
-    "@storybook/addon-themes": "^8.6.18",
-    "@storybook/react": "^8.6.18",
-    "@storybook/react-vite": "^8.6.18",
+    "@storybook/addon-themes": "^10.4.1",
+    "@storybook/react": "^10.4.1",
+    "@storybook/react-vite": "^10.4.1",
     "@types/node": "^25.9.1",
     "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
@@ -107,10 +106,12 @@
     "react-i18next": "^17.0.8",
     "react-resizable-panels": "^4.11.2",
     "react-router-dom": "^7.15.1",
-    "storybook": "^8.6.18",
+    "storybook": "^10.4.1",
     "tailwindcss": "^3.4.19",
     "typescript": "^5.9.3",
     "vite": "^6.4.2",
-    "vitest": "^4.1.7"
+    "vitest": "^4.1.7",
+    "eslint-plugin-storybook": "10.4.1",
+    "@storybook/addon-docs": "^10.4.1"
   }
 }

package/dist/toaster-D6ND7OTk.js

@@ -1,113 +0,0 @@
-import * as c from "react";
-import "react-dom";
-import { e as m } from "./tooltip-CAu4DEhc.js";
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { c9 as v, ca as b, cb as g, cc as h, cd as w, ce as x, b_ as R, bW as T, b$ as y, bZ as C, bY as N, c0 as P } from "./toggle-group-VJoGbVQm.js";
-import { c as n } from "./index-gWiv5-6R.js";
-import { G as $ } from "./grip-vertical-CJ07_87Y.js";
-import { u as S } from "./useToast-BFTk4lWz.js";
-var A = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], j = A.reduce((a, e) => {
-  const r = m(`Primitive.${e}`), i = c.forwardRef((o, s) => {
-    const { asChild: d, ...f } = o, u = d ? r : e;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ t(u, { ...f, ref: s });
-  });
-  return i.displayName = `Primitive.${e}`, { ...a, [e]: i };
-}, {}), z = "AspectRatio", p = c.forwardRef(
-  (a, e) => {
-    const { ratio: r = 1 / 1, style: i, ...o } = a;
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        style: {
-          // ensures inner element is contained
-          position: "relative",
-          // ensures padding bottom trick maths works
-          width: "100%",
-          paddingBottom: `${100 / r}%`
-        },
-        "data-radix-aspect-ratio-wrapper": "",
-        children: /* @__PURE__ */ t(
-          j.div,
-          {
-            ...o,
-            ref: e,
-            style: {
-              ...i,
-              // ensures children expand in ratio
-              position: "absolute",
-              top: 0,
-              right: 0,
-              bottom: 0,
-              left: 0
-            }
-          }
-        )
-      }
-    );
-  }
-);
-p.displayName = z;
-var G = p;
-const M = G, O = v, Q = g, U = b, W = ({ className: a, ...e }) => /* @__PURE__ */ t(x, { className: n("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", a), ...e }), Z = h, _ = ({
-  withHandle: a,
-  className: e,
-  ...r
-}) => /* @__PURE__ */ t(
-  w,
-  {
-    className: n(
-      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
-      e
-    ),
-    ...r,
-    children: a && /* @__PURE__ */ t("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ t($, { className: "h-2.5 w-2.5" }) })
-  }
-);
-function q({ className: a, ...e }) {
-  return /* @__PURE__ */ t("div", { className: n("animate-pulse rounded-md bg-muted", a), ...e });
-}
-function F() {
-  const { toasts: a } = S();
-  return /* @__PURE__ */ l(R, { children: [
-    a.map(function({ id: e, title: r, description: i, action: o, ...s }) {
-      return /* @__PURE__ */ l(T, { ...s, children: [
-        /* @__PURE__ */ l("div", { className: "grid gap-1", children: [
-          r && /* @__PURE__ */ t(y, { children: r }),
-          i && /* @__PURE__ */ t(C, { children: i })
-        ] }),
-        o,
-        /* @__PURE__ */ t(N, {})
-      ] }, e);
-    }),
-    /* @__PURE__ */ t(P, {})
-  ] });
-}
-export {
-  M as A,
-  O as C,
-  _ as R,
-  q as S,
-  F as T,
-  U as a,
-  Q as b,
-  Z as c,
-  W as d
-};