@fanvue/ui 3.19.1 → 3.21.0

package/dist/components/CriticalBanner/CriticalBanner.mjs

@@ -0,0 +1,92 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.mjs";
+import { Button } from "../Button/Button.mjs";
+import { WarningIcon } from "../Icons/WarningIcon.mjs";
+function CriticalBannerCta({
+  ctaLabel,
+  ctaProps
+}) {
+  const isDisabled = ctaProps?.disabled ?? false;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "white",
+      size: "40",
+      ...ctaProps,
+      className: cn(
+        !isDisabled && "text-alerts-critical-banner-background hover:text-alerts-critical-banner-background active:text-alerts-critical-banner-background",
+        ctaProps?.className
+      ),
+      children: ctaLabel
+    }
+  );
+}
+const CriticalBanner = React.forwardRef(
+  ({
+    className,
+    children,
+    layout = "trailing",
+    title,
+    icon,
+    ctaLabel,
+    ctaProps,
+    action,
+    role = "alert",
+    ...props
+  }, ref) => {
+    const isUnder = layout === "under";
+    const cta = action ?? (ctaLabel !== void 0 && ctaLabel !== null && ctaLabel !== false ? /* @__PURE__ */ jsx(CriticalBannerCta, { ctaLabel, ctaProps }) : null);
+    const iconNode = /* @__PURE__ */ jsx("span", { className: "shrink-0 text-alerts-critical-banner-icons", "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx(WarningIcon, { filled: true, size: 32 }) });
+    const textColumn = /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1 break-words pt-1 text-alerts-critical-banner-content", children: [
+      title && /* @__PURE__ */ jsx("div", { className: "typography-header-heading-xs", children: title }),
+      /* @__PURE__ */ jsx("div", { className: "typography-body-default-16px-regular", children })
+    ] });
+    if (isUnder) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          role,
+          className: cn(
+            "flex w-full min-w-[260px] items-start gap-4 rounded-md bg-alerts-critical-banner-background p-6",
+            className
+          ),
+          ...props,
+          children: [
+            iconNode,
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-start gap-6", children: [
+              textColumn,
+              cta !== null && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: cta })
+            ] })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role,
+        className: cn(
+          "flex w-full min-w-[260px] items-center gap-6 rounded-md bg-alerts-critical-banner-background p-6",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-4", children: [
+            iconNode,
+            textColumn
+          ] }),
+          cta !== null && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: cta })
+        ]
+      }
+    );
+  }
+);
+CriticalBanner.displayName = "CriticalBanner";
+export {
+  CriticalBanner
+};
+//# sourceMappingURL=CriticalBanner.mjs.map

package/dist/components/CriticalBanner/CriticalBanner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriticalBanner.mjs","sources":["../../../src/components/CriticalBanner/CriticalBanner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Button, type ButtonProps } from \"../Button/Button\";\nimport { WarningIcon } from \"../Icons/WarningIcon\";\n\n/**\n * Placement of the call-to-action relative to the message.\n *\n * - `\"trailing\"` keeps the action inline, aligned to the end of the banner.\n * - `\"under\"` stacks the action beneath the message (use when the CTA label is\n *   too long to sit comfortably on the same line).\n */\nexport type CriticalBannerLayout = \"trailing\" | \"under\";\n\nexport interface CriticalBannerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  /** Body copy describing the blocking situation. */\n  children: React.ReactNode;\n  /** Placement of the call-to-action relative to the message. @default \"trailing\" */\n  layout?: CriticalBannerLayout;\n  /** Optional bold heading shown above the body copy. */\n  title?: React.ReactNode;\n  /** Leading icon. Overrides the default filled warning icon. */\n  icon?: React.ReactNode;\n  /** Label for the built-in white call-to-action button. Ignored when `action` is set. */\n  ctaLabel?: React.ReactNode;\n  /**\n   * Props forwarded to the built-in call-to-action button (e.g. `onClick`).\n   * `asChild` is intentionally excluded — the built-in CTA renders `ctaLabel`\n   * as text; for a link or fully custom element use the `action` prop instead.\n   */\n  ctaProps?: Omit<ButtonProps, \"variant\" | \"size\" | \"children\" | \"asChild\">;\n  /** Custom action node rendered in place of the built-in call-to-action button. */\n  action?: React.ReactNode;\n}\n\nfunction CriticalBannerCta({\n  ctaLabel,\n  ctaProps,\n}: {\n  ctaLabel: React.ReactNode;\n  ctaProps?: CriticalBannerProps[\"ctaProps\"];\n}) {\n  // Only tint the label red for enabled states; when disabled, let Button keep\n  // its own `text-content-disabled` treatment instead of overriding it.\n  const isDisabled = ctaProps?.disabled ?? false;\n  return (\n    <Button\n      variant=\"white\"\n      size=\"40\"\n      {...ctaProps}\n      className={cn(\n        !isDisabled &&\n          \"text-alerts-critical-banner-background hover:text-alerts-critical-banner-background active:text-alerts-critical-banner-background\",\n        ctaProps?.className,\n      )}\n    >\n      {ctaLabel}\n    </Button>\n  );\n}\n\n/**\n * A full-width, high-priority banner reserved for situations that block or\n * significantly impact a user's ability to use the platform — account\n * suspensions, blocking payment failures, identity verification requirements,\n * or critical security notices. It sits at the very top of a page and is\n * intentionally disruptive, so use it sparingly; for non-blocking messaging use\n * {@link Alert} or {@link Banner} instead.\n *\n * Renders with `role=\"alert\"` so assistive technology conveys its urgency;\n * override `role` for a less assertive treatment when appropriate.\n *\n * @example\n * ```tsx\n * <CriticalBanner\n *   title=\"Payment failed\"\n *   layout=\"trailing\"\n *   ctaLabel=\"Update payment\"\n *   ctaProps={{ onClick: handleUpdate }}\n * >\n *   We couldn't process your last payment. Update your details to keep your account active.\n * </CriticalBanner>\n * ```\n */\nexport const CriticalBanner = React.forwardRef<HTMLDivElement, CriticalBannerProps>(\n  (\n    {\n      className,\n      children,\n      layout = \"trailing\",\n      title,\n      icon,\n      ctaLabel,\n      ctaProps,\n      action,\n      role = \"alert\",\n      ...props\n    },\n    ref,\n  ) => {\n    const isUnder = layout === \"under\";\n\n    const cta =\n      action ??\n      (ctaLabel !== undefined && ctaLabel !== null && ctaLabel !== false ? (\n        <CriticalBannerCta ctaLabel={ctaLabel} ctaProps={ctaProps} />\n      ) : null);\n\n    const iconNode = (\n      <span className=\"shrink-0 text-alerts-critical-banner-icons\" aria-hidden=\"true\">\n        {icon ?? <WarningIcon filled size={32} />}\n      </span>\n    );\n\n    const textColumn = (\n      <div className=\"flex min-w-0 flex-col gap-1 break-words pt-1 text-alerts-critical-banner-content\">\n        {title && <div className=\"typography-header-heading-xs\">{title}</div>}\n        <div className=\"typography-body-default-16px-regular\">{children}</div>\n      </div>\n    );\n\n    if (isUnder) {\n      return (\n        <div\n          ref={ref}\n          role={role}\n          className={cn(\n            \"flex w-full min-w-[260px] items-start gap-4 rounded-md bg-alerts-critical-banner-background p-6\",\n            className,\n          )}\n          {...props}\n        >\n          {iconNode}\n          <div className=\"flex min-w-0 flex-1 flex-col items-start gap-6\">\n            {textColumn}\n            {cta !== null && <div className=\"shrink-0\">{cta}</div>}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        role={role}\n        className={cn(\n          \"flex w-full min-w-[260px] items-center gap-6 rounded-md bg-alerts-critical-banner-background p-6\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"flex min-w-0 flex-1 items-start gap-4\">\n          {iconNode}\n          {textColumn}\n        </div>\n        {cta !== null && <div className=\"shrink-0\">{cta}</div>}\n      </div>\n    );\n  },\n);\n\nCriticalBanner.displayName = \"CriticalBanner\";\n"],"names":[],"mappings":";;;;;;AAmCA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AAGD,QAAM,aAAa,UAAU,YAAY;AACzC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACJ,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,CAAC,cACC;AAAA,QACF,UAAU;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAyBO,MAAM,iBAAiB,MAAM;AAAA,EAClC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,UAAU,WAAW;AAE3B,UAAM,MACJ,WACC,aAAa,UAAa,aAAa,QAAQ,aAAa,QAC3D,oBAAC,mBAAA,EAAkB,UAAoB,SAAA,CAAoB,IACzD;AAEN,UAAM,WACJ,oBAAC,QAAA,EAAK,WAAU,8CAA6C,eAAY,QACtE,UAAA,QAAQ,oBAAC,aAAA,EAAY,QAAM,MAAC,MAAM,IAAI,GACzC;AAGF,UAAM,aACJ,qBAAC,OAAA,EAAI,WAAU,oFACZ,UAAA;AAAA,MAAA,SAAS,oBAAC,OAAA,EAAI,WAAU,gCAAgC,UAAA,OAAM;AAAA,MAC/D,oBAAC,OAAA,EAAI,WAAU,wCAAwC,SAAA,CAAS;AAAA,IAAA,GAClE;AAGF,QAAI,SAAS;AACX,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAED,GAAG;AAAA,UAEH,UAAA;AAAA,YAAA;AAAA,YACD,qBAAC,OAAA,EAAI,WAAU,kDACZ,UAAA;AAAA,cAAA;AAAA,cACA,QAAQ,QAAQ,oBAAC,OAAA,EAAI,WAAU,YAAY,UAAA,IAAA,CAAI;AAAA,YAAA,EAAA,CAClD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAED,GAAG;AAAA,QAEJ,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,yCACZ,UAAA;AAAA,YAAA;AAAA,YACA;AAAA,UAAA,GACH;AAAA,UACC,QAAQ,QAAQ,oBAAC,OAAA,EAAI,WAAU,YAAY,UAAA,IAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGtD;AACF;AAEA,eAAe,cAAc;"}

package/dist/components/Icons/GifIcon.mjs

