@krrli/cm-designsystem 1.32.1 → 1.32.2

package/dist/components/accessible-button/AccessibleButton.js

@@ -1,16 +1,34 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 const accessibleButtonStyles = tv({
-    variants: {
-        isClickable: {
-            true: ["cursor-pointer", "**:cursor-pointer"],
-        },
-    },
+  variants: {
+    isClickable: {
+      true: ["cursor-pointer", "**:cursor-pointer"]
+    }
+  }
 });
-/**
- * A fully accessible button component.
- */
-export const AccessibleButton = ({ className, ariaLabel, onClick, type = "button", ...props }) => {
-    return (_jsx("button", { type: type, className: cn(accessibleButtonStyles({ isClickable: !!onClick }), className), "aria-label": ariaLabel, onClick: onClick, children: props.children }));
+const AccessibleButton = ({
+  className,
+  ariaLabel,
+  onClick,
+  type = "button",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type,
+      className: cn(
+        accessibleButtonStyles({ isClickable: !!onClick }),
+        className
+      ),
+      "aria-label": ariaLabel,
+      onClick,
+      children: props.children
+    }
+  );
+};
+export {
+  AccessibleButton
 };

package/dist/components/avatar/Avatar.js

@@ -1,72 +1,98 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import * as RadixAvatar from "@radix-ui/react-avatar";
 import { tv } from "tailwind-variants";
