@almadar/ui 2.31.0 → 2.33.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/avl/index.cjs +1049 -1086
- package/dist/avl/index.d.cts +352 -78
- package/dist/avl/index.d.ts +18 -3
- package/dist/avl/index.js +1029 -1086
- package/dist/components/atoms/index.d.ts +0 -1
- package/dist/components/index.cjs +1146 -1847
- package/dist/components/index.js +266 -952
- package/dist/components/molecules/avl/AvlBackwardEdge.d.ts +8 -0
- package/dist/components/molecules/avl/AvlBindingEdge.d.ts +9 -0
- package/dist/components/molecules/avl/AvlEventWireEdge.d.ts +14 -0
- package/dist/components/molecules/avl/AvlOrbitalNode.d.ts +12 -0
- package/dist/components/molecules/avl/AvlPageEdge.d.ts +8 -0
- package/dist/components/molecules/avl/AvlTransitionEdge.d.ts +16 -0
- package/dist/components/molecules/avl/BehaviorView.d.ts +12 -0
- package/dist/components/molecules/avl/DetailView.d.ts +13 -0
- package/dist/components/molecules/avl/MiniStateMachine.d.ts +14 -0
- package/dist/components/molecules/avl/ModuleCard.d.ts +14 -0
- package/dist/components/molecules/avl/SystemNode.d.ts +12 -0
- package/dist/components/molecules/avl/avl-canvas-types.d.ts +36 -0
- package/dist/components/molecules/avl/avl-elk-layout.d.ts +55 -0
- package/dist/components/molecules/avl/avl-flow-converter.d.ts +17 -0
- package/dist/components/molecules/avl/avl-story-schemas.d.ts +34 -0
- package/dist/components/molecules/avl/avl-zoom-band.d.ts +19 -0
- package/dist/components/molecules/avl/index.d.ts +15 -0
- package/dist/components/molecules/index.d.ts +0 -1
- package/dist/components/organisms/avl/AvlCosmicZoom.d.ts +10 -7
- package/dist/components/organisms/avl/FlowCanvas.d.ts +32 -0
- package/dist/components/organisms/avl/ZoomBreadcrumb.d.ts +16 -0
- package/dist/components/organisms/avl/ZoomLegend.d.ts +10 -0
- package/dist/components/organisms/avl/index.d.ts +5 -2
- package/dist/hooks/useUISlots.d.ts +2 -0
- package/dist/providers/index.cjs +148 -149
- package/dist/providers/index.js +39 -40
- package/dist/runtime/index.cjs +1045 -1020
- package/dist/runtime/index.js +260 -235
- package/package.json +2 -6
- package/dist/components/atoms/flow/FlowLabel.d.ts +0 -23
- package/dist/components/atoms/flow/FlowMinimap.d.ts +0 -28
- package/dist/components/atoms/flow/FlowNodeShell.d.ts +0 -25
- package/dist/components/atoms/flow/FlowPort.d.ts +0 -26
- package/dist/components/atoms/flow/FlowWire.d.ts +0 -39
- package/dist/components/atoms/flow/index.d.ts +0 -13
- package/dist/components/molecules/flow/BehaviorNode.d.ts +0 -28
- package/dist/components/molecules/flow/EffectNode.d.ts +0 -26
- package/dist/components/molecules/flow/EventWireEdge.d.ts +0 -23
- package/dist/components/molecules/flow/ExprNode.d.ts +0 -27
- package/dist/components/molecules/flow/FlowStateNode.d.ts +0 -18
- package/dist/components/molecules/flow/NodePalette.d.ts +0 -36
- package/dist/components/molecules/flow/OrbitalNode.d.ts +0 -31
- package/dist/components/molecules/flow/TransitionEdge.d.ts +0 -26
- package/dist/components/molecules/flow/index.d.ts +0 -8
- package/dist/components/molecules/svg/AIGenerates.d.ts +0 -7
- package/dist/components/molecules/svg/ClosedCircuit.d.ts +0 -7
- package/dist/components/molecules/svg/CommunityOwnership.d.ts +0 -7
- package/dist/components/molecules/svg/CompileAnywhere.d.ts +0 -7
- package/dist/components/molecules/svg/ComposableModels.d.ts +0 -7
- package/dist/components/molecules/svg/DescribeProveDeploy.d.ts +0 -7
- package/dist/components/molecules/svg/DomainGrid.d.ts +0 -7
- package/dist/components/molecules/svg/EventBus.d.ts +0 -7
- package/dist/components/molecules/svg/OrbitalUnit.d.ts +0 -7
- package/dist/components/molecules/svg/PlanVerifyRemember.d.ts +0 -7
- package/dist/components/molecules/svg/ProveCorrect.d.ts +0 -7
- package/dist/components/molecules/svg/ServiceLayers.d.ts +0 -7
- package/dist/components/molecules/svg/SharedReality.d.ts +0 -7
- package/dist/components/molecules/svg/StandardLibrary.d.ts +0 -7
- package/dist/components/molecules/svg/StateMachine.d.ts +0 -7
- package/dist/components/molecules/svg/WorldModel.d.ts +0 -7
- package/dist/components/molecules/svg/index.d.ts +0 -16
- package/dist/components/organisms/avl/AvlApplicationScene.d.ts +0 -17
- package/dist/components/organisms/avl/AvlOrbitalScene.d.ts +0 -21
- package/dist/flow/index.cjs +0 -3832
- package/dist/flow/index.d.cts +0 -367
- package/dist/flow/index.d.ts +0 -10
- package/dist/flow/index.js +0 -3793
- package/dist/illustrations/index.cjs +0 -7651
- package/dist/illustrations/index.d.cts +0 -544
- package/dist/illustrations/index.d.ts +0 -59
- package/dist/illustrations/index.js +0 -7594
package/dist/providers/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
1
|
+
import * as React113 from 'react';
|
|
2
|
+
import React113__default, { createContext, useCallback, useState, useRef, useEffect, useLayoutEffect, lazy, useContext, useSyncExternalStore, useMemo } from 'react';
|
|
3
3
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
4
4
|
import { EventBusContext } from '@almadar/ui/providers';
|
|
5
5
|
import 'react-dom';
|
|
@@ -20,7 +20,6 @@ import remarkMath from 'remark-math';
|
|
|
20
20
|
import rehypeKatex from 'rehype-katex';
|
|
21
21
|
import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism';
|
|
22
22
|
import dark from 'react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus';
|
|
23
|
-
import '@xyflow/react';
|
|
24
23
|
|
|
25
24
|
var __defProp = Object.defineProperty;
|
|
26
25
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
@@ -301,7 +300,7 @@ function addWatch(entityType, callback) {
|
|
|
301
300
|
function useEntityRef(entityType) {
|
|
302
301
|
const versionRef = useRef(0);
|
|
303
302
|
const dataRef = useRef([]);
|
|
304
|
-
const getSnapshotStable =
|
|
303
|
+
const getSnapshotStable = React113__default.useCallback(() => {
|
|
305
304
|
const currentVersion = getVersion(entityType);
|
|
306
305
|
if (currentVersion !== versionRef.current) {
|
|
307
306
|
versionRef.current = currentVersion;
|
|
@@ -750,7 +749,7 @@ var positionStyles = {
|
|
|
750
749
|
fixed: "fixed",
|
|
751
750
|
sticky: "sticky"
|
|
752
751
|
};
|
|
753
|
-
var Box =
|
|
752
|
+
var Box = React113__default.forwardRef(
|
|
754
753
|
({
|
|
755
754
|
padding,
|
|
756
755
|
paddingX,
|
|
@@ -919,7 +918,7 @@ var Typography = ({
|
|
|
919
918
|
align,
|
|
920
919
|
weight,
|
|
921
920
|
size,
|
|
922
|
-
truncate
|
|
921
|
+
truncate = false,
|
|
923
922
|
overflow,
|
|
924
923
|
as,
|
|
925
924
|
id,
|
|
@@ -941,7 +940,7 @@ var Typography = ({
|
|
|
941
940
|
weight && weightStyles[weight],
|
|
942
941
|
size && typographySizeStyles[size],
|
|
943
942
|
align && `text-${align}`,
|
|
944
|
-
|
|
943
|
+
truncate && "truncate overflow-hidden text-ellipsis",
|
|
945
944
|
overflow && overflowStyles2[overflow],
|
|
946
945
|
className
|
|
947
946
|
),
|
|
@@ -1021,7 +1020,7 @@ function resolveIconProp(value, sizeClass) {
|
|
|
1021
1020
|
const IconComp = value;
|
|
1022
1021
|
return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
|
|
1023
1022
|
}
|
|
1024
|
-
if (
|
|
1023
|
+
if (React113__default.isValidElement(value)) {
|
|
1025
1024
|
return value;
|
|
1026
1025
|
}
|
|
1027
1026
|
if (typeof value === "object" && value !== null && "render" in value) {
|
|
@@ -1030,7 +1029,7 @@ function resolveIconProp(value, sizeClass) {
|
|
|
1030
1029
|
}
|
|
1031
1030
|
return value;
|
|
1032
1031
|
}
|
|
1033
|
-
var Button =
|
|
1032
|
+
var Button = React113__default.forwardRef(
|
|
1034
1033
|
({
|
|
1035
1034
|
className,
|
|
1036
1035
|
variant = "primary",
|
|
@@ -1126,7 +1125,7 @@ var sizeStyles3 = {
|
|
|
1126
1125
|
md: "px-2.5 py-1 text-sm",
|
|
1127
1126
|
lg: "px-3 py-1.5 text-base"
|
|
1128
1127
|
};
|
|
1129
|
-
var Badge =
|
|
1128
|
+
var Badge = React113__default.forwardRef(
|
|
1130
1129
|
({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
|
|
1131
1130
|
const iconSizes2 = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
|
|
1132
1131
|
const resolvedIcon = typeof icon === "string" ? (() => {
|
|
@@ -1153,7 +1152,7 @@ var Badge = React114__default.forwardRef(
|
|
|
1153
1152
|
}
|
|
1154
1153
|
);
|
|
1155
1154
|
Badge.displayName = "Badge";
|
|
1156
|
-
var Input =
|
|
1155
|
+
var Input = React113__default.forwardRef(
|
|
1157
1156
|
({
|
|
1158
1157
|
className,
|
|
1159
1158
|
inputType,
|
|
@@ -1265,7 +1264,7 @@ var Input = React114__default.forwardRef(
|
|
|
1265
1264
|
}
|
|
1266
1265
|
);
|
|
1267
1266
|
Input.displayName = "Input";
|
|
1268
|
-
var Label =
|
|
1267
|
+
var Label = React113__default.forwardRef(
|
|
1269
1268
|
({ className, required, children, ...props }, ref) => {
|
|
1270
1269
|
return /* @__PURE__ */ jsxs(
|
|
1271
1270
|
"label",
|
|
@@ -1285,7 +1284,7 @@ var Label = React114__default.forwardRef(
|
|
|
1285
1284
|
}
|
|
1286
1285
|
);
|
|
1287
1286
|
Label.displayName = "Label";
|
|
1288
|
-
var Textarea =
|
|
1287
|
+
var Textarea = React113__default.forwardRef(
|
|
1289
1288
|
({ className, error, ...props }, ref) => {
|
|
1290
1289
|
return /* @__PURE__ */ jsx(
|
|
1291
1290
|
"textarea",
|
|
@@ -1308,7 +1307,7 @@ var Textarea = React114__default.forwardRef(
|
|
|
1308
1307
|
}
|
|
1309
1308
|
);
|
|
1310
1309
|
Textarea.displayName = "Textarea";
|
|
1311
|
-
var Select =
|
|
1310
|
+
var Select = React113__default.forwardRef(
|
|
1312
1311
|
({ className, options, placeholder, error, ...props }, ref) => {
|
|
1313
1312
|
return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
|
|
1314
1313
|
/* @__PURE__ */ jsxs(
|
|
@@ -1344,7 +1343,7 @@ var Select = React114__default.forwardRef(
|
|
|
1344
1343
|
}
|
|
1345
1344
|
);
|
|
1346
1345
|
Select.displayName = "Select";
|
|
1347
|
-
var Checkbox =
|
|
1346
|
+
var Checkbox = React113__default.forwardRef(
|
|
1348
1347
|
({ className, label, id, ...props }, ref) => {
|
|
1349
1348
|
const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
|
|
1350
1349
|
return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
|
|
@@ -1420,7 +1419,7 @@ var shadowStyles2 = {
|
|
|
1420
1419
|
md: "shadow",
|
|
1421
1420
|
lg: "shadow-lg"
|
|
1422
1421
|
};
|
|
1423
|
-
var Card =
|
|
1422
|
+
var Card = React113__default.forwardRef(
|
|
1424
1423
|
({
|
|
1425
1424
|
className,
|
|
1426
1425
|
variant = "bordered",
|
|
@@ -1456,9 +1455,9 @@ var Card = React114__default.forwardRef(
|
|
|
1456
1455
|
}
|
|
1457
1456
|
);
|
|
1458
1457
|
Card.displayName = "Card";
|
|
1459
|
-
var CardHeader =
|
|
1458
|
+
var CardHeader = React113__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
|
|
1460
1459
|
CardHeader.displayName = "CardHeader";
|
|
1461
|
-
var CardTitle =
|
|
1460
|
+
var CardTitle = React113__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1462
1461
|
"h3",
|
|
1463
1462
|
{
|
|
1464
1463
|
ref,
|
|
@@ -1471,11 +1470,11 @@ var CardTitle = React114__default.forwardRef(({ className, ...props }, ref) => /
|
|
|
1471
1470
|
}
|
|
1472
1471
|
));
|
|
1473
1472
|
CardTitle.displayName = "CardTitle";
|
|
1474
|
-
var CardContent =
|
|
1473
|
+
var CardContent = React113__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
|
|
1475
1474
|
CardContent.displayName = "CardContent";
|
|
1476
1475
|
var CardBody = CardContent;
|
|
1477
1476
|
CardBody.displayName = "CardBody";
|
|
1478
|
-
var CardFooter =
|
|
1477
|
+
var CardFooter = React113__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
1479
1478
|
"div",
|
|
1480
1479
|
{
|
|
1481
1480
|
ref,
|
|
@@ -1490,7 +1489,7 @@ var sizeStyles4 = {
|
|
|
1490
1489
|
md: "h-6 w-6",
|
|
1491
1490
|
lg: "h-8 w-8"
|
|
1492
1491
|
};
|
|
1493
|
-
var Spinner =
|
|
1492
|
+
var Spinner = React113__default.forwardRef(
|
|
1494
1493
|
({ className, size = "md", ...props }, ref) => {
|
|
1495
1494
|
return /* @__PURE__ */ jsx(
|
|
1496
1495
|
"div",
|
|
@@ -1504,7 +1503,7 @@ var Spinner = React114__default.forwardRef(
|
|
|
1504
1503
|
}
|
|
1505
1504
|
);
|
|
1506
1505
|
Spinner.displayName = "Spinner";
|
|
1507
|
-
var Radio =
|
|
1506
|
+
var Radio = React113__default.forwardRef(
|
|
1508
1507
|
({
|
|
1509
1508
|
label,
|
|
1510
1509
|
helperText,
|
|
@@ -1608,7 +1607,7 @@ var Radio = React114__default.forwardRef(
|
|
|
1608
1607
|
}
|
|
1609
1608
|
);
|
|
1610
1609
|
Radio.displayName = "Radio";
|
|
1611
|
-
var Switch =
|
|
1610
|
+
var Switch = React113.forwardRef(
|
|
1612
1611
|
({
|
|
1613
1612
|
checked,
|
|
1614
1613
|
defaultChecked = false,
|
|
@@ -1619,10 +1618,10 @@ var Switch = React114.forwardRef(
|
|
|
1619
1618
|
name,
|
|
1620
1619
|
className
|
|
1621
1620
|
}, ref) => {
|
|
1622
|
-
const [isChecked, setIsChecked] =
|
|
1621
|
+
const [isChecked, setIsChecked] = React113.useState(
|
|
1623
1622
|
checked !== void 0 ? checked : defaultChecked
|
|
1624
1623
|
);
|
|
1625
|
-
|
|
1624
|
+
React113.useEffect(() => {
|
|
1626
1625
|
if (checked !== void 0) {
|
|
1627
1626
|
setIsChecked(checked);
|
|
1628
1627
|
}
|
|
@@ -1780,7 +1779,7 @@ var sizeStyles5 = {
|
|
|
1780
1779
|
md: "w-2.5 h-2.5",
|
|
1781
1780
|
lg: "w-3 h-3"
|
|
1782
1781
|
};
|
|
1783
|
-
var StatusDot =
|
|
1782
|
+
var StatusDot = React113__default.forwardRef(
|
|
1784
1783
|
({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
|
|
1785
1784
|
return /* @__PURE__ */ jsx(
|
|
1786
1785
|
"span",
|
|
@@ -1827,7 +1826,7 @@ var iconMap2 = {
|
|
|
1827
1826
|
down: TrendingDown,
|
|
1828
1827
|
flat: ArrowRight
|
|
1829
1828
|
};
|
|
1830
|
-
var TrendIndicator =
|
|
1829
|
+
var TrendIndicator = React113__default.forwardRef(
|
|
1831
1830
|
({
|
|
1832
1831
|
className,
|
|
1833
1832
|
value,
|
|
@@ -1886,7 +1885,7 @@ var thumbSizes = {
|
|
|
1886
1885
|
md: "w-4 h-4",
|
|
1887
1886
|
lg: "w-5 h-5"
|
|
1888
1887
|
};
|
|
1889
|
-
var RangeSlider =
|
|
1888
|
+
var RangeSlider = React113__default.forwardRef(
|
|
1890
1889
|
({
|
|
1891
1890
|
className,
|
|
1892
1891
|
min = 0,
|
|
@@ -2089,7 +2088,7 @@ var paddingClasses = {
|
|
|
2089
2088
|
md: "py-16",
|
|
2090
2089
|
lg: "py-24"
|
|
2091
2090
|
};
|
|
2092
|
-
var ContentSection =
|
|
2091
|
+
var ContentSection = React113__default.forwardRef(
|
|
2093
2092
|
({ children, background = "default", padding = "lg", id, className }, ref) => {
|
|
2094
2093
|
return /* @__PURE__ */ jsx(
|
|
2095
2094
|
Box,
|
|
@@ -2128,7 +2127,7 @@ var animatedStyles = {
|
|
|
2128
2127
|
"scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
|
|
2129
2128
|
"none": {}
|
|
2130
2129
|
};
|
|
2131
|
-
var AnimatedReveal =
|
|
2130
|
+
var AnimatedReveal = React113__default.forwardRef(
|
|
2132
2131
|
({
|
|
2133
2132
|
trigger = "scroll",
|
|
2134
2133
|
animation = "fade-up",
|
|
@@ -2281,7 +2280,7 @@ function applyMorphAnimation(container, animate, duration, delay, easing) {
|
|
|
2281
2280
|
el.style.opacity = animate ? "1" : "0";
|
|
2282
2281
|
});
|
|
2283
2282
|
}
|
|
2284
|
-
var AnimatedGraphic =
|
|
2283
|
+
var AnimatedGraphic = React113__default.forwardRef(
|
|
2285
2284
|
({
|
|
2286
2285
|
src,
|
|
2287
2286
|
svgContent,
|
|
@@ -2304,7 +2303,7 @@ var AnimatedGraphic = React114__default.forwardRef(
|
|
|
2304
2303
|
const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
|
|
2305
2304
|
const resolvedSvg = svgContent ?? fetchedSvg;
|
|
2306
2305
|
const prevAnimateRef = useRef(animate);
|
|
2307
|
-
const setRef =
|
|
2306
|
+
const setRef = React113__default.useCallback(
|
|
2308
2307
|
(node) => {
|
|
2309
2308
|
containerRef.current = node;
|
|
2310
2309
|
if (typeof ref === "function") ref(node);
|
|
@@ -2546,7 +2545,7 @@ var ErrorState = ({
|
|
|
2546
2545
|
);
|
|
2547
2546
|
};
|
|
2548
2547
|
ErrorState.displayName = "ErrorState";
|
|
2549
|
-
var ErrorBoundary = class extends
|
|
2548
|
+
var ErrorBoundary = class extends React113__default.Component {
|
|
2550
2549
|
constructor(props) {
|
|
2551
2550
|
super(props);
|
|
2552
2551
|
__publicField(this, "reset", () => {
|
|
@@ -3139,7 +3138,7 @@ function bindTraitStateGetter(getter) {
|
|
|
3139
3138
|
}
|
|
3140
3139
|
}
|
|
3141
3140
|
exposeOnWindow();
|
|
3142
|
-
var MarkdownContent =
|
|
3141
|
+
var MarkdownContent = React113__default.memo(
|
|
3143
3142
|
({ content, direction, className }) => {
|
|
3144
3143
|
const { t: _t } = useTranslate();
|
|
3145
3144
|
const safeContent = typeof content === "string" ? content : String(content ?? "");
|
|
@@ -3241,7 +3240,7 @@ var MarkdownContent = React114__default.memo(
|
|
|
3241
3240
|
(prev, next) => prev.content === next.content && prev.className === next.className && prev.direction === next.direction
|
|
3242
3241
|
);
|
|
3243
3242
|
MarkdownContent.displayName = "MarkdownContent";
|
|
3244
|
-
var CodeBlock =
|
|
3243
|
+
var CodeBlock = React113__default.memo(
|
|
3245
3244
|
({
|
|
3246
3245
|
code: rawCode,
|
|
3247
3246
|
language = "text",
|
|
@@ -3358,12 +3357,12 @@ GameAudioContext.displayName = "GameAudioContext";
|
|
|
3358
3357
|
|
|
3359
3358
|
// components/organisms/component-registry.generated.ts
|
|
3360
3359
|
function lazyThree(name, loader) {
|
|
3361
|
-
const Lazy =
|
|
3360
|
+
const Lazy = React113__default.lazy(() => loader().then((m) => ({ default: m[name] })));
|
|
3362
3361
|
function ThreeWrapper(props) {
|
|
3363
|
-
return
|
|
3364
|
-
|
|
3362
|
+
return React113__default.createElement(
|
|
3363
|
+
React113__default.Suspense,
|
|
3365
3364
|
{ fallback: null },
|
|
3366
|
-
|
|
3365
|
+
React113__default.createElement(Lazy, props)
|
|
3367
3366
|
);
|
|
3368
3367
|
}
|
|
3369
3368
|
ThreeWrapper.displayName = `Lazy(${name})`;
|
|
@@ -3390,7 +3389,7 @@ function SuspenseConfigProvider({
|
|
|
3390
3389
|
config,
|
|
3391
3390
|
children
|
|
3392
3391
|
}) {
|
|
3393
|
-
return
|
|
3392
|
+
return React113__default.createElement(
|
|
3394
3393
|
SuspenseConfigContext.Provider,
|
|
3395
3394
|
{ value: config },
|
|
3396
3395
|
children
|