@@ -6,48 +6,48 @@ const VARIANTS = {
   16: {
     outlined: [
       {
-        d: "M12.358 5.992v.527h-1.854v1.35h1.701v.515h-1.7v1.848h-.55v-4.24zm-3.208 0v4.24H8.6v-4.24zm-3.418-.058q.495 0 .926.199h-.001q.435.193.732.539.3.347.39.793l.018.08h-.562l-.013-.049a1.26 1.26 0 0 0-.536-.737 1.6 1.6 0 0 0-.948-.287 1.6 1.6 0 0 0-.823.214q-.36.206-.562.578-.203.37-.203.848 0 .484.197.86l.11.175q.182.248.452.403h-.001q.365.208.83.209.397 0 .723-.153a1.4 1.4 0 0 0 .532-.425q.188-.25.257-.562H5.506v-.521h2.341l-.002.068a2.3 2.3 0 0 1-.224.977l-.066.123q-.272.483-.746.757a2.1 2.1 0 0 1-1.071.274q-.538 0-.978-.214l-.124-.065a2.06 2.06 0 0 1-.763-.783h-.001A2.3 2.3 0 0 1 3.6 8.112q0-.614.272-1.112.279-.503.764-.782.493-.284 1.096-.284"
+        d: "M9.166 12.835v1h-1.999v-1zm4.667-4.668c0-1.22-.001-2.053-.071-2.688-.069-.615-.192-.921-.353-1.135a2.133 2.133 0 0 0-.42-.42c-.213-.161-.52-.284-1.135-.353-.635-.07-1.467-.071-2.688-.071h-1.999c-1.22 0-2.053.001-2.688.071-.615.069-.922.192-1.135.353a2.133 2.133 0 0 0-.42.42c-.161.213-.284.52-.353 1.135-.07.635-.071 1.467-.071 2.688s.001 2.054.071 2.689c.069.615.192.921.353 1.135q.18.241.42.421c.213.161.52.283 1.135.351.635.071 1.467.073 2.688.073v1l-.844-.001c-1.713-.008-2.705-.067-3.42-.513l-.16-.11a3.133 3.133 0 0 1-.481-.448l-.138-.171c-.625-.831-.625-2.029-.625-4.425 0-2.246 0-3.439.514-4.264l.111-.16c.132-.175.282-.337.447-.481l.171-.138c.831-.625 2.029-.625 4.424-.625h1.999l.844.001c1.845.009 2.853.077 3.58.623.234.176.443.385.619.619.625.831.625 2.029.625 4.424s0 3.593-.624 4.425l-.139.171a3.133 3.133 0 0 1-.481.448l-.16.11c-.715.446-1.707.505-3.42.513l-.844.001v-1c1.22 0 2.053-.002 2.688-.072.615-.069.922-.191 1.135-.352q.24-.181.42-.42c.161-.214.284-.52.353-1.135.07-.635.071-1.468.071-2.689"
       },
       {
-        d: "M2.667 3.667h10.666a1 1 0 0 1 1 1v6.666a1 1 0 0 1-1 1H2.667a1 1 0 0 1-1-1V4.667a1 1 0 0 1 1-1z",
-        sw: 0.667
+        d: "M5.821 5.867q.523 0 .953.191l.104.048q.352.175.568.455a.44.44 0 0 1 .158.327c0 .1-.039.187-.111.256a.353.353 0 0 1-.256.105.487.487 0 0 1-.297-.112l-.014-.011-.011-.015a1.2 1.2 0 0 0-.443-.349 1.467 1.467 0 0 0-.645-.137q-.44.001-.785.203v.001a1.4 1.4 0 0 0-.531.554 1.667 1.667 0 0 0-.194.813q0 .449.182.807.187.353.515.555l.084.045q.301.151.682.152.377 0 .676-.158v-.001a1.267 1.267 0 0 0 .49-.441q.153-.231.212-.513H5.575a.36.36 0 0 1-.272-.115l-.004-.005a.387.387 0 0 1-.091-.253.36.36 0 0 1 .367-.368h2.028a.38.38 0 0 1 .286.112h.001l.004.003h-.001a.42.42 0 0 1 .108.3q-.001.053-.007.098v.001a2.3 2.3 0 0 1-.312 1.029l.001.001q-.276.481-.767.775c-.331.198-.709.295-1.13.295q-.651.001-1.172-.307a2.2 2.2 0 0 1-.811-.836l-.001-.001a2.467 2.467 0 0 1-.286-1.179q0-.644.293-1.175A2.167 2.167 0 0 1 4.626 6.173l.001-.001a2.333 2.333 0 0 1 1.195-.307m3.026.036q.155 0 .271.104c.089.075.125.18.125.293v3.78c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.005-.003-.003-.004a.387.387 0 0 1-.121-.295V6.3c0-.113.037-.219.126-.294a.42.42 0 0 1 .278-.103m3.51.024c.103 0 .195.038.268.111s.111.165.111.268a.373.373 0 0 1-.111.268l-.005.004a.38.38 0 0 1-.264.101H10.733v1.143h1.355c.102 0 .191.041.26.115l-.001.001c.07.068.109.153.109.252a.371.371 0 0 1-.367.373H10.733v1.517c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.004-.003-.004-.004a.387.387 0 0 1-.121-.295V6.342a.413.413 0 0 1 .111-.304l.003-.004.066-.049a.467.467 0 0 1 .234-.059z"
       }
     ],
     filled: [
       {
-        d: "M13.333 3.333c.737 0 1.333.597 1.333 1.333v6.667c0 .737-.596 1.333-1.333 1.333H2.666a1.333 1.333 0 0 1-1.333-1.333V4.666c0-.736.597-1.332 1.333-1.333zM5.732 5.867q-.62 0-1.13.293-.438.254-.713.682l-.075.126a2.34 2.34 0 0 0-.28 1.144q-.002.636.279 1.155h.002q.287.514.787.808h.002q.503.29 1.134.289.613 0 1.104-.283.49-.283.772-.784.286-.501.298-1.13l.003-.135H5.44v.654h1.726a1.4 1.4 0 0 1-.226.454q-.196.26-.508.405a1.6 1.6 0 0 1-.694.147q-.449-.001-.796-.2H4.94a1.4 1.4 0 0 1-.534-.55 1.8 1.8 0 0 1-.19-.83q0-.463.195-.817.193-.354.536-.552.348-.205.79-.205.518 0 .909.275l.002.002q.394.267.509.698l.026.099h.694l-.033-.16a1.8 1.8 0 0 0-.405-.823 2.1 2.1 0 0 0-.757-.557 2.2 2.2 0 0 0-.951-.205m2.802 4.432h.683V5.925h-.683zm1.353 0h.684V8.451h1.7v-.648h-1.7V6.585h1.853v-.66H9.887zm-3.89-.084-.03.003zm-.62-.012-.057-.01zm.864-.03-.038.008zm-1.109-.022-.055-.017zm1.342-.047-.046.017zm-1.58-.033-.043-.02zm2.151-.85h.001q-.108.143-.248.255.138-.112.247-.255M3.678 7.872l.002-.028zm.035-.242.01-.042zm.331-.778.029-.042zm.15-.19.03-.033zm.164-.163.047-.039zm1.493-.496q.033.002.064.006L5.732 6z"
+        d: "M9.997 2.333c2.202 0 3.303 0 3.987 0.683C14.667 3.701 14.667 4.802 14.667 7.003v1.995c0 2.201 0 3.303-0.683 3.987-0.684 0.683-1.785 0.684-3.987 0.684h-3.993c-2.201 0-3.303 0-3.987-0.684C1.333 12.3 1.333 11.199 1.333 8.998v-1.995c0-2.201 0-3.303 0.684-3.987C2.7 2.333 3.802 2.333 6.004 2.333zM5.672 5.9q-0.654 0-1.178 0.301a2.133 2.133 0 0 0-0.805 0.83 2.333 2.333 0 0 0-0.289 1.159q0 0.635 0.282 1.163v0.001q0.29 0.521 0.799 0.824 0.512 0.303 1.155 0.302 0.625 0 1.113-0.29 0.483-0.289 0.755-0.762h0.001q0.276-0.476 0.307-1.017a0.667 0.667 0 0 0 0.007-0.095 0.387 0.387 0 0 0-0.101-0.281 0.347 0.347 0 0 0-0.263-0.101H5.426a0.333 0.333 0 0 0-0.247 0.105h-0.001a0.333 0.333 0 0 0-0.087 0.229q0.001 0.131 0.084 0.232l0.003 0.003a0.333 0.333 0 0 0 0.247 0.105h1.623q-0.058 0.313-0.223 0.565h-0.001q-0.189 0.289-0.502 0.452h-0.001a1.467 1.467 0 0 1-0.691 0.163q-0.388-0.001-0.697-0.155l-0.087-0.047a1.44 1.44 0 0 1-0.477-0.479l-0.05-0.088a1.8 1.8 0 0 1-0.187-0.823q0-0.463 0.198-0.829t0.545-0.567a1.553 1.553 0 0 1 0.801-0.209q0.37 0.001 0.659 0.14 0.293 0.142 0.456 0.36l0.007 0.011 0.011 0.008a0.453 0.453 0 0 0 0.277 0.105 0.32 0.32 0 0 0 0.229-0.093v0.001l0.003-0.003 0.001-0.001-0.001-0.001a0.313 0.313 0 0 0 0.101-0.232 0.4 0.4 0 0 0-0.149-0.303q-0.241-0.315-0.661-0.496h0.001a2.267 2.267 0 0 0-0.94-0.189m3.025 0.035a0.387 0.387 0 0 0-0.257 0.096 0.333 0.333 0 0 0-0.113 0.269v3.78c0 0.106 0.033 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.504-0.002l0.003-0.003a0.353 0.353 0 0 0 0.11-0.271V6.3a0.333 0.333 0 0 0-0.113-0.268 0.367 0.367 0 0 0-0.251-0.097m1.5 0.024a0.4 0.4 0 0 0-0.278 0.099l-0.003 0.003a0.387 0.387 0 0 0-0.101 0.28v3.739c0 0.106 0.034 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.505-0.003l0.003-0.003a0.36 0.36 0 0 0 0.11-0.271v-1.55h1.389a0.338 0.338 0 0 0 0.334-0.34 0.313 0.313 0 0 0-0.099-0.23h0.001a0.313 0.313 0 0 0-0.236-0.104h-1.387V6.647h1.658a0.347 0.347 0 0 0 0.241-0.093l0.003-0.003q0.101-0.101 0.101-0.245a0.333 0.333 0 0 0-0.101-0.245 0.333 0.333 0 0 0-0.244-0.102",
+        eo: true
       }
     ]
   },
   24: {
     outlined: [
       {
-        d: "M18.537 8.988v.79h-2.781v2.026h2.552v.772h-2.552v2.772h-.824v-6.36zm-4.812 0v6.36H12.9v-6.36zM8.598 8.9q.741 0 1.386.3l.16.075q.55.278.941.734a2.6 2.6 0 0 1 .585 1.188l.024.12h-.842l-.019-.074a1.9 1.9 0 0 0-.804-1.104l-.002-.001a2.4 2.4 0 0 0-1.42-.431 2.4 2.4 0 0 0-1.235.321q-.54.311-.843.867-.304.556-.304 1.273.001.726.296 1.291.304.555.842.866a2.47 2.47 0 0 0 1.243.313q.597 0 1.084-.229.49-.228.8-.639.283-.374.388-.842H8.26v-.78h3.51l-.001.101a3.4 3.4 0 0 1-.436 1.647l.001.002a2.97 2.97 0 0 1-1.12 1.137 3.16 3.16 0 0 1-1.608.41q-.922 0-1.65-.419h-.002a3.1 3.1 0 0 1-1.145-1.172l-.001-.002a3.5 3.5 0 0 1-.408-1.684q0-.921.409-1.667V10.5a3 3 0 0 1 1.146-1.173A3.2 3.2 0 0 1 8.598 8.9"
+        d: "M13.749 19.253v1.5h-2.998v-1.5zm7.001-7.002c0-1.83-.002-3.08-.107-4.032-.103-.923-.288-1.382-.529-1.703a3.2 3.2 0 0 0-.63-.63c-.32-.241-.78-.426-1.703-.529-.952-.105-2.201-.107-4.032-.107h-2.998c-1.83 0-3.08.002-4.032.107-.923.103-1.383.288-1.703.529a3.2 3.2 0 0 0-.63.63c-.241.32-.426.78-.529 1.703-.105.952-.107 2.201-.107 4.032s.002 3.081.107 4.033c.103.923.288 1.382.529 1.702q.27.361.63.631c.32.241.78.425 1.703.527.952.106 2.201.109 4.032.109v1.5l-1.266-.002c-2.57-.012-4.057-.101-5.13-.77l-.24-.165a4.7 4.7 0 0 1-.721-.672l-.207-.256c-.937-1.247-.937-3.044-.937-6.637 0-3.369 0-5.158.771-6.396l.166-.24c.198-.263.423-.506.671-.721l.257-.207c1.246-.937 3.043-.937 6.636-.937h2.998l1.266.002c2.768.013 4.28.115 5.37.935.351.264.664.577.928.928.937 1.246.937 3.043.937 6.636s0 5.39-.936 6.637l-.208.256a4.7 4.7 0 0 1-.721.672l-.24.165c-1.073.669-2.56.758-5.13.77l-1.266.002v-1.5c1.83 0 3.08-.003 4.032-.108.923-.103 1.383-.287 1.703-.528q.36-.271.63-.63c.241-.321.426-.78.529-1.703.105-.952.107-2.202.107-4.033"
       },
       {
-        d: "M4 5.5h16A1.5 1.5 0 0 1 21.5 7v10a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 17V7A1.5 1.5 0 0 1 4 5.5z",
-        sw: 1
+        d: "M8.732 8.8q.784 0 1.43.287l.156.072q.528.262.852.683a.66.66 0 0 1 .237.49c0 .15-.058.281-.167.384a.53.53 0 0 1-.384.158.73.73 0 0 1-.446-.168l-.021-.016-.016-.022a1.8 1.8 0 0 0-.665-.524 2.2 2.2 0 0 0-.967-.206q-.66.001-1.177.305v.001a2.1 2.1 0 0 0-.797.831 2.5 2.5 0 0 0-.291 1.219q0 .674.273 1.21.28.53.772.832l.126.068q.452.226 1.023.228.566 0 1.014-.237v-.001a1.9 1.9 0 0 0 .735-.662q.23-.346.318-.77H8.363a.54.54 0 0 1-.408-.173l-.006-.007a.58.58 0 0 1-.136-.38.54.54 0 0 1 .55-.552h3.042a.57.57 0 0 1 .429.168h.001l.006.005h-.001a.63.63 0 0 1 .162.45q-.001.08-.01.147v.001a3.45 3.45 0 0 1-.468 1.544l.001.001q-.414.722-1.151 1.162c-.496.297-1.064.442-1.695.442q-.976.001-1.758-.46a3.3 3.3 0 0 1-1.216-1.254l-.002-.002a3.7 3.7 0 0 1-.429-1.769q0-.966.44-1.762A3.25 3.25 0 0 1 6.939 9.26l.001-.001a3.5 3.5 0 0 1 1.792-.46m4.539.054q.233 0 .407.156c.133.112.188.27.188.44v5.67c0 .17-.055.327-.181.444l-.006.005a.656.656 0 0 1-.82.005l-.007-.005-.005-.006a.58.58 0 0 1-.182-.443V9.45c0-.17.056-.329.189-.441a.63.63 0 0 1 .417-.155m5.265.036c.155 0 .293.057.402.167s.167.247.167.402a.56.56 0 0 1-.166.402l-.007.006a.57.57 0 0 1-.396.152H16.1v1.714h2.032c.153 0 .287.061.39.173l-.002.001c.105.102.163.23.163.378a.556.556 0 0 1-.551.56H16.1v2.275c0 .17-.055.327-.182.444l-.006.005a.656.656 0 0 1-.82.005l-.006-.005-.006-.006a.58.58 0 0 1-.181-.443V9.513a.62.62 0 0 1 .167-.456l.005-.006.099-.073a.7.7 0 0 1 .351-.088z"
       }
     ],
     filled: [
       {
-        d: "M20 5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM8.598 8.8q-.931 0-1.694.44a3.1 3.1 0 0 0-1.07 1.023l-.113.19a3.5 3.5 0 0 0-.421 1.715c0 .634.138 1.214.42 1.732l.002.002q.43.769 1.181 1.21l.002.001q.756.434 1.701.432a3.26 3.26 0 0 0 1.658-.423q.734-.425 1.156-1.176a3.5 3.5 0 0 0 .45-1.695l.003-.204H8.16v.981h2.589q-.106.375-.34.682-.294.39-.76.608-.467.219-1.043.22a2.37 2.37 0 0 1-1.194-.3 2.1 2.1 0 0 1-.802-.825 2.65 2.65 0 0 1-.285-1.245q.001-.693.292-1.225.29-.532.805-.828a2.3 2.3 0 0 1 1.184-.307c.52 0 .972.138 1.365.412l.002.002c.396.268.647.616.763 1.048l.04.148h1.041l-.05-.24a2.7 2.7 0 0 0-.607-1.235 3.2 3.2 0 0 0-1.136-.836A3.4 3.4 0 0 0 8.598 8.8m4.202 6.648h1.025v-6.56H12.8zm2.031 0h1.025v-2.772h2.552v-.972h-2.552V9.878h2.78v-.99h-3.805zm-5.826-.126q-.058.007-.115.01zm.19-.027-.1.015zm-.436-.562v.001m-2.164-.969.031.04-.02-.024zm-1.092-1.717.002-.08zm.013-.216.005-.075zm.022-.195.01-.075zm5.266-.762.07.168a2 2 0 0 0-.107-.238zm-4.763-.562.064-.09zm.14-.189.04-.05zm.211-.238q.046-.048.096-.095-.05.046-.096.095m3.257-.713.051.018zm-.292-.085.043.01zm-.312-.057.056.007zm-3.321 1.886"
+        d: "M14.995 3.5c3.303 0 4.954 0 5.98 1.025C22 5.551 22 7.203 22 10.505v2.992c0 3.302 0 4.954-1.025 5.98-1.026 1.025-2.678 1.026-5.98 1.026h-5.99c-3.302 0-4.954 0-5.98-1.026C2 18.45 2 16.799 2 13.497v-2.992c0-3.302 0-4.954 1.026-5.98C4.05 3.5 5.703 3.5 9.006 3.5zM8.508 8.85q-.981 0-1.767.452a3.2 3.2 0 0 0-1.208 1.245 3.5 3.5 0 0 0-.433 1.738q0 .953.423 1.745v.001q.435.782 1.199 1.236.768.454 1.732.453.938 0 1.67-.435.724-.433 1.132-1.143h.001q.414-.714.46-1.525a1 1 0 0 0 .01-.143.58.58 0 0 0-.152-.421.52.52 0 0 0-.394-.152H8.139a.5.5 0 0 0-.371.157h-.001a.5.5 0 0 0-.13.344q.002.197.126.348l.005.005a.5.5 0 0 0 .37.157h2.435q-.087.469-.335.848h-.001q-.284.434-.753.678h-.001a2.2 2.2 0 0 1-1.037.244q-.582-.001-1.045-.233l-.13-.07a2.16 2.16 0 0 1-.715-.719l-.075-.132a2.7 2.7 0 0 1-.28-1.234q0-.695.297-1.243t.817-.85a2.33 2.33 0 0 1 1.202-.313q.555.001.988.21.44.213.684.54l.011.016.016.012a.68.68 0 0 0 .416.158.48.48 0 0 0 .344-.14v.002l.004-.004.002-.001-.001-.001a.47.47 0 0 0 .152-.348.6.6 0 0 0-.223-.455q-.362-.473-.992-.744h.001a3.4 3.4 0 0 0-1.41-.283m4.538.053a.58.58 0 0 0-.385.144.5.5 0 0 0-.17.403v5.67c0 .159.05.3.165.406v.001l.01.007a.604.604 0 0 0 .756-.003l.005-.004a.53.53 0 0 0 .165-.407V9.45a.5.5 0 0 0-.17-.402.55.55 0 0 0-.376-.145m2.25.036a.6.6 0 0 0-.417.149l-.004.004a.58.58 0 0 0-.152.42v5.608c0 .159.051.3.165.406v.001l.01.008a.605.605 0 0 0 .757-.004l.004-.004a.54.54 0 0 0 .165-.407v-2.325h2.083a.507.507 0 0 0 .501-.51.47.47 0 0 0-.149-.345h.001a.47.47 0 0 0-.354-.156h-2.081V9.97h2.487a.52.52 0 0 0 .362-.139l.004-.004q.151-.152.152-.367a.5.5 0 0 0-.152-.367.5.5 0 0 0-.366-.153",
+        eo: true
       }
     ]
   },
   32: {
     outlined: [
       {
-        d: "M24.715 11.984v1.053h-3.707v2.701h3.403v1.03h-3.403v3.696h-1.1v-8.48zm-6.415 0v8.48h-1.1v-8.48zm-6.837-.118q.989 0 1.85.4l.212.101a4.1 4.1 0 0 1 1.254.978q.598.693.78 1.585l.034.16H14.47l-.027-.099q-.243-.912-1.072-1.472v-.001q-.821-.575-1.896-.575-.918 0-1.646.427v.001a2.93 2.93 0 0 0-1.124 1.157q-.405.741-.405 1.696.001.969.395 1.721.404.742 1.121 1.156l.186.096q.66.319 1.473.32.794 0 1.446-.304a2.8 2.8 0 0 0 1.064-.852l.102-.142q.297-.444.416-.982h-3.49v-1.04h4.681l-.003.135q-.025 1.226-.58 2.197v.001a3.96 3.96 0 0 1-1.493 1.517q-.95.547-2.143.546-1.23 0-2.203-.558a4.1 4.1 0 0 1-1.527-1.563v-.002q-.546-1.006-.546-2.246 0-1.228.545-2.223V14a4 4 0 0 1 1.528-1.565 4.3 4.3 0 0 1 2.19-.569"
+        d: "M18.332 25.671v2h-3.997v-2zm9.335-9.336c0-2.44-.003-4.107-.143-5.376-.137-1.231-.384-1.843-.705-2.271a4.267 4.267 0 0 0-.84-.84c-.427-.321-1.04-.568-2.271-.705-1.269-.14-2.935-.143-5.376-.143h-3.997c-2.44 0-4.107.003-5.376.143-1.231.137-1.844.384-2.271.705a4.267 4.267 0 0 0-.84.84c-.321.427-.568 1.04-.705 2.271-.14 1.269-.143 2.935-.143 5.376s.003 4.108.143 5.377c.137 1.231.384 1.843.705 2.269q.36.481.84.841c.427.321 1.04.567 2.271.703 1.269.141 2.935.145 5.376.145v2l-1.688-.003c-3.427-.016-5.409-.135-6.84-1.027l-.32-.22a6.267 6.267 0 0 1-.961-.896l-.276-.341c-1.249-1.663-1.249-4.059-1.249-8.849 0-4.492 0-6.877 1.028-8.528l.221-.32c.264-.351.564-.675.895-.961l.343-.276c1.661-1.249 4.057-1.249 8.848-1.249h3.997l1.688.003c3.691.017 5.707.153 7.16 1.247.468.352.885.769 1.237 1.237 1.249 1.661 1.249 4.057 1.249 8.848s0 7.187-1.248 8.849l-.277.341a6.267 6.267 0 0 1-.961.896l-.32.22c-1.431.892-3.413 1.011-6.84 1.027l-1.688.003v-2c2.44 0 4.107-.004 5.376-.144 1.231-.137 1.844-.383 2.271-.704q.48-.361.84-.84c.321-.428.568-1.04.705-2.271.14-1.269.143-2.936.143-5.377"
       },
       {
-        d: "M5.333 7.333h21.333a2 2 0 0 1 2 2v13.334a2 2 0 0 1-2 2H5.333a2 2 0 0 1-2-2V9.333a2 2 0 0 1 2-2z",
-        sw: 1.333
+        d: "M11.643 11.733q1.045 0 1.907.383l.208.096q.704.349 1.136.911a.88.88 0 0 1 .316.653c0 .2-.077.375-.223.512a.707.707 0 0 1-.512.211.973.973 0 0 1-.595-.224l-.028-.021-.021-.029a2.4 2.4 0 0 0-.887-.699 2.933 2.933 0 0 0-1.289-.275q-.88.001-1.569.407v.001a2.8 2.8 0 0 0-1.063 1.108 3.333 3.333 0 0 0-.388 1.625q0 .899.364 1.613.373.707 1.029 1.109l.168.091q.603.301 1.364.304.755 0 1.352-.316v-.001a2.533 2.533 0 0 0 .98-.883q.307-.461.424-1.027H11.151a.72.72 0 0 1-.544-.231l-.008-.009a.773.773 0 0 1-.181-.507.72.72 0 0 1 .733-.736h4.056a.76.76 0 0 1 .572.224h.001l.008.007h-.001a.84.84 0 0 1 .216.6q-.001.107-.013.196v.001a4.6 4.6 0 0 1-.624 2.059l.001.001q-.552.963-1.535 1.549c-.661.396-1.419.589-2.26.589q-1.301.001-2.344-.613a4.4 4.4 0 0 1-1.621-1.672l-.003-.003a4.933 4.933 0 0 1-.572-2.359q0-1.288.587-2.349A4.333 4.333 0 0 1 9.252 12.347l.001-.001a4.667 4.667 0 0 1 2.389-.613m6.052.072q.311 0 .543.208c.177.149.251.36.251.587v7.56c0 .227-.073.436-.241.592l-.008.007a.875.875 0 0 1-1.093.007l-.009-.007-.007-.008a.773.773 0 0 1-.243-.591V12.6c0-.227.075-.439.252-.588a.84.84 0 0 1 .556-.207m7.02.048c.207 0 .391.076.536.223s.223.329.223.536a.747.747 0 0 1-.221.536l-.009.008a.76.76 0 0 1-.528.203H21.467v2.285h2.709c.204 0 .383.081.52.231l-.003.001c.14.136.217.307.217.504a.741.741 0 0 1-.735.747H21.467v3.033c0 .227-.073.436-.243.592l-.008.007a.875.875 0 0 1-1.093.007l-.008-.007-.008-.008a.773.773 0 0 1-.241-.591V12.684a.827.827 0 0 1 .223-.608l.007-.008.132-.097a.933.933 0 0 1 .468-.117z"
       }
     ],
     filled: [
       {
-        d: "M26.667 6.667a2.667 2.667 0 0 1 2.667 2.667v13.333a2.667 2.667 0 0 1-2.667 2.667H5.334a2.667 2.667 0 0 1-2.667-2.667V9.334a2.667 2.667 0 0 1 2.667-2.667zm-15.203 5.066q-1.24-.001-2.258.587a4.1 4.1 0 0 0-1.428 1.363l-.15.253c-.376.684-.562 1.45-.562 2.288q-.001 1.27.56 2.31l.003.003a4.25 4.25 0 0 0 1.575 1.613l.003.001c.67.386 1.43.575 2.269.575q1.225.001 2.209-.563a4.1 4.1 0 0 0 1.542-1.568q.574-1.003.598-2.26l.006-.273H10.88v1.309h3.452a2.7 2.7 0 0 1-.453.909 2.65 2.65 0 0 1-1.015.811 3.25 3.25 0 0 1-1.388.293 3.16 3.16 0 0 1-1.593-.4h-.001a2.8 2.8 0 0 1-1.069-1.1q-.378-.719-.38-1.66.001-.925.39-1.633.387-.709 1.073-1.104l.001-.001q.696-.408 1.579-.41c.692 0 1.295.185 1.818.55l.003.003c.528.357.864.821 1.018 1.397l.053.198h1.389l-.067-.32a3.6 3.6 0 0 0-.81-1.646 4.24 4.24 0 0 0-1.514-1.115 4.5 4.5 0 0 0-1.902-.41m5.602 8.864h1.368V11.85h-1.368zm2.71 0h1.367v-3.696h3.402v-1.296h-3.402v-2.434h3.707v-1.32h-5.075zm-2.442-.266v-8.214zm-3.782-.399-.233.124a4 4 0 0 1 .233-.125zm.828-1.954a2.9 2.9 0 0 1-1.403 1.355 3 3 0 0 1 .166-.083q.568-.306.948-.809.167-.22.29-.463m-5.618.327-.075-.109.075.11M7.378 15.56l.026-.174q-.014.087-.025.174m.547-1.599q.037-.065.076-.127zm.116-.187q.045-.07.094-.138-.049.068-.094.138m.167-.233q.044-.06.092-.117-.047.056-.092.117m.685-.69q.105-.084.218-.158l.087-.055a4 4 0 0 0-.305.212m15.69.053h-3.707v-.001zm-13.106-.095v.001m1.377-.585q.207.07.406.162v.001a4 4 0 0 0-.405-.163m-.385-.111.08.021zm-.222-.044.088.016zm-.217-.033.11.014zM8.854 18.43q-.03-.037-.058-.076zm-.151-5.423"
+        d: "M19.993 4.667c4.404 0 6.605 0 7.973 1.367C29.333 7.401 29.333 9.604 29.333 14.007v3.989c0 4.403 0 6.605-1.367 7.973-1.368 1.367-3.571 1.368-7.973 1.368h-7.987c-4.403 0-6.605 0-7.973-1.368C2.667 24.6 2.667 22.399 2.667 17.996v-3.989c0-4.403 0-6.605 1.368-7.973C5.4 4.667 7.604 4.667 12.008 4.667zM11.344 11.8q-1.308 0-2.356 0.603a4.267 4.267 0 0 0-1.611 1.66 4.667 4.667 0 0 0-0.577 2.317q0 1.271 0.564 2.327v0.001q0.58 1.043 1.599 1.648 1.024 0.605 2.309 0.604 1.251 0 2.227-0.58 0.965-0.577 1.509-1.524h0.001q0.552-0.952 0.613-2.033a1.333 1.333 0 0 0 0.013-0.191 0.773 0.773 0 0 0-0.203-0.561 0.693 0.693 0 0 0-0.525-0.203H10.852a0.667 0.667 0 0 0-0.495 0.209h-0.001a0.667 0.667 0 0 0-0.173 0.459q0.003 0.263 0.168 0.464l0.007 0.007a0.667 0.667 0 0 0 0.493 0.209h3.247q-0.116 0.625-0.447 1.131h-0.001q-0.379 0.579-1.004 0.904h-0.001a2.933 2.933 0 0 1-1.383 0.325q-0.776-0.001-1.393-0.311l-0.173-0.093a2.88 2.88 0 0 1-0.953-0.959l-0.1-0.176a3.6 3.6 0 0 1-0.373-1.645q0-0.927 0.396-1.657t1.089-1.133a3.107 3.107 0 0 1 1.603-0.417q0.74 0.001 1.317 0.28 0.587 0.284 0.912 0.72l0.015 0.021 0.021 0.016a0.907 0.907 0 0 0 0.555 0.211 0.64 0.64 0 0 0 0.459-0.187v0.003l0.005-0.005 0.003-0.001-0.001-0.001a0.627 0.627 0 0 0 0.203-0.464 0.8 0.8 0 0 0-0.297-0.607q-0.483-0.631-1.323-0.992h0.001a4.533 4.533 0 0 0-1.88-0.377m6.051 0.071a0.773 0.773 0 0 0-0.513 0.192 0.667 0.667 0 0 0-0.227 0.537v7.56c0 0.212 0.067 0.4 0.22 0.541v0.001l0.013 0.009a0.805 0.805 0 0 0 1.008-0.004l0.007-0.005a0.707 0.707 0 0 0 0.22-0.543V12.6a0.667 0.667 0 0 0-0.227-0.536 0.733 0.733 0 0 0-0.501-0.193m3 0.048a0.8 0.8 0 0 0-0.556 0.199l-0.005 0.005a0.773 0.773 0 0 0-0.203 0.56v7.477c0 0.212 0.068 0.4 0.22 0.541v0.001l0.013 0.011a0.807 0.807 0 0 0 1.009-0.005l0.005-0.005a0.72 0.72 0 0 0 0.22-0.543v-3.1h2.777a0.676 0.676 0 0 0 0.668-0.68 0.627 0.627 0 0 0-0.199-0.46h0.001a0.627 0.627 0 0 0-0.472-0.208h-2.775V13.293h3.316a0.693 0.693 0 0 0 0.483-0.185l0.005-0.005q0.201-0.203 0.203-0.489a0.667 0.667 0 0 0-0.203-0.489 0.667 0.667 0 0 0-0.488-0.204",
+        eo: true
       }
     ]
   }

package/dist/components/Icons/GifIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GifIcon.mjs","sources":["../../../src/components/Icons/GifIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n  16: {\n    outlined: [\n      {\n        d: \"M12.358 5.992v.527h-1.854v1.35h1.701v.515h-1.7v1.848h-.55v-4.24zm-3.208 0v4.24H8.6v-4.24zm-3.418-.058q.495 0 .926.199h-.001q.435.193.732.539.3.347.39.793l.018.08h-.562l-.013-.049a1.26 1.26 0 0 0-.536-.737 1.6 1.6 0 0 0-.948-.287 1.6 1.6 0 0 0-.823.214q-.36.206-.562.578-.203.37-.203.848 0 .484.197.86l.11.175q.182.248.452.403h-.001q.365.208.83.209.397 0 .723-.153a1.4 1.4 0 0 0 .532-.425q.188-.25.257-.562H5.506v-.521h2.341l-.002.068a2.3 2.3 0 0 1-.224.977l-.066.123q-.272.483-.746.757a2.1 2.1 0 0 1-1.071.274q-.538 0-.978-.214l-.124-.065a2.06 2.06 0 0 1-.763-.783h-.001A2.3 2.3 0 0 1 3.6 8.112q0-.614.272-1.112.279-.503.764-.782.493-.284 1.096-.284\",\n      },\n      {\n        d: \"M2.667 3.667h10.666a1 1 0 0 1 1 1v6.666a1 1 0 0 1-1 1H2.667a1 1 0 0 1-1-1V4.667a1 1 0 0 1 1-1z\",\n        sw: 0.667,\n      },\n    ],\n    filled: [\n      {\n        d: \"M13.333 3.333c.737 0 1.333.597 1.333 1.333v6.667c0 .737-.596 1.333-1.333 1.333H2.666a1.333 1.333 0 0 1-1.333-1.333V4.666c0-.736.597-1.332 1.333-1.333zM5.732 5.867q-.62 0-1.13.293-.438.254-.713.682l-.075.126a2.34 2.34 0 0 0-.28 1.144q-.002.636.279 1.155h.002q.287.514.787.808h.002q.503.29 1.134.289.613 0 1.104-.283.49-.283.772-.784.286-.501.298-1.13l.003-.135H5.44v.654h1.726a1.4 1.4 0 0 1-.226.454q-.196.26-.508.405a1.6 1.6 0 0 1-.694.147q-.449-.001-.796-.2H4.94a1.4 1.4 0 0 1-.534-.55 1.8 1.8 0 0 1-.19-.83q0-.463.195-.817.193-.354.536-.552.348-.205.79-.205.518 0 .909.275l.002.002q.394.267.509.698l.026.099h.694l-.033-.16a1.8 1.8 0 0 0-.405-.823 2.1 2.1 0 0 0-.757-.557 2.2 2.2 0 0 0-.951-.205m2.802 4.432h.683V5.925h-.683zm1.353 0h.684V8.451h1.7v-.648h-1.7V6.585h1.853v-.66H9.887zm-3.89-.084-.03.003zm-.62-.012-.057-.01zm.864-.03-.038.008zm-1.109-.022-.055-.017zm1.342-.047-.046.017zm-1.58-.033-.043-.02zm2.151-.85h.001q-.108.143-.248.255.138-.112.247-.255M3.678 7.872l.002-.028zm.035-.242.01-.042zm.331-.778.029-.042zm.15-.19.03-.033zm.164-.163.047-.039zm1.493-.496q.033.002.064.006L5.732 6z\",\n      },\n    ],\n  },\n  24: {\n    outlined: [\n      {\n        d: \"M18.537 8.988v.79h-2.781v2.026h2.552v.772h-2.552v2.772h-.824v-6.36zm-4.812 0v6.36H12.9v-6.36zM8.598 8.9q.741 0 1.386.3l.16.075q.55.278.941.734a2.6 2.6 0 0 1 .585 1.188l.024.12h-.842l-.019-.074a1.9 1.9 0 0 0-.804-1.104l-.002-.001a2.4 2.4 0 0 0-1.42-.431 2.4 2.4 0 0 0-1.235.321q-.54.311-.843.867-.304.556-.304 1.273.001.726.296 1.291.304.555.842.866a2.47 2.47 0 0 0 1.243.313q.597 0 1.084-.229.49-.228.8-.639.283-.374.388-.842H8.26v-.78h3.51l-.001.101a3.4 3.4 0 0 1-.436 1.647l.001.002a2.97 2.97 0 0 1-1.12 1.137 3.16 3.16 0 0 1-1.608.41q-.922 0-1.65-.419h-.002a3.1 3.1 0 0 1-1.145-1.172l-.001-.002a3.5 3.5 0 0 1-.408-1.684q0-.921.409-1.667V10.5a3 3 0 0 1 1.146-1.173A3.2 3.2 0 0 1 8.598 8.9\",\n      },\n      {\n        d: \"M4 5.5h16A1.5 1.5 0 0 1 21.5 7v10a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 17V7A1.5 1.5 0 0 1 4 5.5z\",\n        sw: 1,\n      },\n    ],\n    filled: [\n      {\n        d: \"M20 5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM8.598 8.8q-.931 0-1.694.44a3.1 3.1 0 0 0-1.07 1.023l-.113.19a3.5 3.5 0 0 0-.421 1.715c0 .634.138 1.214.42 1.732l.002.002q.43.769 1.181 1.21l.002.001q.756.434 1.701.432a3.26 3.26 0 0 0 1.658-.423q.734-.425 1.156-1.176a3.5 3.5 0 0 0 .45-1.695l.003-.204H8.16v.981h2.589q-.106.375-.34.682-.294.39-.76.608-.467.219-1.043.22a2.37 2.37 0 0 1-1.194-.3 2.1 2.1 0 0 1-.802-.825 2.65 2.65 0 0 1-.285-1.245q.001-.693.292-1.225.29-.532.805-.828a2.3 2.3 0 0 1 1.184-.307c.52 0 .972.138 1.365.412l.002.002c.396.268.647.616.763 1.048l.04.148h1.041l-.05-.24a2.7 2.7 0 0 0-.607-1.235 3.2 3.2 0 0 0-1.136-.836A3.4 3.4 0 0 0 8.598 8.8m4.202 6.648h1.025v-6.56H12.8zm2.031 0h1.025v-2.772h2.552v-.972h-2.552V9.878h2.78v-.99h-3.805zm-5.826-.126q-.058.007-.115.01zm.19-.027-.1.015zm-.436-.562v.001m-2.164-.969.031.04-.02-.024zm-1.092-1.717.002-.08zm.013-.216.005-.075zm.022-.195.01-.075zm5.266-.762.07.168a2 2 0 0 0-.107-.238zm-4.763-.562.064-.09zm.14-.189.04-.05zm.211-.238q.046-.048.096-.095-.05.046-.096.095m3.257-.713.051.018zm-.292-.085.043.01zm-.312-.057.056.007zm-3.321 1.886\",\n      },\n    ],\n  },\n  32: {\n    outlined: [\n      {\n        d: \"M24.715 11.984v1.053h-3.707v2.701h3.403v1.03h-3.403v3.696h-1.1v-8.48zm-6.415 0v8.48h-1.1v-8.48zm-6.837-.118q.989 0 1.85.4l.212.101a4.1 4.1 0 0 1 1.254.978q.598.693.78 1.585l.034.16H14.47l-.027-.099q-.243-.912-1.072-1.472v-.001q-.821-.575-1.896-.575-.918 0-1.646.427v.001a2.93 2.93 0 0 0-1.124 1.157q-.405.741-.405 1.696.001.969.395 1.721.404.742 1.121 1.156l.186.096q.66.319 1.473.32.794 0 1.446-.304a2.8 2.8 0 0 0 1.064-.852l.102-.142q.297-.444.416-.982h-3.49v-1.04h4.681l-.003.135q-.025 1.226-.58 2.197v.001a3.96 3.96 0 0 1-1.493 1.517q-.95.547-2.143.546-1.23 0-2.203-.558a4.1 4.1 0 0 1-1.527-1.563v-.002q-.546-1.006-.546-2.246 0-1.228.545-2.223V14a4 4 0 0 1 1.528-1.565 4.3 4.3 0 0 1 2.19-.569\",\n      },\n      {\n        d: \"M5.333 7.333h21.333a2 2 0 0 1 2 2v13.334a2 2 0 0 1-2 2H5.333a2 2 0 0 1-2-2V9.333a2 2 0 0 1 2-2z\",\n        sw: 1.333,\n      },\n    ],\n    filled: [\n      {\n        d: \"M26.667 6.667a2.667 2.667 0 0 1 2.667 2.667v13.333a2.667 2.667 0 0 1-2.667 2.667H5.334a2.667 2.667 0 0 1-2.667-2.667V9.334a2.667 2.667 0 0 1 2.667-2.667zm-15.203 5.066q-1.24-.001-2.258.587a4.1 4.1 0 0 0-1.428 1.363l-.15.253c-.376.684-.562 1.45-.562 2.288q-.001 1.27.56 2.31l.003.003a4.25 4.25 0 0 0 1.575 1.613l.003.001c.67.386 1.43.575 2.269.575q1.225.001 2.209-.563a4.1 4.1 0 0 0 1.542-1.568q.574-1.003.598-2.26l.006-.273H10.88v1.309h3.452a2.7 2.7 0 0 1-.453.909 2.65 2.65 0 0 1-1.015.811 3.25 3.25 0 0 1-1.388.293 3.16 3.16 0 0 1-1.593-.4h-.001a2.8 2.8 0 0 1-1.069-1.1q-.378-.719-.38-1.66.001-.925.39-1.633.387-.709 1.073-1.104l.001-.001q.696-.408 1.579-.41c.692 0 1.295.185 1.818.55l.003.003c.528.357.864.821 1.018 1.397l.053.198h1.389l-.067-.32a3.6 3.6 0 0 0-.81-1.646 4.24 4.24 0 0 0-1.514-1.115 4.5 4.5 0 0 0-1.902-.41m5.602 8.864h1.368V11.85h-1.368zm2.71 0h1.367v-3.696h3.402v-1.296h-3.402v-2.434h3.707v-1.32h-5.075zm-2.442-.266v-8.214zm-3.782-.399-.233.124a4 4 0 0 1 .233-.125zm.828-1.954a2.9 2.9 0 0 1-1.403 1.355 3 3 0 0 1 .166-.083q.568-.306.948-.809.167-.22.29-.463m-5.618.327-.075-.109.075.11M7.378 15.56l.026-.174q-.014.087-.025.174m.547-1.599q.037-.065.076-.127zm.116-.187q.045-.07.094-.138-.049.068-.094.138m.167-.233q.044-.06.092-.117-.047.056-.092.117m.685-.69q.105-.084.218-.158l.087-.055a4 4 0 0 0-.305.212m15.69.053h-3.707v-.001zm-13.106-.095v.001m1.377-.585q.207.07.406.162v.001a4 4 0 0 0-.405-.163m-.385-.111.08.021zm-.222-.044.088.016zm-.217-.033.11.014zM8.854 18.43q-.03-.037-.058-.076zm-.151-5.423\",\n      },\n    ],\n  },\n};\n\n/** Props for {@link GifIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type GifIconProps = BaseIconProps;\n\n/**\n * Gif icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.\n *\n * @example\n * ```tsx\n * <GifIcon size={24} filled />\n * ```\n */\nexport const GifIcon = React.forwardRef<SVGSVGElement, GifIconProps>((props, ref) => (\n  <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nGifIcon.displayName = \"GifIcon\";\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAEJ;AAaO,MAAM,UAAU,MAAM,WAAwC,CAAC,OAAO,QAC3E,oBAAC,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,QAAQ,cAAc;"}
+{"version":3,"file":"GifIcon.mjs","sources":["../../../src/components/Icons/GifIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n  16: {\n    outlined: [\n      {\n        d: \"M9.166 12.835v1h-1.999v-1zm4.667-4.668c0-1.22-.001-2.053-.071-2.688-.069-.615-.192-.921-.353-1.135a2.133 2.133 0 0 0-.42-.42c-.213-.161-.52-.284-1.135-.353-.635-.07-1.467-.071-2.688-.071h-1.999c-1.22 0-2.053.001-2.688.071-.615.069-.922.192-1.135.353a2.133 2.133 0 0 0-.42.42c-.161.213-.284.52-.353 1.135-.07.635-.071 1.467-.071 2.688s.001 2.054.071 2.689c.069.615.192.921.353 1.135q.18.241.42.421c.213.161.52.283 1.135.351.635.071 1.467.073 2.688.073v1l-.844-.001c-1.713-.008-2.705-.067-3.42-.513l-.16-.11a3.133 3.133 0 0 1-.481-.448l-.138-.171c-.625-.831-.625-2.029-.625-4.425 0-2.246 0-3.439.514-4.264l.111-.16c.132-.175.282-.337.447-.481l.171-.138c.831-.625 2.029-.625 4.424-.625h1.999l.844.001c1.845.009 2.853.077 3.58.623.234.176.443.385.619.619.625.831.625 2.029.625 4.424s0 3.593-.624 4.425l-.139.171a3.133 3.133 0 0 1-.481.448l-.16.11c-.715.446-1.707.505-3.42.513l-.844.001v-1c1.22 0 2.053-.002 2.688-.072.615-.069.922-.191 1.135-.352q.24-.181.42-.42c.161-.214.284-.52.353-1.135.07-.635.071-1.468.071-2.689\",\n      },\n      {\n        d: \"M5.821 5.867q.523 0 .953.191l.104.048q.352.175.568.455a.44.44 0 0 1 .158.327c0 .1-.039.187-.111.256a.353.353 0 0 1-.256.105.487.487 0 0 1-.297-.112l-.014-.011-.011-.015a1.2 1.2 0 0 0-.443-.349 1.467 1.467 0 0 0-.645-.137q-.44.001-.785.203v.001a1.4 1.4 0 0 0-.531.554 1.667 1.667 0 0 0-.194.813q0 .449.182.807.187.353.515.555l.084.045q.301.151.682.152.377 0 .676-.158v-.001a1.267 1.267 0 0 0 .49-.441q.153-.231.212-.513H5.575a.36.36 0 0 1-.272-.115l-.004-.005a.387.387 0 0 1-.091-.253.36.36 0 0 1 .367-.368h2.028a.38.38 0 0 1 .286.112h.001l.004.003h-.001a.42.42 0 0 1 .108.3q-.001.053-.007.098v.001a2.3 2.3 0 0 1-.312 1.029l.001.001q-.276.481-.767.775c-.331.198-.709.295-1.13.295q-.651.001-1.172-.307a2.2 2.2 0 0 1-.811-.836l-.001-.001a2.467 2.467 0 0 1-.286-1.179q0-.644.293-1.175A2.167 2.167 0 0 1 4.626 6.173l.001-.001a2.333 2.333 0 0 1 1.195-.307m3.026.036q.155 0 .271.104c.089.075.125.18.125.293v3.78c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.005-.003-.003-.004a.387.387 0 0 1-.121-.295V6.3c0-.113.037-.219.126-.294a.42.42 0 0 1 .278-.103m3.51.024c.103 0 .195.038.268.111s.111.165.111.268a.373.373 0 0 1-.111.268l-.005.004a.38.38 0 0 1-.264.101H10.733v1.143h1.355c.102 0 .191.041.26.115l-.001.001c.07.068.109.153.109.252a.371.371 0 0 1-.367.373H10.733v1.517c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.004-.003-.004-.004a.387.387 0 0 1-.121-.295V6.342a.413.413 0 0 1 .111-.304l.003-.004.066-.049a.467.467 0 0 1 .234-.059z\",\n      },\n    ],\n    filled: [\n      {\n        d: \"M9.997 2.333c2.202 0 3.303 0 3.987 0.683C14.667 3.701 14.667 4.802 14.667 7.003v1.995c0 2.201 0 3.303-0.683 3.987-0.684 0.683-1.785 0.684-3.987 0.684h-3.993c-2.201 0-3.303 0-3.987-0.684C1.333 12.3 1.333 11.199 1.333 8.998v-1.995c0-2.201 0-3.303 0.684-3.987C2.7 2.333 3.802 2.333 6.004 2.333zM5.672 5.9q-0.654 0-1.178 0.301a2.133 2.133 0 0 0-0.805 0.83 2.333 2.333 0 0 0-0.289 1.159q0 0.635 0.282 1.163v0.001q0.29 0.521 0.799 0.824 0.512 0.303 1.155 0.302 0.625 0 1.113-0.29 0.483-0.289 0.755-0.762h0.001q0.276-0.476 0.307-1.017a0.667 0.667 0 0 0 0.007-0.095 0.387 0.387 0 0 0-0.101-0.281 0.347 0.347 0 0 0-0.263-0.101H5.426a0.333 0.333 0 0 0-0.247 0.105h-0.001a0.333 0.333 0 0 0-0.087 0.229q0.001 0.131 0.084 0.232l0.003 0.003a0.333 0.333 0 0 0 0.247 0.105h1.623q-0.058 0.313-0.223 0.565h-0.001q-0.189 0.289-0.502 0.452h-0.001a1.467 1.467 0 0 1-0.691 0.163q-0.388-0.001-0.697-0.155l-0.087-0.047a1.44 1.44 0 0 1-0.477-0.479l-0.05-0.088a1.8 1.8 0 0 1-0.187-0.823q0-0.463 0.198-0.829t0.545-0.567a1.553 1.553 0 0 1 0.801-0.209q0.37 0.001 0.659 0.14 0.293 0.142 0.456 0.36l0.007 0.011 0.011 0.008a0.453 0.453 0 0 0 0.277 0.105 0.32 0.32 0 0 0 0.229-0.093v0.001l0.003-0.003 0.001-0.001-0.001-0.001a0.313 0.313 0 0 0 0.101-0.232 0.4 0.4 0 0 0-0.149-0.303q-0.241-0.315-0.661-0.496h0.001a2.267 2.267 0 0 0-0.94-0.189m3.025 0.035a0.387 0.387 0 0 0-0.257 0.096 0.333 0.333 0 0 0-0.113 0.269v3.78c0 0.106 0.033 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.504-0.002l0.003-0.003a0.353 0.353 0 0 0 0.11-0.271V6.3a0.333 0.333 0 0 0-0.113-0.268 0.367 0.367 0 0 0-0.251-0.097m1.5 0.024a0.4 0.4 0 0 0-0.278 0.099l-0.003 0.003a0.387 0.387 0 0 0-0.101 0.28v3.739c0 0.106 0.034 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.505-0.003l0.003-0.003a0.36 0.36 0 0 0 0.11-0.271v-1.55h1.389a0.338 0.338 0 0 0 0.334-0.34 0.313 0.313 0 0 0-0.099-0.23h0.001a0.313 0.313 0 0 0-0.236-0.104h-1.387V6.647h1.658a0.347 0.347 0 0 0 0.241-0.093l0.003-0.003q0.101-0.101 0.101-0.245a0.333 0.333 0 0 0-0.101-0.245 0.333 0.333 0 0 0-0.244-0.102\",\n        eo: true,\n      },\n    ],\n  },\n  24: {\n    outlined: [\n      {\n        d: \"M13.749 19.253v1.5h-2.998v-1.5zm7.001-7.002c0-1.83-.002-3.08-.107-4.032-.103-.923-.288-1.382-.529-1.703a3.2 3.2 0 0 0-.63-.63c-.32-.241-.78-.426-1.703-.529-.952-.105-2.201-.107-4.032-.107h-2.998c-1.83 0-3.08.002-4.032.107-.923.103-1.383.288-1.703.529a3.2 3.2 0 0 0-.63.63c-.241.32-.426.78-.529 1.703-.105.952-.107 2.201-.107 4.032s.002 3.081.107 4.033c.103.923.288 1.382.529 1.702q.27.361.63.631c.32.241.78.425 1.703.527.952.106 2.201.109 4.032.109v1.5l-1.266-.002c-2.57-.012-4.057-.101-5.13-.77l-.24-.165a4.7 4.7 0 0 1-.721-.672l-.207-.256c-.937-1.247-.937-3.044-.937-6.637 0-3.369 0-5.158.771-6.396l.166-.24c.198-.263.423-.506.671-.721l.257-.207c1.246-.937 3.043-.937 6.636-.937h2.998l1.266.002c2.768.013 4.28.115 5.37.935.351.264.664.577.928.928.937 1.246.937 3.043.937 6.636s0 5.39-.936 6.637l-.208.256a4.7 4.7 0 0 1-.721.672l-.24.165c-1.073.669-2.56.758-5.13.77l-1.266.002v-1.5c1.83 0 3.08-.003 4.032-.108.923-.103 1.383-.287 1.703-.528q.36-.271.63-.63c.241-.321.426-.78.529-1.703.105-.952.107-2.202.107-4.033\",\n      },\n      {\n        d: \"M8.732 8.8q.784 0 1.43.287l.156.072q.528.262.852.683a.66.66 0 0 1 .237.49c0 .15-.058.281-.167.384a.53.53 0 0 1-.384.158.73.73 0 0 1-.446-.168l-.021-.016-.016-.022a1.8 1.8 0 0 0-.665-.524 2.2 2.2 0 0 0-.967-.206q-.66.001-1.177.305v.001a2.1 2.1 0 0 0-.797.831 2.5 2.5 0 0 0-.291 1.219q0 .674.273 1.21.28.53.772.832l.126.068q.452.226 1.023.228.566 0 1.014-.237v-.001a1.9 1.9 0 0 0 .735-.662q.23-.346.318-.77H8.363a.54.54 0 0 1-.408-.173l-.006-.007a.58.58 0 0 1-.136-.38.54.54 0 0 1 .55-.552h3.042a.57.57 0 0 1 .429.168h.001l.006.005h-.001a.63.63 0 0 1 .162.45q-.001.08-.01.147v.001a3.45 3.45 0 0 1-.468 1.544l.001.001q-.414.722-1.151 1.162c-.496.297-1.064.442-1.695.442q-.976.001-1.758-.46a3.3 3.3 0 0 1-1.216-1.254l-.002-.002a3.7 3.7 0 0 1-.429-1.769q0-.966.44-1.762A3.25 3.25 0 0 1 6.939 9.26l.001-.001a3.5 3.5 0 0 1 1.792-.46m4.539.054q.233 0 .407.156c.133.112.188.27.188.44v5.67c0 .17-.055.327-.181.444l-.006.005a.656.656 0 0 1-.82.005l-.007-.005-.005-.006a.58.58 0 0 1-.182-.443V9.45c0-.17.056-.329.189-.441a.63.63 0 0 1 .417-.155m5.265.036c.155 0 .293.057.402.167s.167.247.167.402a.56.56 0 0 1-.166.402l-.007.006a.57.57 0 0 1-.396.152H16.1v1.714h2.032c.153 0 .287.061.39.173l-.002.001c.105.102.163.23.163.378a.556.556 0 0 1-.551.56H16.1v2.275c0 .17-.055.327-.182.444l-.006.005a.656.656 0 0 1-.82.005l-.006-.005-.006-.006a.58.58 0 0 1-.181-.443V9.513a.62.62 0 0 1 .167-.456l.005-.006.099-.073a.7.7 0 0 1 .351-.088z\",\n      },\n    ],\n    filled: [\n      {\n        d: \"M14.995 3.5c3.303 0 4.954 0 5.98 1.025C22 5.551 22 7.203 22 10.505v2.992c0 3.302 0 4.954-1.025 5.98-1.026 1.025-2.678 1.026-5.98 1.026h-5.99c-3.302 0-4.954 0-5.98-1.026C2 18.45 2 16.799 2 13.497v-2.992c0-3.302 0-4.954 1.026-5.98C4.05 3.5 5.703 3.5 9.006 3.5zM8.508 8.85q-.981 0-1.767.452a3.2 3.2 0 0 0-1.208 1.245 3.5 3.5 0 0 0-.433 1.738q0 .953.423 1.745v.001q.435.782 1.199 1.236.768.454 1.732.453.938 0 1.67-.435.724-.433 1.132-1.143h.001q.414-.714.46-1.525a1 1 0 0 0 .01-.143.58.58 0 0 0-.152-.421.52.52 0 0 0-.394-.152H8.139a.5.5 0 0 0-.371.157h-.001a.5.5 0 0 0-.13.344q.002.197.126.348l.005.005a.5.5 0 0 0 .37.157h2.435q-.087.469-.335.848h-.001q-.284.434-.753.678h-.001a2.2 2.2 0 0 1-1.037.244q-.582-.001-1.045-.233l-.13-.07a2.16 2.16 0 0 1-.715-.719l-.075-.132a2.7 2.7 0 0 1-.28-1.234q0-.695.297-1.243t.817-.85a2.33 2.33 0 0 1 1.202-.313q.555.001.988.21.44.213.684.54l.011.016.016.012a.68.68 0 0 0 .416.158.48.48 0 0 0 .344-.14v.002l.004-.004.002-.001-.001-.001a.47.47 0 0 0 .152-.348.6.6 0 0 0-.223-.455q-.362-.473-.992-.744h.001a3.4 3.4 0 0 0-1.41-.283m4.538.053a.58.58 0 0 0-.385.144.5.5 0 0 0-.17.403v5.67c0 .159.05.3.165.406v.001l.01.007a.604.604 0 0 0 .756-.003l.005-.004a.53.53 0 0 0 .165-.407V9.45a.5.5 0 0 0-.17-.402.55.55 0 0 0-.376-.145m2.25.036a.6.6 0 0 0-.417.149l-.004.004a.58.58 0 0 0-.152.42v5.608c0 .159.051.3.165.406v.001l.01.008a.605.605 0 0 0 .757-.004l.004-.004a.54.54 0 0 0 .165-.407v-2.325h2.083a.507.507 0 0 0 .501-.51.47.47 0 0 0-.149-.345h.001a.47.47 0 0 0-.354-.156h-2.081V9.97h2.487a.52.52 0 0 0 .362-.139l.004-.004q.151-.152.152-.367a.5.5 0 0 0-.152-.367.5.5 0 0 0-.366-.153\",\n        eo: true,\n      },\n    ],\n  },\n  32: {\n    outlined: [\n      {\n        d: \"M18.332 25.671v2h-3.997v-2zm9.335-9.336c0-2.44-.003-4.107-.143-5.376-.137-1.231-.384-1.843-.705-2.271a4.267 4.267 0 0 0-.84-.84c-.427-.321-1.04-.568-2.271-.705-1.269-.14-2.935-.143-5.376-.143h-3.997c-2.44 0-4.107.003-5.376.143-1.231.137-1.844.384-2.271.705a4.267 4.267 0 0 0-.84.84c-.321.427-.568 1.04-.705 2.271-.14 1.269-.143 2.935-.143 5.376s.003 4.108.143 5.377c.137 1.231.384 1.843.705 2.269q.36.481.84.841c.427.321 1.04.567 2.271.703 1.269.141 2.935.145 5.376.145v2l-1.688-.003c-3.427-.016-5.409-.135-6.84-1.027l-.32-.22a6.267 6.267 0 0 1-.961-.896l-.276-.341c-1.249-1.663-1.249-4.059-1.249-8.849 0-4.492 0-6.877 1.028-8.528l.221-.32c.264-.351.564-.675.895-.961l.343-.276c1.661-1.249 4.057-1.249 8.848-1.249h3.997l1.688.003c3.691.017 5.707.153 7.16 1.247.468.352.885.769 1.237 1.237 1.249 1.661 1.249 4.057 1.249 8.848s0 7.187-1.248 8.849l-.277.341a6.267 6.267 0 0 1-.961.896l-.32.22c-1.431.892-3.413 1.011-6.84 1.027l-1.688.003v-2c2.44 0 4.107-.004 5.376-.144 1.231-.137 1.844-.383 2.271-.704q.48-.361.84-.84c.321-.428.568-1.04.705-2.271.14-1.269.143-2.936.143-5.377\",\n      },\n      {\n        d: \"M11.643 11.733q1.045 0 1.907.383l.208.096q.704.349 1.136.911a.88.88 0 0 1 .316.653c0 .2-.077.375-.223.512a.707.707 0 0 1-.512.211.973.973 0 0 1-.595-.224l-.028-.021-.021-.029a2.4 2.4 0 0 0-.887-.699 2.933 2.933 0 0 0-1.289-.275q-.88.001-1.569.407v.001a2.8 2.8 0 0 0-1.063 1.108 3.333 3.333 0 0 0-.388 1.625q0 .899.364 1.613.373.707 1.029 1.109l.168.091q.603.301 1.364.304.755 0 1.352-.316v-.001a2.533 2.533 0 0 0 .98-.883q.307-.461.424-1.027H11.151a.72.72 0 0 1-.544-.231l-.008-.009a.773.773 0 0 1-.181-.507.72.72 0 0 1 .733-.736h4.056a.76.76 0 0 1 .572.224h.001l.008.007h-.001a.84.84 0 0 1 .216.6q-.001.107-.013.196v.001a4.6 4.6 0 0 1-.624 2.059l.001.001q-.552.963-1.535 1.549c-.661.396-1.419.589-2.26.589q-1.301.001-2.344-.613a4.4 4.4 0 0 1-1.621-1.672l-.003-.003a4.933 4.933 0 0 1-.572-2.359q0-1.288.587-2.349A4.333 4.333 0 0 1 9.252 12.347l.001-.001a4.667 4.667 0 0 1 2.389-.613m6.052.072q.311 0 .543.208c.177.149.251.36.251.587v7.56c0 .227-.073.436-.241.592l-.008.007a.875.875 0 0 1-1.093.007l-.009-.007-.007-.008a.773.773 0 0 1-.243-.591V12.6c0-.227.075-.439.252-.588a.84.84 0 0 1 .556-.207m7.02.048c.207 0 .391.076.536.223s.223.329.223.536a.747.747 0 0 1-.221.536l-.009.008a.76.76 0 0 1-.528.203H21.467v2.285h2.709c.204 0 .383.081.52.231l-.003.001c.14.136.217.307.217.504a.741.741 0 0 1-.735.747H21.467v3.033c0 .227-.073.436-.243.592l-.008.007a.875.875 0 0 1-1.093.007l-.008-.007-.008-.008a.773.773 0 0 1-.241-.591V12.684a.827.827 0 0 1 .223-.608l.007-.008.132-.097a.933.933 0 0 1 .468-.117z\",\n      },\n    ],\n    filled: [\n      {\n        d: \"M19.993 4.667c4.404 0 6.605 0 7.973 1.367C29.333 7.401 29.333 9.604 29.333 14.007v3.989c0 4.403 0 6.605-1.367 7.973-1.368 1.367-3.571 1.368-7.973 1.368h-7.987c-4.403 0-6.605 0-7.973-1.368C2.667 24.6 2.667 22.399 2.667 17.996v-3.989c0-4.403 0-6.605 1.368-7.973C5.4 4.667 7.604 4.667 12.008 4.667zM11.344 11.8q-1.308 0-2.356 0.603a4.267 4.267 0 0 0-1.611 1.66 4.667 4.667 0 0 0-0.577 2.317q0 1.271 0.564 2.327v0.001q0.58 1.043 1.599 1.648 1.024 0.605 2.309 0.604 1.251 0 2.227-0.58 0.965-0.577 1.509-1.524h0.001q0.552-0.952 0.613-2.033a1.333 1.333 0 0 0 0.013-0.191 0.773 0.773 0 0 0-0.203-0.561 0.693 0.693 0 0 0-0.525-0.203H10.852a0.667 0.667 0 0 0-0.495 0.209h-0.001a0.667 0.667 0 0 0-0.173 0.459q0.003 0.263 0.168 0.464l0.007 0.007a0.667 0.667 0 0 0 0.493 0.209h3.247q-0.116 0.625-0.447 1.131h-0.001q-0.379 0.579-1.004 0.904h-0.001a2.933 2.933 0 0 1-1.383 0.325q-0.776-0.001-1.393-0.311l-0.173-0.093a2.88 2.88 0 0 1-0.953-0.959l-0.1-0.176a3.6 3.6 0 0 1-0.373-1.645q0-0.927 0.396-1.657t1.089-1.133a3.107 3.107 0 0 1 1.603-0.417q0.74 0.001 1.317 0.28 0.587 0.284 0.912 0.72l0.015 0.021 0.021 0.016a0.907 0.907 0 0 0 0.555 0.211 0.64 0.64 0 0 0 0.459-0.187v0.003l0.005-0.005 0.003-0.001-0.001-0.001a0.627 0.627 0 0 0 0.203-0.464 0.8 0.8 0 0 0-0.297-0.607q-0.483-0.631-1.323-0.992h0.001a4.533 4.533 0 0 0-1.88-0.377m6.051 0.071a0.773 0.773 0 0 0-0.513 0.192 0.667 0.667 0 0 0-0.227 0.537v7.56c0 0.212 0.067 0.4 0.22 0.541v0.001l0.013 0.009a0.805 0.805 0 0 0 1.008-0.004l0.007-0.005a0.707 0.707 0 0 0 0.22-0.543V12.6a0.667 0.667 0 0 0-0.227-0.536 0.733 0.733 0 0 0-0.501-0.193m3 0.048a0.8 0.8 0 0 0-0.556 0.199l-0.005 0.005a0.773 0.773 0 0 0-0.203 0.56v7.477c0 0.212 0.068 0.4 0.22 0.541v0.001l0.013 0.011a0.807 0.807 0 0 0 1.009-0.005l0.005-0.005a0.72 0.72 0 0 0 0.22-0.543v-3.1h2.777a0.676 0.676 0 0 0 0.668-0.68 0.627 0.627 0 0 0-0.199-0.46h0.001a0.627 0.627 0 0 0-0.472-0.208h-2.775V13.293h3.316a0.693 0.693 0 0 0 0.483-0.185l0.005-0.005q0.201-0.203 0.203-0.489a0.667 0.667 0 0 0-0.203-0.489 0.667 0.667 0 0 0-0.488-0.204\",\n        eo: true,\n      },\n    ],\n  },\n};\n\n/** Props for {@link GifIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type GifIconProps = BaseIconProps;\n\n/**\n * Gif icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.\n *\n * @example\n * ```tsx\n * <GifIcon size={24} filled />\n * ```\n */\nexport const GifIcon = React.forwardRef<SVGSVGElement, GifIconProps>((props, ref) => (\n  <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nGifIcon.displayName = \"GifIcon\";\n"],"names":[],"mappings":";;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;AAaO,MAAM,UAAU,MAAM,WAAwC,CAAC,OAAO,QAC3E,oBAAC,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,QAAQ,cAAc;"}

package/dist/index.d.ts

@@ -998,6 +998,40 @@ export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLBu
 /** Button height in pixels. */
 export declare type ButtonSize = "48" | "40" | "32" | "24";
 
+/**
+ * A layout helper that arranges action buttons either side by side
+ * (`horizontal`) or stacked (`vertical`). Compose it with {@link Button}
+ * children rather than reimplementing button styles.
+ *
+ * In `horizontal` mode each child stretches to an equal width; in `vertical`
+ * mode each child spans the full width of the container. Buttons keep their
+ * own sizing, so pass a matching `size` to each child for consistent heights.
+ *
+ * @example
+ * ```tsx
+ * <ButtonStack direction="horizontal">
+ *   <Button variant="outline">Cancel</Button>
+ *   <Button variant="primary">Confirm</Button>
+ * </ButtonStack>
+ * ```
+ */
+export declare const ButtonStack: React_2.ForwardRefExoticComponent<ButtonStackProps & React_2.RefAttributes<HTMLDivElement>>;
+
+/** Layout orientation of the buttons within a {@link ButtonStack}. */
+export declare type ButtonStackDirection = "horizontal" | "vertical";
+
+export declare interface ButtonStackProps extends React_2.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Layout orientation. `horizontal` places buttons side by side with equal
+     * widths for primary + secondary action pairs; `vertical` stacks them
+     * full-width for mobile screens and narrow panels.
+     * @default "horizontal"
+     */
+    direction?: ButtonStackDirection;
+    /** Buttons to arrange — typically two {@link Button} elements. */
+    children: React_2.ReactNode;
+}
+
 /** Visual style variant of the button. */
 export declare type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "link" | "brand" | "destructive" | "white" | "alwaysBlack" | "ai" | "tertiaryDestructive" | "text";
 
@@ -1032,13 +1066,16 @@ export declare const CameraIcon: React_2.ForwardRefExoticComponent<React_2.SVGAt
 } & React_2.RefAttributes<SVGSVGElement>>;
 
 /**
- * A composable card component with multiple visual variants. Use with
+ * A composable card component built on the V2 design system. Compose it with
  * {@link CardHeader}, {@link CardTitle}, {@link CardDescription},
  * {@link CardContent}, and {@link CardFooter} for structured layouts.
  *
+ * The `hierarchy` prop drives the surface treatment (Primary vs Secondary) and
+ * the `type` prop drives the internal spacing (Default / Header Only / Container).
+ *
  * @example
  * ```tsx
- * <Card variant="outlined">
+ * <Card hierarchy="primary">
  *   <CardHeader action={<HomeIcon className="size-5" />}>
  *     <CardTitle>Card title</CardTitle>
  *     <CardDescription>Card description text</CardDescription>
@@ -1053,7 +1090,11 @@ export declare const CameraIcon: React_2.ForwardRefExoticComponent<React_2.SVGAt
  */
 export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;
 
-/** Flexible content area of a {@link Card}. Adds vertical padding between header and footer. */
+/**
+ * Flexible content area of a {@link Card}. Its vertical padding follows the card
+ * `type`: `default` pads top and bottom, `header-only` pads only the top, and
+ * `container` removes the built-in padding entirely.
+ */
 export declare const CardContent: React_2.ForwardRefExoticComponent<CardContentProps & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface CardContentProps extends React_2.HTMLAttributes<HTMLDivElement> {
@@ -1082,6 +1123,9 @@ export declare interface CardHeaderProps extends React_2.HTMLAttributes<HTMLDivE
     action?: React_2.ReactNode;
 }
 
+/** Visual hierarchy of the card. Primary is for prominent, content-carrying cards; secondary for supporting cards within denser layouts. */
+export declare type CardHierarchy = "primary" | "secondary";
+
 /**
  * Card icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
  *
@@ -1096,7 +1140,16 @@ export declare const CardIcon: React_2.ForwardRefExoticComponent<BaseIconProps &
 export declare type CardIconProps = BaseIconProps;
 
 export declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement> {
-    /** Visual style variant of the card. @default "outlined" */
+    /** Visual hierarchy of the card. @default "primary" */
+    hierarchy?: CardHierarchy;
+    /** Structural type of the card. @default "default" */
+    type?: CardType;
+    /** When `true`, applies the hover treatment for clickable cards. @default false */
+    interactive?: boolean;
+    /**
+     * Legacy visual style variant.
+     * @deprecated Use `hierarchy` instead. When set, the card keeps its legacy V1 appearance for backwards compatibility.
+     */
     variant?: CardVariant;
     /** When `true`, the card will take the full width of its container. @default true */
     fullWidth?: boolean;
@@ -1104,13 +1157,19 @@ export declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement
     noPadding?: boolean;
 }
 
