elbe-ui 0.2.52 → 0.3.1

package/dist/index.d.ts

@@ -28,6 +28,8 @@ export * from "./ui/components/badge";
 export * from "./ui/components/banner";
 export * from "./ui/components/dialog";
 export * from "./ui/components/error_view";
+export * from "./ui/components/footer";
+export * from "./ui/components/link";
 export * from "./ui/components/progress_bar";
 export * from "./ui/components/spinner";
 export * from "./ui/components/text";

package/dist/index.js

@@ -31,6 +31,8 @@ export * from "./ui/components/badge";
 export * from "./ui/components/banner";
 export * from "./ui/components/dialog";
 export * from "./ui/components/error_view";
+export * from "./ui/components/footer";
+export * from "./ui/components/link";
 export * from "./ui/components/progress_bar";
 export * from "./ui/components/spinner";
 export * from "./ui/components/text";

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

@@ -0,0 +1,18 @@
+import React from "preact/compat";
+import { IconChild } from "../..";
+export type FooterLink = {
+    label: string;
+    href: string;
+    icon?: IconChild;
+};
+export declare function Footer({ left, right, copyright, version, legal, }: {
+    left: (FooterLink | React.ReactNode)[];
+    right?: (FooterLink | React.ReactNode)[];
+    copyright?: string | React.ReactNode;
+    version?: string;
+    legal?: FooterLink;
+}): React.JSX.Element;
+export declare function _WrittenIn({ city, href, }: {
+    city?: string;
+    href?: string;
+}): React.JSX.Element;

package/dist/ui/components/footer.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { HeartIcon } from "lucide-react";
+import { Card, Column, FlexSpace, Link, Row } from "../..";
+export function Footer({ left, right, copyright, version, legal, }) {
+    return (_jsx(Card, { scheme: "secondary", sharp: true, style: {
+            borderLeft: "none",
+            borderRight: "none",
+            borderBottom: "none",
+            color: "color-mix(in srgb, var(--c-context-front) 60%, transparent)",
+        }, children: _jsxs(Column, { gap: 0.5, children: [_jsxs(Row, { main: "space-between", cross: "start", children: [_jsx(Column, { gap: 0.5, flex: 1, cross: "start", children: left.map((item) => (item.label ? _jsx(_Link, Object.assign({}, item)) : item)) }), right && (_jsx(Column, { gap: 0.5, flex: 1, cross: "end", children: right.map((item) => item.label ? _jsx(_Link, Object.assign({}, item)) : item) }))] }), (copyright || version || legal) && _jsx("hr", { style: { opacity: 0.7 } }), (copyright || version || legal) && (_jsxs(Row, { children: [copyright &&
+                            (typeof copyright === "string" ? _jsx("b", { children: copyright }) : copyright), version && _jsx(_Version, { version: version }), _jsx(FlexSpace, {}), legal && _jsx(_Link, Object.assign({}, legal))] }))] }) }));
+}
+function _Version({ version }) {
+    return (_jsx("pre", { style: {
+            margin: "0",
+            fontSize: ".75rem",
+            fontFamily: "monospace",
+        }, children: version }));
+}
+function _Link({ href, label }) {
+    return (_jsx(Link, { color: "inherit", plain: true, noIcon: true, href: href, label: label, external: true }));
+}
+export function _WrittenIn({ city = "Hamburg", href, }) {
+    return (_jsxs("a", { href: href, style: {
+            padding: ".25rem .5rem",
+            color: "white",
+            fontWeight: "bold",
+            background: "#818a99",
+            borderRadius: "3rem",
+            fontSize: ".7rem",
+            display: "inline-flex",
+            alignItems: "center",
+            textDecoration: "none",
+        }, children: ["written with", _jsx(HeartIcon, { style: { marginLeft: ".25rem", marginRight: ".25rem" }, size: 10, strokeWidth: 3 }), "in ", city] }));
+}

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

@@ -0,0 +1,10 @@
+export declare function Link(p: {
+    label: string;
+    href: string;
+    external?: boolean;
+    plain?: boolean;
+    bold?: boolean;
+    noIcon?: boolean;
+    underline?: boolean;
+    color?: string;
+}): import("preact").JSX.Element;

package/dist/ui/components/link.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { ExternalLinkIcon } from "lucide-react";
+export function Link(p) {
+    return (_jsxs("a", { class: p.plain ? "plain" : "accent action", href: p.href, target: p.external ? "_blank" : undefined, rel: p.external ? "noopener noreferrer" : undefined, style: {
+            color: p.color,
+            display: "inline-flex",
+            textDecoration: p.underline ? "underline" : "none",
+            alignItems: "center",
+            fontWeight: p.bold ? "bold" : "normal",
+            padding: ".125rem .3rem",
+            borderRadius: ".5rem",
+            margin: "-.125rem -.3rem",
+            transition: "background .2s",
+        }, children: [p.label, p.external && !p.noIcon && (_jsx(ExternalLinkIcon, { size: 15, style: { marginLeft: ".25rem", marginBottom: ".25rem" } }))] }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elbe-ui",
-  "version": "0.2.52",
+  "version": "0.3.1",
   "author": "Robin Naumann",
   "license": "MIT",
   "repository": {