-import fallbackImage from "../../assets/fallback.png";
-import { Edit } from "../icons/generated";
-import { RoundButton } from "../round-button/RoundButton";
+import fallbackImage from "../../assets/fallback.png.js";
+import { RoundButton } from "../round-button/RoundButton.js";
+import { Edit } from "../icons/generated/Edit.js";
 const avatarStyles = tv({
-    slots: {
-        base: ["relative", "inline-block"],
-        avatar: [
-            "rounded-full",
-            "transition",
-            "duration-300",
-            "ease-in-out",
-            "min-w-10",
-            "min-h-10",
-            "flex",
-            "items-center",
-            "justify-center",
-        ],
-        action: ["absolute", "bottom-2", "right-2"],
-    },
-    variants: {
-        isClickable: {
-            true: { base: ["**:cursor-pointer"] },
-        },
-        size: {
-            sm: { avatar: ["w-10", "h-10", "hover:scale-105"] },
-            md: {
-                avatar: [
-                    "w-16",
-                    "h-16",
-                    "border",
-                    "border-solid",
-                    "border-slate-100",
-                    "border-6",
-                    "hover:scale-105",
-                ],
-            },
-            lg: {
-                avatar: [
-                    "w-24",
-                    "h-24",
-                    "border",
-                    "border-solid",
-                    "border-slate-100",
-                    "border-6",
-                    "hover:scale-95",
-                ],
-            },
-            xl: {
-                avatar: [
-                    "w-40",
-                    "h-40",
-                    "border",
-                    "border-solid",
-                    "border-slate-100",
-                    "border-6",
-                ],
-            },
-        },
+  slots: {
+    base: ["relative", "inline-block"],
+    avatar: [
+      "rounded-full",
+      "transition",
+      "duration-300",
+      "ease-in-out",
+      "min-w-10",
+      "min-h-10",
+      "flex",
+      "items-center",
+      "justify-center"
+    ],
+    action: ["absolute", "bottom-2", "right-2"]
+  },
+  variants: {
+    isClickable: {
+      true: { base: ["**:cursor-pointer"] }
     },
+    size: {
+      sm: { avatar: ["w-10", "h-10", "hover:scale-105"] },
+      md: {
+        avatar: [
+          "w-16",
+          "h-16",
+          "border",
+          "border-solid",
+          "border-slate-100",
+          "border-6",
+          "hover:scale-105"
+        ]
+      },
+      lg: {
+        avatar: [
+          "w-24",
+          "h-24",
+          "border",
+          "border-solid",
+          "border-slate-100",
+          "border-6",
+          "hover:scale-95"
+        ]
+      },
+      xl: {
+        avatar: [
+          "w-40",
+          "h-40",
+          "border",
+          "border-solid",
+          "border-slate-100",
+          "border-6"
+        ]
+      }
+    }
+  }
 });
-/**
- * A flexible and accessible user avatar component.
- * Built on top of Radix UI’s `Avatar` primitives and styled with Tailwind variants.
- */
-export const Avatar = (props) => {
-    const { base, avatar, action } = avatarStyles(props);
-    return (_jsxs(RadixAvatar.Root, { onClick: props.onAvatarClick, className: base({ isClickable: !!props.onAvatarClick, ...props }), "data-testid": "avatar", children: [_jsx(RadixAvatar.Image, { src: props.src, alt: props.alt, className: avatar(props) }), props.size === "xl" && props.onActionClick && (_jsx("div", { className: action(props), children: _jsx(RoundButton, { intent: "primary", ariaLabel: props.actionAriaLabel ?? "", icon: Edit, onClick: props.onActionClick }) })), _jsx(RadixAvatar.Fallback, { children: _jsx("img", { src: fallbackImage, alt: props.alt, className: avatar(props) }) })] }));
+const Avatar = (props) => {
+  const { base, avatar, action } = avatarStyles(props);
+  return /* @__PURE__ */ jsxs(
+    RadixAvatar.Root,
+    {
+      onClick: props.onAvatarClick,
+      className: base({ isClickable: !!props.onAvatarClick, ...props }),
+      "data-testid": "avatar",
+      children: [
+        /* @__PURE__ */ jsx(
+          RadixAvatar.Image,
+          {
+            src: props.src,
+            alt: props.alt,
+            className: avatar(props)
+          }
+        ),
+        props.size === "xl" && props.onActionClick && /* @__PURE__ */ jsx("div", { className: action(props), children: /* @__PURE__ */ jsx(
+          RoundButton,
+          {
+            intent: "primary",
+            ariaLabel: props.actionAriaLabel ?? "",
+            icon: Edit,
+            onClick: props.onActionClick
+          }
+        ) }),
+        /* @__PURE__ */ jsx(RadixAvatar.Fallback, { children: /* @__PURE__ */ jsx("img", { src: fallbackImage, alt: props.alt, className: avatar(props) }) })
+      ]
+    }
+  );
+};
+export {
+  Avatar
 };

package/dist/components/branding/BrandingGallery.js

@@ -1,147 +1,214 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import appIconGradient from "./app-icon-gradient.svg";
-import appIconWhite from "./app-icon-white.svg";
-import hoverLogoDefault from "./hover-logo-default.svg";
-import hoverLogoHovered from "./hover-logo-hovered.svg";
-import logoInlineGradient from "./logo-inline-gradient.svg";
-import logoInlineViolet from "./logo-inline-violet.svg";
-import logoInlineWhite from "./logo-inline-white.svg";
-import logoStackedGradient from "./logo-stacked-gradient.svg";
-import logoStackedViolet from "./logo-stacked-violet.svg";
-import logoStackedWhite from "./logo-stacked-white.svg";
-import superzeichen from "./superzeichen.svg";
+import { jsx, jsxs } from "react/jsx-runtime";
+import appIconGradient from "./app-icon-gradient.svg.js";
+import appIconWhite from "./app-icon-white.svg.js";
+import hoverLogoDefault from "./hover-logo-default.svg.js";
+import hoverLogoHovered from "./hover-logo-hovered.svg.js";
+import logoInlineGradient from "./logo-inline-gradient.svg.js";
+import logoInlineViolet from "./logo-inline-violet.svg.js";
+import logoInlineWhite from "./logo-inline-white.svg.js";
+import logoStackedGradient from "./logo-stacked-gradient.svg.js";
+import logoStackedViolet from "./logo-stacked-violet.svg.js";
+import logoStackedWhite from "./logo-stacked-white.svg.js";
+import superzeichen from "./superzeichen.svg.js";
 const brandingAssets = {
-    "App Icons": [
-        {
-            name: "App Icon Gradient",
-            src: appIconGradient,
-            width: 64,
-            height: 64,
-            filename: "app-icon-gradient.svg",
-        },
-        {
-            name: "App Icon White",
-            src: appIconWhite,
-            width: 64,
-            height: 64,
-            filename: "app-icon-white.svg",
-        },
-    ],
-    Logos: [
-        {
-            name: "Logo Inline Gradient",
-            src: logoInlineGradient,
-            width: 335,
-            height: 64,
-            filename: "logo-inline-gradient.svg",
-        },
-        {
-            name: "Logo Inline Violet",
-            src: logoInlineViolet,
-            width: 335,
-            height: 64,
-            filename: "logo-inline-violet.svg",
-        },
-        {
-            name: "Logo Inline White",
-            src: logoInlineWhite,
-            width: 335,
-            height: 64,
-            filename: "logo-inline-white.svg",
-        },
-        {
-            name: "Logo Stacked Gradient",
-            src: logoStackedGradient,
-            width: 210,
-            height: 80,
-            filename: "logo-stacked-gradient.svg",
-        },
-        {
-            name: "Logo Stacked Violet",
-            src: logoStackedViolet,
-            width: 210,
-            height: 80,
-            filename: "logo-stacked-violet.svg",
-        },
-        {
-            name: "Logo Stacked White",
-            src: logoStackedWhite,
-            width: 210,
-            height: 80,
-            filename: "logo-stacked-white.svg",
-        },
-    ],
-    "Hover Logo": [
-        {
-            name: "Hover Logo Default",
-            src: hoverLogoDefault,
-            width: 64,
-            height: 64,
-            filename: "hover-logo-default.svg",
-        },
-        {
-            name: "Hover Logo Hovered",
-            src: hoverLogoHovered,
-            width: 64,
-            height: 64,
-            filename: "hover-logo-hovered.svg",
-        },
-    ],
-    Superzeichen: [
-        {
-            name: "Superzeichen",
-            src: superzeichen,
-            width: 64,
-            height: 64,
-            filename: "superzeichen.svg",
-        },
-    ],
+  "App Icons": [
+    {
+      name: "App Icon Gradient",
+      src: appIconGradient,
+      width: 64,
+      height: 64,
+      filename: "app-icon-gradient.svg"
+    },
+    {
+      name: "App Icon White",
+      src: appIconWhite,
+      width: 64,
+      height: 64,
+      filename: "app-icon-white.svg"
+    }
+  ],
+  Logos: [
+    {
+      name: "Logo Inline Gradient",
+      src: logoInlineGradient,
+      width: 335,
+      height: 64,
+      filename: "logo-inline-gradient.svg"
+    },
+    {
+      name: "Logo Inline Violet",
+      src: logoInlineViolet,
+      width: 335,
+      height: 64,
+      filename: "logo-inline-violet.svg"
+    },
+    {
+      name: "Logo Inline White",
+      src: logoInlineWhite,
+      width: 335,
+      height: 64,
+      filename: "logo-inline-white.svg"
+    },
+    {
+      name: "Logo Stacked Gradient",
+      src: logoStackedGradient,
+      width: 210,
+      height: 80,
+      filename: "logo-stacked-gradient.svg"
+    },
+    {
+      name: "Logo Stacked Violet",
+      src: logoStackedViolet,
+      width: 210,
+      height: 80,
+      filename: "logo-stacked-violet.svg"
+    },
+    {
+      name: "Logo Stacked White",
+      src: logoStackedWhite,
+      width: 210,
+      height: 80,
+      filename: "logo-stacked-white.svg"
+    }
+  ],
+  "Hover Logo": [
+    {
+      name: "Hover Logo Default",
+      src: hoverLogoDefault,
+      width: 64,
+      height: 64,
+      filename: "hover-logo-default.svg"
+    },
+    {
+      name: "Hover Logo Hovered",
+      src: hoverLogoHovered,
+      width: 64,
+      height: 64,
+      filename: "hover-logo-hovered.svg"
+    }
+  ],
+  Superzeichen: [
+    {
+      name: "Superzeichen",
+      src: superzeichen,
+      width: 64,
+      height: 64,
+      filename: "superzeichen.svg"
+    }
+  ]
+};
+const BrandingGallery = () => /* @__PURE__ */ jsx("div", { children: Object.entries(brandingAssets).map(([category, assets]) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 48 }, children: [
+  /* @__PURE__ */ jsx(
+    "h2",
+    {
+      style: {
+        fontSize: 20,
+        fontWeight: 600,
+        marginBottom: 24,
+        marginTop: 0
+      },
+      children: category
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
+        gap: 32,
+        padding: 4
+      },
+      children: assets.map(({ name, src, width, height, filename }) => {
+        const isWhiteVariant = filename.includes("white") || filename.includes("hover");
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              border: "1px solid #eee",
+              padding: 24,
+              borderRadius: 8,
+              backgroundColor: "#fafafa",
+              gap: 16
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    minHeight: 120,
+                    width: "100%",
+                    backgroundColor: isWhiteVariant ? "#7c3aed" : "transparent",
+                    borderRadius: 4,
+                    padding: isWhiteVariant ? 16 : 0
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      src,
+                      alt: name,
+                      style: {
+                        maxWidth: "100%",
+                        height: "auto",
+                        objectFit: "contain"
+                      }
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    textAlign: "center",
+                    width: "100%"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, marginBottom: 8 }, children: name }),
+                    /* @__PURE__ */ jsx(
+                      "code",
+                      {
+                        style: {
+                          fontSize: 11,
+                          color: "#666",
+                          display: "block",
+                          marginBottom: 4
+                        },
+                        children: filename
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "code",
+                      {
+                        style: {
+                          fontSize: 11,
+                          color: "#666",
+                          display: "block"
+                        },
+                        children: [
+                          width,
+                          " × ",
+                          height
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          },
+          name
+        );
+      })
+    }
+  )
+] }, category)) });
+export {
+  BrandingGallery
 };
