@nadicodeai/ui 9.0.2 → 9.1.1

package/AGENTS.md

@@ -9,6 +9,11 @@ exports.
 - Tokens, CSS, motion, and assets: `../design-system/DESIGN.md`.
 - Agent identity, the orbs and their stored appearance: `docs/agent-orb.md`.
 - System activity indicators: `docs/activity.md`.
+- `ModelIdentity`, the adapter over `ModelMark`: `docs/model-identity.md`.
+- Shared compositions and whether a component is package or app owned:
+  `docs/product-compositions.md`, `docs/component-classification.md`.
+- Shell skeletons, plugin, installer, automation and settings sections:
+  `docs/product-sections.md`.
 - What belongs in this package and what belongs in a product: `docs/contract.md`,
   "Placement". Nadia's entry screen is the worked example that moved out.
 - Package releases: `../../docs/agents/publish.md`.

package/dist/components/app-mark.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { type BrandIconProps } from "./brand-icons.js";
+type BrandMark = React.ComponentType<BrandIconProps>;
+declare function appMarkFor(app: string): BrandMark | undefined;
+type AppMarkProps = Omit<React.ComponentProps<"span">, "children"> & {
+    /** The connector's slug, id or display name, e.g. `"google-calendar"`. */
+    app: string;
+    /** The tile's box in CSS pixels; the glyph scales with it. Defaults to 28. */
+    size?: number;
+    /**
+     * The mark's accessible name. Beside the app's name it needs none, and a
+     * bare mark stays decorative until one arrives.
+     */
+    label?: string;
+};
+/**
+ * An app an Agent connects to, in the same tile as a model's maker: the
+ * generated mark in its official colours, or the app's initial when the set
+ * has no mark for it. Never an invented logo and never a fetched favicon.
+ */
+declare function AppMark({ app, size, label, className, style, ...props }: AppMarkProps): React.JSX.Element;
+export { AppMark, appMarkFor };
+export type { AppMarkProps };
+//# sourceMappingURL=app-mark.d.ts.map

