@ginia/ui 0.1.22 → 0.1.23

package/AGENTS.md

@@ -32,7 +32,7 @@ export default {
 
 ```tsx
 // Import components
-import { Button, Card, Input, Dialog } from "@ginia/ui";
+import { Button, Card, Input, Dialog, Typography, GiniaWordmark } from "@ginia/ui";
 
 // Import design tokens
 import { colors, fontFamily } from "@ginia/ui/tokens";
@@ -63,4 +63,6 @@ import { cn } from "@ginia/ui";
 5. **Components are `"use client"`** — wrap accordingly in Next.js App Router.
 6. **Composed APIs**: `Select`, `Dialog`, `Sheet`, `Accordion`, etc. use multi-part patterns (e.g., `<Select>` + `<SelectTrigger>` + `<SelectContent>` + `<SelectItem>`). Check the Storybook for the exact composition pattern of each component.
 7. **Icons**: Icons are re-exported from `lucide-react` and should be imported from `@ginia/ui/icons`. For consistent sizing and accessibility, prefer using the `<Icon />` component from `@ginia/ui`.
-8. **No business logic** in components — they are purely presentational.
+8. **Typography**: Use `<Typography variant="…" />` for headings, body, lead, caption, and display styles. Each variant has a default HTML tag; override with `as` or `asChild` when you need a different element (e.g. a link styled as a heading).
+9. **Brand lockup**: `<GiniaWordmark />` combines the official `<Logo />` SVG with the word “Ginia” for headers and splash surfaces. Use `size` (`sm` | `md` | `lg`) and optional `label` for accessibility.
+10. **No business logic** in components — they are purely presentational.

package/dist/components/ui/ginia-wordmark/ginia-wordmark.cjs

@@ -0,0 +1,85 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ginia_wordmark_exports = {};
+__export(ginia_wordmark_exports, {
+  GiniaWordmark: () => GiniaWordmark,
+  wordmarkVariants: () => wordmarkVariants
+});
+module.exports = __toCommonJS(ginia_wordmark_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("../../../lib/utils");
+var import_logo = require("../logo/logo");
+const wordmarkVariants = (0, import_class_variance_authority.cva)("inline-flex items-center", {
+  variants: {
+    size: {
+      sm: "gap-1.5",
+      md: "gap-2",
+      lg: "gap-2.5"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const logoSizeClass = {
+  sm: "size-6",
+  md: "size-8",
+  lg: "size-10"
+};
+const labelVariants = (0, import_class_variance_authority.cva)("font-semibold tracking-tight text-foreground", {
+  variants: {
+    size: {
+      sm: "text-lg",
+      md: "text-xl",
+      lg: "text-2xl"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function GiniaWordmark({
+  className,
+  size = "md",
+  label = "Ginia",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_utils.cn)(wordmarkVariants({ size }), className),
+      role: "img",
+      "aria-label": label,
+      "data-slot": "ginia-wordmark",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.Logo, { "data-slot": "ginia-logo", "aria-hidden": true, className: (0, import_utils.cn)(logoSizeClass[size ?? "md"], "shrink-0") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_utils.cn)(labelVariants({ size })), "aria-hidden": true, children: "Ginia" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GiniaWordmark,
+  wordmarkVariants
+});
+//# sourceMappingURL=ginia-wordmark.cjs.map

package/dist/components/ui/ginia-wordmark/ginia-wordmark.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/ginia-wordmark/ginia-wordmark.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Logo } from \"../logo/logo\";\n\nconst wordmarkVariants = cva(\"inline-flex items-center\", {\n  variants: {\n    size: {\n      sm: \"gap-1.5\",\n      md: \"gap-2\",\n      lg: \"gap-2.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst logoSizeClass = {\n  sm: \"size-6\",\n  md: \"size-8\",\n  lg: \"size-10\",\n} as const;\n\nconst labelVariants = cva(\"font-semibold tracking-tight text-foreground\", {\n  variants: {\n    size: {\n      sm: \"text-lg\",\n      md: \"text-xl\",\n      lg: \"text-2xl\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport interface GiniaWordmarkProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Visual scale of the mark and label. */\n  size?: VariantProps<typeof wordmarkVariants>[\"size\"];\n  /** Accessible label for the combined mark (e.g. for screen readers). */\n  label?: string;\n}\n\n/**\n * Brand lockup: Ginia logo (mark) plus the word “Ginia”.\n *\n * Use in headers, splash screens, and anywhere the product name should appear with the icon.\n */\nfunction GiniaWordmark({\n  className,\n  size = \"md\",\n  label = \"Ginia\",\n  ...props\n}: GiniaWordmarkProps) {\n  return (\n    <div\n      className={cn(wordmarkVariants({ size }), className)}\n      role=\"img\"\n      aria-label={label}\n      data-slot=\"ginia-wordmark\"\n      {...props}\n    >\n      <Logo data-slot=\"ginia-logo\" aria-hidden className={cn(logoSizeClass[size ?? \"md\"], \"shrink-0\")} />\n      <span className={cn(labelVariants({ size }))} aria-hidden>\n        Ginia\n      </span>\n    </div>\n  );\n}\n\nexport { GiniaWordmark, wordmarkVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2DI;AAxDJ,sCAAuC;AAEvC,mBAAmB;AACnB,kBAAqB;AAErB,MAAM,uBAAmB,qCAAI,4BAA4B;AAAA,EACvD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,MAAM,gBAAgB;AAAA,EACpB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,oBAAgB,qCAAI,gDAAgD;AAAA,EACxE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAcD,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,iBAAG,iBAAiB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MACnD,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,aAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,oDAAC,oBAAK,aAAU,cAAa,eAAW,MAAC,eAAW,iBAAG,cAAc,QAAQ,IAAI,GAAG,UAAU,GAAG;AAAA,QACjG,4CAAC,UAAK,eAAW,iBAAG,cAAc,EAAE,KAAK,CAAC,CAAC,GAAG,eAAW,MAAC,mBAE1D;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/ui/ginia-wordmark/ginia-wordmark.d.cts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const wordmarkVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface GiniaWordmarkProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Visual scale of the mark and label. */
+    size?: VariantProps<typeof wordmarkVariants>["size"];
+    /** Accessible label for the combined mark (e.g. for screen readers). */
+    label?: string;
+}
+/**
+ * Brand lockup: Ginia logo (mark) plus the word “Ginia”.
+ *
+ * Use in headers, splash screens, and anywhere the product name should appear with the icon.
+ */
+declare function GiniaWordmark({ className, size, label, ...props }: GiniaWordmarkProps): react_jsx_runtime.JSX.Element;
+
+export { GiniaWordmark, type GiniaWordmarkProps, wordmarkVariants };

package/dist/components/ui/ginia-wordmark/ginia-wordmark.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const wordmarkVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface GiniaWordmarkProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Visual scale of the mark and label. */
+    size?: VariantProps<typeof wordmarkVariants>["size"];
+    /** Accessible label for the combined mark (e.g. for screen readers). */
+    label?: string;
+}
+/**
+ * Brand lockup: Ginia logo (mark) plus the word “Ginia”.
+ *
+ * Use in headers, splash screens, and anywhere the product name should appear with the icon.
+ */
+declare function GiniaWordmark({ className, size, label, ...props }: GiniaWordmarkProps): react_jsx_runtime.JSX.Element;
+
+export { GiniaWordmark, type GiniaWordmarkProps, wordmarkVariants };

package/dist/components/ui/ginia-wordmark/ginia-wordmark.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+import { Logo } from "../logo/logo";
+const wordmarkVariants = cva("inline-flex items-center", {
+  variants: {
+    size: {
+      sm: "gap-1.5",
+      md: "gap-2",
+      lg: "gap-2.5"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const logoSizeClass = {
+  sm: "size-6",
+  md: "size-8",
+  lg: "size-10"
+};
+const labelVariants = cva("font-semibold tracking-tight text-foreground", {
+  variants: {
+    size: {
+      sm: "text-lg",
+      md: "text-xl",
+      lg: "text-2xl"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function GiniaWordmark({
+  className,
+  size = "md",
+  label = "Ginia",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(wordmarkVariants({ size }), className),
+      role: "img",
+      "aria-label": label,
+      "data-slot": "ginia-wordmark",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Logo, { "data-slot": "ginia-logo", "aria-hidden": true, className: cn(logoSizeClass[size ?? "md"], "shrink-0") }),
+        /* @__PURE__ */ jsx("span", { className: cn(labelVariants({ size })), "aria-hidden": true, children: "Ginia" })
+      ]
+    }
+  );
+}
+export {
+  GiniaWordmark,
+  wordmarkVariants
+};
+//# sourceMappingURL=ginia-wordmark.js.map

package/dist/components/ui/ginia-wordmark/ginia-wordmark.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/ginia-wordmark/ginia-wordmark.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Logo } from \"../logo/logo\";\n\nconst wordmarkVariants = cva(\"inline-flex items-center\", {\n  variants: {\n    size: {\n      sm: \"gap-1.5\",\n      md: \"gap-2\",\n      lg: \"gap-2.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst logoSizeClass = {\n  sm: \"size-6\",\n  md: \"size-8\",\n  lg: \"size-10\",\n} as const;\n\nconst labelVariants = cva(\"font-semibold tracking-tight text-foreground\", {\n  variants: {\n    size: {\n      sm: \"text-lg\",\n      md: \"text-xl\",\n      lg: \"text-2xl\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport interface GiniaWordmarkProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Visual scale of the mark and label. */\n  size?: VariantProps<typeof wordmarkVariants>[\"size\"];\n  /** Accessible label for the combined mark (e.g. for screen readers). */\n  label?: string;\n}\n\n/**\n * Brand lockup: Ginia logo (mark) plus the word “Ginia”.\n *\n * Use in headers, splash screens, and anywhere the product name should appear with the icon.\n */\nfunction GiniaWordmark({\n  className,\n  size = \"md\",\n  label = \"Ginia\",\n  ...props\n}: GiniaWordmarkProps) {\n  return (\n    <div\n      className={cn(wordmarkVariants({ size }), className)}\n      role=\"img\"\n      aria-label={label}\n      data-slot=\"ginia-wordmark\"\n      {...props}\n    >\n      <Logo data-slot=\"ginia-logo\" aria-hidden className={cn(logoSizeClass[size ?? \"md\"], \"shrink-0\")} />\n      <span className={cn(labelVariants({ size }))} aria-hidden>\n        Ginia\n      </span>\n    </div>\n  );\n}\n\nexport { GiniaWordmark, wordmarkVariants };\n"],"mappings":";AA2DI,SAOE,KAPF;AAxDJ,SAAS,WAA8B;AAEvC,SAAS,UAAU;AACnB,SAAS,YAAY;AAErB,MAAM,mBAAmB,IAAI,4BAA4B;AAAA,EACvD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAED,MAAM,gBAAgB;AAAA,EACpB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,gBAAgB,IAAI,gDAAgD;AAAA,EACxE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAcD,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,iBAAiB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MACnD,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,aAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,4BAAC,QAAK,aAAU,cAAa,eAAW,MAAC,WAAW,GAAG,cAAc,QAAQ,IAAI,GAAG,UAAU,GAAG;AAAA,QACjG,oBAAC,UAAK,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,CAAC,GAAG,eAAW,MAAC,mBAE1D;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/ui/ginia-wordmark/index.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ginia_wordmark_exports = {};
+__export(ginia_wordmark_exports, {
+  GiniaWordmark: () => import_ginia_wordmark.GiniaWordmark,
+  wordmarkVariants: () => import_ginia_wordmark.wordmarkVariants
+});
+module.exports = __toCommonJS(ginia_wordmark_exports);
+var import_ginia_wordmark = require("./ginia-wordmark");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GiniaWordmark,
+  wordmarkVariants
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/ui/ginia-wordmark/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/ginia-wordmark/index.ts"],"sourcesContent":["export { GiniaWordmark, wordmarkVariants } from \"./ginia-wordmark\";\nexport type { GiniaWordmarkProps } from \"./ginia-wordmark\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAgD;","names":[]}

package/dist/components/ui/ginia-wordmark/index.d.cts

@@ -0,0 +1,5 @@
+export { GiniaWordmark, GiniaWordmarkProps, wordmarkVariants } from './ginia-wordmark.cjs';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';

package/dist/components/ui/ginia-wordmark/index.d.ts

@@ -0,0 +1,5 @@
+export { GiniaWordmark, GiniaWordmarkProps, wordmarkVariants } from './ginia-wordmark.js';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';

package/dist/components/ui/ginia-wordmark/index.js

@@ -0,0 +1,6 @@
+import { GiniaWordmark, wordmarkVariants } from "./ginia-wordmark";
+export {
+  GiniaWordmark,
+  wordmarkVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/components/ui/ginia-wordmark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/ginia-wordmark/index.ts"],"sourcesContent":["export { GiniaWordmark, wordmarkVariants } from \"./ginia-wordmark\";\nexport type { GiniaWordmarkProps } from \"./ginia-wordmark\";\n"],"mappings":"AAAA,SAAS,eAAe,wBAAwB;","names":[]}

package/dist/components/ui/index.cjs

@@ -38,6 +38,7 @@ __reExport(ui_exports, require("./dialog"), module.exports);
 __reExport(ui_exports, require("./drawer"), module.exports);
 __reExport(ui_exports, require("./dropdown-menu"), module.exports);
 __reExport(ui_exports, require("./form"), module.exports);
+__reExport(ui_exports, require("./ginia-wordmark"), module.exports);
 __reExport(ui_exports, require("./hover-card"), module.exports);
 __reExport(ui_exports, require("./icon"), module.exports);
 __reExport(ui_exports, require("./input"), module.exports);
@@ -74,6 +75,7 @@ __reExport(ui_exports, require("./toast"), module.exports);
 __reExport(ui_exports, require("./toggle"), module.exports);
 __reExport(ui_exports, require("./toggle-group"), module.exports);
 __reExport(ui_exports, require("./tooltip"), module.exports);
+__reExport(ui_exports, require("./typography"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./accordion"),
@@ -99,6 +101,7 @@ __reExport(ui_exports, require("./tooltip"), module.exports);
   ...require("./drawer"),
   ...require("./dropdown-menu"),
   ...require("./form"),
+  ...require("./ginia-wordmark"),
   ...require("./hover-card"),
   ...require("./icon"),
   ...require("./input"),
@@ -134,6 +137,7 @@ __reExport(ui_exports, require("./tooltip"), module.exports);
   ...require("./toast"),
   ...require("./toggle"),
   ...require("./toggle-group"),
-  ...require("./tooltip")
+  ...require("./tooltip"),
+  ...require("./typography")
 });
 //# sourceMappingURL=index.cjs.map

package/dist/components/ui/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./autocomplete\";\nexport * from \"./avatar\";\nexport * from \"./background\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./form\";\nexport * from \"./hover-card\";\nexport * from \"./icon\";\nexport * from \"./input\";\nexport * from \"./input-field\";\nexport * from \"./input-otp\";\nexport * from \"./label\";\nexport * from \"./logo\";\nexport * from \"./loading-state\";\nexport * from \"./menubar\";\nexport * from \"./month-year-picker\";\nexport * from \"./multi-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./rich-text-editor\";\nexport * from \"./scroll-area\";\nexport * from \"./section-loader\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./tag-input\";\nexport * from \"./textarea\";\nexport * from \"./toast\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,uBAAc,wBAAd;AACA,uBAAc,oBADd;AAEA,uBAAc,2BAFd;AAGA,uBAAc,2BAHd;AAIA,uBAAc,2BAJd;AAKA,uBAAc,qBALd;AAMA,uBAAc,yBANd;AAOA,uBAAc,oBAPd;AAQA,uBAAc,yBARd;AASA,uBAAc,qBATd;AAUA,uBAAc,uBAVd;AAWA,uBAAc,mBAXd;AAYA,uBAAc,uBAZd;AAaA,uBAAc,uBAbd;AAcA,uBAAc,0BAdd;AAeA,uBAAc,uBAfd;AAgBA,uBAAc,sBAhBd;AAiBA,uBAAc,2BAjBd;AAkBA,uBAAc,0BAlBd;AAmBA,uBAAc,qBAnBd;AAoBA,uBAAc,qBApBd;AAqBA,uBAAc,4BArBd;AAsBA,uBAAc,mBAtBd;AAuBA,uBAAc,yBAvBd;AAwBA,uBAAc,mBAxBd;AAyBA,uBAAc,oBAzBd;AA0BA,uBAAc,0BA1Bd;AA2BA,uBAAc,wBA3Bd;AA4BA,uBAAc,oBA5Bd;AA6BA,uBAAc,mBA7Bd;AA8BA,uBAAc,4BA9Bd;AA+BA,uBAAc,sBA/Bd;AAgCA,uBAAc,gCAhCd;AAiCA,uBAAc,2BAjCd;AAkCA,uBAAc,8BAlCd;AAmCA,uBAAc,yBAnCd;AAoCA,uBAAc,sBApCd;AAqCA,uBAAc,uBArCd;AAsCA,uBAAc,0BAtCd;AAuCA,uBAAc,wBAvCd;AAwCA,uBAAc,+BAxCd;AAyCA,uBAAc,0BAzCd;AA0CA,uBAAc,6BA1Cd;AA2CA,uBAAc,qBA3Cd;AA4CA,uBAAc,wBA5Cd;AA6CA,uBAAc,oBA7Cd;AA8CA,uBAAc,uBA9Cd;AA+CA,uBAAc,qBA/Cd;AAgDA,uBAAc,qBAhDd;AAiDA,uBAAc,sBAjDd;AAkDA,uBAAc,qBAlDd;AAmDA,uBAAc,oBAnDd;AAoDA,uBAAc,mBApDd;AAqDA,uBAAc,wBArDd;AAsDA,uBAAc,uBAtDd;AAuDA,uBAAc,oBAvDd;AAwDA,uBAAc,qBAxDd;AAyDA,uBAAc,2BAzDd;AA0DA,uBAAc,sBA1Dd;","names":[]}
+{"version":3,"sources":["../../../src/components/ui/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./autocomplete\";\nexport * from \"./avatar\";\nexport * from \"./background\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./form\";\nexport * from \"./ginia-wordmark\";\nexport * from \"./hover-card\";\nexport * from \"./icon\";\nexport * from \"./input\";\nexport * from \"./input-field\";\nexport * from \"./input-otp\";\nexport * from \"./label\";\nexport * from \"./logo\";\nexport * from \"./loading-state\";\nexport * from \"./menubar\";\nexport * from \"./month-year-picker\";\nexport * from \"./multi-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./rich-text-editor\";\nexport * from \"./scroll-area\";\nexport * from \"./section-loader\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./tag-input\";\nexport * from \"./textarea\";\nexport * from \"./toast\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\nexport * from \"./typography\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,uBAAc,wBAAd;AACA,uBAAc,oBADd;AAEA,uBAAc,2BAFd;AAGA,uBAAc,2BAHd;AAIA,uBAAc,2BAJd;AAKA,uBAAc,qBALd;AAMA,uBAAc,yBANd;AAOA,uBAAc,oBAPd;AAQA,uBAAc,yBARd;AASA,uBAAc,qBATd;AAUA,uBAAc,uBAVd;AAWA,uBAAc,mBAXd;AAYA,uBAAc,uBAZd;AAaA,uBAAc,uBAbd;AAcA,uBAAc,0BAdd;AAeA,uBAAc,uBAfd;AAgBA,uBAAc,sBAhBd;AAiBA,uBAAc,2BAjBd;AAkBA,uBAAc,0BAlBd;AAmBA,uBAAc,qBAnBd;AAoBA,uBAAc,qBApBd;AAqBA,uBAAc,4BArBd;AAsBA,uBAAc,mBAtBd;AAuBA,uBAAc,6BAvBd;AAwBA,uBAAc,yBAxBd;AAyBA,uBAAc,mBAzBd;AA0BA,uBAAc,oBA1Bd;AA2BA,uBAAc,0BA3Bd;AA4BA,uBAAc,wBA5Bd;AA6BA,uBAAc,oBA7Bd;AA8BA,uBAAc,mBA9Bd;AA+BA,uBAAc,4BA/Bd;AAgCA,uBAAc,sBAhCd;AAiCA,uBAAc,gCAjCd;AAkCA,uBAAc,2BAlCd;AAmCA,uBAAc,8BAnCd;AAoCA,uBAAc,yBApCd;AAqCA,uBAAc,sBArCd;AAsCA,uBAAc,uBAtCd;AAuCA,uBAAc,0BAvCd;AAwCA,uBAAc,wBAxCd;AAyCA,uBAAc,+BAzCd;AA0CA,uBAAc,0BA1Cd;AA2CA,uBAAc,6BA3Cd;AA4CA,uBAAc,qBA5Cd;AA6CA,uBAAc,wBA7Cd;AA8CA,uBAAc,oBA9Cd;AA+CA,uBAAc,uBA/Cd;AAgDA,uBAAc,qBAhDd;AAiDA,uBAAc,qBAjDd;AAkDA,uBAAc,sBAlDd;AAmDA,uBAAc,qBAnDd;AAoDA,uBAAc,oBApDd;AAqDA,uBAAc,mBArDd;AAsDA,uBAAc,wBAtDd;AAuDA,uBAAc,uBAvDd;AAwDA,uBAAc,oBAxDd;AAyDA,uBAAc,qBAzDd;AA0DA,uBAAc,2BA1Dd;AA2DA,uBAAc,sBA3Dd;AA4DA,uBAAc,yBA5Dd;","names":[]}

package/dist/components/ui/index.d.cts

@@ -21,6 +21,7 @@ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './drawer/drawer.cjs';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu/dropdown-menu.cjs';
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './form/form.cjs';
+export { GiniaWordmark, GiniaWordmarkProps, wordmarkVariants } from './ginia-wordmark/ginia-wordmark.cjs';
 export { HoverCard, HoverCardContent, HoverCardTrigger } from './hover-card/hover-card.cjs';
 export { Icon, IconProps, IconSize, iconSizes } from './icon/icon.cjs';
 export { Input } from './input/input.cjs';
@@ -57,6 +58,7 @@ export { Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, T
 export { Toggle, toggleVariants } from './toggle/toggle.cjs';
 export { ToggleGroup, ToggleGroupItem } from './toggle-group/toggle-group.cjs';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip/tooltip.cjs';
+export { Typography, TypographyProps, typographyVariants } from './typography/typography.cjs';
 export { toast } from 'sonner';
 import 'react';
 import '@radix-ui/react-accordion';

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

@@ -21,6 +21,7 @@ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './drawer/drawer.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu/dropdown-menu.js';
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './form/form.js';
+export { GiniaWordmark, GiniaWordmarkProps, wordmarkVariants } from './ginia-wordmark/ginia-wordmark.js';
 export { HoverCard, HoverCardContent, HoverCardTrigger } from './hover-card/hover-card.js';
 export { Icon, IconProps, IconSize, iconSizes } from './icon/icon.js';
 export { Input } from './input/input.js';
@@ -57,6 +58,7 @@ export { Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, T
 export { Toggle, toggleVariants } from './toggle/toggle.js';
 export { ToggleGroup, ToggleGroupItem } from './toggle-group/toggle-group.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip/tooltip.js';
+export { Typography, TypographyProps, typographyVariants } from './typography/typography.js';
 export { toast } from 'sonner';
 import 'react';
 import '@radix-ui/react-accordion';

package/dist/components/ui/index.js

@@ -21,6 +21,7 @@ export * from "./dialog";
 export * from "./drawer";
 export * from "./dropdown-menu";
 export * from "./form";
+export * from "./ginia-wordmark";
 export * from "./hover-card";
 export * from "./icon";
 export * from "./input";
@@ -57,4 +58,5 @@ export * from "./toast";
 export * from "./toggle";
 export * from "./toggle-group";
 export * from "./tooltip";
+export * from "./typography";
 //# sourceMappingURL=index.js.map

package/dist/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./autocomplete\";\nexport * from \"./avatar\";\nexport * from \"./background\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./form\";\nexport * from \"./hover-card\";\nexport * from \"./icon\";\nexport * from \"./input\";\nexport * from \"./input-field\";\nexport * from \"./input-otp\";\nexport * from \"./label\";\nexport * from \"./logo\";\nexport * from \"./loading-state\";\nexport * from \"./menubar\";\nexport * from \"./month-year-picker\";\nexport * from \"./multi-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./rich-text-editor\";\nexport * from \"./scroll-area\";\nexport * from \"./section-loader\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./tag-input\";\nexport * from \"./textarea\";\nexport * from \"./toast\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/ui/index.ts"],"sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./alert-dialog\";\nexport * from \"./aspect-ratio\";\nexport * from \"./autocomplete\";\nexport * from \"./avatar\";\nexport * from \"./background\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./calendar\";\nexport * from \"./card\";\nexport * from \"./carousel\";\nexport * from \"./checkbox\";\nexport * from \"./collapsible\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./date-picker\";\nexport * from \"./dialog\";\nexport * from \"./drawer\";\nexport * from \"./dropdown-menu\";\nexport * from \"./form\";\nexport * from \"./ginia-wordmark\";\nexport * from \"./hover-card\";\nexport * from \"./icon\";\nexport * from \"./input\";\nexport * from \"./input-field\";\nexport * from \"./input-otp\";\nexport * from \"./label\";\nexport * from \"./logo\";\nexport * from \"./loading-state\";\nexport * from \"./menubar\";\nexport * from \"./month-year-picker\";\nexport * from \"./multi-select\";\nexport * from \"./navigation-menu\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./radio-group\";\nexport * from \"./resizable\";\nexport * from \"./rich-text-editor\";\nexport * from \"./scroll-area\";\nexport * from \"./section-loader\";\nexport * from \"./select\";\nexport * from \"./separator\";\nexport * from \"./sheet\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./sonner\";\nexport * from \"./spinner\";\nexport * from \"./switch\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./tag-input\";\nexport * from \"./textarea\";\nexport * from \"./toast\";\nexport * from \"./toggle\";\nexport * from \"./toggle-group\";\nexport * from \"./tooltip\";\nexport * from \"./typography\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/components/ui/typography/index.cjs

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var typography_exports = {};
+__export(typography_exports, {
+  Typography: () => import_typography.Typography,
+  typographyVariants: () => import_typography.typographyVariants
+});
+module.exports = __toCommonJS(typography_exports);
+var import_typography = require("./typography");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Typography,
+  typographyVariants
+});
+//# sourceMappingURL=index.cjs.map

package/dist/components/ui/typography/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/typography/index.ts"],"sourcesContent":["export { Typography, typographyVariants } from \"./typography\";\nexport type { TypographyProps } from \"./typography\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA+C;","names":[]}

package/dist/components/ui/typography/index.d.cts

@@ -0,0 +1,5 @@
+export { Typography, TypographyProps, typographyVariants } from './typography.cjs';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';

package/dist/components/ui/typography/index.d.ts

@@ -0,0 +1,5 @@
+export { Typography, TypographyProps, typographyVariants } from './typography.js';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';

package/dist/components/ui/typography/index.js

@@ -0,0 +1,6 @@
+import { Typography, typographyVariants } from "./typography";
+export {
+  Typography,
+  typographyVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/components/ui/typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/typography/index.ts"],"sourcesContent":["export { Typography, typographyVariants } from \"./typography\";\nexport type { TypographyProps } from \"./typography\";\n"],"mappings":"AAAA,SAAS,YAAY,0BAA0B;","names":[]}

package/dist/components/ui/typography/typography.cjs

@@ -0,0 +1,80 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var typography_exports = {};
+__export(typography_exports, {
+  Typography: () => Typography,
+  typographyVariants: () => typographyVariants
+});
+module.exports = __toCommonJS(typography_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("../../../lib/utils");
+const typographyVariants = (0, import_class_variance_authority.cva)("font-sans", {
+  variants: {
+    variant: {
+      display: "text-4xl font-bold tracking-tight md:text-5xl",
+      h1: "text-3xl font-semibold tracking-tight md:text-4xl",
+      h2: "text-2xl font-semibold tracking-tight md:text-3xl",
+      h3: "text-xl font-semibold tracking-tight md:text-2xl",
+      h4: "text-lg font-semibold md:text-xl",
+      h5: "text-base font-semibold md:text-lg",
+      h6: "text-sm font-semibold md:text-base",
+      lead: "text-lg text-muted-foreground md:text-xl",
+      body: "text-base leading-relaxed",
+      "body-sm": "text-sm leading-relaxed",
+      caption: "text-xs text-muted-foreground",
+      overline: "text-xs font-medium uppercase tracking-wider text-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "body"
+  }
+});
+const variantToDefaultTag = {
+  display: "div",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  lead: "p",
+  body: "p",
+  "body-sm": "p",
+  caption: "p",
+  overline: "p"
+};
+function Typography({
+  className,
+  variant = "body",
+  as,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot.Slot : as ?? variantToDefaultTag[variant ?? "body"];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { className: (0, import_utils.cn)(typographyVariants({ variant }), className), "data-slot": "typography", ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Typography,
+  typographyVariants
+});
+//# sourceMappingURL=typography.cjs.map

package/dist/components/ui/typography/typography.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/typography/typography.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../../lib/utils\";\n\nconst typographyVariants = cva(\"font-sans\", {\n  variants: {\n    variant: {\n      display: \"text-4xl font-bold tracking-tight md:text-5xl\",\n      h1: \"text-3xl font-semibold tracking-tight md:text-4xl\",\n      h2: \"text-2xl font-semibold tracking-tight md:text-3xl\",\n      h3: \"text-xl font-semibold tracking-tight md:text-2xl\",\n      h4: \"text-lg font-semibold md:text-xl\",\n      h5: \"text-base font-semibold md:text-lg\",\n      h6: \"text-sm font-semibold md:text-base\",\n      lead: \"text-lg text-muted-foreground md:text-xl\",\n      body: \"text-base leading-relaxed\",\n      \"body-sm\": \"text-sm leading-relaxed\",\n      caption: \"text-xs text-muted-foreground\",\n      overline: \"text-xs font-medium uppercase tracking-wider text-muted-foreground\",\n    },\n  },\n  defaultVariants: {\n    variant: \"body\",\n  },\n});\n\nconst variantToDefaultTag: Record<\n  NonNullable<VariantProps<typeof typographyVariants>[\"variant\"]>,\n  React.ElementType\n> = {\n  display: \"div\",\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  lead: \"p\",\n  body: \"p\",\n  \"body-sm\": \"p\",\n  caption: \"p\",\n  overline: \"p\",\n};\n\nexport interface TypographyProps\n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof typographyVariants> {\n  asChild?: boolean;\n  as?: React.ElementType;\n}\n\nfunction Typography({\n  className,\n  variant = \"body\",\n  as,\n  asChild = false,\n  ...props\n}: TypographyProps) {\n  const Comp = asChild ? Slot : (as ?? variantToDefaultTag[variant ?? \"body\"]);\n\n  return (\n    <Comp className={cn(typographyVariants({ variant }), className)} data-slot=\"typography\" {...props} />\n  );\n}\n\nexport { Typography, typographyVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEI;AA9DJ,wBAAqB;AACrB,sCAAuC;AAEvC,mBAAmB;AAEnB,MAAM,yBAAqB,qCAAI,aAAa;AAAA,EAC1C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAED,MAAM,sBAGF;AAAA,EACF,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AACZ;AASA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAAoB;AAClB,QAAM,OAAO,UAAU,yBAAQ,MAAM,oBAAoB,WAAW,MAAM;AAE1E,SACE,4CAAC,QAAK,eAAW,iBAAG,mBAAmB,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAG,aAAU,cAAc,GAAG,OAAO;AAEvG;","names":[]}

package/dist/components/ui/typography/typography.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const typographyVariants: (props?: ({
+    variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "display" | "lead" | "body-sm" | "overline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TypographyProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
+    asChild?: boolean;
+    as?: React.ElementType;
+}
+declare function Typography({ className, variant, as, asChild, ...props }: TypographyProps): react_jsx_runtime.JSX.Element;
+
+export { Typography, type TypographyProps, typographyVariants };

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

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const typographyVariants: (props?: ({
+    variant?: "body" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "display" | "lead" | "body-sm" | "overline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TypographyProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
+    asChild?: boolean;
+    as?: React.ElementType;
+}
+declare function Typography({ className, variant, as, asChild, ...props }: TypographyProps): react_jsx_runtime.JSX.Element;
+
+export { Typography, type TypographyProps, typographyVariants };

package/dist/components/ui/typography/typography.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+const typographyVariants = cva("font-sans", {
+  variants: {
+    variant: {
+      display: "text-4xl font-bold tracking-tight md:text-5xl",
+      h1: "text-3xl font-semibold tracking-tight md:text-4xl",
+      h2: "text-2xl font-semibold tracking-tight md:text-3xl",
+      h3: "text-xl font-semibold tracking-tight md:text-2xl",
+      h4: "text-lg font-semibold md:text-xl",
+      h5: "text-base font-semibold md:text-lg",
+      h6: "text-sm font-semibold md:text-base",
+      lead: "text-lg text-muted-foreground md:text-xl",
+      body: "text-base leading-relaxed",
+      "body-sm": "text-sm leading-relaxed",
+      caption: "text-xs text-muted-foreground",
+      overline: "text-xs font-medium uppercase tracking-wider text-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "body"
+  }
+});
+const variantToDefaultTag = {
+  display: "div",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  lead: "p",
+  body: "p",
+  "body-sm": "p",
+  caption: "p",
+  overline: "p"
+};
+function Typography({
+  className,
+  variant = "body",
+  as,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : as ?? variantToDefaultTag[variant ?? "body"];
+  return /* @__PURE__ */ jsx(Comp, { className: cn(typographyVariants({ variant }), className), "data-slot": "typography", ...props });
+}
+export {
+  Typography,
+  typographyVariants
+};
+//# sourceMappingURL=typography.js.map

package/dist/components/ui/typography/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ui/typography/typography.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../../lib/utils\";\n\nconst typographyVariants = cva(\"font-sans\", {\n  variants: {\n    variant: {\n      display: \"text-4xl font-bold tracking-tight md:text-5xl\",\n      h1: \"text-3xl font-semibold tracking-tight md:text-4xl\",\n      h2: \"text-2xl font-semibold tracking-tight md:text-3xl\",\n      h3: \"text-xl font-semibold tracking-tight md:text-2xl\",\n      h4: \"text-lg font-semibold md:text-xl\",\n      h5: \"text-base font-semibold md:text-lg\",\n      h6: \"text-sm font-semibold md:text-base\",\n      lead: \"text-lg text-muted-foreground md:text-xl\",\n      body: \"text-base leading-relaxed\",\n      \"body-sm\": \"text-sm leading-relaxed\",\n      caption: \"text-xs text-muted-foreground\",\n      overline: \"text-xs font-medium uppercase tracking-wider text-muted-foreground\",\n    },\n  },\n  defaultVariants: {\n    variant: \"body\",\n  },\n});\n\nconst variantToDefaultTag: Record<\n  NonNullable<VariantProps<typeof typographyVariants>[\"variant\"]>,\n  React.ElementType\n> = {\n  display: \"div\",\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  lead: \"p\",\n  body: \"p\",\n  \"body-sm\": \"p\",\n  caption: \"p\",\n  overline: \"p\",\n};\n\nexport interface TypographyProps\n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof typographyVariants> {\n  asChild?: boolean;\n  as?: React.ElementType;\n}\n\nfunction Typography({\n  className,\n  variant = \"body\",\n  as,\n  asChild = false,\n  ...props\n}: TypographyProps) {\n  const Comp = asChild ? Slot : (as ?? variantToDefaultTag[variant ?? \"body\"]);\n\n  return (\n    <Comp className={cn(typographyVariants({ variant }), className)} data-slot=\"typography\" {...props} />\n  );\n}\n\nexport { Typography, typographyVariants };\n"],"mappings":";AAiEI;AA9DJ,SAAS,YAAY;AACrB,SAAS,WAA8B;AAEvC,SAAS,UAAU;AAEnB,MAAM,qBAAqB,IAAI,aAAa;AAAA,EAC1C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,WAAW;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAED,MAAM,sBAGF;AAAA,EACF,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AACZ;AASA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAAoB;AAClB,QAAM,OAAO,UAAU,OAAQ,MAAM,oBAAoB,WAAW,MAAM;AAE1E,SACE,oBAAC,QAAK,WAAW,GAAG,mBAAmB,EAAE,QAAQ,CAAC,GAAG,SAAS,GAAG,aAAU,cAAc,GAAG,OAAO;AAEvG;","names":[]}

package/dist/index.d.cts

@@ -27,6 +27,7 @@ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/ui/drawer/drawer.cjs';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/ui/dropdown-menu/dropdown-menu.cjs';
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './components/ui/form/form.cjs';
+export { GiniaWordmark, GiniaWordmarkProps, wordmarkVariants } from './components/ui/ginia-wordmark/ginia-wordmark.cjs';
 export { HoverCard, HoverCardContent, HoverCardTrigger } from './components/ui/hover-card/hover-card.cjs';
 export { Icon, IconProps, IconSize, iconSizes } from './components/ui/icon/icon.cjs';
 export { Input } from './components/ui/input/input.cjs';
@@ -63,6 +64,7 @@ export { Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, T
 export { Toggle, toggleVariants } from './components/ui/toggle/toggle.cjs';
 export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group/toggle-group.cjs';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/ui/tooltip/tooltip.cjs';
+export { Typography, TypographyProps, typographyVariants } from './components/ui/typography/typography.cjs';
 export { Action, CVActivityItem, CVCertificationItem, CVDocumentItem, CVEducationItem, CVExperienceBaseItem, CVExperienceItem, CVSkillItem, CandidateProfile, CertificationWithAction, DocumentWithAction, ExperienceWithAction, ResumeAward, ResumeEducation, ResumeExperience, ResumeMenuSlot, ResumeProps, ResumeSavePayload, ResumeSkill, SkillWithAction } from './components/domain/resume/types.cjs';
 export { Resume } from './components/domain/resume/resume.cjs';
 export { ResumeEditor, ResumeEditorProps } from './components/domain/resume/resume-editor/resume-editor.cjs';

package/dist/index.d.ts

@@ -27,6 +27,7 @@ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, Di
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/ui/drawer/drawer.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/ui/dropdown-menu/dropdown-menu.js';
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './components/ui/form/form.js';
+export { GiniaWordmark, GiniaWordmarkProps, wordmarkVariants } from './components/ui/ginia-wordmark/ginia-wordmark.js';
 export { HoverCard, HoverCardContent, HoverCardTrigger } from './components/ui/hover-card/hover-card.js';
 export { Icon, IconProps, IconSize, iconSizes } from './components/ui/icon/icon.js';
 export { Input } from './components/ui/input/input.js';
@@ -63,6 +64,7 @@ export { Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, T
 export { Toggle, toggleVariants } from './components/ui/toggle/toggle.js';
 export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group/toggle-group.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/ui/tooltip/tooltip.js';
+export { Typography, TypographyProps, typographyVariants } from './components/ui/typography/typography.js';
 export { Action, CVActivityItem, CVCertificationItem, CVDocumentItem, CVEducationItem, CVExperienceBaseItem, CVExperienceItem, CVSkillItem, CandidateProfile, CertificationWithAction, DocumentWithAction, ExperienceWithAction, ResumeAward, ResumeEducation, ResumeExperience, ResumeMenuSlot, ResumeProps, ResumeSavePayload, ResumeSkill, SkillWithAction } from './components/domain/resume/types.js';
 export { Resume } from './components/domain/resume/resume.js';
 export { ResumeEditor, ResumeEditorProps } from './components/domain/resume/resume-editor/resume-editor.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ginia/ui",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "description": "Ginia Design System — Unified UI component library for all Ginia hubs",
   "license": "MIT",
   "private": false,
@@ -34,6 +34,18 @@
       "require": "./dist/icons.cjs"
     }
   },
+  "scripts": {
+    "build": "NODE_OPTIONS=--max-old-space-size=8192 tsup",
+    "dev": "tsup --watch",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src/",
+    "lint:fix": "eslint src/ --fix",
+    "format": "prettier --write 'src/**/*.{ts,tsx,css,json}'",
+    "format:check": "prettier --check 'src/**/*.{ts,tsx,css,json}'",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
@@ -125,17 +137,5 @@
     "typescript-eslint": "^8.56.1",
     "vite": "^5.4.0",
     "zod": "^4.3.6"
-  },
-  "scripts": {
-    "build": "NODE_OPTIONS=--max-old-space-size=8192 tsup",
-    "dev": "tsup --watch",
-    "clean": "rm -rf dist",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint src/",
-    "lint:fix": "eslint src/ --fix",
-    "format": "prettier --write 'src/**/*.{ts,tsx,css,json}'",
-    "format:check": "prettier --check 'src/**/*.{ts,tsx,css,json}'",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
   }
-}
+}