-export const BrandingGallery = () => (_jsx("div", { children: Object.entries(brandingAssets).map(([category, assets]) => (_jsxs("div", { style: { marginBottom: 48 }, children: [_jsx("h2", { style: {
-                    fontSize: 20,
-                    fontWeight: 600,
-                    marginBottom: 24,
-                    marginTop: 0,
-                }, children: category }), _jsx("div", { style: {
-                    display: "grid",
-                    gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
-                    gap: 32,
-                    padding: 4,
-                }, children: assets.map(({ name, src, width, height, filename }) => {
-                    const isWhiteVariant = filename.includes("white") || filename.includes("hover");
-                    return (_jsxs("div", { style: {
-                            display: "flex",
-                            flexDirection: "column",
-                            alignItems: "center",
-                            border: "1px solid #eee",
-                            padding: 24,
-                            borderRadius: 8,
-                            backgroundColor: "#fafafa",
-                            gap: 16,
-                        }, children: [_jsx("div", { style: {
-                                    display: "flex",
-                                    alignItems: "center",
-                                    justifyContent: "center",
-                                    minHeight: 120,
-                                    width: "100%",
-                                    backgroundColor: isWhiteVariant ? "#7c3aed" : "transparent",
-                                    borderRadius: 4,
-                                    padding: isWhiteVariant ? 16 : 0,
-                                }, children: _jsx("img", { src: src, alt: name, style: {
-                                        maxWidth: "100%",
-                                        height: "auto",
-                                        objectFit: "contain",
-                                    } }) }), _jsxs("div", { style: {
-                                    textAlign: "center",
-                                    width: "100%",
-                                }, children: [_jsx("div", { style: { fontWeight: 600, marginBottom: 8 }, children: name }), _jsx("code", { style: {
-                                            fontSize: 11,
-                                            color: "#666",
-                                            display: "block",
-                                            marginBottom: 4,
-                                        }, children: filename }), _jsxs("code", { style: {
-                                            fontSize: 11,
-                                            color: "#666",
-                                            display: "block",
-                                        }, children: [width, " \u00D7 ", height] })] })] }, name));
-                }) })] }, category))) }));

package/dist/components/branding/app-icon-gradient.svg.js