package/dist/components/app-mark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-mark.d.ts","sourceRoot":"","sources":["../../src/components/app-mark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EA0CL,KAAK,cAAc,EACpB,MAAM,0BAA0B,CAAC;AAElC,KAAK,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AA0ErD,iBAAS,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAGtD;AAgBD,KAAK,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACnE,0EAA0E;IAC1E,GAAG,EAAE,MAAM,CAAC;IACZ,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;GAIG;AACH,iBAAS,OAAO,CAAC,EAAE,GAAG,EAAE,IAAoB,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAuC9F;AAED,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;AAC/B,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/app-mark.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { AirtableIcon, AppleIcon, AsanaIcon, AtlassianIcon, ClaudeIcon, DatadogIcon, DiscordIcon, FigmaIcon, GeminiIcon, GithubIcon, GitlabIcon, GmailIcon, GoogleCalendarIcon, GoogleDriveIcon, HuggingFaceIcon, IntercomIcon, JiraIcon, LinearIcon, MattermostIcon, N8nIcon, NetlifyIcon, NotionIcon, OpenaiIcon, PaypalIcon, PostgresqlIcon, SentryIcon, SignalIcon, SlackIcon, SpotifyIcon, SquareIcon, StripeIcon, SupabaseIcon, TelegramIcon, TodoistIcon, UnrealEngineIcon, VercelIcon, WebflowIcon, WhatsappIcon, YoutubeIcon, YuanbaoIcon, ZapierIcon, } from "./brand-icons.js";
+/*
+ * Which connector resolves to which generated mark. Keys are compared on
+ * letters and digits alone, so a catalog slug (`google-calendar`), a registry
+ * id (`google_calendar`) and a display name (`Google Calendar`) all land on the
+ * same entry. The artwork itself is generated; this table is product mapping.
+ */
+const APP_MARKS = {
+    airtable: AirtableIcon,
+    anthropic: ClaudeIcon,
+    apple: AppleIcon,
+    asana: AsanaIcon,
+    atlassian: AtlassianIcon,
+    claude: ClaudeIcon,
+    datadog: DatadogIcon,
+    discord: DiscordIcon,
+    figma: FigmaIcon,
+    gemini: GeminiIcon,
+    github: GithubIcon,
+    gitlab: GitlabIcon,
+    gmail: GmailIcon,
+    googlecalendar: GoogleCalendarIcon,
+    googledrive: GoogleDriveIcon,
+    googlegmail: GmailIcon,
+    huggingface: HuggingFaceIcon,
+    intercom: IntercomIcon,
+    jira: JiraIcon,
+    linear: LinearIcon,
+    mattermost: MattermostIcon,
+    n8n: N8nIcon,
+    netlify: NetlifyIcon,
+    notion: NotionIcon,
+    openai: OpenaiIcon,
+    paypal: PaypalIcon,
+    postgres: PostgresqlIcon,
+    postgresql: PostgresqlIcon,
+    sentry: SentryIcon,
+    signal: SignalIcon,
+    slack: SlackIcon,
+    spotify: SpotifyIcon,
+    square: SquareIcon,
+    stripe: StripeIcon,
+    supabase: SupabaseIcon,
+    telegram: TelegramIcon,
+    todoist: TodoistIcon,
+    unrealengine: UnrealEngineIcon,
+    vercel: VercelIcon,
+    webflow: WebflowIcon,
+    whatsapp: WhatsappIcon,
+    youtube: YoutubeIcon,
+    yuanbao: YuanbaoIcon,
+    zapier: ZapierIcon,
+};
+function squash(value) {
+    return value.toLowerCase().replace(/[^a-z0-9]/g, "");
+}
+/**
+ * The generated mark for a connector, under any spelling it arrives with, or
+ * `undefined` when the set has none. An exact match wins; otherwise the longest
+ * known name the connector's name contains, so `GitHub MCP` is GitHub and never
+ * a shorter accidental match.
+ */
+function appMarkKey(app) {
+    const target = squash(app);
+    if (!target)
+        return undefined;
+    if (Object.hasOwn(APP_MARKS, target))
+        return target;
+    return Object.keys(APP_MARKS)
+        .filter((key) => target.includes(key))
+        .sort((a, b) => b.length - a.length)[0];
+}
+function appMarkFor(app) {
+    const key = appMarkKey(app);
+    return key ? APP_MARKS[key] : undefined;
+}
+function appInitial(app) {
+    return (app
+        .trim()
+        .match(/[a-z0-9]/i)?.[0]
+        ?.toUpperCase() ?? "?");
+}
+const APP_MARK_SIZE = 28;
+/** The glyph's share of the tile, the same ratio as `ModelMark`. */
+const APP_MARK_GLYPH_RATIO = 0.62;
+/**
+ * An app an Agent connects to, in the same tile as a model's maker: the
+ * generated mark in its official colours, or the app's initial when the set
+ * has no mark for it. Never an invented logo and never a fetched favicon.
+ */
+function AppMark({ app, size = APP_MARK_SIZE, label, className, style, ...props }) {
+    const key = appMarkKey(app);
+    const Mark = key ? APP_MARKS[key] : undefined;
+    const named = Boolean(label?.trim() || props["aria-label"]?.trim() || props["aria-labelledby"]?.trim());
+    const labelling = !named
+        ? { "aria-hidden": true }
+        : label?.trim()
+            ? { role: "img", "aria-label": label }
+            : {};
+    return (_jsx("span", { "data-slot": "app-mark", "data-app": app, "data-mark": Mark ? "brand" : "monogram", className: cn("inline-flex shrink-0 items-center justify-center rounded-md border border-border bg-background text-foreground", className), style: { width: size, height: size, ...style }, ...props, ...labelling, children: Mark ? (_jsx(Mark, { size: Math.round(size * APP_MARK_GLYPH_RATIO) })) : (_jsx("span", { "aria-hidden": "true", className: "font-semibold leading-none text-muted-foreground", "data-slot": "app-mark-monogram", style: { fontSize: Math.max(8, Math.round(size * 0.4)) }, children: appInitial(app) })) }));
+}
+export { AppMark, appMarkFor };

