elbe-ui 0.4.26 → 1.0.2

package/dist/index.js

@@ -1,7 +1,8 @@
-import { jsx as _jsx } from "preact/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as Lucide from "lucide-react";
 import "./elbe.css";
-export * as wouter from "wouter";
+export * as Wouter from "wouter";
+export * as wouter_hash from "wouter/use-hash-location";
 // exports
 export * from "./api/api_worker";
 export * from "./api/error";

package/dist/ui/components/badge.d.ts

@@ -1,4 +1,4 @@
-import React from "preact/compat";
+import React from "react";
 import type { ElbeColorKinds } from "../theme/colors";
 import type { ElbeChild, ElbeChildren } from "../util/types";
 import type { ElbeProps } from "./base/box";
@@ -16,10 +16,10 @@ export declare class Badge extends React.Component<BadgeProps & {
     constructor(props: BadgeProps & {
         kind: ElbeColorKinds;
     });
-    static accent(p: BadgeProps): React.JSX.Element;
-    static error(p: BadgeProps): React.JSX.Element;
-    static warning(p: BadgeProps): React.JSX.Element;
-    static success(p: BadgeProps): React.JSX.Element;
-    static info(p: BadgeProps): React.JSX.Element;
-    render(): React.JSX.Element;
+    static accent(p: BadgeProps): import("react/jsx-runtime").JSX.Element;
+    static error(p: BadgeProps): import("react/jsx-runtime").JSX.Element;
+    static warning(p: BadgeProps): import("react/jsx-runtime").JSX.Element;
+    static success(p: BadgeProps): import("react/jsx-runtime").JSX.Element;
+    static info(p: BadgeProps): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/ui/components/badge.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
-import React from "preact/compat";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
 export function TestBadge(p) {
     return new Badge(Object.assign(Object.assign({}, p), { kind: "accent" }));
 }
@@ -27,6 +27,6 @@ export class Badge extends React.Component {
         return (_jsxs("div", { style: {
                 position: "relative",
                 display: "inline-block",
-            }, children: [this.props.child, this.props.children, _jsx("div", { class: `b ${this.props.kind} major ${(_a = this.props.class) !== null && _a !== void 0 ? _a : ""}`, style: Object.assign({ position: "absolute", top: "-0.25rem", right: "-0.25rem", minWidth: "1.5rem", minHeight: "1.5rem", padding: "0rem .4rem", borderRadius: "3rem", fontWeight: "bold", display: "flex", justifyContent: "center", alignItems: "center", visibility: this.props.hidden ? "hidden" : "visible" }, this.props.style), children: (_b = this.props.label) !== null && _b !== void 0 ? _b : this.props.count })] }));
+            }, children: [this.props.child, this.props.children, _jsx("div", { className: `b ${this.props.kind} major ${(_a = this.props.className) !== null && _a !== void 0 ? _a : ""}`, style: Object.assign({ position: "absolute", top: "-0.25rem", right: "-0.25rem", minWidth: "1.5rem", minHeight: "1.5rem", padding: "0rem .4rem", borderRadius: "3rem", fontWeight: "bold", display: "flex", justifyContent: "center", alignItems: "center", visibility: this.props.hidden ? "hidden" : "visible" }, this.props.style), children: (_b = this.props.label) !== null && _b !== void 0 ? _b : this.props.count })] }));
     }
 }

package/dist/ui/components/banner.d.ts

@@ -2,7 +2,7 @@ import { ElbeAlertKinds, IconChild } from "../..";
 export declare function KindAlertIcon({ kind, size, }: {
     kind: ElbeAlertKinds;
     size?: "body-s" | "body-m" | "body-l";
-}): any;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function Banner({ kind, manner, title, onDismiss, dismissIcon, children, }: {
     kind: ElbeAlertKinds;
     manner?: "major" | "minor";
@@ -10,4 +10,4 @@ export declare function Banner({ kind, manner, title, onDismiss, dismissIcon, ch
     onDismiss?: () => void;
     dismissIcon?: IconChild;
     children?: React.ReactNode;
-}): import("preact").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/banner.js

@@ -1,23 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlertTriangleIcon, CheckCircle2Icon, CircleHelpIcon, InfoIcon, OctagonAlertIcon, XIcon, } from "lucide-react";
 import { Align, Card, Column, IconButton, Row, Text, } from "../..";
 export function KindAlertIcon({ kind, size = "body-m", }) {
-    let icon = CircleHelpIcon;
+    let Icon = CircleHelpIcon;
     if (kind === "info")
-        icon = InfoIcon;
+        Icon = InfoIcon;
     if (kind === "warning")
-        icon = AlertTriangleIcon;
+        Icon = AlertTriangleIcon;
     if (kind === "error")
-        icon = OctagonAlertIcon;
+        Icon = OctagonAlertIcon;
     if (kind === "success")
-        icon = CheckCircle2Icon;
+        Icon = CheckCircle2Icon;
     let scale = 1;
     if (size === "body-s")
         scale = 0.8;
     if (size === "body-l")
         scale = 1.2;
-    return icon({ size: `${scale * 1.5}rem` });
+    return _jsx(Icon, { size: `${scale * 1.5}rem` });
 }
 export function Banner({ kind, manner = "major", title, onDismiss, dismissIcon = XIcon, children, }) {
-    return (_jsx(Card, { kind: kind, manner: manner, padding: 0, children: _jsxs(Row, { cross: "start", gap: 0, children: [_jsx(Align, { size: 3, children: _jsx(KindAlertIcon, { kind: kind }) }), _jsxs(Column, { gap: 0.5, class: "flex-1", style: { padding: ".9rem 0", paddingRight: onDismiss ? "0" : "1rem" }, children: [title && _jsx(Text, { bold: true, v: title }), children] }), onDismiss && (_jsx(IconButton, { manner: manner, kind: kind, transparent: manner === "minor", ariaLabel: "close", icon: dismissIcon, onTap: onDismiss }))] }) }));
+    return (_jsx(Card, { kind: kind, manner: manner, padding: 0, children: _jsxs(Row, { cross: "start", gap: 0, children: [_jsx(Align, { size: 3, children: _jsx(KindAlertIcon, { kind: kind }) }), _jsxs(Column, { gap: 0.5, className: "flex-1", style: { padding: ".9rem 0", paddingRight: onDismiss ? "0" : "1rem" }, children: [title && _jsx(Text, { bold: true, v: title }), children] }), onDismiss && (_jsx(IconButton, { manner: manner, kind: kind, transparent: manner === "minor", ariaLabel: "close", icon: dismissIcon, onTap: onDismiss }))] }) }));
 }