@@ -0,0 +1,4 @@
+const appIconGradient = "data:image/svg+xml,%3csvg%20width='160'%20height='160'%20viewBox='0%200%20160%20160'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2064C0%2041.5979%200%2030.3968%204.35974%2021.8404C8.19467%2014.3139%2014.3139%208.19467%2021.8404%204.35974C30.3968%200%2041.5979%200%2064%200H96C118.402%200%20129.603%200%20138.16%204.35974C145.686%208.19467%20151.805%2014.3139%20155.64%2021.8404C160%2030.3968%20160%2041.5979%20160%2064V96C160%20118.402%20160%20129.603%20155.64%20138.16C151.805%20145.686%20145.686%20151.805%20138.16%20155.64C129.603%20160%20118.402%20160%2096%20160H64C41.5979%20160%2030.3968%20160%2021.8404%20155.64C14.3139%20151.805%208.19467%20145.686%204.35974%20138.16C0%20129.603%200%20118.402%200%2096V64Z'%20fill='url(%23paint0_linear_437_1102)'/%3e%3cg%20clip-path='url(%23clip0_437_1102)'%3e%3cpath%20d='M86.6667%2090H73.3333C71.4258%2090%2069.7135%2091.0612%2068.8607%2092.7669C68.0078%2094.4694%2068.1901%2096.4779%2069.3327%2097.9981L75.9993%20106.891C76.9531%20108.161%2078.4114%20108.89%2080%20108.89C81.5886%20108.89%2083.0469%20108.161%2084.0007%20106.888L90.6673%2098.0013C91.8099%2096.4779%2091.9922%2094.4694%2091.1393%2092.7669C90.2865%2091.0612%2088.5742%2090%2086.6667%2090Z'%20fill='white'/%3e%3cpath%20d='M116.12%2072.1517C115.235%2069.8159%20114.136%2067.4571%20112.861%2065.1422C117.135%2062.8979%20120%2058.419%20120%2053.3333C120%2045.9798%20114.02%2040%20106.667%2040C101.865%2040%2097.4064%2042.8033%2094.9882%2046.946C90.5688%2044.693%2085.5747%2043.3333%2080%2043.3333C74.4253%2043.3333%2069.4314%2044.6932%2065.0118%2046.946C62.5936%2042.8033%2058.135%2040%2053.3333%2040C45.9798%2040%2040%2045.9798%2040%2053.3333C40%2058.4184%2042.8646%2062.8971%2047.1375%2065.1416C45.8622%2067.4567%2044.7628%2069.8157%2043.877%2072.1517C40.1367%2082.0313%2037.2168%2096.0352%2044.5606%20106.67C50.6673%20115.514%2062.5911%20120%2080%20120C97.4089%20120%20109.333%20115.514%20115.439%20106.67C122.783%2096.0352%20119.86%2082.0313%20116.12%2072.1517ZM109.954%20102.881C105.166%20109.818%2095.0879%20113.333%2080%20113.333C64.9121%20113.333%2054.834%20109.818%2050.0456%20102.881C44.3457%2094.6289%2046.9368%2082.9004%2050.1107%2074.515C51.6634%2070.4199%2060.4004%2050%2080%2050C99.5996%2050%20108.337%2070.4199%20109.889%2074.515C113.063%2082.9004%20115.654%2094.6289%20109.954%20102.881Z'%20fill='white'/%3e%3cpath%20d='M72.1289%2081.2663C75.1367%2076.9889%2075.3971%2075.2864%2074.6452%2072.3437C73.2194%2066.7611%2069.6647%2065.5892%2066.9368%2065.5892C60.1595%2065.5892%2054.873%2074.7363%2054.8079%2079.3099C54.7689%2082.0573%2055.8789%2084.9186%2057.7116%2086.7773C58.9974%2088.0794%2060.5078%2088.7695%2062.0833%2088.7695C66.2923%2088.7695%2069.5247%2084.9772%2072.1289%2081.2663Z'%20fill='white'/%3e%3cpath%20d='M93.0632%2065.5892C90.3353%2065.5892%2086.7806%2066.7611%2085.3548%2072.3438C84.6029%2075.2865%2084.8633%2076.9889%2087.8711%2081.2663C90.4753%2084.9772%2093.7077%2088.7696%2097.9167%2088.7696C99.4922%2088.7696%20101.003%2088.0795%20102.288%2086.7774C104.121%2084.9186%20105.231%2082.0573%20105.192%2079.3132C105.127%2074.7363%2099.8405%2065.5892%2093.0632%2065.5892Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_437_1102'%20x1='1.19209e-06'%20y1='80'%20x2='160'%20y2='80'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EC4899'/%3e%3cstop%20offset='1'%20stop-color='%237C3AED'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_437_1102'%3e%3crect%20width='80'%20height='80'%20fill='white'%20transform='translate(40%2040)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  appIconGradient as default
+};

package/dist/components/branding/app-icon-white.svg.js

