@gridui/gridui-brand 0.0.0-stage → 0.0.0

package/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Jost Project Authors (https://github.com/indestructible-type)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/README.md

@@ -1,3 +1,121 @@
-# Temporary Holding Version
+# @gridui/gridui-brand
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+`@gridui/gridui-brand` provides GridUI's Weave Logo, Wordmark, optional motion,
+and static identity assets. Consumers opt into this package independently of
+`@gridui/branding`, which arranges arbitrary brand items. No Theme stylesheet or
+other GridUI runtime package is required.
+
+## Install
+
+```sh
+pnpm add @gridui/gridui-brand
+```
+
+Use React 19 for the React components. Static files can be used without rendering
+React components. Load `@gridui/gridui-brand/styles.css` only when motion is wanted.
+
+## React
+
+```tsx
+import { Logo, Wordmark } from "@gridui/gridui-brand";
+import "@gridui/gridui-brand/styles.css";
+
+<Logo size={64} animation="enter" emphasis="shimmer" faceHover title="GridUI" />;
+<Wordmark width={200} height={66} markColor="#254fd0" title="GridUI" />;
+```
+
+The React entry contains no native renderer, filesystem code, font files, or
+encoded font data. The package ships compiled ESM and TypeScript declarations.
+Import the stylesheet once for motion. Without CSS, the assembled mark remains
+visible. Standalone marks accept a `title` or native ARIA name; unnamed marks
+are decorative. Native SVG props and React 19 refs are forwarded.
+
+| Logo prop | Default | Behavior |
+| --- | --- | --- |
+| `size` | `48` | Width and height; native dimensions can override it |
+| `framing` | `canvas` | Motion canvas or tightly fitted `square` |
+| `appearance` | `glass` | Original facet tones or `solid` monochrome |
+| `color` | `currentColor` | Inherited fill and stroke |
+| `strokeWidth` | `0.65` | Use zero for small icons |
+| `animation` | `none` | `enter` assembles all faces once |
+| `duration` | `1200` | Total entrance milliseconds; nonpositive disables it |
+| `idle` | `none` | Opt-in `glow`; provide a stop control for continuous motion |
+| `emphasis` | `none` | `shimmer` runs on fine-pointer hover or enclosing link/button focus |
+| `faceHover` | `false` | Highlights the pointed face; excludes touch |
+| `progress` | Unset | Controlled 0–1 assembly pose; disables automatic entry |
+| `replayKey` | `0` | Remounts face groups and restarts motion |
+
+Entrance lasts 1200ms, with 780ms per face and an 84ms stagger. Shimmer lasts
+about 700ms. Idle glow cycles every 5400ms with 900ms face offsets and begins
+after entrance. Incomplete controlled poses suppress idle glow. Reduced motion
+disables automatic entry, shimmer, and glow, while explicit controlled poses
+remain available. The Storybook Brand example supplies replay and a glow toggle.
+
+`Wordmark` is a static vector lockup. It accepts native SVG props, `title`, and
+`markColor`; the lettering inherits the foreground color. It requires no font.
+
+## Build assets
+
+Run `nvm use` at the repository root, then `pnpm build` (or `make build`). The
+standard package compiler regenerates JavaScript, declarations, and CSS in
+`dist/`. The asset-generation step then replaces only `dist/assets/`, preserving
+the compiler output. `make storybook` and
+`make build-storybook` build these assets before Storybook consumes them.
+
+| Output | Purpose |
+| --- | --- |
+| `brand/logo.svg` | Static vector mark |
+| `brand/wordmark.svg` | Light-surface sidebar lockup |
+| `favicon.svg` | Adaptive light/dark SVG with stronger small-size tones |
+| `favicon.ico` | 16px and 32px PNG frames in an ICO container |
+| `favicon-32.png` | 32px transparent fallback |
+| `apple-touch-icon.png` | 180px icon with an opaque background |
+| `og/gridui.png` | 1200 × 630 Open Graph and Twitter image |
+
+Storybook owns production URLs and HTML metadata. The public asset exports are `/logo.svg`, `/wordmark.svg`, `/favicon.svg`,
+`/favicon.ico`, `/favicon-32.png`, `/apple-touch-icon.png`, and `/og.png`.
+The native renderer is a development dependency and the generator is not
+published or exported. Consumers receive ready-to-use files. Assets are deterministic and do
+not load system fonts, download fonts, or request network resources.
+
+`src/logo/motion.ts` owns the timing shared by controlled assembly and CSS motion;
+idle and shimmer staggers are derived from their durations and the face count.
+`src/wordmark/layout.ts` owns the composition used by both React and static
+wordmarks.
+
+`src/shared/definitions.ts` is the sole mark geometry. React and static renderers both
+consume it. `src/wordmark/paths.ts` contains editable vector outlines derived
+from the Jost Medium font used by Tips, with attribution in `OFL.txt`. No font
+binary or base64 payload is retained. The letter outlines are source artwork;
+PNG, ICO, and complete deployable SVG files are regenerated at build time.
+
+The visual language follows Tips' faceted geometry, single hue, transparency,
+and assembly motion. The implementation is independent of the Tips repository.
+
+## Verification
+
+`make validate` includes this package's build, type checks, Jest component tests,
+and Node build-tool tests. Tests
+cover controlled assembly, accessible SSR, motion precedence, browser-entry
+isolation, timing and wordmark-renderer agreement, deterministic raster output,
+ICO/PNG structure, and cleanup limited to the owned build output. Run
+`make build-storybook` after integration changes. Generated files stay ignored.
+
+## Static asset use
+
+Import an asset URL with a bundler that supports static assets, for example Vite:
+
+```tsx
+import logoUrl from "@gridui/gridui-brand/logo.svg?url";
+
+<img src={logoUrl} alt="GridUI" width={48} height={48} />;
+```
+
+In a Node build script, `import.meta.resolve("@gridui/gridui-brand/logo.svg")`
+locates the exported file for copying into the consuming site's public assets.
+Consumers own final URLs and HTML metadata. Loading an SVG as an image does not
+apply the React component's motion stylesheet.
+
+See [consumer guides](docs/README.md), [component reference](docs/reference/README.md),
+and [release history](https://github.com/sudo-ui/GridUI-React-Monorepo/tree/main/packages-core/gridui-brand/.changeset/history).
+The wordmark's derived Jost outlines retain their attribution in [OFL.txt](OFL.txt).

package/dist/assets/brand/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="132" height="132" viewBox="24 18 132 132" color="#254fd0" role="img" aria-label="GridUI"><polygon points="32,26 84,26 32,78" fill="currentColor" fill-opacity="0.42"/><polygon points="84,26 84,78 32,78" fill="currentColor" fill-opacity="0.78"/><polygon points="96,26 148,26 148,78" fill="currentColor" fill-opacity="0.55"/><polygon points="32,90 84,142 32,142" fill="currentColor" fill-opacity="0.64"/><polygon points="96,90 148,90 96,142" fill="currentColor" fill-opacity="0.48"/><polygon points="148,90 148,142 96,142" fill="currentColor" fill-opacity="0.9"/></svg>

package/dist/assets/brand/wordmark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="132" viewBox="0 0 400 132" role="img" aria-label="GridUI"><svg width="132" height="132" viewBox="24 18 132 132" color="#254fd0"><polygon points="32,26 84,26 32,78" fill="currentColor" fill-opacity="0.42"/><polygon points="84,26 84,78 32,78" fill="currentColor" fill-opacity="0.78"/><polygon points="96,26 148,26 148,78" fill="currentColor" fill-opacity="0.55"/><polygon points="32,90 84,142 32,142" fill="currentColor" fill-opacity="0.64"/><polygon points="96,90 148,90 96,142" fill="currentColor" fill-opacity="0.48"/><polygon points="148,90 148,142 96,142" fill="currentColor" fill-opacity="0.9"/></svg><g transform="translate(158 9)" fill="#171a1e"><path d="M 31.235998 59.784004 L 47.576004 59.784004 Q 46.891994 62.444 45.524 64.8 Q 44.155994 67.156 42.104 68.98 Q 40.052 70.804 37.239998 71.792 Q 34.427998 72.78 30.856 72.78 Q 25.612 72.78 21.432 70.348 Q 17.251999 67.916 14.82 63.545998 Q 12.388 59.176003 12.388 53.4 Q 12.388 47.548 14.858 43.254 Q 17.328 38.960003 21.546 36.566 Q 25.763998 34.172 30.856 34.172 Q 36.404 34.172 40.317997 36.452 Q 44.232 38.732002 46.435997 42.532 L 53.732 37.668003 Q 51.376 33.944 48.032 31.322002 Q 44.688 28.7 40.393997 27.256 Q 36.1 25.812002 30.856 25.812002 Q 24.852 25.812002 19.76 27.826 Q 14.667998 29.84 10.868 33.526 Q 7.068 37.212 4.9779997 42.266003 Q 2.888 47.319996 2.888 53.4 Q 2.888 59.480003 4.94 64.572 Q 6.991999 69.664 10.754 73.388 Q 14.516 77.112 19.608 79.126 Q 24.699999 81.14 30.703997 81.14 Q 37.087997 81.14 42.028 78.822 Q 46.968 76.504 50.312004 72.476 Q 53.656 68.448 55.328 63.242 Q 57 58.036003 56.848 52.184 L 31.235998 52.184 L 31.235998 59.784004 Z M 73.492 45.04 L 65.36 45.04 L 65.36 80 L 73.492 80 L 73.492 45.04 Z M 83.904 53.78 L 87.932 46.864 Q 86.715996 45.420002 85.044 44.812 Q 83.371994 44.204002 81.472 44.204002 Q 78.812 44.204002 76.341995 46.142002 Q 73.871994 48.08 72.313995 51.31 Q 70.756 54.54 70.756 58.72 L 73.492 60.316 Q 73.492 57.808 74.062 55.946 Q 74.631996 54.084 75.923996 53.02 Q 77.215996 51.956005 79.268 51.956005 Q 80.787994 51.956005 81.813995 52.412003 Q 82.84 52.868 83.904 53.78 Z M 93.25201 31.131998 Q 93.25201 33.184002 94.81 34.666 Q 96.368 36.148003 98.42 36.148003 Q 100.62399 36.148003 102.144 34.666 Q 103.663994 33.184002 103.663994 31.131998 Q 103.663994 29.004002 102.144 27.560003 Q 100.62399 26.116001 98.42 26.116001 Q 96.368 26.116001 94.81 27.560003 Q 93.25201 29.004002 93.25201 31.131998 Z M 94.392006 45.04 L 94.392006 80 L 102.523994 80 L 102.523994 45.04 L 94.392006 45.04 Z M 140.144 20.720001 L 140.144 80 L 148.428 80 L 148.428 20.720001 L 140.144 20.720001 Z M 111.187996 62.520004 Q 111.187996 68.22 113.544 72.324 Q 115.899994 76.428 119.81399 78.594 Q 123.728 80.76 128.21199 80.76 Q 132.62 80.76 135.926 78.556 Q 139.232 76.352 141.17 72.248 Q 143.108 68.144 143.108 62.520004 Q 143.108 56.82 141.17 52.754 Q 139.232 48.688004 135.926 46.483997 Q 132.62 44.280003 128.21199 44.280003 Q 123.728 44.280003 119.81399 46.446003 Q 115.899994 48.612 113.544 52.678 Q 111.187996 56.744003 111.187996 62.520004 Z M 119.7 62.520004 Q 119.7 59.024 121.14399 56.516 Q 122.588 54.008003 124.981995 52.716 Q 127.37599 51.424004 130.18799 51.424004 Q 132.62 51.424004 134.9 52.716 Q 137.18 54.008003 138.66199 56.478004 Q 140.144 58.947998 140.144 62.520004 Q 140.144 66.092 138.66199 68.562 Q 137.18 71.032 134.9 72.324 Q 132.62 73.616 130.18799 73.616 Q 127.37599 73.616 124.981995 72.324 Q 122.588 71.032 121.14399 68.524 Q 119.7 66.016 119.7 62.520004 Z M 158.916 26.800003 L 158.916 62.520004 Q 158.916 66.928 160.32199 70.386 Q 161.728 73.844 164.312 76.276 Q 166.896 78.708 170.468 80 Q 174.04001 81.292 178.29599 81.292 Q 182.552 81.292 186.12401 80 Q 189.696 78.708 192.318 76.276 Q 194.94 73.844 196.346 70.386 Q 197.752 66.928 197.752 62.520004 L 197.752 26.800003 L 188.70798 26.800003 L 188.70798 62.14 Q 188.70798 67.004 186.08598 70.044 Q 183.464 73.084 178.29599 73.084 Q 173.204 73.084 170.54399 70.044 Q 167.884 67.004 167.884 62.14 L 167.884 26.800003 L 158.916 26.800003 Z M 209.152 26.800003 L 209.152 80 L 218.272 80 L 218.272 26.800003 L 209.152 26.800003 Z"/></g></svg>

package/dist/assets/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="24 18 132 132" color="#254fd0"><style>@media(prefers-color-scheme:dark){svg{color:#a4b9ff}}</style><polygon points="32,26 84,26 32,78" fill="currentColor" fill-opacity="0.7"/><polygon points="84,26 84,78 32,78" fill="currentColor" fill-opacity="0.78"/><polygon points="96,26 148,26 148,78" fill="currentColor" fill-opacity="0.7"/><polygon points="32,90 84,142 32,142" fill="currentColor" fill-opacity="0.7"/><polygon points="96,90 148,90 96,142" fill="currentColor" fill-opacity="0.7"/><polygon points="148,90 148,142 96,142" fill="currentColor" fill-opacity="0.9"/></svg>

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author WMXPY
+ * @package Gridui Brand
+ * @namespace Root
+ * @description Index
+ */
+export type { LogoProps } from "./logo/logo";
+export { Logo } from "./logo/logo";
+export type { WordmarkProps } from "./wordmark/wordmark";
+export { Wordmark } from "./wordmark/wordmark";

package/dist/index.js

@@ -0,0 +1,274 @@
+// src/shared/definitions.ts
+var logoDefinition = {
+  canvas: "0 0 180 170",
+  square: "24 18 132 132",
+  color: "#254fd0",
+  darkColor: "#a4b9ff",
+  faces: [
+    {
+      points: "32,26 84,26 32,78",
+      offset: [
+        -32,
+        -26
+      ],
+      rotation: -12,
+      opacity: 0.42
+    },
+    {
+      points: "84,26 84,78 32,78",
+      offset: [
+        -20,
+        -14
+      ],
+      rotation: 9,
+      opacity: 0.78
+    },
+    {
+      points: "96,26 148,26 148,78",
+      offset: [
+        32,
+        -30
+      ],
+      rotation: 14,
+      opacity: 0.55
+    },
+    {
+      points: "32,90 84,142 32,142",
+      offset: [
+        -30,
+        30
+      ],
+      rotation: -14,
+      opacity: 0.64
+    },
+    {
+      points: "96,90 148,90 96,142",
+      offset: [
+        20,
+        14
+      ],
+      rotation: -9,
+      opacity: 0.48
+    },
+    {
+      points: "148,90 148,142 96,142",
+      offset: [
+        32,
+        28
+      ],
+      rotation: 12,
+      opacity: 0.9
+    }
+  ]
+};
+
+// src/logo/motion.ts
+var logoMotion = {
+  entrance: {
+    duration: 1200,
+    faceDuration: 0.65,
+    faceStagger: 0.07,
+    fadeFraction: 0.25
+  },
+  idle: { duration: 5400 },
+  shimmer: {
+    duration: 700,
+    faceDuration: 434
+  },
+  hoverDuration: 120
+};
+
+// src/logo/geometry.ts
+var bounded = (value, minimum, maximum, fallback) => {
+  return Number.isFinite(value) ? Math.max(minimum, Math.min(maximum, value)) : fallback;
+};
+var facePose = (face, index, progress) => {
+  const timeline = bounded(progress, 0, 1, 1);
+  const local = timeline === 1 ? 1 : bounded((timeline - index * logoMotion.entrance.faceStagger) / logoMotion.entrance.faceDuration, 0, 1, 1);
+  const remaining = (1 - local) ** 3;
+  return {
+    transform: `translate(${face.offset[0] * remaining}px, ${face.offset[1] * remaining}px) rotate(${face.rotation * remaining}deg)`,
+    opacity: Math.min(1, local / logoMotion.entrance.fadeFraction)
+  };
+};
+
+// src/logo/logo.tsx
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Logo = (props) => {
+  const {
+    size = 48,
+    framing = "canvas",
+    title,
+    appearance = "glass",
+    animation = "none",
+    idle = "none",
+    emphasis = "none",
+    faceHover = false,
+    duration = logoMotion.entrance.duration,
+    progress,
+    replayKey = 0,
+    color = "currentColor",
+    width: width2 = size,
+    height: height2 = size,
+    strokeWidth = 0.65,
+    className,
+    ...rest
+  } = props;
+  const titleId = useId();
+  const milliseconds = bounded(duration, 0, Number.MAX_SAFE_INTEGER, logoMotion.entrance.duration);
+  const automatic = animation === "enter" && progress === void 0 && milliseconds > 0;
+  const assembled = progress === void 0 || bounded(progress, 0, 1, 1) === 1;
+  const named = Boolean(title || rest["aria-label"] || rest["aria-labelledby"]);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ...rest,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: framing === "square" ? logoDefinition.square : logoDefinition.canvas,
+      width: width2,
+      height: height2,
+      color,
+      fill: "currentColor",
+      stroke: "currentColor",
+      strokeWidth,
+      role: rest.role ?? (named ? "img" : void 0),
+      "aria-hidden": rest["aria-hidden"] ?? (named ? void 0 : true),
+      "aria-labelledby": rest["aria-labelledby"] ?? (title && !rest["aria-label"] ? titleId : void 0),
+      focusable: rest.focusable ?? false,
+      className: [
+        "gridui-brand-logo",
+        className
+      ].filter(Boolean).join(" "),
+      "data-animation": automatic ? "enter" : "none",
+      "data-idle": assembled ? idle : "none",
+      "data-emphasis": emphasis,
+      "data-face-hover": faceHover,
+      children: [
+        title ? /* @__PURE__ */ jsx(
+          "title",
+          {
+            id: titleId,
+            children: title
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "g",
+          {
+            children: logoDefinition.faces.map((face, index) => {
+              const opacity = appearance === "solid" ? 1 : face.opacity;
+              const style = {
+                ...facePose(face, index, progress ?? 1),
+                "--brand-from": facePose(face, index, 0).transform,
+                "--brand-duration": `${milliseconds * logoMotion.entrance.faceDuration}ms`,
+                "--brand-fade": `${milliseconds * logoMotion.entrance.faceDuration * logoMotion.entrance.fadeFraction}ms`,
+                "--brand-delay": `${milliseconds * index * logoMotion.entrance.faceStagger}ms`,
+                "--brand-idle-duration": `${logoMotion.idle.duration}ms`,
+                "--brand-shimmer-duration": `${logoMotion.shimmer.faceDuration}ms`,
+                "--brand-hover-duration": `${logoMotion.hoverDuration}ms`,
+                "--brand-base": opacity,
+                "--brand-low": opacity * 0.8,
+                "--brand-peak": Math.min(1, opacity + 0.28),
+                "--brand-idle-delay": `${(automatic ? milliseconds : 0) + index * logoMotion.idle.duration / logoDefinition.faces.length}ms`,
+                "--brand-shimmer-delay": `${index * (logoMotion.shimmer.duration - logoMotion.shimmer.faceDuration) / (logoDefinition.faces.length - 1)}ms`
+              };
+              return /* @__PURE__ */ jsx(
+                "g",
+                {
+                  className: "gridui-brand-face",
+                  style,
+                  children: /* @__PURE__ */ jsx(
+                    "polygon",
+                    {
+                      points: face.points,
+                      fillOpacity: opacity,
+                      strokeOpacity: 0.42
+                    }
+                  )
+                },
+                index
+              );
+            })
+          },
+          replayKey
+        )
+      ]
+    }
+  );
+};
+
+// src/wordmark/layout.ts
+var width = 400;
+var height = 132;
+var wordmarkLayout = {
+  width,
+  height,
+  viewBox: `0 0 ${width} ${height}`,
+  markSize: height,
+  letteringTransform: "translate(158 9)"
+};
+
+// src/wordmark/paths.ts
+var wordmarkPaths = ["M 31.235998 59.784004 L 47.576004 59.784004 Q 46.891994 62.444 45.524 64.8 Q 44.155994 67.156 42.104 68.98 Q 40.052 70.804 37.239998 71.792 Q 34.427998 72.78 30.856 72.78 Q 25.612 72.78 21.432 70.348 Q 17.251999 67.916 14.82 63.545998 Q 12.388 59.176003 12.388 53.4 Q 12.388 47.548 14.858 43.254 Q 17.328 38.960003 21.546 36.566 Q 25.763998 34.172 30.856 34.172 Q 36.404 34.172 40.317997 36.452 Q 44.232 38.732002 46.435997 42.532 L 53.732 37.668003 Q 51.376 33.944 48.032 31.322002 Q 44.688 28.7 40.393997 27.256 Q 36.1 25.812002 30.856 25.812002 Q 24.852 25.812002 19.76 27.826 Q 14.667998 29.84 10.868 33.526 Q 7.068 37.212 4.9779997 42.266003 Q 2.888 47.319996 2.888 53.4 Q 2.888 59.480003 4.94 64.572 Q 6.991999 69.664 10.754 73.388 Q 14.516 77.112 19.608 79.126 Q 24.699999 81.14 30.703997 81.14 Q 37.087997 81.14 42.028 78.822 Q 46.968 76.504 50.312004 72.476 Q 53.656 68.448 55.328 63.242 Q 57 58.036003 56.848 52.184 L 31.235998 52.184 L 31.235998 59.784004 Z M 73.492 45.04 L 65.36 45.04 L 65.36 80 L 73.492 80 L 73.492 45.04 Z M 83.904 53.78 L 87.932 46.864 Q 86.715996 45.420002 85.044 44.812 Q 83.371994 44.204002 81.472 44.204002 Q 78.812 44.204002 76.341995 46.142002 Q 73.871994 48.08 72.313995 51.31 Q 70.756 54.54 70.756 58.72 L 73.492 60.316 Q 73.492 57.808 74.062 55.946 Q 74.631996 54.084 75.923996 53.02 Q 77.215996 51.956005 79.268 51.956005 Q 80.787994 51.956005 81.813995 52.412003 Q 82.84 52.868 83.904 53.78 Z M 93.25201 31.131998 Q 93.25201 33.184002 94.81 34.666 Q 96.368 36.148003 98.42 36.148003 Q 100.62399 36.148003 102.144 34.666 Q 103.663994 33.184002 103.663994 31.131998 Q 103.663994 29.004002 102.144 27.560003 Q 100.62399 26.116001 98.42 26.116001 Q 96.368 26.116001 94.81 27.560003 Q 93.25201 29.004002 93.25201 31.131998 Z M 94.392006 45.04 L 94.392006 80 L 102.523994 80 L 102.523994 45.04 L 94.392006 45.04 Z M 140.144 20.720001 L 140.144 80 L 148.428 80 L 148.428 20.720001 L 140.144 20.720001 Z M 111.187996 62.520004 Q 111.187996 68.22 113.544 72.324 Q 115.899994 76.428 119.81399 78.594 Q 123.728 80.76 128.21199 80.76 Q 132.62 80.76 135.926 78.556 Q 139.232 76.352 141.17 72.248 Q 143.108 68.144 143.108 62.520004 Q 143.108 56.82 141.17 52.754 Q 139.232 48.688004 135.926 46.483997 Q 132.62 44.280003 128.21199 44.280003 Q 123.728 44.280003 119.81399 46.446003 Q 115.899994 48.612 113.544 52.678 Q 111.187996 56.744003 111.187996 62.520004 Z M 119.7 62.520004 Q 119.7 59.024 121.14399 56.516 Q 122.588 54.008003 124.981995 52.716 Q 127.37599 51.424004 130.18799 51.424004 Q 132.62 51.424004 134.9 52.716 Q 137.18 54.008003 138.66199 56.478004 Q 140.144 58.947998 140.144 62.520004 Q 140.144 66.092 138.66199 68.562 Q 137.18 71.032 134.9 72.324 Q 132.62 73.616 130.18799 73.616 Q 127.37599 73.616 124.981995 72.324 Q 122.588 71.032 121.14399 68.524 Q 119.7 66.016 119.7 62.520004 Z M 158.916 26.800003 L 158.916 62.520004 Q 158.916 66.928 160.32199 70.386 Q 161.728 73.844 164.312 76.276 Q 166.896 78.708 170.468 80 Q 174.04001 81.292 178.29599 81.292 Q 182.552 81.292 186.12401 80 Q 189.696 78.708 192.318 76.276 Q 194.94 73.844 196.346 70.386 Q 197.752 66.928 197.752 62.520004 L 197.752 26.800003 L 188.70798 26.800003 L 188.70798 62.14 Q 188.70798 67.004 186.08598 70.044 Q 183.464 73.084 178.29599 73.084 Q 173.204 73.084 170.54399 70.044 Q 167.884 67.004 167.884 62.14 L 167.884 26.800003 L 158.916 26.800003 Z M 209.152 26.800003 L 209.152 80 L 218.272 80 L 218.272 26.800003 L 209.152 26.800003 Z"];
+
+// src/wordmark/wordmark.tsx
+import { useId as useId2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Wordmark = (props) => {
+  const { title, markColor = "currentColor", width: width2 = wordmarkLayout.width / 2, height: height2 = wordmarkLayout.height / 2, ...rest } = props;
+  const id = useId2();
+  const named = Boolean(title || rest["aria-label"] || rest["aria-labelledby"]);
+  return /* @__PURE__ */ jsxs2(
+    "svg",
+    {
+      ...rest,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: wordmarkLayout.viewBox,
+      width: width2,
+      height: height2,
+      role: rest.role ?? (named ? "img" : void 0),
+      "aria-hidden": rest["aria-hidden"] ?? (named ? void 0 : true),
+      "aria-labelledby": rest["aria-labelledby"] ?? (title && !rest["aria-label"] ? id : void 0),
+      focusable: rest.focusable ?? false,
+      children: [
+        title ? /* @__PURE__ */ jsx2(
+          "title",
+          {
+            id,
+            children: title
+          }
+        ) : null,
+        /* @__PURE__ */ jsx2(
+          Logo,
+          {
+            framing: "square",
+            size: wordmarkLayout.markSize,
+            color: markColor,
+            strokeWidth: 0
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "g",
+          {
+            transform: wordmarkLayout.letteringTransform,
+            fill: "currentColor",
+            children: wordmarkPaths.map((path, index) => {
+              return /* @__PURE__ */ jsx2(
+                "path",
+                {
+                  d: path
+                },
+                index
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Logo,
+  Wordmark
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/shared/definitions.ts", "../src/logo/motion.ts", "../src/logo/geometry.ts", "../src/logo/logo.tsx", "../src/wordmark/layout.ts", "../src/wordmark/paths.ts", "../src/wordmark/wordmark.tsx"],
+  "sourcesContent": ["/**\n * @author WMXPY\n * @package Gridui Brand\n * @namespace Shared\n * @description Definitions\n */\n\nexport type LogoFace = {\n    readonly points: string;\n    readonly offset: readonly [number, number];\n    readonly rotation: number;\n    readonly opacity: number;\n};\n\nexport const logoDefinition = {\n    canvas: \"0 0 180 170\",\n    square: \"24 18 132 132\",\n    color: \"#254fd0\",\n    darkColor: \"#a4b9ff\",\n    faces: [\n        {\n            points: \"32,26 84,26 32,78\",\n            offset: [\n                -32,\n                -26,\n            ],\n            rotation: -12,\n            opacity: .42,\n        },\n        {\n            points: \"84,26 84,78 32,78\",\n            offset: [\n                -20,\n                -14,\n            ],\n            rotation: 9,\n            opacity: .78,\n        },\n        {\n            points: \"96,26 148,26 148,78\",\n            offset: [\n                32,\n                -30,\n            ],\n            rotation: 14,\n            opacity: .55,\n        },\n        {\n            points: \"32,90 84,142 32,142\",\n            offset: [\n                -30,\n                30,\n            ],\n            rotation: -14,\n            opacity: .64,\n        },\n        {\n            points: \"96,90 148,90 96,142\",\n            offset: [\n                20,\n                14,\n            ],\n            rotation: -9,\n            opacity: .48,\n        },\n        {\n            points: \"148,90 148,142 96,142\",\n            offset: [\n                32,\n                28,\n            ],\n            rotation: 12,\n            opacity: .9,\n        },\n    ] as const satisfies readonly LogoFace[],\n} as const;\n", "/**\n * @author WMXPY\n * @package Gridui Brand\n * @namespace Logo\n * @description Motion\n */\n\nexport const logoMotion = {\n    entrance: {\n        duration: 1200,\n        faceDuration: .65,\n        faceStagger: .07,\n        fadeFraction: .25,\n    },\n    idle: { duration: 5400 },\n    shimmer: {\n        duration: 700,\n        faceDuration: 434,\n    },\n    hoverDuration: 120,\n} as const;\n", "/**\n * @author WMXPY\n * @package Gridui Brand\n * @namespace Logo\n * @description Geometry\n */\n\nimport type { LogoFace } from \"../shared/definitions\";\nimport { logoMotion } from \"./motion\";\n\nexport const bounded = (value: number, minimum: number, maximum: number, fallback: number): number => {\n    return Number.isFinite(value) ? Math.max(minimum, Math.min(maximum, value)) : fallback;\n};\n\nexport const facePose = (face: LogoFace, index: number, progress: number) => {\n    const timeline = bounded(progress, 0, 1, 1);\n    const local = timeline === 1 ? 1 : bounded((timeline - index * logoMotion.entrance.faceStagger) / logoMotion.entrance.faceDuration, 0, 1, 1);\n    const remaining = (1 - local) ** 3;\n    return {\n        transform: `translate(${face.offset[0] * remaining}px, ${face.offset[1] * remaining}px) rotate(${face.rotation * remaining}deg)`,\n        opacity: Math.min(1, local / logoMotion.entrance.fadeFraction),\n    };\n};\n", "/**\n * @author WMXPY\n * @package Gridui Brand\n * @namespace Logo\n * @description Logo\n */\n\nimport { logoDefinition } from \"../shared/definitions\";\nimport { bounded, facePose } from \"./geometry\";\nimport { logoMotion } from \"./motion\";\nimport type { ComponentPropsWithRef, CSSProperties, FC } from \"react\";\nimport { useId } from \"react\";\n\nexport type LogoProps = Omit<ComponentPropsWithRef<\"svg\">, \"children\" | \"dangerouslySetInnerHTML\" | \"viewBox\"> & {\n    readonly size?: number | string;\n    readonly framing?: \"canvas\" | \"square\";\n    readonly title?: string;\n    readonly appearance?: \"glass\" | \"solid\";\n    readonly animation?: \"none\" | \"enter\";\n    readonly idle?: \"none\" | \"glow\";\n    readonly emphasis?: \"none\" | \"shimmer\";\n    readonly faceHover?: boolean;\n    readonly duration?: number;\n    readonly progress?: number;\n    readonly replayKey?: string | number;\n};\n\ntype FaceStyle = CSSProperties & {\n    readonly [key: `--brand-${string}`]: string | number;\n};\n\nexport const Logo: FC<LogoProps> = (props: LogoProps) => {\n    const {\n        size = 48, framing = \"canvas\", title, appearance = \"glass\", animation = \"none\", idle = \"none\",\n        emphasis = \"none\", faceHover = false, duration = logoMotion.entrance.duration, progress, replayKey = 0,\n        color = \"currentColor\", width = size, height = size, strokeWidth = .65, className, ...rest\n    } = props;\n    const titleId = useId();\n    const milliseconds = bounded(duration, 0, Number.MAX_SAFE_INTEGER, logoMotion.entrance.duration);\n    const automatic = animation === \"enter\" && progress === undefined && milliseconds > 0;\n    const assembled = progress === undefined || bounded(progress, 0, 1, 1) === 1;\n    const named = Boolean(title || rest[\"aria-label\"] || rest[\"aria-labelledby\"]);\n    return (<svg\n        {...rest}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={framing === \"square\" ? logoDefinition.square : logoDefinition.canvas}\n        width={width}\n        height={height}\n        color={color}\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        strokeWidth={strokeWidth}\n        role={rest.role ?? (named ? \"img\" : undefined)}\n        aria-hidden={rest[\"aria-hidden\"] ?? (named ? undefined : true)}\n        aria-labelledby={rest[\"aria-labelledby\"] ?? (title && !rest[\"aria-label\"] ? titleId : undefined)}\n        focusable={rest.focusable ?? false}\n        className={[\n            \"gridui-brand-logo\",\n            className,\n        ].filter(Boolean).join(\" \")}\n        data-animation={automatic ? \"enter\" : \"none\"}\n        data-idle={assembled ? idle : \"none\"}\n        data-emphasis={emphasis}\n        data-face-hover={faceHover}\n    >\n        {title ? (<title\n            id={titleId}\n        >\n            {title}\n        </title>) : null}\n        <g\n            key={replayKey}\n        >\n            {logoDefinition.faces.map((face, index) => {\n                const opacity = appearance === \"solid\" ? 1 : face.opacity;\n                const style: FaceStyle = {\n                    ...facePose(face, index, progress ?? 1),\n                    \"--brand-from\": facePose(face, index, 0).transform,\n                    \"--brand-duration\": `${milliseconds * logoMotion.entrance.faceDuration}ms`,\n                    \"--brand-fade\": `${milliseconds * logoMotion.entrance.faceDuration * logoMotion.entrance.fadeFraction}ms`,\n                    \"--brand-delay\": `${milliseconds * index * logoMotion.entrance.faceStagger}ms`,\n                    \"--brand-idle-duration\": `${logoMotion.idle.duration}ms`,\n                    \"--brand-shimmer-duration\": `${logoMotion.shimmer.faceDuration}ms`,\n                    \"--brand-hover-duration\": `${logoMotion.hoverDuration}ms`,\n                    \"--brand-base\": opacity,\n                    \"--brand-low\": opacity * .8,\n                    \"--brand-peak\": Math.min(1, opacity + .28),\n                    \"--brand-idle-delay\": `${(automatic ? milliseconds : 0) + index * logoMotion.idle.duration / logoDefinition.faces.length}ms`,\n                    \"--brand-shimmer-delay\": `${index * (logoMotion.shimmer.duration - logoMotion.shimmer.faceDuration) / (logoDefinition.faces.length - 1)}ms`,\n                };\n                return (<g\n                    key={index}\n                    className=\"gridui-brand-face\"\n                    style={style}\n                >\n                    <polygon\n                        points={face.points}\n                        fillOpacity={opacity}\n                        strokeOpacity={.42}\n                    />\n                </g>);\n            })}\n        </g>\n    </svg>);\n};\n", "/**\n * @author WMXPY\n * @package Gridui Brand\n * @namespace Wordmark\n * @description Layout\n */\n\nconst width = 400;\nconst height = 132;\n\nexport const wordmarkLayout = {\n    width,\n    height,\n    viewBox: `0 0 ${width} ${height}`,\n    markSize: height,\n    letteringTransform: \"translate(158 9)\",\n} as const;\n", "/**\n * @author WMXPY\n * @package Gridui Brand\n * @namespace Wordmark\n * @description Paths\n */\n\n// Original outlines derived from Jost Medium; see ../../OFL.txt. No font is needed at runtime.\n\nexport const wordmarkPaths = [\"M 31.235998 59.784004 L 47.576004 59.784004 Q 46.891994 62.444 45.524 64.8 Q 44.155994 67.156 42.104 68.98 Q 40.052 70.804 37.239998 71.792 Q 34.427998 72.78 30.856 72.78 Q 25.612 72.78 21.432 70.348 Q 17.251999 67.916 14.82 63.545998 Q 12.388 59.176003 12.388 53.4 Q 12.388 47.548 14.858 43.254 Q 17.328 38.960003 21.546 36.566 Q 25.763998 34.172 30.856 34.172 Q 36.404 34.172 40.317997 36.452 Q 44.232 38.732002 46.435997 42.532 L 53.732 37.668003 Q 51.376 33.944 48.032 31.322002 Q 44.688 28.7 40.393997 27.256 Q 36.1 25.812002 30.856 25.812002 Q 24.852 25.812002 19.76 27.826 Q 14.667998 29.84 10.868 33.526 Q 7.068 37.212 4.9779997 42.266003 Q 2.888 47.319996 2.888 53.4 Q 2.888 59.480003 4.94 64.572 Q 6.991999 69.664 10.754 73.388 Q 14.516 77.112 19.608 79.126 Q 24.699999 81.14 30.703997 81.14 Q 37.087997 81.14 42.028 78.822 Q 46.968 76.504 50.312004 72.476 Q 53.656 68.448 55.328 63.242 Q 57 58.036003 56.848 52.184 L 31.235998 52.184 L 31.235998 59.784004 Z M 73.492 45.04 L 65.36 45.04 L 65.36 80 L 73.492 80 L 73.492 45.04 Z M 83.904 53.78 L 87.932 46.864 Q 86.715996 45.420002 85.044 44.812 Q 83.371994 44.204002 81.472 44.204002 Q 78.812 44.204002 76.341995 46.142002 Q 73.871994 48.08 72.313995 51.31 Q 70.756 54.54 70.756 58.72 L 73.492 60.316 Q 73.492 57.808 74.062 55.946 Q 74.631996 54.084 75.923996 53.02 Q 77.215996 51.956005 79.268 51.956005 Q 80.787994 51.956005 81.813995 52.412003 Q 82.84 52.868 83.904 53.78 Z M 93.25201 31.131998 Q 93.25201 33.184002 94.81 34.666 Q 96.368 36.148003 98.42 36.148003 Q 100.62399 36.148003 102.144 34.666 Q 103.663994 33.184002 103.663994 31.131998 Q 103.663994 29.004002 102.144 27.560003 Q 100.62399 26.116001 98.42 26.116001 Q 96.368 26.116001 94.81 27.560003 Q 93.25201 29.004002 93.25201 31.131998 Z M 94.392006 45.04 L 94.392006 80 L 102.523994 80 L 102.523994 45.04 L 94.392006 45.04 Z M 140.144 20.720001 L 140.144 80 L 148.428 80 L 148.428 20.720001 L 140.144 20.720001 Z M 111.187996 62.520004 Q 111.187996 68.22 113.544 72.324 Q 115.899994 76.428 119.81399 78.594 Q 123.728 80.76 128.21199 80.76 Q 132.62 80.76 135.926 78.556 Q 139.232 76.352 141.17 72.248 Q 143.108 68.144 143.108 62.520004 Q 143.108 56.82 141.17 52.754 Q 139.232 48.688004 135.926 46.483997 Q 132.62 44.280003 128.21199 44.280003 Q 123.728 44.280003 119.81399 46.446003 Q 115.899994 48.612 113.544 52.678 Q 111.187996 56.744003 111.187996 62.520004 Z M 119.7 62.520004 Q 119.7 59.024 121.14399 56.516 Q 122.588 54.008003 124.981995 52.716 Q 127.37599 51.424004 130.18799 51.424004 Q 132.62 51.424004 134.9 52.716 Q 137.18 54.008003 138.66199 56.478004 Q 140.144 58.947998 140.144 62.520004 Q 140.144 66.092 138.66199 68.562 Q 137.18 71.032 134.9 72.324 Q 132.62 73.616 130.18799 73.616 Q 127.37599 73.616 124.981995 72.324 Q 122.588 71.032 121.14399 68.524 Q 119.7 66.016 119.7 62.520004 Z M 158.916 26.800003 L 158.916 62.520004 Q 158.916 66.928 160.32199 70.386 Q 161.728 73.844 164.312 76.276 Q 166.896 78.708 170.468 80 Q 174.04001 81.292 178.29599 81.292 Q 182.552 81.292 186.12401 80 Q 189.696 78.708 192.318 76.276 Q 194.94 73.844 196.346 70.386 Q 197.752 66.928 197.752 62.520004 L 197.752 26.800003 L 188.70798 26.800003 L 188.70798 62.14 Q 188.70798 67.004 186.08598 70.044 Q 183.464 73.084 178.29599 73.084 Q 173.204 73.084 170.54399 70.044 Q 167.884 67.004 167.884 62.14 L 167.884 26.800003 L 158.916 26.800003 Z M 209.152 26.800003 L 209.152 80 L 218.272 80 L 218.272 26.800003 L 209.152 26.800003 Z\"] as const;\n\nexport const taglinePaths = [\"M 10.704 63.968 L 21.36 80 L 28.224 80 L 16.8 63.968 L 10.704 63.968 Z M 3.744 46.4 L 3.744 80 L 9.408 80 L 9.408 46.4 L 3.744 46.4 Z M 7.104 51.296 L 13.872 51.296 Q 15.84 51.296 17.28 51.968 Q 18.72 52.64 19.536 53.888 Q 20.352 55.136 20.352 56.96 Q 20.352 58.736 19.536 60.007996 Q 18.72 61.28 17.28 61.928 Q 15.84 62.576 13.872 62.576 L 7.104 62.576 L 7.104 67.28 L 14.112 67.28 Q 17.808 67.28 20.496 65.984 Q 23.184 64.688 24.696 62.336 Q 26.208 59.984 26.208 56.816 Q 26.208 53.648006 24.696 51.319996 Q 23.184 48.992 20.496 47.696 Q 17.808 46.4 14.112 46.4 L 7.104 46.4 L 7.104 51.296 Z M 41.472 80.48 Q 45.312 80.48 48.048 78.968 Q 50.784 77.456 52.56 74.48 L 48.048 72.704 Q 47.04 74.48 45.456 75.344 Q 43.872 76.208 41.711998 76.208 Q 39.696 76.208 38.304 75.344 Q 36.912 74.48 36.168 72.8 Q 35.424 71.12 35.472 68.768 Q 35.472 66.368 36.216 64.736 Q 36.96 63.104 38.328 62.24 Q 39.696 61.376 41.664 61.376 Q 43.296 61.376 44.520004 62.096 Q 45.744 62.816 46.440002 64.112 Q 47.136 65.408 47.136 67.184 Q 47.136 67.52 46.968002 68 Q 46.8 68.479996 46.656 68.768 L 48.24 66.56 L 33.312 66.56 L 33.312 70.16 L 52.704 70.16 Q 52.704 69.968 52.727997 69.536 Q 52.752 69.104004 52.752 68.72 Q 52.752 65.168 51.456 62.648003 Q 50.16 60.128 47.687996 58.784 Q 45.216 57.44 41.711998 57.44 Q 38.208 57.44 35.616 58.856 Q 33.024 60.272 31.608 62.864 Q 30.192 65.456 30.192 68.96 Q 30.192 72.416 31.584 75.008 Q 32.975998 77.6 35.544 79.04 Q 38.112 80.48 41.472 80.48 Z M 61.008 73.136 Q 61.008 72.08 61.512 71.36 Q 62.016 70.64 63.024 70.232 Q 64.032 69.824 65.664 69.824 Q 67.535995 69.824 69.216 70.304 Q 70.895996 70.784 72.384 71.84 L 72.384 69.2 Q 71.951996 68.672 70.895996 68.024 Q 69.84 67.376 68.232 66.895996 Q 66.624 66.416 64.416 66.416 Q 60.288 66.416 58.032 68.312 Q 55.776 70.208 55.776 73.423996 Q 55.776 75.68 56.832 77.264 Q 57.888 78.848 59.664 79.664 Q 61.44 80.48 63.504 80.48 Q 65.423996 80.48 67.272 79.784 Q 69.119995 79.088 70.344 77.648 Q 71.568 76.208 71.568 74.096 L 70.8 71.216 Q 70.8 72.895996 70.032 74.096 Q 69.264 75.296 67.992 75.944 Q 66.72 76.592 65.136 76.592 Q 63.935993 76.592 63 76.208 Q 62.064 75.824 61.536 75.032 Q 61.008 74.24 61.008 73.136 Z M 59.376 63.68 Q 59.904 63.344 60.864 62.840004 Q 61.824 62.336 63.192 61.975998 Q 64.56 61.615993 66.096 61.615993 Q 67.104 61.615993 67.968 61.808 Q 68.832 62 69.479996 62.432 Q 70.128 62.864 70.464 63.536 Q 70.8 64.208 70.8 65.264 L 70.8 80 L 75.888 80 L 75.888 64.256 Q 75.888 62.048 74.712 60.512 Q 73.535995 58.976 71.423996 58.184 Q 69.312 57.392 66.624 57.392 Q 63.504 57.392 61.152 58.256 Q 58.8 59.12 57.264 60.032 L 59.376 63.68 Z M 85.392 68.96 Q 85.392 66.895996 86.304 65.312 Q 87.216 63.728 88.776 62.816 Q 90.336 61.904 92.256 61.904 Q 93.792 61.904 95.232 62.384007 Q 96.672 62.864 97.80001 63.704002 Q 98.928 64.544 99.456 65.648 L 99.456 59.888 Q 98.304 58.784 96.336 58.112 Q 94.368 57.44 92.01599 57.44 Q 88.656 57.44 85.944 58.904 Q 83.232 60.368 81.648 62.96 Q 80.064 65.552 80.064 68.96 Q 80.064 72.32 81.648 74.936 Q 83.232 77.552 85.944 79.016 Q 88.656 80.48 92.01599 80.48 Q 94.368 80.48 96.336 79.808 Q 98.304 79.136 99.456 77.984 L 99.456 72.272 Q 98.928 73.328 97.82401 74.168 Q 96.72001 75.008 95.304 75.512 Q 93.888 76.016 92.256 76.016 Q 90.336 76.016 88.776 75.104004 Q 87.216 74.192 86.304 72.608 Q 85.392 71.024 85.392 68.96 Z M 102.09601 57.92 L 102.09601 62.48 L 114.624 62.48 L 114.624 57.92 L 102.09601 57.92 Z M 105.840004 50.24 L 105.840004 80 L 110.928 80 L 110.928 50.24 L 105.840004 50.24 Z M 136.03201 68.96 Q 136.03201 66.895996 136.944 65.312 Q 137.856 63.728 139.41602 62.816 Q 140.97601 61.904 142.89601 61.904 Q 144.432 61.904 145.87201 62.384007 Q 147.31201 62.864 148.44 63.704002 Q 149.56801 64.544 150.09601 65.648 L 150.09601 59.888 Q 148.944 58.784 146.97601 58.112 Q 145.00801 57.44 142.656 57.44 Q 139.296 57.44 136.58401 58.904 Q 133.87201 60.368 132.28801 62.96 Q 130.70401 65.552 130.70401 68.96 Q 130.70401 72.32 132.28801 74.936 Q 133.87201 77.552 136.58401 79.016 Q 139.296 80.48 142.656 80.48 Q 145.00801 80.48 146.97601 79.808 Q 148.944 79.136 150.09601 77.984 L 150.09601 72.272 Q 149.56801 73.328 148.464 74.168 Q 147.36002 75.008 145.944 75.512 Q 144.52802 76.016 142.89601 76.016 Q 140.97601 76.016 139.41602 75.104004 Q 137.856 74.192 136.944 72.608 Q 136.03201 71.024 136.03201 68.96 Z M 154.128 68.96 Q 154.128 72.32 155.688 74.936 Q 157.248 77.552 159.96 79.016 Q 162.672 80.48 166.032 80.48 Q 169.44 80.48 172.128 79.016 Q 174.81601 77.552 176.376 74.936 Q 177.93599 72.32 177.93599 68.96 Q 177.93599 65.552 176.376 62.96 Q 174.81601 60.368 172.128 58.904 Q 169.44 57.44 166.032 57.44 Q 162.672 57.44 159.96 58.904 Q 157.248 60.368 155.688 62.96 Q 154.128 65.552 154.128 68.96 Z M 159.45601 68.96 Q 159.45601 66.895996 160.32 65.312 Q 161.184 63.728 162.672 62.864 Q 164.16 62 166.032 62 Q 167.904 62 169.392 62.864 Q 170.88 63.728 171.744 65.312 Q 172.608 66.895996 172.608 68.96 Q 172.608 71.024 171.744 72.584 Q 170.88 74.144 169.392 75.032 Q 167.904 75.92 166.032 75.92 Q 164.16 75.92 162.672 75.032 Q 161.184 74.144 160.32 72.584 Q 159.45601 71.024 159.45601 68.96 Z M 214.51201 65.936 Q 214.51201 63.248 213.72 61.328 Q 212.928 59.407993 211.39201 58.423996 Q 209.856 57.44 207.45601 57.44 Q 205.24802 57.44 203.496 58.423996 Q 201.74399 59.407993 200.544 61.376 Q 199.82402 59.456 198.216 58.448 Q 196.608 57.44 194.20801 57.44 Q 192.048 57.44 190.51201 58.375996 Q 188.976 59.312 187.968 61.136 L 187.968 57.92 L 182.88 57.92 L 182.88 80 L 187.968 80 L 187.968 66.56 Q 187.968 64.976 188.52 63.872 Q 189.07202 62.768 190.05602 62.192 Q 191.04 61.615993 192.33601 61.615993 Q 194.25601 61.615993 195.14401 62.840004 Q 196.03201 64.064 196.03201 66.56 L 196.03201 80 L 201.216 80 L 201.216 66.56 Q 201.216 64.976 201.76799 63.872 Q 202.32002 62.768 203.30402 62.192 Q 204.288 61.615993 205.632 61.615993 Q 207.50401 61.615993 208.39201 62.840004 Q 209.28001 64.064 209.28001 66.56 L 209.28001 80 L 214.51201 80 L 214.51201 65.936 Z M 226.12802 90.56 L 226.12802 57.92 L 220.896 57.92 L 220.896 90.56 L 226.12802 90.56 Z M 244.416 68.96 Q 244.416 65.216 242.92801 62.648003 Q 241.44002 60.08 238.99199 58.688 Q 236.544 57.296 233.664 57.296 Q 230.88 57.296 228.792 58.736 Q 226.704 60.176 225.552 62.768 Q 224.4 65.36 224.4 68.96 Q 224.4 72.512 225.552 75.128 Q 226.704 77.744 228.792 79.16 Q 230.88 80.576 233.664 80.576 Q 236.544 80.576 238.99199 79.208 Q 241.44002 77.84 242.92801 75.224 Q 244.416 72.608 244.416 68.96 Z M 239.04 68.96 Q 239.04 71.168 238.128 72.704 Q 237.216 74.24 235.728 75.056 Q 234.24 75.872 232.41602 75.872 Q 230.88 75.872 229.44 75.08 Q 228 74.288 227.064 72.752 Q 226.12802 71.216 226.12802 68.96 Q 226.12802 66.704 227.064 65.168 Q 228 63.632 229.44 62.840004 Q 230.88 62.048 232.41602 62.048 Q 234.24 62.048 235.728 62.840004 Q 237.216 63.632 238.128 65.192 Q 239.04 66.752 239.04 68.96 Z M 247.68 68.96 Q 247.68 72.32 249.24 74.936 Q 250.8 77.552 253.51201 79.016 Q 256.224 80.48 259.584 80.48 Q 262.992 80.48 265.68 79.016 Q 268.368 77.552 269.928 74.936 Q 271.488 72.32 271.488 68.96 Q 271.488 65.552 269.928 62.96 Q 268.368 60.368 265.68 58.904 Q 262.992 57.44 259.584 57.44 Q 256.224 57.44 253.51201 58.904 Q 250.8 60.368 249.24 62.96 Q 247.68 65.552 247.68 68.96 Z M 253.00801 68.96 Q 253.00801 66.895996 253.87201 65.312 Q 254.73602 63.728 256.224 62.864 Q 257.712 62 259.584 62 Q 261.456 62 262.944 62.864 Q 264.432 63.728 265.29602 65.312 Q 266.16 66.895996 266.16 68.96 Q 266.16 71.024 265.29602 72.584 Q 264.432 74.144 262.944 75.032 Q 261.456 75.92 259.584 75.92 Q 257.712 75.92 256.224 75.032 Q 254.73602 74.144 253.87201 72.584 Q 253.00801 71.024 253.00801 68.96 Z M 290.63998 66.56 L 290.63998 80 L 295.968 80 L 295.968 65.936 Q 295.968 62 294 59.72 Q 292.03198 57.44 288.288 57.44 Q 286.03198 57.44 284.376 58.4 Q 282.72 59.36 281.664 61.328 L 281.664 57.92 L 276.432 57.92 L 276.432 80 L 281.664 80 L 281.664 66.56 Q 281.664 65.072 282.264 63.944004 Q 282.86398 62.816 283.968 62.215996 Q 285.072 61.615993 286.56 61.615993 Q 288.624 61.615993 289.632 62.864 Q 290.63998 64.112 290.63998 66.56 Z M 312.192 80.48 Q 316.032 80.48 318.768 78.968 Q 321.504 77.456 323.28 74.48 L 318.768 72.704 Q 317.76 74.48 316.176 75.344 Q 314.592 76.208 312.432 76.208 Q 310.416 76.208 309.024 75.344 Q 307.632 74.48 306.888 72.8 Q 306.144 71.12 306.192 68.768 Q 306.192 66.368 306.936 64.736 Q 307.68 63.104 309.048 62.24 Q 310.416 61.376 312.384 61.376 Q 314.016 61.376 315.24 62.096 Q 316.464 62.816 317.16 64.112 Q 317.856 65.408 317.856 67.184 Q 317.856 67.52 317.688 68 Q 317.52 68.479996 317.376 68.768 L 318.96 66.56 L 304.032 66.56 L 304.032 70.16 L 323.424 70.16 Q 323.424 69.968 323.448 69.536 Q 323.472 69.104004 323.472 68.72 Q 323.472 65.168 322.176 62.648003 Q 320.88 60.128 318.408 58.784 Q 315.936 57.44 312.432 57.44 Q 308.928 57.44 306.336 58.856 Q 303.744 60.272 302.328 62.864 Q 300.912 65.456 300.912 68.96 Q 300.912 72.416 302.304 75.008 Q 303.69598 77.6 306.264 79.04 Q 308.832 80.48 312.192 80.48 Z M 342.672 66.56 L 342.672 80 L 348 80 L 348 65.936 Q 348 62 346.032 59.72 Q 344.064 57.44 340.32 57.44 Q 338.064 57.44 336.40802 58.4 Q 334.752 59.36 333.696 61.328 L 333.696 57.92 L 328.46402 57.92 L 328.46402 80 L 333.696 80 L 333.696 66.56 Q 333.696 65.072 334.29602 63.944004 Q 334.896 62.816 336 62.215996 Q 337.104 61.615993 338.592 61.615993 Q 340.656 61.615993 341.664 62.864 Q 342.672 64.112 342.672 66.56 Z M 351.55203 57.92 L 351.55203 62.48 L 364.08002 62.48 L 364.08002 57.92 L 351.55203 57.92 Z M 355.29602 50.24 L 355.29602 80 L 360.38403 80 L 360.38403 50.24 L 355.29602 50.24 Z M 368.64 72.704 L 365.616 75.776 Q 366.57602 77.024 368.01602 78.152 Q 369.456 79.28 371.328 79.976 Q 373.19998 80.672 375.504 80.672 Q 379.104 80.672 381.24002 78.776 Q 383.376 76.88 383.376 73.76 Q 383.376 71.744 382.464 70.496 Q 381.55197 69.248 380.01602 68.384 Q 378.48 67.52 376.608 66.8 Q 375.264 66.272 374.18402 65.792 Q 373.10397 65.312 372.456 64.712 Q 371.808 64.112 371.808 63.344 Q 371.808 62.432 372.528 61.952 Q 373.248 61.472 374.4 61.472 Q 376.032 61.472 377.56802 62.288 Q 379.104 63.104 380.16 64.4 L 383.04 61.328 Q 382.128 60.224 380.832 59.36 Q 379.536 58.496 377.928 57.968 Q 376.32 57.44 374.496 57.44 Q 372.48 57.44 370.72797 58.087997 Q 368.97598 58.736 367.944 60.08 Q 366.91202 61.424 366.91202 63.44 Q 366.91202 65.408 367.84805 66.704 Q 368.78403 68 370.24802 68.792 Q 371.712 69.584 373.19998 70.16 Q 374.68802 70.688 375.792 71.192 Q 376.89597 71.696 377.52002 72.392 Q 378.14404 73.088 378.14404 74.048 Q 378.14404 75.152 377.35202 75.776 Q 376.56 76.4 375.168 76.4 Q 374.064 76.4 372.96002 75.968 Q 371.85602 75.536 370.80002 74.72 Q 369.74405 73.904 368.64 72.704 Z\"] as const;\n", "/**\n * @author WMXPY\n * @package Gridui Brand\n * @namespace Wordmark\n * @description Wordmark\n */\n\nimport { Logo } from \"../logo/logo\";\nimport { wordmarkLayout } from \"./layout\";\nimport { wordmarkPaths } from \"./paths\";\nimport type { ComponentPropsWithRef, FC } from \"react\";\nimport { useId } from \"react\";\n\nexport type WordmarkProps = Omit<ComponentPropsWithRef<\"svg\">, \"children\" | \"dangerouslySetInnerHTML\" | \"viewBox\"> & {\n    readonly title?: string;\n    readonly markColor?: string;\n};\n\nexport const Wordmark: FC<WordmarkProps> = (props: WordmarkProps) => {\n    const { title, markColor = \"currentColor\", width = wordmarkLayout.width / 2, height = wordmarkLayout.height / 2, ...rest } = props;\n    const id = useId();\n    const named = Boolean(title || rest[\"aria-label\"] || rest[\"aria-labelledby\"]);\n    return (<svg\n        {...rest}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={wordmarkLayout.viewBox}\n        width={width}\n        height={height}\n        role={rest.role ?? (named ? \"img\" : undefined)}\n        aria-hidden={rest[\"aria-hidden\"] ?? (named ? undefined : true)}\n        aria-labelledby={rest[\"aria-labelledby\"] ?? (title && !rest[\"aria-label\"] ? id : undefined)}\n        focusable={rest.focusable ?? false}\n    >\n        {title ? (<title\n            id={id}\n        >\n            {title}\n        </title>) : null}\n        <Logo\n            framing=\"square\"\n            size={wordmarkLayout.markSize}\n            color={markColor}\n            strokeWidth={0}\n        />\n        <g\n            transform={wordmarkLayout.letteringTransform}\n            fill=\"currentColor\"\n        >\n            {wordmarkPaths.map((path, index) => {\n                return (<path\n                    key={index}\n                    d={path}\n                />);\n            })}\n        </g>\n    </svg>);\n};\n"],
+  "mappings": ";AAcO,IAAM,iBAAiB;AAAA,EAC1B,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO;AAAA,IACH;AAAA,MACI,QAAQ;AAAA,MACR,QAAQ;AAAA,QACJ;AAAA,QACA;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV,SAAS;AAAA,IACb;AAAA,IACA;AAAA,MACI,QAAQ;AAAA,MACR,QAAQ;AAAA,QACJ;AAAA,QACA;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV,SAAS;AAAA,IACb;AAAA,IACA;AAAA,MACI,QAAQ;AAAA,MACR,QAAQ;AAAA,QACJ;AAAA,QACA;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV,SAAS;AAAA,IACb;AAAA,IACA;AAAA,MACI,QAAQ;AAAA,MACR,QAAQ;AAAA,QACJ;AAAA,QACA;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV,SAAS;AAAA,IACb;AAAA,IACA;AAAA,MACI,QAAQ;AAAA,MACR,QAAQ;AAAA,QACJ;AAAA,QACA;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV,SAAS;AAAA,IACb;AAAA,IACA;AAAA,MACI,QAAQ;AAAA,MACR,QAAQ;AAAA,QACJ;AAAA,QACA;AAAA,MACJ;AAAA,MACA,UAAU;AAAA,MACV,SAAS;AAAA,IACb;AAAA,EACJ;AACJ;;;ACpEO,IAAM,aAAa;AAAA,EACtB,UAAU;AAAA,IACN,UAAU;AAAA,IACV,cAAc;AAAA,IACd,aAAa;AAAA,IACb,cAAc;AAAA,EAClB;AAAA,EACA,MAAM,EAAE,UAAU,KAAK;AAAA,EACvB,SAAS;AAAA,IACL,UAAU;AAAA,IACV,cAAc;AAAA,EAClB;AAAA,EACA,eAAe;AACnB;;;ACVO,IAAM,UAAU,CAAC,OAAe,SAAiB,SAAiB,aAA6B;AAClG,SAAO,OAAO,SAAS,KAAK,IAAI,KAAK,IAAI,SAAS,KAAK,IAAI,SAAS,KAAK,CAAC,IAAI;AAClF;AAEO,IAAM,WAAW,CAAC,MAAgB,OAAe,aAAqB;AACzE,QAAM,WAAW,QAAQ,UAAU,GAAG,GAAG,CAAC;AAC1C,QAAM,QAAQ,aAAa,IAAI,IAAI,SAAS,WAAW,QAAQ,WAAW,SAAS,eAAe,WAAW,SAAS,cAAc,GAAG,GAAG,CAAC;AAC3I,QAAM,aAAa,IAAI,UAAU;AACjC,SAAO;AAAA,IACH,WAAW,aAAa,KAAK,OAAO,CAAC,IAAI,SAAS,OAAO,KAAK,OAAO,CAAC,IAAI,SAAS,cAAc,KAAK,WAAW,SAAS;AAAA,IAC1H,SAAS,KAAK,IAAI,GAAG,QAAQ,WAAW,SAAS,YAAY;AAAA,EACjE;AACJ;;;ACXA,SAAS,aAAa;AA+BV,SAuBM,KAvBN;AAXL,IAAM,OAAsB,CAAC,UAAqB;AACrD,QAAM;AAAA,IACF,OAAO;AAAA,IAAI,UAAU;AAAA,IAAU;AAAA,IAAO,aAAa;AAAA,IAAS,YAAY;AAAA,IAAQ,OAAO;AAAA,IACvF,WAAW;AAAA,IAAQ,YAAY;AAAA,IAAO,WAAW,WAAW,SAAS;AAAA,IAAU;AAAA,IAAU,YAAY;AAAA,IACrG,QAAQ;AAAA,IAAgB,OAAAA,SAAQ;AAAA,IAAM,QAAAC,UAAS;AAAA,IAAM,cAAc;AAAA,IAAK;AAAA,IAAW,GAAG;AAAA,EAC1F,IAAI;AACJ,QAAM,UAAU,MAAM;AACtB,QAAM,eAAe,QAAQ,UAAU,GAAG,OAAO,kBAAkB,WAAW,SAAS,QAAQ;AAC/F,QAAM,YAAY,cAAc,WAAW,aAAa,UAAa,eAAe;AACpF,QAAM,YAAY,aAAa,UAAa,QAAQ,UAAU,GAAG,GAAG,CAAC,MAAM;AAC3E,QAAM,QAAQ,QAAQ,SAAS,KAAK,YAAY,KAAK,KAAK,iBAAiB,CAAC;AAC5E,SAAQ;AAAA,IAAC;AAAA;AAAA,MACJ,GAAG;AAAA,MACJ,OAAM;AAAA,MACN,SAAS,YAAY,WAAW,eAAe,SAAS,eAAe;AAAA,MACvE,OAAOD;AAAA,MACP,QAAQC;AAAA,MACR;AAAA,MACA,MAAK;AAAA,MACL,QAAO;AAAA,MACP;AAAA,MACA,MAAM,KAAK,SAAS,QAAQ,QAAQ;AAAA,MACpC,eAAa,KAAK,aAAa,MAAM,QAAQ,SAAY;AAAA,MACzD,mBAAiB,KAAK,iBAAiB,MAAM,SAAS,CAAC,KAAK,YAAY,IAAI,UAAU;AAAA,MACtF,WAAW,KAAK,aAAa;AAAA,MAC7B,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC1B,kBAAgB,YAAY,UAAU;AAAA,MACtC,aAAW,YAAY,OAAO;AAAA,MAC9B,iBAAe;AAAA,MACf,mBAAiB;AAAA,MAEhB;AAAA,gBAAS;AAAA,UAAC;AAAA;AAAA,YACP,IAAI;AAAA,YAEH;AAAA;AAAA,QACL,IAAY;AAAA,QACZ;AAAA,UAAC;AAAA;AAAA,YAGI,yBAAe,MAAM,IAAI,CAAC,MAAM,UAAU;AACvC,oBAAM,UAAU,eAAe,UAAU,IAAI,KAAK;AAClD,oBAAM,QAAmB;AAAA,gBACrB,GAAG,SAAS,MAAM,OAAO,YAAY,CAAC;AAAA,gBACtC,gBAAgB,SAAS,MAAM,OAAO,CAAC,EAAE;AAAA,gBACzC,oBAAoB,GAAG,eAAe,WAAW,SAAS,YAAY;AAAA,gBACtE,gBAAgB,GAAG,eAAe,WAAW,SAAS,eAAe,WAAW,SAAS,YAAY;AAAA,gBACrG,iBAAiB,GAAG,eAAe,QAAQ,WAAW,SAAS,WAAW;AAAA,gBAC1E,yBAAyB,GAAG,WAAW,KAAK,QAAQ;AAAA,gBACpD,4BAA4B,GAAG,WAAW,QAAQ,YAAY;AAAA,gBAC9D,0BAA0B,GAAG,WAAW,aAAa;AAAA,gBACrD,gBAAgB;AAAA,gBAChB,eAAe,UAAU;AAAA,gBACzB,gBAAgB,KAAK,IAAI,GAAG,UAAU,IAAG;AAAA,gBACzC,sBAAsB,IAAI,YAAY,eAAe,KAAK,QAAQ,WAAW,KAAK,WAAW,eAAe,MAAM,MAAM;AAAA,gBACxH,yBAAyB,GAAG,SAAS,WAAW,QAAQ,WAAW,WAAW,QAAQ,iBAAiB,eAAe,MAAM,SAAS,EAAE;AAAA,cAC3I;AACA,qBAAQ;AAAA,gBAAC;AAAA;AAAA,kBAEL,WAAU;AAAA,kBACV;AAAA,kBAEA;AAAA,oBAAC;AAAA;AAAA,sBACG,QAAQ,KAAK;AAAA,sBACb,aAAa;AAAA,sBACb,eAAe;AAAA;AAAA,kBACnB;AAAA;AAAA,gBARK;AAAA,cAST;AAAA,YACJ,CAAC;AAAA;AAAA,UA9BI;AAAA,QA+BT;AAAA;AAAA;AAAA,EACJ;AACJ;;;ACjGA,IAAM,QAAQ;AACd,IAAM,SAAS;AAER,IAAM,iBAAiB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,EAC/B,UAAU;AAAA,EACV,oBAAoB;AACxB;;;ACPO,IAAM,gBAAgB,CAAC,63GAA63G;;;ACE35G,SAAS,SAAAC,cAAa;AAWV,SAWM,OAAAC,MAXN,QAAAC,aAAA;AAJL,IAAM,WAA8B,CAAC,UAAyB;AACjE,QAAM,EAAE,OAAO,YAAY,gBAAgB,OAAAC,SAAQ,eAAe,QAAQ,GAAG,QAAAC,UAAS,eAAe,SAAS,GAAG,GAAG,KAAK,IAAI;AAC7H,QAAM,KAAKJ,OAAM;AACjB,QAAM,QAAQ,QAAQ,SAAS,KAAK,YAAY,KAAK,KAAK,iBAAiB,CAAC;AAC5E,SAAQ,gBAAAE;AAAA,IAAC;AAAA;AAAA,MACJ,GAAG;AAAA,MACJ,OAAM;AAAA,MACN,SAAS,eAAe;AAAA,MACxB,OAAOC;AAAA,MACP,QAAQC;AAAA,MACR,MAAM,KAAK,SAAS,QAAQ,QAAQ;AAAA,MACpC,eAAa,KAAK,aAAa,MAAM,QAAQ,SAAY;AAAA,MACzD,mBAAiB,KAAK,iBAAiB,MAAM,SAAS,CAAC,KAAK,YAAY,IAAI,KAAK;AAAA,MACjF,WAAW,KAAK,aAAa;AAAA,MAE5B;AAAA,gBAAS,gBAAAH;AAAA,UAAC;AAAA;AAAA,YACP;AAAA,YAEC;AAAA;AAAA,QACL,IAAY;AAAA,QACZ,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACG,SAAQ;AAAA,YACR,MAAM,eAAe;AAAA,YACrB,OAAO;AAAA,YACP,aAAa;AAAA;AAAA,QACjB;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACG,WAAW,eAAe;AAAA,YAC1B,MAAK;AAAA,YAEJ,wBAAc,IAAI,CAAC,MAAM,UAAU;AAChC,qBAAQ,gBAAAA;AAAA,gBAAC;AAAA;AAAA,kBAEL,GAAG;AAAA;AAAA,gBADE;AAAA,cAET;AAAA,YACJ,CAAC;AAAA;AAAA,QACL;AAAA;AAAA;AAAA,EACJ;AACJ;",
+  "names": ["width", "height", "useId", "jsx", "jsxs", "width", "height"]
+}

package/dist/logo/geometry.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @author WMXPY
+ * @package Gridui Brand
+ * @namespace Logo
+ * @description Geometry
+ */
+import type { LogoFace } from "../shared/definitions";
+export declare const bounded: (value: number, minimum: number, maximum: number, fallback: number) => number;
+export declare const facePose: (face: LogoFace, index: number, progress: number) => {
+    transform: string;
+    opacity: number;
+};

package/dist/logo/logo.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @author WMXPY
+ * @package Gridui Brand
+ * @namespace Logo
+ * @description Logo
+ */
+import type { ComponentPropsWithRef, FC } from "react";
+export type LogoProps = Omit<ComponentPropsWithRef<"svg">, "children" | "dangerouslySetInnerHTML" | "viewBox"> & {
+    readonly size?: number | string;
+    readonly framing?: "canvas" | "square";
+    readonly title?: string;
+    readonly appearance?: "glass" | "solid";
+    readonly animation?: "none" | "enter";
+    readonly idle?: "none" | "glow";
+    readonly emphasis?: "none" | "shimmer";
+    readonly faceHover?: boolean;
+    readonly duration?: number;
+    readonly progress?: number;
+    readonly replayKey?: string | number;
+};
+export declare const Logo: FC<LogoProps>;

package/dist/logo/motion.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @author WMXPY
+ * @package Gridui Brand
+ * @namespace Logo
+ * @description Motion
+ */
+export declare const logoMotion: {
+    readonly entrance: {
+        readonly duration: 1200;
+        readonly faceDuration: 0.65;
+        readonly faceStagger: 0.07;
+        readonly fadeFraction: 0.25;
+    };
+    readonly idle: {
+        readonly duration: 5400;
+    };
+    readonly shimmer: {
+        readonly duration: 700;
+        readonly faceDuration: 434;
+    };
+    readonly hoverDuration: 120;
+};

package/dist/shared/definitions.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @author WMXPY
+ * @package Gridui Brand
+ * @namespace Shared
+ * @description Definitions
+ */
+export type LogoFace = {
+    readonly points: string;
+    readonly offset: readonly [number, number];
+    readonly rotation: number;
+    readonly opacity: number;
+};
+export declare const logoDefinition: {
+    readonly canvas: "0 0 180 170";
+    readonly square: "24 18 132 132";
+    readonly color: "#254fd0";
+    readonly darkColor: "#a4b9ff";
+    readonly faces: readonly [{
+        readonly points: "32,26 84,26 32,78";
+        readonly offset: readonly [-32, -26];
+        readonly rotation: -12;
+        readonly opacity: 0.42;
+    }, {
+        readonly points: "84,26 84,78 32,78";
+        readonly offset: readonly [-20, -14];
+        readonly rotation: 9;
+        readonly opacity: 0.78;
+    }, {
+        readonly points: "96,26 148,26 148,78";
+        readonly offset: readonly [32, -30];
+        readonly rotation: 14;
+        readonly opacity: 0.55;
+    }, {
+        readonly points: "32,90 84,142 32,142";
+        readonly offset: readonly [-30, 30];
+        readonly rotation: -14;
+        readonly opacity: 0.64;
+    }, {
+        readonly points: "96,90 148,90 96,142";
+        readonly offset: readonly [20, 14];
+        readonly rotation: -9;
+        readonly opacity: 0.48;
+    }, {
+        readonly points: "148,90 148,142 96,142";
+        readonly offset: readonly [32, 28];
+        readonly rotation: 12;
+        readonly opacity: 0.9;
+    }];
+};

package/dist/styles.css

@@ -0,0 +1,78 @@
+/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
+@layer theme, base, components, utilities;
+@layer utilities;
+.gridui-brand-logo {
+  display: inline-block;
+  flex-shrink: 0;
+  vertical-align: middle;
+  overflow: visible;
+}
+.gridui-brand-face {
+  transform-box: view-box;
+  transform-origin: 90px 85px;
+}
+.gridui-brand-face > polygon {
+  fill-opacity: var(--brand-base);
+  animation: var(--brand-idle, none), var(--brand-shimmer, none);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .gridui-brand-logo[data-face-hover="true"] .gridui-brand-face > polygon {
+    transition: fill-opacity var(--brand-hover-duration) ease-out;
+  }
+  .gridui-brand-logo[data-animation="enter"] .gridui-brand-face {
+    animation: gridui-brand-enter var(--brand-duration) cubic-bezier(.333333, 1, .666667, 1) var(--brand-delay) backwards, gridui-brand-reveal var(--brand-fade) linear var(--brand-delay) backwards;
+  }
+  .gridui-brand-logo[data-idle="glow"] .gridui-brand-face > polygon {
+    --brand-idle: gridui-brand-glow var(--brand-idle-duration) ease-in-out var(--brand-idle-delay) infinite;
+  }
+  :where(a, button):focus-visible .gridui-brand-logo[data-emphasis="shimmer"] .gridui-brand-face > polygon {
+    --brand-shimmer: gridui-brand-shimmer var(--brand-shimmer-duration) ease-out var(--brand-shimmer-delay);
+  }
+}
+@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
+  .gridui-brand-logo[data-emphasis="shimmer"]:hover .gridui-brand-face > polygon, :where(a, button):hover .gridui-brand-logo[data-emphasis="shimmer"] .gridui-brand-face > polygon {
+    --brand-shimmer: gridui-brand-shimmer var(--brand-shimmer-duration) ease-out var(--brand-shimmer-delay);
+  }
+}
+@media (hover: hover) and (pointer: fine) {
+  .gridui-brand-logo[data-face-hover="true"] .gridui-brand-face > polygon:hover {
+    --brand-base: 1;
+    --brand-low: 1;
+    --brand-peak: 1;
+  }
+}
+@keyframes gridui-brand-enter {
+  from {
+    transform: var(--brand-from);
+  }
+  to {
+    transform: translate(0, 0) rotate(0deg);
+  }
+}
+@keyframes gridui-brand-reveal {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes gridui-brand-glow {
+  0%, 65%, 100% {
+    fill-opacity: var(--brand-low);
+  }
+  22% {
+    fill-opacity: var(--brand-peak);
+  }
+  44% {
+    fill-opacity: var(--brand-base);
+  }
+}
+@keyframes gridui-brand-shimmer {
+  0%, 100% {
+    fill-opacity: var(--brand-base);
+  }
+  42% {
+    fill-opacity: var(--brand-peak);
+  }
+}

package/dist/wordmark/layout.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @author WMXPY
+ * @package Gridui Brand
+ * @namespace Wordmark
+ * @description Layout
+ */
+export declare const wordmarkLayout: {
+    readonly width: 400;
+    readonly height: 132;
+    readonly viewBox: "0 0 400 132";
+    readonly markSize: 132;
+    readonly letteringTransform: "translate(158 9)";
+};

package/dist/wordmark/paths.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @author WMXPY
+ * @package Gridui Brand
+ * @namespace Wordmark
+ * @description Paths
+ */
+export declare const wordmarkPaths: readonly ["M 31.235998 59.784004 L 47.576004 59.784004 Q 46.891994 62.444 45.524 64.8 Q 44.155994 67.156 42.104 68.98 Q 40.052 70.804 37.239998 71.792 Q 34.427998 72.78 30.856 72.78 Q 25.612 72.78 21.432 70.348 Q 17.251999 67.916 14.82 63.545998 Q 12.388 59.176003 12.388 53.4 Q 12.388 47.548 14.858 43.254 Q 17.328 38.960003 21.546 36.566 Q 25.763998 34.172 30.856 34.172 Q 36.404 34.172 40.317997 36.452 Q 44.232 38.732002 46.435997 42.532 L 53.732 37.668003 Q 51.376 33.944 48.032 31.322002 Q 44.688 28.7 40.393997 27.256 Q 36.1 25.812002 30.856 25.812002 Q 24.852 25.812002 19.76 27.826 Q 14.667998 29.84 10.868 33.526 Q 7.068 37.212 4.9779997 42.266003 Q 2.888 47.319996 2.888 53.4 Q 2.888 59.480003 4.94 64.572 Q 6.991999 69.664 10.754 73.388 Q 14.516 77.112 19.608 79.126 Q 24.699999 81.14 30.703997 81.14 Q 37.087997 81.14 42.028 78.822 Q 46.968 76.504 50.312004 72.476 Q 53.656 68.448 55.328 63.242 Q 57 58.036003 56.848 52.184 L 31.235998 52.184 L 31.235998 59.784004 Z M 73.492 45.04 L 65.36 45.04 L 65.36 80 L 73.492 80 L 73.492 45.04 Z M 83.904 53.78 L 87.932 46.864 Q 86.715996 45.420002 85.044 44.812 Q 83.371994 44.204002 81.472 44.204002 Q 78.812 44.204002 76.341995 46.142002 Q 73.871994 48.08 72.313995 51.31 Q 70.756 54.54 70.756 58.72 L 73.492 60.316 Q 73.492 57.808 74.062 55.946 Q 74.631996 54.084 75.923996 53.02 Q 77.215996 51.956005 79.268 51.956005 Q 80.787994 51.956005 81.813995 52.412003 Q 82.84 52.868 83.904 53.78 Z M 93.25201 31.131998 Q 93.25201 33.184002 94.81 34.666 Q 96.368 36.148003 98.42 36.148003 Q 100.62399 36.148003 102.144 34.666 Q 103.663994 33.184002 103.663994 31.131998 Q 103.663994 29.004002 102.144 27.560003 Q 100.62399 26.116001 98.42 26.116001 Q 96.368 26.116001 94.81 27.560003 Q 93.25201 29.004002 93.25201 31.131998 Z M 94.392006 45.04 L 94.392006 80 L 102.523994 80 L 102.523994 45.04 L 94.392006 45.04 Z M 140.144 20.720001 L 140.144 80 L 148.428 80 L 148.428 20.720001 L 140.144 20.720001 Z M 111.187996 62.520004 Q 111.187996 68.22 113.544 72.324 Q 115.899994 76.428 119.81399 78.594 Q 123.728 80.76 128.21199 80.76 Q 132.62 80.76 135.926 78.556 Q 139.232 76.352 141.17 72.248 Q 143.108 68.144 143.108 62.520004 Q 143.108 56.82 141.17 52.754 Q 139.232 48.688004 135.926 46.483997 Q 132.62 44.280003 128.21199 44.280003 Q 123.728 44.280003 119.81399 46.446003 Q 115.899994 48.612 113.544 52.678 Q 111.187996 56.744003 111.187996 62.520004 Z M 119.7 62.520004 Q 119.7 59.024 121.14399 56.516 Q 122.588 54.008003 124.981995 52.716 Q 127.37599 51.424004 130.18799 51.424004 Q 132.62 51.424004 134.9 52.716 Q 137.18 54.008003 138.66199 56.478004 Q 140.144 58.947998 140.144 62.520004 Q 140.144 66.092 138.66199 68.562 Q 137.18 71.032 134.9 72.324 Q 132.62 73.616 130.18799 73.616 Q 127.37599 73.616 124.981995 72.324 Q 122.588 71.032 121.14399 68.524 Q 119.7 66.016 119.7 62.520004 Z M 158.916 26.800003 L 158.916 62.520004 Q 158.916 66.928 160.32199 70.386 Q 161.728 73.844 164.312 76.276 Q 166.896 78.708 170.468 80 Q 174.04001 81.292 178.29599 81.292 Q 182.552 81.292 186.12401 80 Q 189.696 78.708 192.318 76.276 Q 194.94 73.844 196.346 70.386 Q 197.752 66.928 197.752 62.520004 L 197.752 26.800003 L 188.70798 26.800003 L 188.70798 62.14 Q 188.70798 67.004 186.08598 70.044 Q 183.464 73.084 178.29599 73.084 Q 173.204 73.084 170.54399 70.044 Q 167.884 67.004 167.884 62.14 L 167.884 26.800003 L 158.916 26.800003 Z M 209.152 26.800003 L 209.152 80 L 218.272 80 L 218.272 26.800003 L 209.152 26.800003 Z"];
+export declare const taglinePaths: readonly ["M 10.704 63.968 L 21.36 80 L 28.224 80 L 16.8 63.968 L 10.704 63.968 Z M 3.744 46.4 L 3.744 80 L 9.408 80 L 9.408 46.4 L 3.744 46.4 Z M 7.104 51.296 L 13.872 51.296 Q 15.84 51.296 17.28 51.968 Q 18.72 52.64 19.536 53.888 Q 20.352 55.136 20.352 56.96 Q 20.352 58.736 19.536 60.007996 Q 18.72 61.28 17.28 61.928 Q 15.84 62.576 13.872 62.576 L 7.104 62.576 L 7.104 67.28 L 14.112 67.28 Q 17.808 67.28 20.496 65.984 Q 23.184 64.688 24.696 62.336 Q 26.208 59.984 26.208 56.816 Q 26.208 53.648006 24.696 51.319996 Q 23.184 48.992 20.496 47.696 Q 17.808 46.4 14.112 46.4 L 7.104 46.4 L 7.104 51.296 Z M 41.472 80.48 Q 45.312 80.48 48.048 78.968 Q 50.784 77.456 52.56 74.48 L 48.048 72.704 Q 47.04 74.48 45.456 75.344 Q 43.872 76.208 41.711998 76.208 Q 39.696 76.208 38.304 75.344 Q 36.912 74.48 36.168 72.8 Q 35.424 71.12 35.472 68.768 Q 35.472 66.368 36.216 64.736 Q 36.96 63.104 38.328 62.24 Q 39.696 61.376 41.664 61.376 Q 43.296 61.376 44.520004 62.096 Q 45.744 62.816 46.440002 64.112 Q 47.136 65.408 47.136 67.184 Q 47.136 67.52 46.968002 68 Q 46.8 68.479996 46.656 68.768 L 48.24 66.56 L 33.312 66.56 L 33.312 70.16 L 52.704 70.16 Q 52.704 69.968 52.727997 69.536 Q 52.752 69.104004 52.752 68.72 Q 52.752 65.168 51.456 62.648003 Q 50.16 60.128 47.687996 58.784 Q 45.216 57.44 41.711998 57.44 Q 38.208 57.44 35.616 58.856 Q 33.024 60.272 31.608 62.864 Q 30.192 65.456 30.192 68.96 Q 30.192 72.416 31.584 75.008 Q 32.975998 77.6 35.544 79.04 Q 38.112 80.48 41.472 80.48 Z M 61.008 73.136 Q 61.008 72.08 61.512 71.36 Q 62.016 70.64 63.024 70.232 Q 64.032 69.824 65.664 69.824 Q 67.535995 69.824 69.216 70.304 Q 70.895996 70.784 72.384 71.84 L 72.384 69.2 Q 71.951996 68.672 70.895996 68.024 Q 69.84 67.376 68.232 66.895996 Q 66.624 66.416 64.416 66.416 Q 60.288 66.416 58.032 68.312 Q 55.776 70.208 55.776 73.423996 Q 55.776 75.68 56.832 77.264 Q 57.888 78.848 59.664 79.664 Q 61.44 80.48 63.504 80.48 Q 65.423996 80.48 67.272 79.784 Q 69.119995 79.088 70.344 77.648 Q 71.568 76.208 71.568 74.096 L 70.8 71.216 Q 70.8 72.895996 70.032 74.096 Q 69.264 75.296 67.992 75.944 Q 66.72 76.592 65.136 76.592 Q 63.935993 76.592 63 76.208 Q 62.064 75.824 61.536 75.032 Q 61.008 74.24 61.008 73.136 Z M 59.376 63.68 Q 59.904 63.344 60.864 62.840004 Q 61.824 62.336 63.192 61.975998 Q 64.56 61.615993 66.096 61.615993 Q 67.104 61.615993 67.968 61.808 Q 68.832 62 69.479996 62.432 Q 70.128 62.864 70.464 63.536 Q 70.8 64.208 70.8 65.264 L 70.8 80 L 75.888 80 L 75.888 64.256 Q 75.888 62.048 74.712 60.512 Q 73.535995 58.976 71.423996 58.184 Q 69.312 57.392 66.624 57.392 Q 63.504 57.392 61.152 58.256 Q 58.8 59.12 57.264 60.032 L 59.376 63.68 Z M 85.392 68.96 Q 85.392 66.895996 86.304 65.312 Q 87.216 63.728 88.776 62.816 Q 90.336 61.904 92.256 61.904 Q 93.792 61.904 95.232 62.384007 Q 96.672 62.864 97.80001 63.704002 Q 98.928 64.544 99.456 65.648 L 99.456 59.888 Q 98.304 58.784 96.336 58.112 Q 94.368 57.44 92.01599 57.44 Q 88.656 57.44 85.944 58.904 Q 83.232 60.368 81.648 62.96 Q 80.064 65.552 80.064 68.96 Q 80.064 72.32 81.648 74.936 Q 83.232 77.552 85.944 79.016 Q 88.656 80.48 92.01599 80.48 Q 94.368 80.48 96.336 79.808 Q 98.304 79.136 99.456 77.984 L 99.456 72.272 Q 98.928 73.328 97.82401 74.168 Q 96.72001 75.008 95.304 75.512 Q 93.888 76.016 92.256 76.016 Q 90.336 76.016 88.776 75.104004 Q 87.216 74.192 86.304 72.608 Q 85.392 71.024 85.392 68.96 Z M 102.09601 57.92 L 102.09601 62.48 L 114.624 62.48 L 114.624 57.92 L 102.09601 57.92 Z M 105.840004 50.24 L 105.840004 80 L 110.928 80 L 110.928 50.24 L 105.840004 50.24 Z M 136.03201 68.96 Q 136.03201 66.895996 136.944 65.312 Q 137.856 63.728 139.41602 62.816 Q 140.97601 61.904 142.89601 61.904 Q 144.432 61.904 145.87201 62.384007 Q 147.31201 62.864 148.44 63.704002 Q 149.56801 64.544 150.09601 65.648 L 150.09601 59.888 Q 148.944 58.784 146.97601 58.112 Q 145.00801 57.44 142.656 57.44 Q 139.296 57.44 136.58401 58.904 Q 133.87201 60.368 132.28801 62.96 Q 130.70401 65.552 130.70401 68.96 Q 130.70401 72.32 132.28801 74.936 Q 133.87201 77.552 136.58401 79.016 Q 139.296 80.48 142.656 80.48 Q 145.00801 80.48 146.97601 79.808 Q 148.944 79.136 150.09601 77.984 L 150.09601 72.272 Q 149.56801 73.328 148.464 74.168 Q 147.36002 75.008 145.944 75.512 Q 144.52802 76.016 142.89601 76.016 Q 140.97601 76.016 139.41602 75.104004 Q 137.856 74.192 136.944 72.608 Q 136.03201 71.024 136.03201 68.96 Z M 154.128 68.96 Q 154.128 72.32 155.688 74.936 Q 157.248 77.552 159.96 79.016 Q 162.672 80.48 166.032 80.48 Q 169.44 80.48 172.128 79.016 Q 174.81601 77.552 176.376 74.936 Q 177.93599 72.32 177.93599 68.96 Q 177.93599 65.552 176.376 62.96 Q 174.81601 60.368 172.128 58.904 Q 169.44 57.44 166.032 57.44 Q 162.672 57.44 159.96 58.904 Q 157.248 60.368 155.688 62.96 Q 154.128 65.552 154.128 68.96 Z M 159.45601 68.96 Q 159.45601 66.895996 160.32 65.312 Q 161.184 63.728 162.672 62.864 Q 164.16 62 166.032 62 Q 167.904 62 169.392 62.864 Q 170.88 63.728 171.744 65.312 Q 172.608 66.895996 172.608 68.96 Q 172.608 71.024 171.744 72.584 Q 170.88 74.144 169.392 75.032 Q 167.904 75.92 166.032 75.92 Q 164.16 75.92 162.672 75.032 Q 161.184 74.144 160.32 72.584 Q 159.45601 71.024 159.45601 68.96 Z M 214.51201 65.936 Q 214.51201 63.248 213.72 61.328 Q 212.928 59.407993 211.39201 58.423996 Q 209.856 57.44 207.45601 57.44 Q 205.24802 57.44 203.496 58.423996 Q 201.74399 59.407993 200.544 61.376 Q 199.82402 59.456 198.216 58.448 Q 196.608 57.44 194.20801 57.44 Q 192.048 57.44 190.51201 58.375996 Q 188.976 59.312 187.968 61.136 L 187.968 57.92 L 182.88 57.92 L 182.88 80 L 187.968 80 L 187.968 66.56 Q 187.968 64.976 188.52 63.872 Q 189.07202 62.768 190.05602 62.192 Q 191.04 61.615993 192.33601 61.615993 Q 194.25601 61.615993 195.14401 62.840004 Q 196.03201 64.064 196.03201 66.56 L 196.03201 80 L 201.216 80 L 201.216 66.56 Q 201.216 64.976 201.76799 63.872 Q 202.32002 62.768 203.30402 62.192 Q 204.288 61.615993 205.632 61.615993 Q 207.50401 61.615993 208.39201 62.840004 Q 209.28001 64.064 209.28001 66.56 L 209.28001 80 L 214.51201 80 L 214.51201 65.936 Z M 226.12802 90.56 L 226.12802 57.92 L 220.896 57.92 L 220.896 90.56 L 226.12802 90.56 Z M 244.416 68.96 Q 244.416 65.216 242.92801 62.648003 Q 241.44002 60.08 238.99199 58.688 Q 236.544 57.296 233.664 57.296 Q 230.88 57.296 228.792 58.736 Q 226.704 60.176 225.552 62.768 Q 224.4 65.36 224.4 68.96 Q 224.4 72.512 225.552 75.128 Q 226.704 77.744 228.792 79.16 Q 230.88 80.576 233.664 80.576 Q 236.544 80.576 238.99199 79.208 Q 241.44002 77.84 242.92801 75.224 Q 244.416 72.608 244.416 68.96 Z M 239.04 68.96 Q 239.04 71.168 238.128 72.704 Q 237.216 74.24 235.728 75.056 Q 234.24 75.872 232.41602 75.872 Q 230.88 75.872 229.44 75.08 Q 228 74.288 227.064 72.752 Q 226.12802 71.216 226.12802 68.96 Q 226.12802 66.704 227.064 65.168 Q 228 63.632 229.44 62.840004 Q 230.88 62.048 232.41602 62.048 Q 234.24 62.048 235.728 62.840004 Q 237.216 63.632 238.128 65.192 Q 239.04 66.752 239.04 68.96 Z M 247.68 68.96 Q 247.68 72.32 249.24 74.936 Q 250.8 77.552 253.51201 79.016 Q 256.224 80.48 259.584 80.48 Q 262.992 80.48 265.68 79.016 Q 268.368 77.552 269.928 74.936 Q 271.488 72.32 271.488 68.96 Q 271.488 65.552 269.928 62.96 Q 268.368 60.368 265.68 58.904 Q 262.992 57.44 259.584 57.44 Q 256.224 57.44 253.51201 58.904 Q 250.8 60.368 249.24 62.96 Q 247.68 65.552 247.68 68.96 Z M 253.00801 68.96 Q 253.00801 66.895996 253.87201 65.312 Q 254.73602 63.728 256.224 62.864 Q 257.712 62 259.584 62 Q 261.456 62 262.944 62.864 Q 264.432 63.728 265.29602 65.312 Q 266.16 66.895996 266.16 68.96 Q 266.16 71.024 265.29602 72.584 Q 264.432 74.144 262.944 75.032 Q 261.456 75.92 259.584 75.92 Q 257.712 75.92 256.224 75.032 Q 254.73602 74.144 253.87201 72.584 Q 253.00801 71.024 253.00801 68.96 Z M 290.63998 66.56 L 290.63998 80 L 295.968 80 L 295.968 65.936 Q 295.968 62 294 59.72 Q 292.03198 57.44 288.288 57.44 Q 286.03198 57.44 284.376 58.4 Q 282.72 59.36 281.664 61.328 L 281.664 57.92 L 276.432 57.92 L 276.432 80 L 281.664 80 L 281.664 66.56 Q 281.664 65.072 282.264 63.944004 Q 282.86398 62.816 283.968 62.215996 Q 285.072 61.615993 286.56 61.615993 Q 288.624 61.615993 289.632 62.864 Q 290.63998 64.112 290.63998 66.56 Z M 312.192 80.48 Q 316.032 80.48 318.768 78.968 Q 321.504 77.456 323.28 74.48 L 318.768 72.704 Q 317.76 74.48 316.176 75.344 Q 314.592 76.208 312.432 76.208 Q 310.416 76.208 309.024 75.344 Q 307.632 74.48 306.888 72.8 Q 306.144 71.12 306.192 68.768 Q 306.192 66.368 306.936 64.736 Q 307.68 63.104 309.048 62.24 Q 310.416 61.376 312.384 61.376 Q 314.016 61.376 315.24 62.096 Q 316.464 62.816 317.16 64.112 Q 317.856 65.408 317.856 67.184 Q 317.856 67.52 317.688 68 Q 317.52 68.479996 317.376 68.768 L 318.96 66.56 L 304.032 66.56 L 304.032 70.16 L 323.424 70.16 Q 323.424 69.968 323.448 69.536 Q 323.472 69.104004 323.472 68.72 Q 323.472 65.168 322.176 62.648003 Q 320.88 60.128 318.408 58.784 Q 315.936 57.44 312.432 57.44 Q 308.928 57.44 306.336 58.856 Q 303.744 60.272 302.328 62.864 Q 300.912 65.456 300.912 68.96 Q 300.912 72.416 302.304 75.008 Q 303.69598 77.6 306.264 79.04 Q 308.832 80.48 312.192 80.48 Z M 342.672 66.56 L 342.672 80 L 348 80 L 348 65.936 Q 348 62 346.032 59.72 Q 344.064 57.44 340.32 57.44 Q 338.064 57.44 336.40802 58.4 Q 334.752 59.36 333.696 61.328 L 333.696 57.92 L 328.46402 57.92 L 328.46402 80 L 333.696 80 L 333.696 66.56 Q 333.696 65.072 334.29602 63.944004 Q 334.896 62.816 336 62.215996 Q 337.104 61.615993 338.592 61.615993 Q 340.656 61.615993 341.664 62.864 Q 342.672 64.112 342.672 66.56 Z M 351.55203 57.92 L 351.55203 62.48 L 364.08002 62.48 L 364.08002 57.92 L 351.55203 57.92 Z M 355.29602 50.24 L 355.29602 80 L 360.38403 80 L 360.38403 50.24 L 355.29602 50.24 Z M 368.64 72.704 L 365.616 75.776 Q 366.57602 77.024 368.01602 78.152 Q 369.456 79.28 371.328 79.976 Q 373.19998 80.672 375.504 80.672 Q 379.104 80.672 381.24002 78.776 Q 383.376 76.88 383.376 73.76 Q 383.376 71.744 382.464 70.496 Q 381.55197 69.248 380.01602 68.384 Q 378.48 67.52 376.608 66.8 Q 375.264 66.272 374.18402 65.792 Q 373.10397 65.312 372.456 64.712 Q 371.808 64.112 371.808 63.344 Q 371.808 62.432 372.528 61.952 Q 373.248 61.472 374.4 61.472 Q 376.032 61.472 377.56802 62.288 Q 379.104 63.104 380.16 64.4 L 383.04 61.328 Q 382.128 60.224 380.832 59.36 Q 379.536 58.496 377.928 57.968 Q 376.32 57.44 374.496 57.44 Q 372.48 57.44 370.72797 58.087997 Q 368.97598 58.736 367.944 60.08 Q 366.91202 61.424 366.91202 63.44 Q 366.91202 65.408 367.84805 66.704 Q 368.78403 68 370.24802 68.792 Q 371.712 69.584 373.19998 70.16 Q 374.68802 70.688 375.792 71.192 Q 376.89597 71.696 377.52002 72.392 Q 378.14404 73.088 378.14404 74.048 Q 378.14404 75.152 377.35202 75.776 Q 376.56 76.4 375.168 76.4 Q 374.064 76.4 372.96002 75.968 Q 371.85602 75.536 370.80002 74.72 Q 369.74405 73.904 368.64 72.704 Z"];

package/dist/wordmark/wordmark.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @author WMXPY
+ * @package Gridui Brand
+ * @namespace Wordmark
+ * @description Wordmark
+ */
+import type { ComponentPropsWithRef, FC } from "react";
+export type WordmarkProps = Omit<ComponentPropsWithRef<"svg">, "children" | "dangerouslySetInnerHTML" | "viewBox"> & {
+    readonly title?: string;
+    readonly markColor?: string;
+};
+export declare const Wordmark: FC<WordmarkProps>;

package/docs/README.md

@@ -0,0 +1,11 @@
+# GridUI brand guides
+
+The [package contract](../README.md) covers installation, Logo motion and
+accessibility, Wordmark, and the exported static SVG, PNG, and ICO assets.
+The [component reference](reference/README.md) lists public React props.
+
+Import Logo and Wordmark from `@gridui/gridui-brand`. Load only
+`@gridui/gridui-brand/styles.css` for optional motion; the complete mark remains
+visible without CSS. Theme, Grid, and Branding are not runtime dependencies.
+Branding is an optional independent layout for placing this identity alongside
+other brands. Consumers own links, region placement, and final asset URLs.

package/docs/catalog.json

@@ -0,0 +1,46 @@
+{
+  "schemaVersion": 1,
+  "name": "@gridui/gridui-brand",
+  "version": "0.0.0",
+  "category": "core",
+  "description": "GridUI Weave logo, wordmark, motion styles, and static brand assets.",
+  "usage": "`@gridui/gridui-brand` provides GridUI's Weave Logo, Wordmark, optional motion, and static identity assets. Consumers opt into this package independently of `@gridui/branding`, which arranges arbitrary brand items. No Theme stylesheet or other GridUI runtime package is required.",
+  "documentation": [
+    "README.md",
+    "docs/README.md",
+    "docs/reference/README.md",
+    "docs/reference/logo.md",
+    "docs/reference/wordmark.md"
+  ],
+  "exports": [
+    {
+      "name": "Logo",
+      "kind": "component",
+      "importPath": "@gridui/gridui-brand"
+    },
+    {
+      "name": "LogoProps",
+      "kind": "type",
+      "importPath": "@gridui/gridui-brand"
+    },
+    {
+      "name": "Wordmark",
+      "kind": "component",
+      "importPath": "@gridui/gridui-brand"
+    },
+    {
+      "name": "WordmarkProps",
+      "kind": "type",
+      "importPath": "@gridui/gridui-brand"
+    }
+  ],
+  "styles": [
+    "@gridui/gridui-brand/styles.css"
+  ],
+  "examples": [
+    "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/gridui-brand/stories/brand.mdx",
+    "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/gridui-brand/stories/getting-started.mdx",
+    "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/gridui-brand/stories/weave.stories.tsx",
+    "https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/gridui-brand/stories/wordmark.stories.tsx"
+  ]
+}

package/docs/reference/README.md

@@ -0,0 +1,5 @@
+<!-- Generated by pnpm docs:storybook. -->
+# Component reference
+
+- [Logo](logo.md)
+- [Wordmark](wordmark.md)

package/docs/reference/logo.md

@@ -0,0 +1,114 @@
+<!-- Generated from public Props and owned stories. Run pnpm docs:storybook. -->
+# Logo
+
+Weave is GridUI's six-facet brand mark for consumer applications. The same geometry generates the React logo, favicons, and sharing image at build time.
+
+Import from ``@gridui/gridui-brand``. Load this family's standalone stylesheet when needed.
+
+```tsx
+import { Logo } from "@gridui/gridui-brand";
+import "@gridui/gridui-brand/styles.css";
+```
+
+Read the [package contract](https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/gridui-brand/README.md) for shared behavior and stylesheet dependencies.
+
+The [working composition](https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/gridui-brand/stories/weave.stories.tsx) demonstrates required context, state, and related components. Use View code in Storybook to inspect the actual implementation.
+
+## API
+
+The public Props type is the source of these signatures. Defaults below are explicit implementation defaults; story presets are separate. Native attributes remain available through the exported Props type.
+
+### onFocus
+
+``(event: FocusEvent<SVGSVGElement, Element>): void`` · Optional
+
+Called when the corresponding interaction occurs; inspect the arguments in Actions.
+
+### onBlur
+
+``(event: FocusEvent<SVGSVGElement, Element>): void`` · Optional
+
+Called when the corresponding interaction occurs; inspect the arguments in Actions.
+
+### onChange
+
+``(event: ChangeEvent<SVGSVGElement, Element>): void`` · Optional
+
+Called when the corresponding interaction occurs; inspect the arguments in Actions.
+
+### onSubmit
+
+``(event: SubmitEvent<SVGSVGElement>): void`` · Optional
+
+Called when the corresponding interaction occurs; inspect the arguments in Actions.
+
+### onClick
+
+``(event: MouseEvent<SVGSVGElement, MouseEvent>): void`` · Optional
+
+Called when the corresponding interaction occurs; inspect the arguments in Actions.
+
+### size
+
+``string | number | undefined`` · Optional
+
+Default: ``48``
+
+Component size preset.
+
+### framing
+
+``"canvas" | "square" | undefined`` · Optional
+
+Default: ``"canvas"``
+
+### title
+
+``string | undefined`` · Optional
+
+### appearance
+
+``"glass" | "solid" | undefined`` · Optional
+
+Default: ``"glass"``
+
+### animation
+
+``"none" | "enter" | undefined`` · Optional
+
+Default: ``"none"``
+
+### idle
+
+``"none" | "glow" | undefined`` · Optional
+
+Default: ``"none"``
+
+### emphasis
+
+``"none" | "shimmer" | undefined`` · Optional
+
+Default: ``"none"``
+
+### faceHover
+
+``boolean | undefined`` · Optional
+
+Default: ``false``
+
+### duration
+
+``number | undefined`` · Optional
+
+Default: ``logoMotion.entrance.duration``
+
+### progress
+
+``number | undefined`` · Optional
+
+### replayKey
+
+``string | number | undefined`` · Optional
+
+Default: ``0``
+

package/docs/reference/wordmark.md

@@ -0,0 +1,60 @@
+<!-- Generated from public Props and owned stories. Run pnpm docs:storybook. -->
+# Wordmark
+
+Renders GridUI's complete logo and vector wordmark without a font dependency. Supply its accessible name and use native SVG props to size or color it.
+
+Import from ``@gridui/gridui-brand``. Load this family's standalone stylesheet when needed.
+
+```tsx
+import { Wordmark } from "@gridui/gridui-brand";
+import "@gridui/gridui-brand/styles.css";
+```
+
+Read the [package contract](https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/gridui-brand/README.md) for shared behavior and stylesheet dependencies.
+
+The [working composition](https://github.com/sudo-ui/GridUI-React-Monorepo/blob/main/packages-core/gridui-brand/stories/wordmark.stories.tsx) demonstrates required context, state, and related components. Use View code in Storybook to inspect the actual implementation.
+
+## API
+
+The public Props type is the source of these signatures. Defaults below are explicit implementation defaults; story presets are separate. Native attributes remain available through the exported Props type.
+
+### onFocus
+
+``(event: FocusEvent<SVGSVGElement, Element>): void`` · Optional
+
+Called when the corresponding interaction occurs; inspect the arguments in Actions.
+
+### onBlur
+
+``(event: FocusEvent<SVGSVGElement, Element>): void`` · Optional
+
+Called when the corresponding interaction occurs; inspect the arguments in Actions.
+
+### onChange
+
+``(event: ChangeEvent<SVGSVGElement, Element>): void`` · Optional
+
+Called when the corresponding interaction occurs; inspect the arguments in Actions.
+
+### onSubmit
+
+``(event: SubmitEvent<SVGSVGElement>): void`` · Optional
+
+Called when the corresponding interaction occurs; inspect the arguments in Actions.
+
+### onClick
+
+``(event: MouseEvent<SVGSVGElement, MouseEvent>): void`` · Optional
+
+Called when the corresponding interaction occurs; inspect the arguments in Actions.
+
+### title
+
+``string | undefined`` · Optional
+
+### markColor
+
+``string | undefined`` · Optional
+
+Default: ``"currentColor"``
+

package/package.json

@@ -1,6 +1,58 @@
 {
   "name": "@gridui/gridui-brand",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.0",
+  "description": "GridUI Weave logo, wordmark, motion styles, and static brand assets.",
+  "license": "UNLICENSED",
+  "type": "module",
+  "files": [
+    "dist",
+    "docs",
+    "README.md",
+    "OFL.txt"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./logo.svg": "./dist/assets/brand/logo.svg",
+    "./wordmark.svg": "./dist/assets/brand/wordmark.svg",
+    "./favicon.svg": "./dist/assets/favicon.svg",
+    "./favicon.ico": "./dist/assets/favicon.ico",
+    "./favicon-32.png": "./dist/assets/favicon-32.png",
+    "./apple-touch-icon.png": "./dist/assets/apple-touch-icon.png",
+    "./og.png": "./dist/assets/og/gridui.png"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@gridui-internal/configuration": "0.0.0-internal",
+    "@gridui/theme": "2.5.4",
+    "@jest/globals": "30.5.2",
+    "@resvg/resvg-js": "2.6.2",
+    "@storybook/react-vite": "10.6.7",
+    "@types/jest": "30.0.0",
+    "@types/node": "26.6.6",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "esbuild": "0.28.2",
+    "jest": "30.5.2",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "typescript": "6.0.3"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "scripts": {
+    "build": "node ../../scripts/compilation/package.ts && node scripts/build-assets.ts",
+    "compile": "tsc --project tsconfig.json",
+    "test": "jest && node --test scripts/test/*.test.ts",
+    "coverage": "jest --coverage && NODE_V8_COVERAGE=coverage/node node --experimental-test-coverage --test scripts/test/*.test.ts"
+  }
 }