aidos-ui 3.0.25 → 3.0.27

package/dist/Dropdown.js

@@ -58,7 +58,7 @@ export function Dropdown({ id = guid(), label, options, selection, setSelection,
                     return (_jsx(Button, { size: size, padding: padding, justify: selected ? "space-between" : "flex-start", align: "center", bare: true, iconPosition: "right", icon: selected ? "fa-check" : undefined, role: "option", id: optionId, "aria-selected": selected ? "true" : "false", color: "positive", onClick: () => {
                             setSelection(option);
                             setExpanded(false);
-                        }, children: optionLabel(selection) }, optionId));
+                        }, children: optionLabel(option) }, optionId));
                 }) }))] }));
 }
 //# sourceMappingURL=Dropdown.js.map

package/dist/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAA+B,aAAa,EAAE,MAAM,OAAO,CAAC;AAEnE,MAAM,QAAQ,GAA+B;IAC3C,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,CAAC;KACZ;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,CAAC;KACZ;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,wBAAwB;QACtC,SAAS,EAAE,4BAA4B;QACvC,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AACF,MAAM,UAAU,QAAQ,CAA4B,EAClD,EAAE,GAAG,IAAI,EAAE,EACX,KAAK,EACL,OAAO,EACP,SAAS,EACT,YAAY,EACZ,OAAO,EACP,aAAa,EACb,WAAW,EACX,OAAO,EACP,IAAI,EACJ,GAAG,GAAG,QAAQ,GAaf;IACC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,aAAa,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,YAAY,CAAc,CAAC,IAAI,EAAE,EAAE;QACjD,MAAM,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE;YACtB,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,EAAE;gBACvB,WAAW,CAAC,KAAK,CAAC,CAAC;aACpB;QACH,CAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC5C,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE;YACb,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAClD;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,MAAC,QAAQ,IAAC,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,aACvD,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,mBACD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC3B,EAAE,mBACH,MAAM,gBACR,KAAK,EACjB,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,eAAe,EACvB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC,EACzC,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,iBAAiB,EACtB,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,GAAG,EAAE;oBACZ,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBACzB,CAAC,EACD,GAAG,EAAE,UAAU,YAEd,WAAW,CAAC,SAAS,CAAC,GAChB,EACR,QAAQ,IAAI,CACX,KAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC,EACnE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,SAAS,gBACF,KAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;oBACZ,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE;wBAC9C,WAAW,CAAC,KAAK,CAAC,CAAC;qBACpB;gBACH,CAAC,YAEA,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBACzC,MAAM,QAAQ,GAAG,GAAG,EAAE,IAAI,KAAK,EAAE,CAAC;oBAClC,MAAM,QAAQ,GAAG,MAAM,KAAK,SAAS,CAAC;oBACtC,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,EAClD,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,OAAO,EACpB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAEvC,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,QAAQ,mBACG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC1C,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,MAAM,CAAC,CAAC;4BACrB,WAAW,CAAC,KAAK,CAAC,CAAC;wBACrB,CAAC,YAEA,WAAW,CAAC,MAAM,CAAC,IAVf,QAAQ,CAWN,CACV,CAAC;gBACJ,CAAC,CAAC,GACK,CACV,IACQ,CACZ,CAAC;AACJ,CAAC"}

package/dist/Link.d.ts

@@ -18,5 +18,6 @@ export interface LinkProps extends BaseLinkProps {
     gap?: Gap;
     justify?: Justify;
     bold?: boolean;
+    inline?: boolean;
 }
 export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/Link.js

@@ -6,13 +6,13 @@ import { Row } from "./Row";
 import { Icon } from "./Icon";
 import { getGlyphColor, getCSSColor } from "./Interactable";
 import { cssVar, } from "./jss";