@@ -0,0 +1,4 @@
+const appIconWhite = "data:image/svg+xml,%3csvg%20width='160'%20height='160'%20viewBox='0%200%20160%20160'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2064C0%2041.5979%200%2030.3968%204.35974%2021.8404C8.19467%2014.3139%2014.3139%208.19467%2021.8404%204.35974C30.3968%200%2041.5979%200%2064%200H96C118.402%200%20129.603%200%20138.16%204.35974C145.686%208.19467%20151.805%2014.3139%20155.64%2021.8404C160%2030.3968%20160%2041.5979%20160%2064V96C160%20118.402%20160%20129.603%20155.64%20138.16C151.805%20145.686%20145.686%20151.805%20138.16%20155.64C129.603%20160%20118.402%20160%2096%20160H64C41.5979%20160%2030.3968%20160%2021.8404%20155.64C14.3139%20151.805%208.19467%20145.686%204.35974%20138.16C0%20129.603%200%20118.402%200%2096V64Z'%20fill='white'/%3e%3cg%20clip-path='url(%23clip0_437_1105)'%3e%3cpath%20d='M86.6667%2090H73.3333C71.4258%2090%2069.7135%2091.0612%2068.8607%2092.7669C68.0078%2094.4694%2068.1901%2096.4779%2069.3327%2097.9981L75.9993%20106.891C76.9531%20108.161%2078.4114%20108.89%2080%20108.89C81.5886%20108.89%2083.0469%20108.161%2084.0007%20106.888L90.6673%2098.0013C91.8099%2096.4779%2091.9922%2094.4694%2091.1393%2092.7669C90.2865%2091.0612%2088.5742%2090%2086.6667%2090Z'%20fill='url(%23paint0_linear_437_1105)'/%3e%3cpath%20d='M116.12%2072.1517C115.235%2069.8159%20114.136%2067.4571%20112.861%2065.1422C117.135%2062.8979%20120%2058.419%20120%2053.3333C120%2045.9798%20114.02%2040%20106.667%2040C101.865%2040%2097.4064%2042.8033%2094.9882%2046.946C90.5688%2044.693%2085.5747%2043.3333%2080%2043.3333C74.4253%2043.3333%2069.4314%2044.6932%2065.0118%2046.946C62.5936%2042.8033%2058.135%2040%2053.3333%2040C45.9798%2040%2040%2045.9798%2040%2053.3333C40%2058.4184%2042.8646%2062.8971%2047.1375%2065.1416C45.8622%2067.4567%2044.7628%2069.8157%2043.877%2072.1517C40.1367%2082.0313%2037.2168%2096.0352%2044.5606%20106.67C50.6673%20115.514%2062.5911%20120%2080%20120C97.4089%20120%20109.333%20115.514%20115.439%20106.67C122.783%2096.0352%20119.86%2082.0313%20116.12%2072.1517ZM109.954%20102.881C105.166%20109.818%2095.0879%20113.333%2080%20113.333C64.9121%20113.333%2054.834%20109.818%2050.0456%20102.881C44.3457%2094.6289%2046.9368%2082.9004%2050.1107%2074.515C51.6634%2070.4199%2060.4004%2050%2080%2050C99.5996%2050%20108.337%2070.4199%20109.889%2074.515C113.063%2082.9004%20115.654%2094.6289%20109.954%20102.881Z'%20fill='url(%23paint1_linear_437_1105)'/%3e%3cpath%20d='M72.1289%2081.2663C75.1367%2076.9889%2075.3971%2075.2864%2074.6452%2072.3437C73.2194%2066.7611%2069.6647%2065.5892%2066.9368%2065.5892C60.1595%2065.5892%2054.873%2074.7363%2054.8079%2079.3099C54.7689%2082.0573%2055.8789%2084.9186%2057.7116%2086.7773C58.9974%2088.0794%2060.5078%2088.7695%2062.0833%2088.7695C66.2923%2088.7695%2069.5247%2084.9772%2072.1289%2081.2663Z'%20fill='url(%23paint2_linear_437_1105)'/%3e%3cpath%20d='M93.0632%2065.5892C90.3353%2065.5892%2086.7806%2066.7611%2085.3548%2072.3438C84.6029%2075.2865%2084.8633%2076.9889%2087.8711%2081.2663C90.4753%2084.9772%2093.7077%2088.7696%2097.9167%2088.7696C99.4922%2088.7696%20101.003%2088.0795%20102.288%2086.7774C104.121%2084.9186%20105.231%2082.0573%20105.192%2079.3132C105.127%2074.7363%2099.8405%2065.5892%2093.0632%2065.5892Z'%20fill='url(%23paint3_linear_437_1105)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_437_1105'%20x1='40'%20y1='80'%20x2='120'%20y2='80'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EC4899'/%3e%3cstop%20offset='1'%20stop-color='%237C3AED'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_437_1105'%20x1='40'%20y1='80'%20x2='120'%20y2='80'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EC4899'/%3e%3cstop%20offset='1'%20stop-color='%237C3AED'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_437_1105'%20x1='40'%20y1='80'%20x2='120'%20y2='80'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EC4899'/%3e%3cstop%20offset='1'%20stop-color='%237C3AED'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint3_linear_437_1105'%20x1='40'%20y1='80'%20x2='120'%20y2='80'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EC4899'/%3e%3cstop%20offset='1'%20stop-color='%237C3AED'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_437_1105'%3e%3crect%20width='80'%20height='80'%20fill='white'%20transform='translate(40%2040)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  appIconWhite as default
+};

package/dist/components/branding/hover-logo-default.svg.js

