@code0-tech/pictor 0.0.0-mvp.3 → 0.0.0-mvp.30

package/dist/utils/reactiveArrayService.js

@@ -1,81 +1,91 @@
-import a, { startTransition as i } from "react";
-function u(r, e, t) {
-  return (e = f(e)) in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
+import n, { startTransition as a } from "react";
+function v(t, e, r) {
+  return (e = y(e)) in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
 }
-function f(r) {
-  var e = v(r, "string");
+function y(t) {
+  var e = h(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function v(r, e) {
-  if (typeof r != "object" || !r) return r;
-  var t = r[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var s = t.call(r, e);
+function h(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var s = r.call(t, e);
     if (typeof s != "object") return s;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (e === "string" ? String : Number)(r);
+  return (e === "string" ? String : Number)(t);
 }
-class y {
+class d {
   constructor(e) {
-    u(this, "access", void 0), this.access = e;
+    v(this, "access", void 0), this.access = e;
   }
   delete(e) {
-    i(() => {
-      this.access.setState((t) => t.filter((s, c) => c !== e));
+    a(() => {
+      this.access.setState((r) => r.filter((s, c) => c !== e));
     });
   }
   add(e) {
-    i(() => {
-      this.access.setState((t) => [...t, e]);
+    a(() => {
+      this.access.setState((r) => [...r, e]);
     });
   }
-  set(e, t) {
-    i(() => {
+  set(e, r) {
+    a(() => {
       this.access.setState((s) => {
         const c = s.slice();
-        return c[e] = t, c;
+        return c[e] = r, c;
       });
     });
   }
   has(e) {
-    const t = this.access.getState();
-    return e >= 0 && e < t.length;
+    const r = this.access.getState();
+    return e >= 0 && e < r.length;
   }
   get(e) {
     return this.access.getState()[e];
   }
-  values() {
+  values(e) {
     return this.access.getState();
   }
   update() {
-    i(() => {
-      this.access.setState((e) => e.slice());
+    a(() => {
+      this.access.setState((e) => [...e]);
     });
   }
   clear() {
-    i(() => {
+    a(() => {
       this.access.setState(() => []);
     });
   }
 }
-function S(r, e = []) {
-  const [t, s] = a.useState(
-    Array.isArray(e) ? e : []
-    // Platzhalter; Callback folgt in Effect
-  ), c = a.useRef(t);
-  a.useEffect(() => {
-    c.current = t;
-  }, [t]);
-  const o = a.useCallback(() => c.current, []), n = a.useMemo(() => new r({
-    getState: o,
-    setState: s
-  }), [r, o, s]);
-  return a.useEffect(() => {
-    typeof e == "function" && s(e(n));
-  }, [n]), [t, n];
+function b(t, e = []) {
+  const [r, s] = n.useState(Array.isArray(e) ? e : []), c = n.useRef(r);
+  n.useEffect(() => {
+    c.current = r;
+  }, [r]);
+  const u = n.useCallback(() => c.current, []), o = n.useMemo(() => {
+    const i = {
+      getState: u,
+      setState: s
+    }, f = {
+      construct() {
+        return f;
+      }
+    };
+    return ((l) => {
+      try {
+        return !!new new Proxy(l, f)();
+      } catch {
+        return !1;
+      }
+    })(t) ? new t(i) : t(i);
+  }, [t, u, s]);
+  return n.useEffect(() => {
+    typeof e == "function" && s(e(o));
+  }, [o, e]), [r, o];
 }
 export {
-  y as ReactiveArrayService,
-  S as useReactiveArrayService
+  d as ReactiveArrayService,
+  b as useReactiveArrayService
 };

package/dist/utils/types.d.ts

@@ -1,8 +1,8 @@
 import { default as React, HTMLProps } from 'react';
 export type Color = "primary" | "secondary" | "info" | "success" | "warning" | "error";
 export declare const Colors: Color[];
-export type Code0Sizes = "xs" | "sm" | "md" | "lg" | "xl";
-export type Code0FontSizes = "0.75" | "0.8" | "1" | "1.2" | "1.25";
+export type Code0Sizes = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+export type Code0FontSizes = "0.35" | "0.7" | "0.8" | "1" | "1.2" | "1.3";
 export type StyleProp<Value> = Value;
 export interface Code0ComponentProps {
     m?: StyleProp<number | `${number}`>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.0.0-mvp.3",
+  "version": "0.0.0-mvp.30",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {
@@ -11,8 +11,7 @@
     "rollup": "rollup -c",
     "storybook:dev": "storybook dev -p 6006",
     "storybook:build": "storybook build",
-    "storybook:test": "test-storybook",
-    "storybook:test:all": "test-storybook --browsers chromium firefox webkit",
+    "storybook:test": "vitest --project=storybook",
     "storybook:test:update": "npm run storybook:test:all -- -u",
     "docs:preview": "npm run --prefix ../telescopium project:preview pictor"
   },
@@ -21,8 +20,8 @@
     "@ariakit/react": "^0.4.17",
     "@babel/plugin-proposal-decorators": "^7.28.0",
     "@babel/plugin-transform-class-properties": "^7.27.1",
-    "@code0-tech/sagittarius-graphql-types": "^0.0.0-65144a9920c6a8de3bcf24acdcb8eec4158cef73",
-    "@dagrejs/dagre": "^1.1.5",
+    "@code0-tech/sagittarius-graphql-types": "^0.0.0-a2b1f5e9adf8f52b5a0f235ca9906ac5a699b4fc",
+    "@dagrejs/dagre": "^2.0.0",
     "@mdx-js/react": "^3.1.1",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -33,52 +32,56 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@rollup/plugin-commonjs": "^28.0.9",
+    "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-a11y": "^10.0.4",
-    "@storybook/addon-links": "^10.0.4",
-    "@storybook/addon-onboarding": "^10.0.4",
-    "@storybook/builder-vite": "^10.0.4",
-    "@storybook/cli": "^10.0.4",
-    "@storybook/react": "^10.0.4",
-    "@storybook/react-vite": "^10.0.4",
-    "@storybook/test-runner": "^0.24.1",
-    "@storybook/testing-library": "^0.2.2",
+    "@storybook/addon-a11y": "^10.1.2",
+    "@storybook/addon-docs": "^10.1.2",
+    "@storybook/addon-links": "^10.1.2",
+    "@storybook/addon-onboarding": "^10.1.2",
+    "@storybook/addon-vitest": "^10.1.2",
+    "@storybook/builder-vite": "^10.1.2",
+    "@storybook/cli": "^10.1.2",
+    "@storybook/react-vite": "^10.1.2",
     "@tabler/icons-react": "3.35.0",
     "@types/jest-image-snapshot": "^6.4.0",
-    "@types/react": "^19.2.2",
-    "@vitejs/plugin-react": "^5.1.0",
-    "@xyflow/react": "^12.9.2",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/browser-playwright": "^4.0.14",
+    "@vitest/coverage-v8": "^4.0.14",
+    "@xyflow/react": "^12.10.0",
     "axe-playwright": "^2.2.2",
     "babel-loader": "^10.0.0",
     "babel-plugin-react-compiler": "^19.1.0-rc.3",
     "cmdk": "^1.1.1",
     "concurrently": "^9.2.1",
     "css-loader": "^7.1.2",
-    "html-webpack-plugin": "^5.6.4",
+    "html-webpack-plugin": "^5.6.5",
     "identity-obj-proxy": "^3.0.0",
     "jest-image-snapshot": "^6.5.1",
     "js-md5": "^0.8.3",
     "merge-props": "^6.0.0",
     "overlap-area": "^1.1.0",
-    "playwright": "1.55.1",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-resizable-panels": "^3.0.6",
+    "playwright": "1.57.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-resizable-panels": "^4.3.1",
     "react-zoom-pan-pinch": "^3.7.0",
-    "rimraf": "^6.1.0",
-    "sass": "^1.93.3",
+    "rimraf": "^6.1.2",
+    "sass": "^1.94.2",
     "sass-loader": "^16.0.6",
-    "storybook": "^10.0.4",
+    "sonner": "^2.0.7",
+    "storybook": "^10.1.2",
     "style-loader": "^4.0.0",
-    "ts-jest": "^29.4.5",
+    "ts-jest": "^29.4.6",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
-    "vite": "^7.2.1",
+    "vite": "^7.2.4",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2"
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vitest": "^4.0.14"
   },
   "main": "dist/index.js",
   "repository": {
@@ -91,7 +94,7 @@
   "types": "dist/index.d.ts",
   "peerDependencies": {
     "@ariakit/react": "^0.4.5",
-    "@code0-tech/sagittarius-graphql-types": "^0.0.0-4b2e73eae302fe499001bf42fdb3a6bcc5be78aa",
+    "@code0-tech/sagittarius-graphql-types": "^0.0.0-a2b1f5e9adf8f52b5a0f235ca9906ac5a699b4fc",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
@@ -109,13 +112,15 @@
     "overlap-area": "^1.1.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "react-resizable-panels": "^3.0.3",
-    "react-zoom-pan-pinch": "^3.6.1"
+    "react-resizable-panels": "^3.0.3 || ^4.0.0",
+    "react-zoom-pan-pinch": "^3.6.1",
+    "sonner": "^2.0.7"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@code0-tech/definition-reader": "^0.0.16"
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "react-contenteditable": "^3.3.7"
   }
 }