-export const Link = React.forwardRef(({ label, color, bare, disabled, icon, underline, iconSize = "medium", iconPosition = "left", align = "center", gap = "small", justify = "center", jsStyle, size = "medium", padding = "medium", bold, ...otherProps }, ref) => {
+export const Link = React.forwardRef(({ label, color, bare, disabled, icon, underline, iconSize = "medium", iconPosition = "left", align = "center", gap = "small", justify = "center", jsStyle, size = "medium", padding = "medium", inline = true, bold, ...otherProps }, ref) => {
     return (_jsx(BaseLink, { ...otherProps, bare: bare, ref: ref, color: color, disabled: disabled, padding: padding, jsStyle: [
             {
                 borderRadius: cssVar("--border-radius-m"),
                 justifyContent: "center",
                 userSelect: "none",
-                display: "inline-flex",
+                display: inline ? "inline-flex" : "flex",
                 textDecoration: "none",
             },
             underline && {
@@ -22,6 +22,8 @@ export const Link = React.forwardRef(({ label, color, bare, disabled, icon, unde
                 textDecorationColor: getCSSColor(color, disabled, bare),
             },
             jsStyle,
-        ], children: _jsxs(Row, { grow: true, align: align, gap: gap, justify: justify, children: [icon && iconPosition === "left" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) })), _jsx(Text, { bold: bold, size: size, color: getGlyphColor(color, disabled, bare), children: label }), icon && iconPosition === "right" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) }))] }) }));
+        ], children: _jsxs(Row, { jsStyle: {
+                display: inline ? "inline-flex" : "flex",
+            }, grow: true, align: align, gap: gap, justify: justify, children: [icon && iconPosition === "left" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) })), _jsx(Text, { bold: bold, size: size, color: getGlyphColor(color, disabled, bare), children: label }), icon && iconPosition === "right" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) }))] }) }));
 });
 //# sourceMappingURL=Link.js.map

package/dist/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAqB,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAKL,MAAM,GAGP,MAAM,OAAO,CAAC;AAkBf,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,QAAQ,GAAG,QAAQ,EACnB,YAAY,GAAG,MAAM,EACrB,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,QAAQ,EAClB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,QAAQ,EAClB,IAAI,EACJ,GAAG,UAAU,EACH,EACZ,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,OACH,UAAU,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE;YACP;gBACE,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,MAAM;gBAClB,OAAO,EAAE,aAAa;gBACtB,cAAc,EAAE,MAAM;aACvB;YACD,SAAS,IAAI;gBACX,kBAAkB,EAAE,WAAW;gBAC/B,uBAAuB,EAAE,KAAK;gBAC9B,mBAAmB,EAAE,KAAK;gBAC1B,mBAAmB,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC;aACxD;YACD,OAAO;SACR,YAED,MAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,aACtD,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,EACD,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAE1C,KAAK,GACD,EACN,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,IACG,GACG,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAqB,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAKL,MAAM,GAGP,MAAM,OAAO,CAAC;AAmBf,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,QAAQ,GAAG,QAAQ,EACnB,YAAY,GAAG,MAAM,EACrB,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,QAAQ,EAClB,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,QAAQ,EAClB,MAAM,GAAG,IAAI,EACb,IAAI,EACJ,GAAG,UAAU,EACH,EACZ,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,OACH,UAAU,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE;YACP;gBACE,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,MAAM;gBAClB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;gBACxC,cAAc,EAAE,MAAM;aACvB;YACD,SAAS,IAAI;gBACX,kBAAkB,EAAE,WAAW;gBAC/B,uBAAuB,EAAE,KAAK;gBAC9B,mBAAmB,EAAE,KAAK;gBAC1B,mBAAmB,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC;aACxD;YACD,OAAO;SACR,YAED,MAAC,GAAG,IACF,OAAO,EAAE;gBACP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;aACzC,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,aAEf,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,EACD,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAE1C,KAAK,GACD,EACN,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,IACG,GACG,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/NextJSRouter.d.ts

@@ -0,0 +1 @@
+export declare function Router(): import("react/jsx-runtime").JSX.Element;

package/dist/NextJSRouter.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { StackContextProvider } from "./StackContext";
+import { Column } from "./Column";
+import { ListDivider } from "./ListDivider";
+import { BaseView } from "./BaseView";
+import { useRouterState } from "./NextJSRouterState";
+const jsStyles = {
+    root: {
+        display: "flex",
+        flexDirection: "column",
+        flexGrow: 1,
+        minHeight: 0,
+        flexShrink: 1,
+        flexBasis: "0%",
+        position: "relative",
+    },
+    route: {
+        display: "flex",
+        flexDirection: "column",
+        flexGrow: 1,
+        minHeight: 0,
+        flexShrink: 1,
+        flexBasis: "0%",
+    },
+    hidden: {
+        display: "none",
+    },
+};
+export function Router() {
+    const { context: { navigationStack }, } = useRouterState();
+    return (_jsx(BaseView, { jsStyle: jsStyles.root, children: navigationStack.map(({ route, routeProps }, index, list) => {
+            const isTopOfStack = index === list.length - 1;
+            return (_jsx(StackContextProvider, { isTopOfStack: isTopOfStack, children: _jsxs(Column, { jsStyle: [jsStyles.route, !isTopOfStack && jsStyles.hidden], "aria-hidden": !isTopOfStack, children: [_jsx(ListDivider, {}), _jsx(Suspense, { fallback: null, children: _jsx(route.root, { ...routeProps }) })] }) }, route.title(routeProps)));
+        }) }));
+}
+//# sourceMappingURL=NextJSRouter.js.map