@@ -0,0 +1,4 @@
+const hoverLogoDefault = "data:image/svg+xml,%3csvg%20width='209'%20height='40'%20viewBox='0%200%20209%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_457_905)'%3e%3cpath%20d='M23.3332%2024.9999H16.6666C15.7128%2024.9999%2014.8567%2025.5305%2014.4303%2026.3833C14.0038%2027.2346%2014.095%2028.2388%2014.6663%2028.9989L17.9996%2033.4455C18.4765%2034.0803%2019.2056%2034.4448%2019.9999%2034.4448C20.7942%2034.4448%2021.5233%2034.0803%2022.0002%2033.4439L25.3336%2029.0005C25.9048%2028.2388%2025.996%2027.2346%2025.5696%2026.3833C25.1431%2025.5305%2024.287%2024.9999%2023.3332%2024.9999Z'%20fill='white'/%3e%3cpath%20d='M38.0597%2016.0758C37.6171%2014.9079%2037.0676%2013.7285%2036.4303%2012.5711C38.5671%2011.4489%2039.9998%209.20946%2039.9998%206.66664C39.9998%202.9899%2037.0099%200%2033.3332%200C30.9324%200%2028.7031%201.40166%2027.494%203.47298C25.2843%202.34649%2022.7873%201.66666%2019.9999%201.66666C17.2126%201.66666%2014.7156%202.34659%2012.5058%203.47298C11.2968%201.40166%209.06744%200%206.66664%200C2.9899%200%200%202.9899%200%206.66664C0%209.20914%201.43229%2011.4485%203.56872%2012.5707C2.9311%2013.7283%202.38137%2014.9078%201.93847%2016.0758C0.0683664%2021.0155%20-1.39159%2028.0175%202.28027%2033.3348C5.33364%2037.757%2011.2955%2039.9998%2019.9999%2039.9998C28.7043%2039.9998%2034.6662%2037.757%2037.7196%2033.3348C41.3914%2028.0175%2039.9298%2021.0155%2038.0597%2016.0758ZM34.9771%2031.4403C32.5829%2034.9087%2027.5438%2036.6665%2019.9999%2036.6665C12.456%2036.6665%207.41697%2034.9087%205.02276%2031.4403C2.17284%2027.3143%203.4684%2021.4501%205.05531%2017.2574C5.83167%2015.2099%2010.2002%204.99998%2019.9999%204.99998C29.7997%204.99998%2034.1681%2015.2099%2034.9445%2017.2574C36.5314%2021.4501%2037.827%2027.3143%2034.9771%2031.4403Z'%20fill='white'/%3e%3cpath%20d='M16.0644%2020.633C17.5683%2018.4944%2017.6985%2017.6431%2017.3225%2016.1718C16.6096%2013.3805%2014.8323%2012.7945%2013.4684%2012.7945C10.0797%2012.7945%207.43648%2017.3681%207.40393%2019.6548C7.3844%2021.0285%207.93941%2022.4592%208.85574%2023.3885C9.49864%2024.0396%2010.2539%2024.3846%2011.0416%2024.3846C13.1461%2024.3847%2014.7623%2022.4885%2016.0644%2020.633Z'%20fill='white'/%3e%3cpath%20d='M26.5315%2012.7945C25.1675%2012.7945%2023.3902%2013.3805%2022.6773%2016.1718C22.3013%2017.6432%2022.4316%2018.4944%2023.9354%2020.6331C25.2375%2022.4885%2026.8537%2024.3847%2028.9582%2024.3847C29.746%2024.3847%2030.5012%2024.0396%2031.1441%2023.3886C32.0604%2022.4592%2032.6154%2021.0286%2032.5959%2019.6565C32.5633%2017.3681%2029.9201%2012.7945%2026.5315%2012.7945Z'%20fill='white'/%3e%3c/g%3e%3cpath%20d='M86.7999%206.55997V34.6398H79.9599V17.7999L73.6799%2034.6398H68.1599L61.84%2017.7599V34.6398H55V6.55997H63.08L70.9599%2025.9999L78.7599%206.55997H86.7999Z'%20fill='white'/%3e%3cpath%20d='M111.359%2012.3199V34.6398H104.519V31.5999C103.825%2032.5865%20102.879%2033.3865%20101.679%2033.9998C100.505%2034.5865%2099.1986%2034.8798%2097.7586%2034.8798C96.0519%2034.8798%2094.5452%2034.5065%2093.2386%2033.7598C91.9319%2032.9865%2090.9186%2031.8799%2090.1986%2030.4399C89.4786%2028.9999%2089.1186%2027.3065%2089.1186%2025.3599V12.3199H95.9186V24.4399C95.9186%2025.9332%2096.3052%2027.0932%2097.0786%2027.9199C97.8519%2028.7465%2098.8919%2029.1599%20100.199%2029.1599C101.532%2029.1599%20102.585%2028.7465%20103.359%2027.9199C104.132%2027.0932%20104.519%2025.9332%20104.519%2024.4399V12.3199H111.359Z'%20fill='white'/%3e%3cpath%20d='M142.351%2012.0799C145.125%2012.0799%20147.325%2012.9199%20148.951%2014.5999C150.605%2016.2799%20151.431%2018.6132%20151.431%2021.5999V34.6398H144.631V22.5199C144.631%2021.0799%20144.245%2019.9732%20143.471%2019.1999C142.725%2018.3999%20141.685%2017.9999%20140.351%2017.9999C139.018%2017.9999%20137.965%2018.3999%20137.192%2019.1999C136.445%2019.9732%20136.072%2021.0799%20136.072%2022.5199V34.6398H129.272V22.5199C129.272%2021.0799%20128.885%2019.9732%20128.112%2019.1999C127.365%2018.3999%20126.325%2017.9999%20124.992%2017.9999C123.658%2017.9999%20122.605%2018.3999%20121.832%2019.1999C121.085%2019.9732%20120.712%2021.0799%20120.712%2022.5199V34.6398H113.872V12.3199H120.712V15.1199C121.405%2014.1866%20122.312%2013.4533%20123.432%2012.9199C124.552%2012.3599%20125.818%2012.0799%20127.232%2012.0799C128.912%2012.0799%20130.405%2012.4399%20131.712%2013.1599C133.045%2013.8799%20134.085%2014.9066%20134.832%2016.2399C135.605%2015.0133%20136.658%2014.0133%20137.992%2013.2399C139.325%2012.4666%20140.778%2012.0799%20142.351%2012.0799Z'%20fill='white'/%3e%3cpath%20d='M160.655%2015.4799C161.295%2014.4399%20162.215%2013.5999%20163.415%2012.9599C164.615%2012.3199%20165.988%2011.9999%20167.535%2011.9999C169.375%2011.9999%20171.042%2012.4666%20172.535%2013.3999C174.028%2014.3333%20175.202%2015.6666%20176.055%2017.3999C176.935%2019.1332%20177.375%2021.1466%20177.375%2023.4399C177.375%2025.7332%20176.935%2027.7599%20176.055%2029.5199C175.202%2031.2532%20174.028%2032.5999%20172.535%2033.5599C171.042%2034.4932%20169.375%2034.9598%20167.535%2034.9598C165.962%2034.9598%20164.588%2034.6532%20163.415%2034.0398C162.242%2033.3999%20161.322%2032.5599%20160.655%2031.5199V34.6398H153.815V5.03998H160.655V15.4799ZM170.415%2023.4399C170.415%2021.7332%20169.935%2020.3999%20168.975%2019.4399C168.042%2018.4533%20166.882%2017.9599%20165.495%2017.9599C164.135%2017.9599%20162.975%2018.4533%20162.015%2019.4399C161.082%2020.4266%20160.615%2021.7732%20160.615%2023.4799C160.615%2025.1866%20161.082%2026.5332%20162.015%2027.5199C162.975%2028.5065%20164.135%2028.9999%20165.495%2028.9999C166.855%2028.9999%20168.015%2028.5065%20168.975%2027.5199C169.935%2026.5065%20170.415%2025.1466%20170.415%2023.4399Z'%20fill='white'/%3e%3cpath%20d='M185.403%205.03998V34.6398H178.564V5.03998H185.403Z'%20fill='white'/%3e%3cpath%20d='M209%2023.1199C209%2023.7599%20208.96%2024.4266%20208.88%2025.1199H193.4C193.507%2026.5065%20193.947%2027.5732%20194.72%2028.3199C195.52%2029.0399%20196.494%2029.3999%20197.64%2029.3999C199.347%2029.3999%20200.534%2028.6799%20201.2%2027.2399H208.48C208.107%2028.7065%20207.427%2030.0265%20206.44%2031.1999C205.48%2032.3732%20204.267%2033.2932%20202.8%2033.9598C201.334%2034.6265%20199.694%2034.9598%20197.88%2034.9598C195.694%2034.9598%20193.747%2034.4932%20192.04%2033.5599C190.334%2032.6265%20189%2031.2932%20188.04%2029.5599C187.08%2027.8265%20186.6%2025.7999%20186.6%2023.4799C186.6%2021.1599%20187.067%2019.1332%20188%2017.3999C188.96%2015.6666%20190.294%2014.3333%20192%2013.3999C193.707%2012.4666%20195.667%2011.9999%20197.88%2011.9999C200.04%2011.9999%20201.96%2012.4533%20203.64%2013.3599C205.32%2014.2666%20206.627%2015.5599%20207.56%2017.2399C208.52%2018.9199%20209%2020.8799%20209%2023.1199ZM202%2021.3199C202%2020.1466%20201.6%2019.2132%20200.8%2018.5199C200%2017.8266%20199%2017.4799%20197.8%2017.4799C196.654%2017.4799%20195.68%2017.8133%20194.88%2018.4799C194.107%2019.1466%20193.627%2020.0932%20193.44%2021.3199H202Z'%20fill='white'/%3e%3cdefs%3e%3cclipPath%20id='clip0_457_905'%3e%3crect%20width='39.9998'%20height='39.9998'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  hoverLogoDefault as default
+};

