@code0-tech/pictor 0.13.1 → 0.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.13.1",
+  "version": "0.15.0",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {
@@ -18,6 +18,7 @@
   "author": "CodeZero",
   "devDependencies": {
     "@ark-ui/react": "^5.36.2",
+    "@internationalized/date": "^3.12.0",
     "@babel/plugin-proposal-decorators": "^7.29.7",
     "@babel/plugin-transform-class-properties": "^7.29.7",
     "@codemirror/autocomplete": "^6.20.3",
@@ -25,24 +26,24 @@
     "@codemirror/language": "^6.12.4",
     "@codemirror/lint": "^6.9.7",
     "@codemirror/state": "^6.7.1",
-    "@codemirror/view": "^6.43.5",
+    "@codemirror/view": "^6.43.6",
     "@dagrejs/dagre": "^3.0.0",
     "@icons-pack/react-simple-icons": "^13.13.0",
     "@lezer/common": "^1.5.2",
     "@mdx-js/react": "^3.1.1",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-one-time-password-field": "^0.1.13",
-    "@radix-ui/react-progress": "^1.1.8",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-checkbox": "^1.3.9",
+    "@radix-ui/react-context-menu": "^2.3.5",
+    "@radix-ui/react-dialog": "^1.1.21",
+    "@radix-ui/react-dropdown-menu": "^2.1.22",
+    "@radix-ui/react-hover-card": "^1.1.21",
+    "@radix-ui/react-one-time-password-field": "^0.1.14",
+    "@radix-ui/react-progress": "^1.1.14",
+    "@radix-ui/react-radio-group": "^1.4.5",
+    "@radix-ui/react-scroll-area": "^1.2.16",
+    "@radix-ui/react-select": "^2.3.5",
+    "@radix-ui/react-tabs": "^1.1.19",
+    "@radix-ui/react-toggle-group": "^1.1.17",
+    "@radix-ui/react-tooltip": "^1.2.14",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^1.0.0",
@@ -57,7 +58,7 @@
     "@storybook/react-vite": "^10.4.2",
     "@tabler/icons-react": "3.41.1",
     "@types/jest-image-snapshot": "^6.4.1",
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@uiw/codemirror-themes": "^4.25.10",
@@ -80,8 +81,8 @@
     "merge-props": "^6.0.0",
     "motion": "^12.40.0",
     "playwright": "1.58.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "react-resizable-panels": "^4.9.0",
     "react-zoom-pan-pinch": "^3.7.0",
     "rimraf": "^6.1.3",
@@ -93,15 +94,15 @@
     "sonner": "^2.0.7",
     "storybook": "^10.4.2",
     "style-loader": "^4.0.0",
-    "ts-jest": "^29.4.9",
+    "ts-jest": "^29.4.11",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^7.3.6",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^5.2.0",
     "vitest": "^4.1.2",
-    "zustand": "^4.3.0"
+    "zustand": "^4.5.7"
   },
   "main": "dist/index.js",
   "repository": {
@@ -114,6 +115,7 @@
   "types": "dist/index.d.ts",
   "peerDependencies": {
     "@ark-ui/react": "^5.36.2",
+    "@internationalized/date": "^3.12.0",
     "@icons-pack/react-simple-icons": "^13.13.0",
     "@codemirror/autocomplete": "^6.20.0",
     "@codemirror/lang-json": "^6.0.2",

package/dist/assets/components/island/Island.style.css

@@ -1 +0,0 @@
-.island{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;cursor:pointer;overflow:hidden;max-width:max-content;min-height:max-content}.island *{box-sizing:border-box}.island__icon{--path-offset: 300%;display:inline-flex;padding-left:.7rem}.island__icon svg path{stroke-dasharray:300%;stroke-dashoffset:inherit}.island__message{padding-right:.7rem}.island__content{padding:.7rem;position:relative;width:100%;max-width:100%;height:100%;overflow:hidden}

package/dist/components/island/Island.d.ts

@@ -1,6 +0,0 @@
-import { Component } from '../../utils';
-import { default as React } from 'react';
-export interface IslandProps extends Component<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-export declare const Island: React.FC<IslandProps>;

package/dist/components/island/Island.hook.d.ts

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-export interface IslandNotificationProps {
-    id?: number;
-    icon: React.ReactNode;
-    message: React.ReactNode;
-    content?: React.ReactNode;
-    duration?: number;
-    index?: number;
-}
-export declare const useIsland: import('zustand').UseBoundStore<import('zustand').StoreApi<{
-    toasts: IslandNotificationProps[];
-    addToast: (toast: IslandNotificationProps) => void;
-    removeToast: (id: number) => void;
-}>>;
-export declare const addIslandNotification: (toast: IslandNotificationProps) => void;
-export declare const addIslandInfoNotification: (toast: Partial<IslandNotificationProps>) => void;
-export declare const addIslandSuccessNotification: (toast: Partial<IslandNotificationProps>) => void;
-export declare const addIslandWarningNotification: (toast: Partial<IslandNotificationProps>) => void;
-export declare const addIslandErrorNotification: (toast: Partial<IslandNotificationProps>) => void;

package/dist/components/island/Island.hook.js

@@ -1,58 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { create as n } from "zustand";
-import { IconCircleX as d, IconInfoCircle as r, IconCircleCheck as l, IconAlertCircle as m } from "@tabler/icons-react";
-import { Text as s } from "../text/Text.js";
-const t = n((o) => ({
-  toasts: [],
-  addToast: (a) => {
-    const i = Date.now();
-    o((c) => ({
-      toasts: [...c.toasts, {
-        id: i,
-        ...a
-      }]
-    }));
-  },
-  removeToast: (a) => {
-    o((i) => ({
-      toasts: i.toasts.filter((c) => c.id !== a)
-    }));
-  }
-})), x = (o) => {
-  t.getState().addToast(o);
-}, B = (o) => {
-  t.getState().addToast({
-    icon: /* @__PURE__ */ e(r, { color: "#70ffb2", size: 16 }),
-    ...o,
-    message: /* @__PURE__ */ e(s, { c: "#70ffb2", children: o.message })
-  });
-}, F = (o) => {
-  t.getState().addToast({
-    icon: /* @__PURE__ */ e(l, { color: "#29BF12", size: 16 }),
-    index: 1,
-    ...o,
-    message: /* @__PURE__ */ e(s, { c: "#29BF12", children: o.message })
-  });
-}, S = (o) => {
-  t.getState().addToast({
-    icon: /* @__PURE__ */ e(m, { color: "#FFBE0B", size: 16 }),
-    index: 2,
-    ...o,
-    message: /* @__PURE__ */ e(s, { c: "#FFBE0B", children: o.message })
-  });
-}, h = (o) => {
-  t.getState().addToast({
-    icon: /* @__PURE__ */ e(d, { color: "#D90429", size: 16 }),
-    index: 3,
-    ...o,
-    message: /* @__PURE__ */ e(s, { c: "#D90429", children: o.message })
-  });
-};
-export {
-  h as addIslandErrorNotification,
-  B as addIslandInfoNotification,
-  x as addIslandNotification,
-  F as addIslandSuccessNotification,
-  S as addIslandWarningNotification,
-  t as useIsland
-};

package/dist/components/island/Island.js

@@ -1,71 +0,0 @@
-import { jsxs as h, jsx as i } from "react/jsx-runtime";
-import "../../utils/contextStore.js";
-import { useRef as a, useState as R, useCallback as v, useEffect as D } from "react";
-import { mergeComponentProps as k } from "../../utils/component.js";
-import "js-md5";
-import '../../assets/components/island/Island.style.css';/* empty css                  */
-import { Flex as E } from "../flex/Flex.js";
-import { useIsland as g } from "./Island.hook.js";
-import { motion as s } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-const b = (x) => {
-  const {
-    children: T,
-    ...I
-  } = x, l = g((t) => t.toasts), m = g((t) => t.removeToast), o = a(null), f = a(0), n = a(4e3), [c, u] = R(!1), p = a(null), e = l.length > 0 ? l.reduce((t, y) => (y.index ?? 0) > (t.index ?? 0) ? y : t) : void 0, r = v(() => {
-    o.current && (clearTimeout(o.current), o.current = null);
-  }, []), d = v(() => {
-    const t = e?.id;
-    t && (r(), f.current = Date.now(), isFinite(n.current) && (o.current = setTimeout(() => {
-      m(t);
-    }, n.current)));
-  }, [e?.id, m, r]);
-  D(() => (e?.id ? (n.current = e?.duration ?? 4e3, d()) : (r(), u(!1)), () => r()), [e?.id, e?.duration, d, r]);
-  const _ = () => {
-    if (!e?.id) return;
-    r();
-    const t = Date.now() - f.current;
-    n.current = Math.max(0, n.current - t), e?.content && u(!0);
-  }, M = () => {
-    u(!1), e?.id && n.current > 0 && d();
-  };
-  return /* @__PURE__ */ h(s.div, { layout: !0, onMouseEnter: _, onMouseLeave: M, transition: {
-    type: "spring",
-    stiffness: 300,
-    damping: 20,
-    mass: 0.8
-  }, ...k("island", I), children: [
-    /* @__PURE__ */ h(E, { align: "center", style: {
-      gap: "0.35rem"
-    }, ref: p, children: [
-      e && /* @__PURE__ */ i(s.div, { layout: !0, initial: {
-        y: 0,
-        opacity: 1,
-        strokeDashoffset: "300%"
-      }, animate: {
-        y: 0,
-        opacity: 1,
-        strokeDashoffset: "0%"
-      }, transition: {
-        duration: 0.75,
-        ease: "easeInOut"
-      }, className: "island__icon", children: e.icon }, e?.id),
-      /* @__PURE__ */ i(s.div, { layout: !0, children: T }),
-      e?.message && /* @__PURE__ */ i(s.div, { layout: !0, className: "island__message", children: e?.message })
-    ] }, e?.id),
-    /* @__PURE__ */ i("div", { style: {
-      maxWidth: `${p.current?.offsetWidth}px`
-    }, children: c && !!e?.content && /* @__PURE__ */ i(s.div, { initial: {
-      y: 10,
-      opacity: 0
-    }, animate: {
-      y: c && e?.content ? 0 : 100,
-      opacity: c && e?.content ? 1 : 0
-    }, transition: {
-      duration: 0.25,
-      ease: "easeInOut"
-    }, className: "island__content", children: e?.content }) })
-  ] });
-};
-export {
-  b as Island
-};