package/dist/NextJSRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextJSRouter.js","sourceRoot":"","sources":["../src/NextJSRouter.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,MAAM,QAAQ,GAA+B;IAC3C,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF,MAAM,UAAU,MAAM;IACpB,MAAM,EACJ,OAAO,EAAE,EAAE,eAAe,EAAE,GAC7B,GAAG,cAAc,EAAE,CAAC;IAErB,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,YAC7B,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;YAC1D,MAAM,YAAY,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAE/C,OAAO,CACL,KAAC,oBAAoB,IAEnB,YAAY,EAAE,YAAY,YAE1B,MAAC,MAAM,IACL,OAAO,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,YAAY,IAAI,QAAQ,CAAC,MAAM,CAAC,iBAC9C,CAAC,YAAY,aAE1B,KAAC,WAAW,KAAG,EACf,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,KAAK,CAAC,IAAI,OAAK,UAAU,GAAI,GACrB,IACJ,IAXJ,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAYP,CACxB,CAAC;QACJ,CAAC,CAAC,GACO,CACZ,CAAC;AACJ,CAAC"}

package/dist/{RouterState.js → NextJSRouterState.js}

@@ -108,4 +108,4 @@ export const useRouterSend = () => {
     const { send } = useStateMachine();
     return send;
 };
-//# sourceMappingURL=RouterState.js.map
+//# sourceMappingURL=NextJSRouterState.js.map

package/dist/NextJSRouterState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextJSRouterState.js","sourceRoot":"","sources":["../src/NextJSRouterState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAiB,MAAM,OAAO,CAAC;AAE3D,OAAO,EACL,0BAA0B,GAE3B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,2BAAa,CAAA;IACb,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;AACzB,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB;AAED,MAAM,CAAN,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,8BAAW,CAAA;IACX,gDAA6B,CAAA;IAC7B,8CAA2B,CAAA;AAC7B,CAAC,EAJW,eAAe,KAAf,eAAe,QAI1B;AAiBD,kDAAkD;AAClD,4BAA4B;AAC5B,yBAAyB;AACzB,gBAAgB;AAChB,KAAK;AAEL,MAAM,eAAe,GAAqC;IACxD,KAAK,EAAE,UAAU,CAAC,UAAU;IAC5B,KAAK,EAAE,GAAG,EAAE,CAAC,YAAY;IACzB,IAAI,EAAE,UAAU;CACjB,CAAC;AAEF,MAAM,eAAe,GAAY;IAC/B,eAAe,EAAE,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC;CAC9D,CAAC;AAEF,MAAM,GAAG,GAAiC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IAC/D,IAAI,OAAO,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;QACtC,MAAM,eAAe,GAAG,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;QACrD,eAAe,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,UAAU,GAAG,eAAe,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;QAE3E,OAAO;YACL,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE;gBACP,GAAG,OAAO;gBACV,eAAe;aAChB;SACF,CAAC;KACH;IAED,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAC5B,CAAC,CAAC;AAEF,MAAM,WAAW,GACf,CACE,KAA0B,EACI,EAAE,CAClC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;IACpB,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,OAAO,EAAE;YACP,GAAG,OAAO;YACV,eAAe,EAAE;gBACf,GAAG,OAAO,CAAC,eAAe;gBAC1B;oBACE,KAAK;oBACL,UAAU,EAAE,IAAI;iBACjB;aACF;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,cAAc,GAClB,CACE,KAA0B,EACI,EAAE,CAClC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;IACpB,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,OAAO,EAAE;YACP,GAAG,OAAO;YACV,eAAe,EAAE;gBACf,GAAG,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBACvC;oBACE,KAAK;oBACL,UAAU,EAAE,IAAI;iBACjB;aACF;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,YAAY,GAAG;IACnB,MAAM,EAAE;QACN,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;YACjB,EAAE,EAAE;gBACF,YAAY,EAAE,WAAW,CAAC,eAAe,CAAC;aAC3C;SACF;QACD,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;YACtB,EAAE,EAAE;gBACF,GAAG,EAAE,GAAG;aACT;SACF;QACD,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;YACvB,EAAE,EAAE;gBACF,GAAG,EAAE,GAAG;aACT;SACF;KACF;IACD,KAAK,EAAE,UAAU,CAAC,IAAI;IACtB,OAAO,EAAE,eAAe;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GACxC,0BAA0B,CAAC,YAAY,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA0C;QAC1E,KAAK,EAAE,UAAU,CAAC,IAAI;QACtB,OAAO,EAAE,eAAe;KACzB,CAAC,CAAC;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,EAAE,CAAC;IAEnC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/Router.d.ts