package/dist/components/branding/hover-logo-hovered.svg.js

@@ -0,0 +1,4 @@
+const hoverLogoHovered = "data:image/svg+xml,%3csvg%20width='211'%20height='44'%20viewBox='0%200%20211%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_457_915)'%3e%3cpath%20d='M25.6668%2027.5001H18.3334C17.2842%2027.5001%2016.3425%2028.0838%2015.8734%2029.0219C15.4044%2029.9583%2015.5046%2031.063%2016.133%2031.8991L19.7997%2036.7904C20.3243%2037.4886%2021.1264%2037.8897%2022.0001%2037.8897C22.8738%2037.8897%2023.6759%2037.4886%2024.2005%2036.7886L27.8671%2031.9008C28.4956%2031.063%2028.5958%2029.9583%2028.1267%2029.0219C27.6577%2028.0838%2026.7159%2027.5001%2025.6668%2027.5001Z'%20fill='white'/%3e%3cpath%20d='M41.8661%2017.6835C41.3792%2016.3988%2040.7747%2015.1014%2040.0737%2013.8283C42.4242%2012.5939%2044.0002%2010.1305%2044.0002%207.33336C44.0002%203.28892%2040.7113%200%2036.6668%200C34.0259%200%2031.5736%201.54184%2030.2436%203.82032C27.813%202.58116%2025.0662%201.83334%2022.0001%201.83334C18.934%201.83334%2016.1873%202.58127%2013.7565%203.82032C12.4265%201.54184%209.97427%200%207.33336%200C3.28892%200%200%203.28892%200%207.33336C0%2010.1301%201.57554%2012.5935%203.92562%2013.8279C3.22424%2015.1012%202.61953%2016.3987%202.13234%2017.6835C0.0752037%2023.1173%20-1.53077%2030.8195%202.50832%2036.6686C5.86706%2041.5331%2012.4252%2044.0002%2022.0001%2044.0002C31.575%2044.0002%2038.1331%2041.5331%2041.4919%2036.6686C45.5309%2030.8195%2043.9232%2023.1173%2041.8661%2017.6835ZM38.4751%2034.5846C35.8414%2038.3999%2030.2985%2040.3335%2022.0001%2040.3335C13.7017%2040.3335%208.15873%2038.3999%205.52508%2034.5846C2.39014%2030.046%203.81527%2023.5953%205.56089%2018.9833C6.4149%2016.731%2011.2203%205.50002%2022.0001%205.50002C32.7799%205.50002%2037.5853%2016.731%2038.4393%2018.9833C40.1849%2023.5953%2041.61%2030.046%2038.4751%2034.5846Z'%20fill='white'/%3e%3cpath%20d='M17.671%2022.6965C19.3253%2020.344%2019.4685%2019.4076%2019.0549%2017.7891C18.2707%2014.7186%2016.3157%2014.0741%2014.8153%2014.0741C11.0878%2014.0741%208.1802%2019.105%208.1444%2021.6205C8.12291%2023.1316%208.73343%2024.7053%209.7414%2025.7276C10.4486%2026.4438%2011.2793%2026.8233%2012.1459%2026.8233C14.4608%2026.8234%2016.2387%2024.7376%2017.671%2022.6965Z'%20fill='white'/%3e%3cpath%20d='M29.1849%2014.0741C27.6845%2014.0741%2025.7294%2014.7186%2024.9453%2017.7891C24.5317%2019.4076%2024.6749%2020.344%2026.3292%2022.6966C27.7615%2024.7376%2029.5394%2026.8234%2031.8543%2026.8234C32.7208%2026.8234%2033.5516%2026.4438%2034.2588%2025.7277C35.2667%2024.7053%2035.8773%2023.1316%2035.8558%2021.6223C35.82%2019.1051%2032.9124%2014.0741%2029.1849%2014.0741Z'%20fill='white'/%3e%3c/g%3e%3cpath%20d='M88.7999%208.56015V36.64H81.9599V19.8001L75.6799%2036.64H70.1599L63.84%2019.7601V36.64H57V8.56015H65.08L72.9599%2028.0001L80.7599%208.56015H88.7999Z'%20fill='white'/%3e%3cpath%20d='M113.359%2014.3201V36.64H106.519V33.6C105.825%2034.5867%20104.879%2035.3867%20103.679%2036C102.505%2036.5867%20101.199%2036.88%2099.7586%2036.88C98.0519%2036.88%2096.5452%2036.5067%2095.2386%2035.76C93.9319%2034.9867%2092.9186%2033.88%2092.1986%2032.44C91.4786%2031.0001%2091.1186%2029.3067%2091.1186%2027.3601V14.3201H97.9186V26.4401C97.9186%2027.9334%2098.3052%2029.0934%2099.0786%2029.9201C99.8519%2030.7467%20100.892%2031.1601%20102.199%2031.1601C103.532%2031.1601%20104.585%2030.7467%20105.359%2029.9201C106.132%2029.0934%20106.519%2027.9334%20106.519%2026.4401V14.3201H113.359Z'%20fill='white'/%3e%3cpath%20d='M144.351%2014.0801C147.125%2014.0801%20149.325%2014.9201%20150.951%2016.6001C152.605%2018.2801%20153.431%2020.6134%20153.431%2023.6001V36.64H146.631V24.5201C146.631%2023.0801%20146.245%2021.9734%20145.471%2021.2001C144.725%2020.4001%20143.685%2020.0001%20142.351%2020.0001C141.018%2020.0001%20139.965%2020.4001%20139.192%2021.2001C138.445%2021.9734%20138.072%2023.0801%20138.072%2024.5201V36.64H131.272V24.5201C131.272%2023.0801%20130.885%2021.9734%20130.112%2021.2001C129.365%2020.4001%20128.325%2020.0001%20126.992%2020.0001C125.658%2020.0001%20124.605%2020.4001%20123.832%2021.2001C123.085%2021.9734%20122.712%2023.0801%20122.712%2024.5201V36.64H115.872V14.3201H122.712V17.1201C123.405%2016.1868%20124.312%2015.4535%20125.432%2014.9201C126.552%2014.3601%20127.818%2014.0801%20129.232%2014.0801C130.912%2014.0801%20132.405%2014.4401%20133.712%2015.1601C135.045%2015.8801%20136.085%2016.9068%20136.832%2018.2401C137.605%2017.0134%20138.658%2016.0135%20139.992%2015.2401C141.325%2014.4668%20142.778%2014.0801%20144.351%2014.0801Z'%20fill='white'/%3e%3cpath%20d='M162.655%2017.4801C163.295%2016.4401%20164.215%2015.6001%20165.415%2014.9601C166.615%2014.3201%20167.988%2014.0001%20169.535%2014.0001C171.375%2014.0001%20173.042%2014.4668%20174.535%2015.4001C176.028%2016.3335%20177.202%2017.6668%20178.055%2019.4001C178.935%2021.1334%20179.375%2023.1468%20179.375%2025.4401C179.375%2027.7334%20178.935%2029.7601%20178.055%2031.5201C177.202%2033.2534%20176.028%2034.6%20174.535%2035.56C173.042%2036.4934%20171.375%2036.96%20169.535%2036.96C167.962%2036.96%20166.588%2036.6534%20165.415%2036.04C164.242%2035.4%20163.322%2034.56%20162.655%2033.52V36.64H155.815V7.04016H162.655V17.4801ZM172.415%2025.4401C172.415%2023.7334%20171.935%2022.4001%20170.975%2021.4401C170.042%2020.4534%20168.882%2019.9601%20167.495%2019.9601C166.135%2019.9601%20164.975%2020.4534%20164.015%2021.4401C163.082%2022.4268%20162.615%2023.7734%20162.615%2025.4801C162.615%2027.1867%20163.082%2028.5334%20164.015%2029.5201C164.975%2030.5067%20166.135%2031.0001%20167.495%2031.0001C168.855%2031.0001%20170.015%2030.5067%20170.975%2029.5201C171.935%2028.5067%20172.415%2027.1467%20172.415%2025.4401Z'%20fill='white'/%3e%3cpath%20d='M187.403%207.04016V36.64H180.564V7.04016H187.403Z'%20fill='white'/%3e%3cpath%20d='M211%2025.1201C211%2025.7601%20210.96%2026.4267%20210.88%2027.1201H195.4C195.507%2028.5067%20195.947%2029.5734%20196.72%2030.3201C197.52%2031.0401%20198.494%2031.4001%20199.64%2031.4001C201.347%2031.4001%20202.534%2030.6801%20203.2%2029.2401H210.48C210.107%2030.7067%20209.427%2032.0267%20208.44%2033.2C207.48%2034.3734%20206.267%2035.2934%20204.8%2035.96C203.334%2036.6267%20201.694%2036.96%20199.88%2036.96C197.694%2036.96%20195.747%2036.4934%20194.04%2035.56C192.334%2034.6267%20191%2033.2934%20190.04%2031.5601C189.08%2029.8267%20188.6%2027.8001%20188.6%2025.4801C188.6%2023.1601%20189.067%2021.1334%20190%2019.4001C190.96%2017.6668%20192.294%2016.3335%20194%2015.4001C195.707%2014.4668%20197.667%2014.0001%20199.88%2014.0001C202.04%2014.0001%20203.96%2014.4535%20205.64%2015.3601C207.32%2016.2668%20208.627%2017.5601%20209.56%2019.2401C210.52%2020.9201%20211%2022.8801%20211%2025.1201ZM204%2023.3201C204%2022.1468%20203.6%2021.2134%20202.8%2020.5201C202%2019.8268%20201%2019.4801%20199.8%2019.4801C198.654%2019.4801%20197.68%2019.8134%20196.88%2020.4801C196.107%2021.1468%20195.627%2022.0934%20195.44%2023.3201H204Z'%20fill='white'/%3e%3cdefs%3e%3cclipPath%20id='clip0_457_915'%3e%3crect%20width='44.0002'%20height='44.0002'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+export {
+  hoverLogoHovered as default
+};