package/dist/components/brand-icons/airtable.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon.js";
+/**
+ * The airtable mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function AirtableIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=airtable.d.ts.map

package/dist/components/brand-icons/airtable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"airtable.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/airtable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BA8BhF"}

package/dist/components/brand-icons/airtable.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/airtable.tsx are lost.
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The airtable mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function AirtableIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 215", "data-slot": "brand-icon", "data-brand": "airtable", ...props, ...brandIconLabelling(props), children: [_jsx("path", { fill: "#ffbf00", d: "M114.259 2.701L18.86 42.176c-5.305 2.195-5.25 9.73.089 11.847l95.797 37.989a35.54 35.54 0 0 0 26.208 0l95.799-37.99c5.337-2.115 5.393-9.65.086-11.846L141.442 2.7a35.55 35.55 0 0 0-27.183 0" }), _jsx("path", { fill: "#26b5f8", d: "M136.35 112.757v94.902c0 4.514 4.55 7.605 8.746 5.942l106.748-41.435a6.39 6.39 0 0 0 4.035-5.941V71.322c0-4.514-4.551-7.604-8.747-5.941l-106.748 41.434a6.39 6.39 0 0 0-4.035 5.942" }), _jsx("path", { fill: "#ed3049", d: "m111.423 117.654l-31.68 15.296l-3.217 1.555L9.65 166.548C5.411 168.593 0 165.504 0 160.795V71.72c0-1.704.874-3.175 2.046-4.283a7.3 7.3 0 0 1 1.618-1.213c1.598-.959 3.878-1.215 5.816-.448l101.41 40.18c5.155 2.045 5.56 9.268.533 11.697" }), _jsx("path", { fillOpacity: ".25", d: "m111.423 117.654l-31.68 15.296L2.045 67.438a7.3 7.3 0 0 1 1.618-1.213c1.598-.959 3.878-1.215 5.816-.448l101.41 40.18c5.155 2.045 5.56 9.268.533 11.697" })] }));
+}

package/dist/components/brand-icons/asana.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon.js";
+/**
+ * The asana-icon mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function AsanaIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=asana.d.ts.map

package/dist/components/brand-icons/asana.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asana.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/asana.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAkB7E"}

package/dist/components/brand-icons/asana.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/asana.tsx are lost.
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The asana-icon mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function AsanaIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 237", "data-slot": "brand-icon", "data-brand": "asana", ...props, ...brandIconLabelling(props), children: _jsx("path", { fill: "#f06a6a", d: "M200.325 125.27c-30.749 0-55.675 24.927-55.675 55.677s24.926 55.677 55.675 55.677S256 211.696 256 180.947c0-30.75-24.926-55.677-55.675-55.677m-144.65.005C24.927 125.275 0 150.197 0 180.947s24.927 55.677 55.675 55.677c30.75 0 55.678-24.928 55.678-55.677c0-30.75-24.928-55.672-55.678-55.672m128-69.6c0 30.75-24.927 55.68-55.674 55.68c-30.75 0-55.676-24.93-55.676-55.68C72.325 24.928 97.25 0 128 0c30.747 0 55.673 24.93 55.673 55.674" }) }));
+}

package/dist/components/brand-icons/atlassian.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon.js";
+/**
+ * The atlassian mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function AtlassianIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=atlassian.d.ts.map

package/dist/components/brand-icons/atlassian.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"atlassian.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/atlassian.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BA6BjF"}

package/dist/components/brand-icons/atlassian.js

@@ -0,0 +1,25 @@
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/atlassian.tsx are lost.
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The atlassian mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function AtlassianIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    const scope = `brand-icon-atlassian-${useId().replace(/[^a-zA-Z0-9]/g, "")}`;
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 256", "data-slot": "brand-icon", "data-brand": "atlassian", ...props, ...brandIconLabelling(props), children: [_jsx("defs", { children: _jsxs("linearGradient", { id: `${scope}-a`, x1: "99.687%", x2: "39.836%", y1: "15.801%", y2: "97.438%", children: [_jsx("stop", { offset: "0%", stopColor: "#0052cc" }), _jsx("stop", { offset: "92.3%", stopColor: "#2684ff" })] }) }), _jsx("path", { fill: `url(#${scope}-a)`, d: "M75.793 117.95c-3.82-4.08-9.77-3.85-12.367 1.342L.791 244.565a7.488 7.488 0 0 0 6.697 10.838h87.228a7.22 7.22 0 0 0 6.699-4.14c18.808-38.89 7.413-98.018-25.622-133.314" }), _jsx("path", { fill: "#2681ff", d: "M121.756 4.011c-35.033 55.505-32.721 116.979-9.646 163.13l42.06 84.121a7.49 7.49 0 0 0 6.697 4.14h87.227a7.488 7.488 0 0 0 6.697-10.838S137.445 9.837 134.493 3.964c-2.64-5.258-9.344-5.33-12.737.047" })] }));
+}

package/dist/components/brand-icons/datadog.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon.js";
+/**
+ * The datadog-icon mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function DatadogIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=datadog.d.ts.map

package/dist/components/brand-icons/datadog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datadog.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/datadog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAkB/E"}

package/dist/components/brand-icons/datadog.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/datadog.tsx are lost.
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The datadog-icon mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function DatadogIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 275", "data-slot": "brand-icon", "data-brand": "datadog", ...props, ...brandIconLabelling(props), children: _jsx("path", { fill: "#632ca6", d: "m214.434 194.558l-22.796-15.039l-19.016 31.766l-22.118-6.465l-19.474 29.723l.997 9.355l105.89-19.513l-6.15-66.163zm-98.745-28.523l16.99-2.336c2.748 1.235 4.66 1.706 7.956 2.544c5.136 1.334 11.074 2.617 19.872-1.814c2.047-1.015 6.314-4.915 8.038-7.14l69.605-12.624l7.1 85.94l-119.252 21.49zm129.293-30.967l-6.871 1.309L224.91 0L0 26.078l27.71 224.856l26.33-3.822c-2.104-3.002-5.378-6.634-10.967-11.282c-7.752-6.44-5.014-17.384-.436-24.294c6.051-11.674 37.23-26.51 35.463-45.168c-.634-6.785-1.71-15.613-8.011-21.669c-.238 2.514.19 4.928.19 4.928s-2.587-3.3-3.874-7.795c-1.279-1.728-2.285-2.277-3.646-4.583c-.971 2.665-.842 5.757-.842 5.757s-2.116-4.997-2.457-9.216c-1.253 1.887-1.568 5.472-1.568 5.472s-2.747-7.878-2.12-12.124c-1.253-3.692-4.972-11.022-3.922-27.676c6.862 4.807 21.975 3.667 27.861-5.01c1.953-2.876 3.296-10.72-.976-26.182c-2.742-9.912-9.532-24.674-12.18-30.276l-.315.23c1.396 4.512 4.272 13.967 5.378 18.558c3.343 13.907 4.237 18.753 2.669 25.167c-1.335 5.576-4.535 9.22-12.646 13.298c-8.111 4.09-18.879-5.865-19.557-6.414c-7.882-6.28-13.98-16.52-14.658-21.5c-.709-5.446 3.14-8.716 5.079-13.168c-2.777.79-5.87 2.202-5.87 2.202s3.693-3.822 8.245-7.126c1.888-1.248 2.993-2.043 4.98-3.693c-2.876-.047-5.213.035-5.213.035s4.798-2.592 9.77-4.48c-3.637-.159-7.122-.025-7.122-.025S48 36.288 56.454 32.777c5.813-2.384 11.492-1.68 14.684 2.937c4.19 6.046 8.59 9.329 17.915 11.363c5.727-2.54 7.464-3.84 14.66-5.805c6.33-6.966 11.302-7.865 11.302-7.865s-2.466 2.264-3.127 5.818c3.59-2.829 7.524-5.191 7.524-5.191s-1.525 1.878-2.946 4.867l.328.493c4.19-2.514 9.113-4.492 9.113-4.492s-1.408 1.78-3.057 4.081c3.161-.026 9.566.134 12.054.415c14.68.324 17.725-15.674 23.357-17.682c7.053-2.518 10.206-4.043 22.226 7.765c10.31 10.141 18.368 28.281 14.365 32.345c-3.356 3.374-9.973-1.317-17.307-10.456c-3.874-4.841-6.806-10.564-8.18-17.837c-1.157-6.138-5.666-9.696-5.666-9.696s2.613 5.83 2.613 10.965c0 2.808.35 13.299 4.85 19.19c-.445.86-.652 4.258-1.145 4.91c-5.234-6.327-16.477-10.853-18.312-12.188c6.206 5.084 20.468 16.762 25.944 27.961c5.183 10.586 2.13 20.291 4.75 22.8c.748.717 11.144 13.674 13.144 20.183c3.49 11.342.207 23.267-4.358 30.66l-12.754 1.987c-1.866-.518-3.123-.777-4.794-1.744c.924-1.633 2.755-5.701 2.772-6.544l-.72-1.26c-3.97 5.622-10.617 11.082-16.14 14.217c-7.23 4.099-15.562 3.464-20.987 1.788c-15.393-4.746-29.952-15.15-33.463-17.885c0 0-.108 2.181.552 2.674c3.879 4.38 12.772 12.296 21.37 17.82l-18.325 2.017l8.664 67.45c-3.84.548-4.44.82-8.642 1.416c-3.706-13.09-10.793-21.638-18.542-26.618c-6.832-4.392-16.256-5.381-25.274-3.593l-.58.674c6.272-.652 13.675.255 21.28 5.07c7.464 4.721 13.48 16.914 15.696 24.251c2.837 9.381 4.798 19.419-2.838 30.056c-5.429 7.563-21.28 11.74-34.09 2.7c3.421 5.502 8.042 9.998 14.27 10.845c9.243 1.257 18.015-.35 24.053-6.548c5.152-5.3 7.89-16.382 7.17-28.052l8.158-1.183l2.946 20.947L256 242.542zm-82.156-56.885c-.376.859-.972 1.425-.082 4.223l.052.16l.143.363l.371.838c1.602 3.278 3.36 6.366 6.306 7.947q1.14-.196 2.367-.255c2.764-.12 4.509.315 5.61.911c.1-.552.12-1.356.06-2.543c-.216-4.151.821-11.208-7.156-14.923c-3.01-1.395-7.235-.967-8.643.778c.255.034.484.086.666.147c2.133.738.69 1.472.306 2.354m22.364 38.724c-1.045-.58-5.934-.35-9.372.06c-6.548.773-13.618 3.04-15.164 4.25c-2.816 2.177-1.538 5.969.544 7.528c5.835 4.358 10.949 7.282 16.343 6.57c3.313-.437 6.237-5.685 8.306-10.444c1.416-3.278 1.416-6.815-.657-7.964m-57.965-33.59c1.844-1.753-9.195-4.055-17.764 1.789c-6.319 4.31-6.522 13.553-.471 18.792a15 15 0 0 0 1.568 1.188a51 51 0 0 1 6.098-2.423c3.913-1.27 7.17-1.927 9.843-2.277c1.279-1.43 2.769-3.947 2.397-8.508c-.51-6.19-5.191-5.209-1.671-8.56" }) }));
+}

package/dist/components/brand-icons/discord.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon.js";
+/**
+ * The discord-icon mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function DiscordIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=discord.d.ts.map

package/dist/components/brand-icons/discord.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"discord.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/discord.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAkB/E"}

package/dist/components/brand-icons/discord.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/discord.tsx are lost.
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The discord-icon mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function DiscordIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 199", "data-slot": "brand-icon", "data-brand": "discord", ...props, ...brandIconLabelling(props), children: _jsx("path", { fill: "#5865f2", d: "M216.856 16.597A208.5 208.5 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046q-29.538-4.442-58.533 0c-1.832-4.4-4.55-9.933-6.846-14.046a207.8 207.8 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161 161 0 0 0 79.735 175.3a136.4 136.4 0 0 1-21.846-10.632a109 109 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a132 132 0 0 0 5.355 4.237a136 136 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848c21.142-6.58 42.646-16.637 64.815-33.213c5.316-56.288-9.08-105.09-38.056-148.36M85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2s23.236 11.804 23.015 26.2c.02 14.375-10.148 26.18-23.015 26.18m85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2c0 14.375-10.148 26.18-23.015 26.18" }) }));
+}

package/dist/components/brand-icons/figma.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon.js";
+/**
+ * The figma mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function FigmaIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=figma.d.ts.map

package/dist/components/brand-icons/figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"figma.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/figma.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BA4B7E"}

package/dist/components/brand-icons/figma.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/figma.tsx are lost.
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The figma mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function FigmaIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 384", "data-slot": "brand-icon", "data-brand": "figma", ...props, ...brandIconLabelling(props), children: [_jsx("path", { fill: "#0acf83", d: "M64 384c35.328 0 64-28.672 64-64v-64H64c-35.328 0-64 28.672-64 64s28.672 64 64 64" }), _jsx("path", { fill: "#a259ff", d: "M0 192c0-35.328 28.672-64 64-64h64v128H64c-35.328 0-64-28.672-64-64" }), _jsx("path", { fill: "#f24e1e", d: "M0 64C0 28.672 28.672 0 64 0h64v128H64C28.672 128 0 99.328 0 64" }), _jsx("path", { fill: "#ff7262", d: "M128 0h64c35.328 0 64 28.672 64 64s-28.672 64-64 64h-64z" }), _jsx("path", { fill: "#1abcfe", d: "M256 192c0 35.328-28.672 64-64 64s-64-28.672-64-64s28.672-64 64-64s64 28.672 64 64" })] }));
+}

package/dist/components/brand-icons/github.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon.js";
+/**
+ * The github-icon mark from the Iconify `logos` set.
+ *
+ * Drawn as one silhouette, so it paints with `currentColor` and stays
+ * under the semantic theme in every mode.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function GithubIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=github.d.ts.map

package/dist/components/brand-icons/github.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/github.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAgB9E"}

package/dist/components/brand-icons/github.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/github.tsx are lost.
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The github-icon mark from the Iconify `logos` set.
+ *
+ * Drawn as one silhouette, so it paints with `currentColor` and stays
+ * under the semantic theme in every mode.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function GithubIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 250", fill: "currentColor", "data-slot": "brand-icon", "data-brand": "github", ...props, ...brandIconLabelling(props), children: _jsx("path", { d: "M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46c6.397 1.185 8.746-2.777 8.746-6.158c0-3.052-.12-13.135-.174-23.83c-35.61 7.742-43.124-15.103-43.124-15.103c-5.823-14.795-14.213-18.73-14.213-18.73c-11.613-7.944.876-7.78.876-7.78c12.853.902 19.621 13.19 19.621 13.19c11.417 19.568 29.945 13.911 37.249 10.64c1.149-8.272 4.466-13.92 8.127-17.116c-28.431-3.236-58.318-14.212-58.318-63.258c0-13.975 5-25.394 13.188-34.358c-1.329-3.224-5.71-16.242 1.24-33.874c0 0 10.749-3.44 35.21 13.121c10.21-2.836 21.16-4.258 32.038-4.307c10.878.049 21.837 1.47 32.066 4.307c24.431-16.56 35.165-13.12 35.165-13.12c6.967 17.63 2.584 30.65 1.255 33.873c8.207 8.964 13.173 20.383 13.173 34.358c0 49.163-29.944 59.988-58.447 63.157c4.591 3.972 8.682 11.762 8.682 23.704c0 17.126-.148 30.91-.148 35.126c0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002C256 57.307 198.691 0 128.001 0m-80.06 182.34c-.282.636-1.283.827-2.194.39c-.929-.417-1.45-1.284-1.15-1.922c.276-.655 1.279-.838 2.205-.399c.93.418 1.46 1.293 1.139 1.931m6.296 5.618c-.61.566-1.804.303-2.614-.591c-.837-.892-.994-2.086-.375-2.66c.63-.566 1.787-.301 2.626.591c.838.903 1 2.088.363 2.66m4.32 7.188c-.785.545-2.067.034-2.86-1.104c-.784-1.138-.784-2.503.017-3.05c.795-.547 2.058-.055 2.861 1.075c.782 1.157.782 2.522-.019 3.08m7.304 8.325c-.701.774-2.196.566-3.29-.49c-1.119-1.032-1.43-2.496-.726-3.27c.71-.776 2.213-.558 3.315.49c1.11 1.03 1.45 2.505.701 3.27m9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033c-1.448-.439-2.395-1.613-2.103-2.626c.301-1.01 1.747-1.484 3.207-1.028c1.446.436 2.396 1.602 2.095 2.622m10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95c-1.53.034-2.769-.82-2.786-1.86c0-1.065 1.202-1.932 2.733-1.958c1.522-.03 2.768.818 2.768 1.868m10.555-.405c.182 1.03-.875 2.088-2.387 2.37c-1.485.271-2.861-.365-3.05-1.386c-.184-1.056.893-2.114 2.376-2.387c1.514-.263 2.868.356 3.061 1.403" }) }));
+}

package/dist/components/brand-icons/gitlab.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon.js";
+/**
+ * The gitlab-icon mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function GitlabIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=gitlab.d.ts.map

package/dist/components/brand-icons/gitlab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gitlab.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/gitlab.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BA8B9E"}

package/dist/components/brand-icons/gitlab.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/gitlab.tsx are lost.
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The gitlab-icon mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function GitlabIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 247", "data-slot": "brand-icon", "data-brand": "gitlab", ...props, ...brandIconLabelling(props), children: [_jsx("path", { fill: "#e24329", d: "m251.845 97.642l-.328-.986l-34.85-90.903c-.657-1.808-1.972-3.287-3.616-4.274Q210.586 0 207.627 0c-1.973 0-3.78.822-5.26 1.973a8.73 8.73 0 0 0-3.124 4.767l-23.506 71.999H80.56l-23.506-72c-.493-1.808-1.644-3.451-3.123-4.766C52.45.822 50.643 0 48.67 0s-3.781.329-5.425 1.48c-1.644.986-2.96 2.465-3.617 4.273L4.781 96.656l-.33.986c-10.355 26.959-1.479 57.37 21.535 74.794h.328c0 .164 53.096 39.944 53.096 39.944l26.3 19.89l15.946 12c3.78 2.96 9.205 2.96 12.986 0l15.945-12l26.3-19.89l53.424-39.944c23.014-17.425 31.726-47.835 21.37-74.794z" }), _jsx("path", { fill: "#fc6d26", d: "m251.845 97.642l-.328-.986c-17.26 3.616-33.205 10.85-46.849 21.04c-.164 0-41.424 31.398-76.602 57.863a18377 18377 0 0 0 48.657 36.821l53.424-39.944c23.013-17.425 31.726-47.835 21.37-74.794z" }), _jsx("path", { fill: "#fca326", d: "m79.245 212.38l26.301 19.89l15.945 12c3.78 2.96 9.206 2.96 12.986 0l15.945-12l26.301-19.89s-22.684-17.095-48.657-36.82c-26.136 19.725-48.82 36.82-48.82 36.82" }), _jsx("path", { fill: "#fc6d26", d: "M51.465 117.697c-13.644-10.192-29.589-17.589-46.849-21.04l-.329.985c-10.356 26.959-1.479 57.37 21.534 74.794h.33c0 .164 53.094 39.944 53.094 39.944s22.685-17.095 48.821-36.82c-35.013-26.466-76.272-57.699-76.601-57.863" })] }));
+}

package/dist/components/brand-icons/gmail.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon.js";
+/**
+ * The google-gmail mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function GmailIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=gmail.d.ts.map

package/dist/components/brand-icons/gmail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gmail.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/gmail.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BA+D7E"}

package/dist/components/brand-icons/gmail.js

@@ -0,0 +1,25 @@
+// Generated by scripts/build-brand-icons.mjs from @iconify-json/logos (CC0-1.0).
+// Edit the allow-list in that script and regenerate; hand edits to brand-icons/gmail.tsx are lost.
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { BRAND_ICON_SIZE, brandIconLabelling } from "./brand-icon.js";
+/**
+ * The google-gmail mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export function GmailIcon({ size = BRAND_ICON_SIZE, ...props }) {
+    const scope = `brand-icon-gmail-${useId().replace(/[^a-zA-Z0-9]/g, "")}`;
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 256 204", "data-slot": "brand-icon", "data-brand": "gmail", ...props, ...brandIconLabelling(props), children: [_jsxs("defs", { children: [_jsxs("linearGradient", { id: `${scope}-a`, x1: "165", x2: "165", y1: "44", y2: "166", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#60d673" }), _jsx("stop", { offset: ".17", stopColor: "#42c868" }), _jsx("stop", { offset: ".39", stopColor: "#0ebc5f" }), _jsx("stop", { offset: ".62", stopColor: "#00a9bb" }), _jsx("stop", { offset: ".86", stopColor: "#3c90ff" }), _jsx("stop", { offset: "1", stopColor: "#3186ff" })] }), _jsxs("linearGradient", { id: `${scope}-b`, x1: "8", x2: "184", y1: "46.13", y2: "46.13", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: ".08", stopColor: "#ff63a0" }), _jsx("stop", { offset: ".3", stopColor: "#fc413d" }), _jsx("stop", { offset: ".5", stopColor: "#fc413d" }), _jsx("stop", { offset: ".65", stopColor: "#fc413d" }), _jsx("stop", { offset: ".72", stopColor: "#fc5c30" }), _jsx("stop", { offset: ".86", stopColor: "#feb10c" }), _jsx("stop", { offset: ".91", stopColor: "#fec700" }), _jsx("stop", { offset: ".96", stopColor: "#ffdb0f" })] })] }), _jsx("path", { fill: `url(#${scope}-a)`, d: "M146 44h38v110c0 6.627-5.373 12-12 12h-20a6 6 0 0 1-6-6z", transform: "translate(-11.636 -37.818)scale(1.45454)" }), _jsx("path", { fill: "#fc413d", d: "M55.273 26.182H0v160c0 9.638 7.816 17.454 17.455 17.454h29.09a8.727 8.727 0 0 0 8.728-8.728z" }), _jsx("path", { fill: `url(#${scope}-b)`, d: "M39.226 30.456c-8.033-6.752-20.018-5.714-26.77 2.319c-6.752 8.032-5.714 20.017 2.319 26.77l76.078 63.949a8 8 0 0 0 10.295 0l76.078-63.95c8.032-6.752 9.07-18.737 2.318-26.77c-6.752-8.032-18.737-9.07-26.769-2.318L96 78.18z", transform: "translate(-11.636 -37.818)scale(1.45454)" })] }));
+}

package/dist/components/brand-icons/google-calendar.d.ts

@@ -0,0 +1,18 @@
+import { type BrandIconProps } from "./brand-icon.js";
+/**
+ * The google-calendar mark from the Iconify `logos` set.
+ *
+ * Painted in the brand's official colors. Those colors are the identity
+ * being shown, so they do not follow the semantic theme.
+ *
+ * Under forced-colors mode the mark flattens to the user's system colors. That
+ * loss of brand color is the correct outcome of a contrast choice the user made,
+ * so `forced-color-adjust` stays at its `auto` default and nothing here
+ * preserves the paint.
+ *
+ * Hidden from assistive technology by default because a brand mark sits beside
+ * the text label that names it. Pass `role="img"` with an `aria-label` when
+ * the mark stands alone.
+ */
+export declare function GoogleCalendarIcon({ size, ...props }: BrandIconProps): import("react").JSX.Element;
+//# sourceMappingURL=google-calendar.d.ts.map

package/dist/components/brand-icons/google-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-calendar.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/google-calendar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAuC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAExF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,IAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BA+FtF"}