@@ -1 +1,11 @@
-export declare function Router(): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+export declare function useRouter(): [Route, (pathname: Route) => void];
+export type Route = {
+    pathname: string;
+    title: string;
+    component: () => JSX.Element;
+    children: Array<Route>;
+};
+export declare function Router({ routeTree }: {
+    routeTree: Route;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/Router.js

@@ -1,37 +1,65 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Suspense } from "react";
-import { StackContextProvider } from "./StackContext";
-import { Column } from "./Column";
-import { ListDivider } from "./ListDivider";
-import { BaseView } from "./BaseView";
-import { useRouterState } from "./RouterState";
-const jsStyles = {
-    root: {
-        display: "flex",
-        flexDirection: "column",
-        flexGrow: 1,
-        minHeight: 0,
-        flexShrink: 1,
-        flexBasis: "0%",
-        position: "relative",
-    },
-    route: {
-        display: "flex",
-        flexDirection: "column",
-        flexGrow: 1,
-        minHeight: 0,
-        flexShrink: 1,
-        flexBasis: "0%",
-    },
-    hidden: {
-        display: "none",
-    },
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { useCallback, useEffect, useState } from "react";
+import { BaseLinkComponentOverrideContext } from "./BaseLink";
+export function useRouter() {
+    return React.useContext(RouterContext);
+}
+const RouterContext = React.createContext([
+    { pathname: "/" },
+    () => { },
+]);
+const ROUTES = {
+    pathname: "/",
+    title: "Home",
+    component: HomeRoute,
+    children: [
+        {
+            pathname: `/session/$session_id`,
+            title: "Session",
+            component: HomeRoute,
+            children: [],
+        },
+    ],
 };
-export function Router() {
-    const { context: { navigationStack }, } = useRouterState();
-    return (_jsx(BaseView, { jsStyle: jsStyles.root, children: navigationStack.map(({ route, routeProps }, index, list) => {
-            const isTopOfStack = index === list.length - 1;
-            return (_jsx(StackContextProvider, { isTopOfStack: isTopOfStack, children: _jsxs(Column, { jsStyle: [jsStyles.route, !isTopOfStack && jsStyles.hidden], "aria-hidden": !isTopOfStack, children: [_jsx(ListDivider, {}), _jsx(Suspense, { fallback: null, children: _jsx(route.root, { ...routeProps }) })] }) }, route.title(routeProps)));
-        }) }));
+export function Router({ routeTree }) {
+    const [route, setRoute] = useState(routeTree);
+    useEffect(() => {
+        let titleElement = document.querySelector("title");
+        if (titleElement == null) {
+            titleElement = document.createElement("title");
+            document.head.appendChild(titleElement);
+        }
+        titleElement.innerText = route.title;
+    }, [route.pathname]);
+    useEffect(() => {
+        history.replaceState({ pathname: new URL(window.location.href).pathname }, "", document.location.href);
+        const onNavigate = (event) => {
+            if (event.state != null) {
+                event.preventDefault();
+                setRoute(event.state);
+            }
+        };
+        window.addEventListener("popstate", onNavigate);
+        return () => {
+            window.removeEventListener("popstate", onNavigate);
+        };
+    }, [route.pathname, setRoute]);
+    const BaseLink = useCallback(({ onClick, href, ...otherProps }) => {
+        return (_jsx("a", { ...otherProps, href: href, onClick: (event) => {
+                if (event.metaKey) {
+                    return;
+                }
+                event.preventDefault();
+                if (onClick != null) {
+                    onClick(event);
+                }
+                history.pushState({ pathname: href }, "", href);
+                const targetNode = routeTree;
+                const splitPath = href.split("/");
+                setRoute(targetNode);
+            } }));
+    }, []);
+    return (_jsx(RouterContext.Provider, { value: [route, setRoute], children: _jsx(BaseLinkComponentOverrideContext.Provider, { value: BaseLink, children: _jsx(route.component, {}) }) }));
 }
 //# sourceMappingURL=Router.js.map

package/dist/Router.js.map

@@ -1 +1 @@
-{"version":3,"file":"Router.js","sourceRoot":"","sources":["../src/Router.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,QAAQ,GAA+B;IAC3C,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF,MAAM,UAAU,MAAM;IACpB,MAAM,EACJ,OAAO,EAAE,EAAE,eAAe,EAAE,GAC7B,GAAG,cAAc,EAAE,CAAC;IAErB,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,YAC7B,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;YAC1D,MAAM,YAAY,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAE/C,OAAO,CACL,KAAC,oBAAoB,IAEnB,YAAY,EAAE,YAAY,YAE1B,MAAC,MAAM,IACL,OAAO,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,YAAY,IAAI,QAAQ,CAAC,MAAM,CAAC,iBAC9C,CAAC,YAAY,aAE1B,KAAC,WAAW,KAAG,EACf,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,KAAK,CAAC,IAAI,OAAK,UAAU,GAAI,GACrB,IACJ,IAXJ,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAYP,CACxB,CAAC;QACJ,CAAC,CAAC,GACO,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Router.js","sourceRoot":"","sources":["../src/Router.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aidos-ui",
-  "version": "3.0.25",
+  "version": "3.0.27",
   "description": "A simple UI framework",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/Dropdown.tsx

@@ -134,7 +134,7 @@ export function Dropdown<T extends string | number>({
                   setExpanded(false);
                 }}
               >
-                {optionLabel(selection)}
+                {optionLabel(option)}
               </Button>
             );
           })}

package/src/Link.tsx

@@ -31,6 +31,7 @@ export interface LinkProps extends BaseLinkProps {
   gap?: Gap;
   justify?: Justify;
   bold?: boolean;
+  inline?: boolean;
 }
 
 export const Link = React.forwardRef(
@@ -50,6 +51,7 @@ export const Link = React.forwardRef(
       jsStyle,
       size = "medium",
       padding = "medium",
+      inline = true,
       bold,
       ...otherProps
     }: LinkProps,
@@ -68,7 +70,7 @@ export const Link = React.forwardRef(
             borderRadius: cssVar("--border-radius-m"),
             justifyContent: "center",
             userSelect: "none",
-            display: "inline-flex",
+            display: inline ? "inline-flex" : "flex",
             textDecoration: "none",
           },
           underline && {
@@ -80,7 +82,15 @@ export const Link = React.forwardRef(
           jsStyle,
         ]}
       >
-        <Row grow={true} align={align} gap={gap} justify={justify}>
+        <Row
+          jsStyle={{
+            display: inline ? "inline-flex" : "flex",
+          }}
+          grow={true}
+          align={align}
+          gap={gap}
+          justify={justify}
+        >
           {icon && iconPosition === "left" && (
             <Icon
               icon={icon}

package/src/NextJSRouter.tsx

@@ -0,0 +1,62 @@
+import React, { Suspense } from "react";
+
+import { StackContextProvider } from "./StackContext";
+import { Column } from "./Column";
+import { ListDivider } from "./ListDivider";
+import { BaseView } from "./BaseView";
+import { useRouterState } from "./NextJSRouterState";
+import { JSStyle } from "./jss";
+
+const jsStyles: { [key: string]: JSStyle } = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+    minHeight: 0,
+    flexShrink: 1,
+    flexBasis: "0%",
+    position: "relative",
+  },
+  route: {
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+    minHeight: 0,
+    flexShrink: 1,
+    flexBasis: "0%",
+  },
+  hidden: {
+    display: "none",
+  },
+};
+
+export function Router() {
+  const {
+    context: { navigationStack },
+  } = useRouterState();
+
+  return (
+    <BaseView jsStyle={jsStyles.root}>
+      {navigationStack.map(({ route, routeProps }, index, list) => {
+        const isTopOfStack = index === list.length - 1;
+
+        return (
+          <StackContextProvider
+            key={route.title(routeProps)}
+            isTopOfStack={isTopOfStack}
+          >
+            <Column
+              jsStyle={[jsStyles.route, !isTopOfStack && jsStyles.hidden]}
+              aria-hidden={!isTopOfStack}
+            >
+              <ListDivider />
+              <Suspense fallback={null}>
+                <route.root {...routeProps} />
+              </Suspense>
+            </Column>
+          </StackContextProvider>
+        );
+      })}
+    </BaseView>
+  );
+}

package/src/Router.tsx

@@ -1,62 +1,110 @@
-import React, { Suspense } from "react";
-
-import { StackContextProvider } from "./StackContext";
-import { Column } from "./Column";
-import { ListDivider } from "./ListDivider";
-import { BaseView } from "./BaseView";
-import { useRouterState } from "./RouterState";
-import { JSStyle } from "./jss";
-
-const jsStyles: { [key: string]: JSStyle } = {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    flexGrow: 1,
-    minHeight: 0,
-    flexShrink: 1,
-    flexBasis: "0%",
-    position: "relative",
-  },
-  route: {
-    display: "flex",
-    flexDirection: "column",
-    flexGrow: 1,
-    minHeight: 0,
-    flexShrink: 1,
-    flexBasis: "0%",
-  },
-  hidden: {
-    display: "none",
-  },
+import React from "react";
+import { useCallback, useEffect, useState } from "react";
+import { BaseLinkComponentOverrideContext } from "./BaseLink";
+
+export function useRouter(): [Route, (pathname: Route) => void] {
+  return React.useContext(RouterContext);
+}
+
+const RouterContext = React.createContext<[Route, (pathname: Route) => void]>([
+  { pathname: "/" },
+  () => {},
+]);
+
+export type Route = {
+  pathname: string;
+  title: string;
+  component: () => JSX.Element;
+  children: Array<Route>;
+};
+
+const ROUTES: Route = {
+  pathname: "/",
+  title: "Home",
+  component: HomeRoute,
+  children: [
+    {
+      pathname: `/session/$session_id`,
+      title: "Session",
+      component: HomeRoute,
+      children: [],
+    },
+  ],
 };
 
-export function Router() {
-  const {
-    context: { navigationStack },
-  } = useRouterState();
+export function Router({ routeTree }: { routeTree: Route }) {
+  const [route, setRoute] = useState<Route>(routeTree);
+
+  useEffect(() => {
+    let titleElement = document.querySelector("title");
+
+    if (titleElement == null) {
+      titleElement = document.createElement("title");
+      document.head.appendChild(titleElement);
+    }
+
+    titleElement.innerText = route.title;
+  }, [route.pathname]);
+
+  useEffect(() => {
+    history.replaceState(
+      { pathname: new URL(window.location.href).pathname },
+      "",
+      document.location.href
+    );
+
+    const onNavigate = (event: PopStateEvent) => {
+      if (event.state != null) {
+        event.preventDefault();
+        setRoute(event.state);
+      }
+    };
+
+    window.addEventListener("popstate", onNavigate);
+    return () => {
+      window.removeEventListener("popstate", onNavigate);
+    };
+  }, [route.pathname, setRoute]);
+
+  const BaseLink = useCallback(
+    ({
+      onClick,
+      href,
+      ...otherProps
+    }: React.LinkHTMLAttributes<HTMLAnchorElement>) => {
+      return (
+        <a
+          {...otherProps}
+          href={href}
+          onClick={(event) => {
+            if (event.metaKey) {
+              return;
+            }
+
+            event.preventDefault();
+
+            if (onClick != null) {
+              onClick(event);
+            }
+
+            history.pushState({ pathname: href }, "", href);
+
+            const targetNode = routeTree;
+            const splitPath = href.split("/");
+
+            setRoute(targetNode);
+          }}
+        />
+      );
+    },
+    []
+  );
 
   return (
-    <BaseView jsStyle={jsStyles.root}>
-      {navigationStack.map(({ route, routeProps }, index, list) => {
-        const isTopOfStack = index === list.length - 1;
-
-        return (
-          <StackContextProvider
-            key={route.title(routeProps)}
-            isTopOfStack={isTopOfStack}
-          >
-            <Column
-              jsStyle={[jsStyles.route, !isTopOfStack && jsStyles.hidden]}
-              aria-hidden={!isTopOfStack}
-            >
-              <ListDivider />
-              <Suspense fallback={null}>
-                <route.root {...routeProps} />
-              </Suspense>
-            </Column>
-          </StackContextProvider>
-        );
-      })}
-    </BaseView>
+    <RouterContext.Provider value={[route, setRoute]}>
+      <BaseLinkComponentOverrideContext.Provider value={BaseLink}>
+        <route.component />
+      </BaseLinkComponentOverrideContext.Provider>
+    </RouterContext.Provider>
   );
 }

package/dist/RouterState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RouterState.js","sourceRoot":"","sources":["../src/RouterState.tsx"],"names":[],"mappings":"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"}