-/** Title element rendered inside a {@link CardHeader}. */
+/** Title element rendered inside a {@link CardHeader}. Adapts its type scale to the card `hierarchy`. */
 export declare const CardTitle: React_2.ForwardRefExoticComponent<CardTitleProps & React_2.RefAttributes<HTMLHeadingElement>>;
 
 export declare interface CardTitleProps extends React_2.HTMLAttributes<HTMLHeadingElement> {
 }
 
-/** Visual style variant of the card. */
+/** Structural type of the card. `default` has header, content and footer; `header-only` drops the footer; `container` is a bare surface. */
+export declare type CardType = "default" | "header-only" | "container";
+
+/**
+ * Legacy visual style variant.
+ * @deprecated Use {@link CardHierarchy} via the `hierarchy` prop instead. Retained for backwards compatibility.
+ */
 export declare type CardVariant = "outlined" | "elevated" | "filled" | "ghost";
 
 /**
@@ -1819,6 +1878,61 @@ export declare interface CreatorTileProps extends React_2.HTMLAttributes<HTMLDiv
     aspectRatio?: CreatorTileAspectRatio;
 }
 
+/**
+ * A full-width, high-priority banner reserved for situations that block or
+ * significantly impact a user's ability to use the platform — account
+ * suspensions, blocking payment failures, identity verification requirements,
+ * or critical security notices. It sits at the very top of a page and is
+ * intentionally disruptive, so use it sparingly; for non-blocking messaging use
+ * {@link Alert} or {@link Banner} instead.
+ *
+ * Renders with `role="alert"` so assistive technology conveys its urgency;
+ * override `role` for a less assertive treatment when appropriate.
+ *
+ * @example
+ * ```tsx
+ * <CriticalBanner
+ *   title="Payment failed"
+ *   layout="trailing"
+ *   ctaLabel="Update payment"
+ *   ctaProps={{ onClick: handleUpdate }}
+ * >
+ *   We couldn't process your last payment. Update your details to keep your account active.
+ * </CriticalBanner>
+ * ```
+ */
+export declare const CriticalBanner: React_2.ForwardRefExoticComponent<CriticalBannerProps & React_2.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Placement of the call-to-action relative to the message.
+ *
+ * - `"trailing"` keeps the action inline, aligned to the end of the banner.
+ * - `"under"` stacks the action beneath the message (use when the CTA label is
+ *   too long to sit comfortably on the same line).
+ */
+export declare type CriticalBannerLayout = "trailing" | "under";
+
+export declare interface CriticalBannerProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Body copy describing the blocking situation. */
+    children: React_2.ReactNode;
+    /** Placement of the call-to-action relative to the message. @default "trailing" */
+    layout?: CriticalBannerLayout;
+    /** Optional bold heading shown above the body copy. */
+    title?: React_2.ReactNode;
+    /** Leading icon. Overrides the default filled warning icon. */
+    icon?: React_2.ReactNode;
+    /** Label for the built-in white call-to-action button. Ignored when `action` is set. */
+    ctaLabel?: React_2.ReactNode;
+    /**
+     * Props forwarded to the built-in call-to-action button (e.g. `onClick`).
+     * `asChild` is intentionally excluded — the built-in CTA renders `ctaLabel`
+     * as text; for a link or fully custom element use the `action` prop instead.
+     */
+    ctaProps?: Omit<ButtonProps, "variant" | "size" | "children" | "asChild">;
+    /** Custom action node rendered in place of the built-in call-to-action button. */
+    action?: React_2.ReactNode;
+}
+
 /**
  * Cross Circle icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
  *

package/dist/index.mjs

@@ -17,6 +17,7 @@ import { BottomNavigation } from "./components/BottomNavigation/BottomNavigation
 import { BottomNavigationAction } from "./components/BottomNavigation/BottomNavigationAction.mjs";
 import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/Breadcrumb/Breadcrumb.mjs";
 import { Button } from "./components/Button/Button.mjs";
+import { ButtonStack } from "./components/ButtonStack/ButtonStack.mjs";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/Card/Card.mjs";
 import { ChatInput } from "./components/ChatInput/ChatInput.mjs";
 import { ChatMessage } from "./components/ChatMessage/ChatMessage.mjs";
@@ -26,6 +27,7 @@ import { Count } from "./components/Count/Count.mjs";
 import { CreatorCard } from "./components/CreatorCard/CreatorCard.mjs";
 import { CreatorCover } from "./components/CreatorCover/CreatorCover.mjs";
 import { CreatorTile } from "./components/CreatorTile/CreatorTile.mjs";
+import { CriticalBanner } from "./components/CriticalBanner/CriticalBanner.mjs";
 import { CyclingText } from "./components/CyclingText/CyclingText.mjs";
 import { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DialogTrigger } from "./components/Dialog/Dialog.mjs";
 import { Divider } from "./components/Divider/Divider.mjs";
@@ -299,6 +301,7 @@ export {
   BreadcrumbSeparator,
   BulbIcon,
   Button,
+  ButtonStack,
   Calendar2Icon,
   CalendarIcon,
   CameraIcon,
@@ -334,6 +337,7 @@ export {
   CreatorCard,
   CreatorCover,
   CreatorTile,
+  CriticalBanner,
   CrossCircleIcon,
   CrossIcon,
   CrownIcon,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fanvue/ui",
-  "version": "3.19.1",
+  "version": "3.21.0",
   "description": "React component library built with Tailwind CSS for Fanvue ecosystem",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
@@ -133,8 +133,8 @@
     "@types/react": "19.2.9",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "5.1.2",
-    "@vitest/browser-playwright": "4.1.8",
-    "@vitest/coverage-v8": "4.1.8",
+    "@vitest/browser-playwright": "4.1.10",
+    "@vitest/coverage-v8": "4.1.10",
     "autoprefixer": "10.4.23",
     "axe-core": "4.11.1",
     "chromatic": "13.3.5",
@@ -151,12 +151,12 @@
     "size-limit": "12.0.0",
     "storybook": "10.2.13",
     "style-dictionary": "4.2.0",
-    "svgo": "4.0.1",
+    "svgo": "4.0.2",
     "tailwindcss": "4.1.18",
     "typescript": "5.9.3",
     "vite": "7.3.5",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "4.1.8",
+    "vitest": "4.1.10",
     "vitest-axe": "1.0.0-pre.3"
   },
   "pnpm": {
@@ -165,6 +165,7 @@
       "lodash-es": ">=4.18.0",
       "minimatch": ">=10.2.3",
       "ajv": ">=8.18.0",
+      "fast-uri": ">=3.1.4",
       "brace-expansion": ">=5.0.7",
       "yaml": ">=2.8.3",
       "postcss": ">=8.5.10",