@dmsi/wedgekit-react 0.0.550 → 0.0.552

package/src/components/Link.tsx

@@ -1,117 +0,0 @@
-import clsx from "clsx";
-import { MouseEvent } from "react";
-
-import { AsProps, TextAttributes, TypographyProps } from "../types";
-import { baseTransition, componentPaddingY, typography } from "../classNames";
-
-export type LinkProps = AsProps &
-  TextAttributes &
-  TypographyProps & {
-    variant?: "primary" | "secondary" | "critical";
-    typographyStyle?: "paragraph" | "caption" | "breadcrumb";
-    active?: boolean;
-    disabled?: boolean;
-    paddedY?: boolean;
-    onClick?: (event: MouseEvent<HTMLElement>) => void;
-    underline?: boolean;
-    id?: string;
-    testid?: string;
-  };
-
-export const Link = ({
-  as = "a",
-  className,
-  variant = "primary",
-  typographyStyle = "paragraph",
-  disabled = false,
-  color,
-  paddedY,
-  align,
-  underline = false,
-  testid,
-  active,
-  ...props
-}: LinkProps) => {
-  const Component = as;
-
-  const primaryStateStyles =
-    variant === "primary" &&
-    !disabled &&
-    clsx(
-      active ? "text-text-link-active" : "text-text-link-normal",
-      "hover:text-text-link-hover active:text-text-link-active",
-    );
-
-  const secondaryStateStyles =
-    variant === "secondary" &&
-    !disabled &&
-    clsx(
-      active ? "text-text-link-active" : "text-text-primary-normal",
-      "hover:text-text-link-hover active:text-text-link-active",
-    );
-
-  const criticalStateStyles =
-    variant === "critical" &&
-    !disabled &&
-    clsx(
-      active
-        ? "text-text-action-critical-active"
-        : "text-text-action-critical-normal",
-      "hover:text-text-action-critical-hover active:text-text-action-critical-active",
-    );
-
-  const criticalStateDisabledStyles =
-    disabled &&
-    variant === "critical" &&
-    clsx("text-text-action-critical-disabled");
-
-  const disabledStateStyles =
-    disabled &&
-    ["primary", "secondary"].includes(variant) &&
-    clsx("text-text-link-disabled");
-
-  const disabledStyles = disabled && clsx("pointer-events-none cursor-default");
-  const underlineStyles = underline
-    ? "decoration-current"
-    : "decoration-decoration-underline";
-
-  const paddingY = paddedY && componentPaddingY;
-
-  return (
-    <Component
-      className={clsx(
-        "inline",
-        disabled ? "cursor-default" : "cursor-pointer",
-        "underline decoration-[10%] underline-offset-[32%]",
-        !disabled && "hover:decoration-current",
-        !disabled && "active:decoration-decoration-underline",
-        "flex flex-col items-center justify-center",
-        baseTransition,
-        primaryStateStyles,
-        secondaryStateStyles,
-        criticalStateStyles,
-        criticalStateDisabledStyles,
-        disabledStateStyles,
-        disabledStyles,
-        underlineStyles,
-        typographyStyle === "caption" && typography.caption,
-        typographyStyle === "paragraph" && typography.paragraph,
-        align === "left" && "text-left",
-        align === "center" && "text-center",
-        align === "right" && "text-right",
-        paddingY,
-        className,
-      )}
-      {...props}
-      style={{
-        ...props.style,
-        color: color ? `var(--color-${color})` : undefined,
-      }}
-      aria-disabled={disabled}
-      tabIndex={disabled ? -1 : undefined}
-      data-testid={testid}
-    />
-  );
-};
-
-Link.displayName = "Link";

package/src/components/List.tsx

@@ -1,18 +0,0 @@
-export function List({
-  children,
-  ordered,
-  id,
-  testid,
-}: {
-  children: React.ReactNode;
-  ordered?: boolean;
-  id?: string;
-  testid?: string;
-}) {
-  const Element = ordered ? "ol" : "ul";
-  return (
-    <Element id={id} data-testid={testid} className="list-disc list-inside">
-      {children}
-    </Element>
-  );
-}

package/src/components/ListGroup.tsx

@@ -1,82 +0,0 @@
-import React, { useState } from "react";
-import clsx from "clsx";
-import { Stack } from "./Stack";
-import { Icon } from "./Icon";
-import { Label } from "./Label";
-
-export type ListGroupProps = {
-  /** Heading title displayed in the clickable header */
-  title: React.ReactNode;
-  /** Start open by default */
-  defaultOpen?: boolean;
-  /** Controlled open state (if provided component becomes controlled) */
-  open?: boolean;
-  /** Called when the accordion toggles (newState) */
-  onToggle?: (open: boolean) => void;
-  /** Optional test id */
-  testid?: string;
-  /** Disable user toggling */
-  disabled?: boolean;
-  className?: string;
-  /** Adds a border around the group */
-  bordered?: boolean;
-  /** Adds padding to the content area (uses layout sizing tokens) */
-  padded?: boolean;
-  children: React.ReactNode;
-};
-
-/**
- * ListGroup is a simple accordion-like container that reveals its children.
- * It uses Stack for consistent spacing and layout.
- */
-export function ListGroup({
-  title,
-  defaultOpen = false,
-  open: controlledOpen,
-  onToggle,
-  testid,
-  disabled,
-  className,
-  children,
-}: ListGroupProps) {
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
-  const isControlled = controlledOpen !== undefined;
-  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
-
-  const toggle = () => {
-    if (disabled) return;
-    const next = !isOpen;
-    if (!isControlled) setUncontrolledOpen(next);
-    onToggle?.(next);
-  };
-
-  return (
-    <div data-testid={testid} className={clsx("rounded-sm", className)}>
-      <Stack sizing="layout" noGap>
-        <button
-          type="button"
-          onClick={toggle}
-          className={clsx(
-            "w-full flex items-center justify-between text-left",
-            disabled && "opacity-50 cursor-not-allowed",
-          )}
-          aria-expanded={isOpen}
-        >
-          <Label>{title}</Label>
-          <Icon
-            name="expand_more"
-            className={clsx(
-              "transition-transform duration-200",
-              isOpen ? "rotate-180" : "rotate-0",
-            )}
-          />
-        </button>
-        {isOpen && (
-          <Stack sizing="layout" paddingTop>
-            {children}
-          </Stack>
-        )}
-      </Stack>
-    </div>
-  );
-}

package/src/components/LiveChatComponent.tsx

@@ -1,56 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-
-declare global {
-  interface Window {
-    purechatApi?: {
-      l: unknown[];
-      t: unknown[];
-      on: (...args: unknown[]) => void;
-    };
-    PCWidget?: new (config: { c: string; f: boolean }) => void;
-  }
-}
-
-export function LiveChatComponent({ accountId }: { accountId?: string }) {
-  useEffect(() => {
-    if (
-      typeof window === "undefined" || // SSR safety
-      !accountId ||
-      window.purechatApi ||
-      document.getElementById("purechat-widget-script")
-    )
-      return;
-
-    window.purechatApi = {
-      l: [],
-      t: [],
-      on(...args: unknown[]) {
-        this.l.push(args);
-      },
-    };
-
-    const script = document.createElement("script");
-    script.id = "purechat-widget-script";
-    script.async = true;
-    script.setAttribute("data-cfasync", "false");
-    script.type = "text/javascript";
-    script.src = "https://app.purechat.com/VisitorWidget/WidgetScript";
-
-    script.onload = () => {
-      if (typeof window.PCWidget === "function") {
-        new window.PCWidget({ c: accountId, f: true });
-      }
-    };
-
-    document.head.appendChild(script);
-
-    return () => {
-      document.getElementById("purechat-widget-script")?.remove();
-      delete window.purechatApi;
-    };
-  }, [accountId]);
-
-  return null;
-}

package/src/components/LoadingScrim.tsx

@@ -1,33 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-
-import { Spinner } from "./Spinner";
-/**
- * LoadingScrim
- *
- * Displays a full-screen backdrop with a centered loading spinner.
- * Disables interaction with underlying UI.
- *
- * @example
- * <LoadingScrim />
- */
-export function LoadingScrim({ className, testid }: { className?: string, testid?: string }) {
-  return (
-    <div
-      className={clsx(
-        "fixed inset-0 z-50 flex items-center justify-center bg-neutral-600/30",
-        className,
-      )}
-      aria-modal="true"
-      role="dialog"
-      tabIndex={-1}
-      data-testid={testid}
-    >
-      <div className="flex items-center justify-center">
-        <Spinner size="large" />
-      </div>
-    </div>
-  );
-}
-
-LoadingScrim.displayName = "LoadingScrim";

package/src/components/LogoAgilityTopBar.tsx

@@ -1,54 +0,0 @@
-export function LogoAgilityTopBar(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="148"
-      height="24"
-      {...props}
-      viewBox="0 0 148 24"
-      fill="none"
-    >
-      <path
-        d="M136.6 23.676C135.976 23.676 135.352 23.572 134.728 23.364C134.104 23.156 133.584 22.868 133.168 22.5L134.368 20.292C134.672 20.564 135.016 20.78 135.4 20.94C135.784 21.1 136.176 21.18 136.576 21.18C137.12 21.18 137.56 21.044 137.896 20.772C138.232 20.5 138.544 20.044 138.832 19.404L139.576 17.724L139.816 17.364L144.664 6.03601H147.544L141.544 19.884C141.144 20.844 140.696 21.604 140.2 22.164C139.72 22.724 139.176 23.116 138.568 23.34C137.976 23.564 137.32 23.676 136.6 23.676ZM139.24 19.308L133.456 6.03601H136.576L141.28 17.1L139.24 19.308Z"
-        fill="white"
-      />
-      <path
-        d="M130.431 19.02C129.023 19.02 127.935 18.66 127.167 17.94C126.399 17.204 126.015 16.124 126.015 14.7V3.20398H129.015V14.628C129.015 15.236 129.167 15.708 129.471 16.044C129.791 16.38 130.231 16.548 130.791 16.548C131.463 16.548 132.023 16.372 132.471 16.02L133.311 18.156C132.959 18.444 132.527 18.66 132.015 18.804C131.503 18.948 130.975 19.02 130.431 19.02ZM123.903 8.53198V6.13198H132.447V8.53198H123.903Z"
-        fill="white"
-      />
-      <path
-        d="M118.67 18.852V6.03597H121.67V18.852H118.67ZM120.182 3.92397C119.622 3.92397 119.158 3.74797 118.79 3.39597C118.438 3.04397 118.262 2.61997 118.262 2.12397C118.262 1.61197 118.438 1.18797 118.79 0.851974C119.158 0.499974 119.622 0.323975 120.182 0.323975C120.742 0.323975 121.198 0.491974 121.55 0.827974C121.918 1.14797 122.102 1.55597 122.102 2.05197C122.102 2.57997 121.926 3.02797 121.574 3.39597C121.222 3.74797 120.758 3.92397 120.182 3.92397Z"
-        fill="white"
-      />
-      <path
-        d="M111.732 18.8519V1.04395H114.732V18.8519H111.732Z"
-        fill="white"
-      />
-      <path
-        d="M104.795 18.852V6.03597H107.795V18.852H104.795ZM106.307 3.92397C105.747 3.92397 105.283 3.74797 104.915 3.39597C104.563 3.04397 104.387 2.61997 104.387 2.12397C104.387 1.61197 104.563 1.18797 104.915 0.851974C105.283 0.499974 105.747 0.323975 106.307 0.323975C106.867 0.323975 107.323 0.491974 107.675 0.827974C108.043 1.14797 108.227 1.55597 108.227 2.05197C108.227 2.57997 108.051 3.02797 107.699 3.39597C107.347 3.74797 106.883 3.92397 106.307 3.92397Z"
-        fill="white"
-      />
-      <path
-        d="M93.9384 23.676C92.7544 23.676 91.5944 23.516 90.4584 23.196C89.3384 22.892 88.4184 22.444 87.6984 21.852L89.0424 19.596C89.6024 20.06 90.3064 20.428 91.1544 20.7C92.0184 20.988 92.8904 21.132 93.7704 21.132C95.1784 21.132 96.2104 20.804 96.8664 20.148C97.5224 19.508 97.8504 18.54 97.8504 17.244V14.964L98.0904 12.06L97.9944 9.15597V6.03597H100.85V16.908C100.85 19.228 100.258 20.932 99.0744 22.02C97.8904 23.124 96.1784 23.676 93.9384 23.676ZM93.5544 18.276C92.3384 18.276 91.2344 18.02 90.2424 17.508C89.2664 16.98 88.4904 16.252 87.9144 15.324C87.3544 14.396 87.0744 13.308 87.0744 12.06C87.0744 10.828 87.3544 9.74797 87.9144 8.81997C88.4904 7.89197 89.2664 7.17197 90.2424 6.65997C91.2344 6.14797 92.3384 5.89197 93.5544 5.89197C94.6424 5.89197 95.6184 6.10797 96.4824 6.53997C97.3464 6.97197 98.0344 7.64397 98.5464 8.55597C99.0744 9.46797 99.3384 10.636 99.3384 12.06C99.3384 13.484 99.0744 14.66 98.5464 15.588C98.0344 16.5 97.3464 17.18 96.4824 17.628C95.6184 18.06 94.6424 18.276 93.5544 18.276ZM94.0104 15.732C94.7624 15.732 95.4344 15.58 96.0264 15.276C96.6184 14.956 97.0744 14.524 97.3944 13.98C97.7304 13.42 97.8984 12.78 97.8984 12.06C97.8984 11.34 97.7304 10.708 97.3944 10.164C97.0744 9.60397 96.6184 9.17997 96.0264 8.89197C95.4344 8.58797 94.7624 8.43597 94.0104 8.43597C93.2584 8.43597 92.5784 8.58797 91.9704 8.89197C91.3784 9.17997 90.9144 9.60397 90.5784 10.164C90.2584 10.708 90.0984 11.34 90.0984 12.06C90.0984 12.78 90.2584 13.42 90.5784 13.98C90.9144 14.524 91.3784 14.956 91.9704 15.276C92.5784 15.58 93.2584 15.732 94.0104 15.732Z"
-        fill="white"
-      />
-      <path
-        d="M68.183 18.852L75.743 2.052H78.815L86.399 18.852H83.135L76.6311 3.708H77.8791L71.399 18.852H68.183ZM71.663 14.964L72.503 12.516H81.5751L82.415 14.964H71.663Z"
-        fill="white"
-      />
-      <path d="M57.5156 18.852V2.052H59.2916V18.852H57.5156Z" fill="white" />
-      <path
-        d="M47.382 18.996C46.134 18.996 44.934 18.796 43.782 18.396C42.646 17.98 41.766 17.452 41.142 16.812L41.838 15.444C42.43 16.02 43.222 16.508 44.214 16.908C45.222 17.292 46.278 17.484 47.382 17.484C48.438 17.484 49.294 17.356 49.95 17.1C50.622 16.828 51.11 16.468 51.414 16.02C51.734 15.572 51.894 15.076 51.894 14.532C51.894 13.876 51.702 13.348 51.318 12.948C50.95 12.548 50.462 12.236 49.854 12.012C49.246 11.772 48.574 11.564 47.838 11.388C47.102 11.212 46.366 11.028 45.63 10.836C44.894 10.628 44.214 10.356 43.59 10.02C42.982 9.68396 42.486 9.24396 42.102 8.69996C41.734 8.13996 41.55 7.41196 41.55 6.51596C41.55 5.68396 41.766 4.92396 42.198 4.23596C42.646 3.53196 43.326 2.97196 44.238 2.55596C45.15 2.12396 46.318 1.90796 47.742 1.90796C48.686 1.90796 49.622 2.04396 50.55 2.31596C51.478 2.57196 52.278 2.93196 52.95 3.39596L52.35 4.81196C51.63 4.33196 50.862 3.97996 50.046 3.75596C49.246 3.53196 48.47 3.41996 47.718 3.41996C46.71 3.41996 45.878 3.55596 45.222 3.82796C44.566 4.09996 44.078 4.46796 43.758 4.93196C43.454 5.37996 43.302 5.89196 43.302 6.46796C43.302 7.12396 43.486 7.65196 43.854 8.05196C44.238 8.45196 44.734 8.76396 45.342 8.98796C45.966 9.21196 46.646 9.41196 47.382 9.58796C48.118 9.76396 48.846 9.95596 49.566 10.164C50.302 10.372 50.974 10.644 51.582 10.98C52.206 11.3 52.702 11.732 53.07 12.276C53.454 12.82 53.646 13.532 53.646 14.412C53.646 15.228 53.422 15.988 52.974 16.692C52.526 17.38 51.838 17.94 50.91 18.372C49.998 18.788 48.822 18.996 47.382 18.996Z"
-        fill="white"
-      />
-      <path
-        d="M19.8281 18.852V2.052H21.2921L28.9721 15.156H28.2041L35.8121 2.052H37.2761V18.852H35.5721V4.716H35.9801L28.9721 16.716H28.1321L21.0761 4.716H21.5321V18.852H19.8281Z"
-        fill="white"
-      />
-      <path
-        d="M0 18.852V2.052H6.84C8.632 2.052 10.2 2.412 11.544 3.132C12.904 3.836 13.96 4.82 14.712 6.084C15.464 7.348 15.84 8.804 15.84 10.452C15.84 12.1 15.464 13.556 14.712 14.82C13.96 16.084 12.904 17.076 11.544 17.796C10.2 18.5 8.632 18.852 6.84 18.852H0ZM1.776 17.316H6.744C8.232 17.316 9.52 17.028 10.608 16.452C11.712 15.86 12.568 15.052 13.176 14.028C13.784 12.988 14.088 11.796 14.088 10.452C14.088 9.092 13.784 7.9 13.176 6.876C12.568 5.852 11.712 5.052 10.608 4.476C9.52 3.884 8.232 3.588 6.744 3.588H1.776V17.316Z"
-        fill="white"
-      />
-    </svg>
-  );
-}

package/src/components/LogoDMSiTopBar.tsx

@@ -1,33 +0,0 @@
-export function LogoDMSiTopBar(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      width="106"
-      height="24"
-      viewBox="0 0 106 24"
-      {...props}
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M9.32182 5.86849H21.4356C23.2074 5.86849 24.3938 5.79786 25.426 7.25511C26.3235 8.60827 26.5931 9.79786 26.3851 11.4335C26.1771 13.0692 25.7342 14.2291 24.6672 15.6529C24.1742 16.3295 23.5541 16.8648 22.803 17.2551C21.7823 17.7533 21.1275 17.6826 20.0952 17.6826H7.87355V17.638L7.18024 23.2588H19.945C23.4501 23.2588 26.8242 22.5228 29.6553 19.9949C32.2745 17.6826 33.819 14.8127 34.2235 11.612C34.6664 8.125 33.8152 5.72351 31.4695 3.30344C29.0621 0.775554 26.0539 0.362915 22.4024 0.362915H10.0074L9.32182 5.92797V5.86849Z"
-        fill="#55585A"
-      />
-      <path
-        d="M44.8888 0.960416L44.5229 3.92324L44.6115 3.64071C46.1021 1.46599 48.4517 0.618408 51.0516 0.618408C53.7787 0.618408 55.5312 1.62213 56.5828 3.91952C58.4008 1.53662 60.7273 0.618408 63.6277 0.618408C65.4881 0.618408 67.1289 1.16116 68.2613 2.45856C69.6595 4.04592 69.3937 6.13514 69.1087 8.39164L67.1828 23.2355H59.7451L61.5207 9.28012C61.6979 7.90094 61.6787 6.35447 59.6873 6.35447C57.2607 6.35447 56.7831 8.52919 56.5635 10.2392L54.9111 23.2318H47.3771L49.1527 9.2764C49.3222 7.93811 49.1643 6.22436 47.3 6.22436C45.2663 6.22436 44.6153 7.68904 44.4112 9.2764L42.6355 23.2318H34.5199L37.3817 0.960416H44.8888Z"
-        fill="#55585A"
-      />
-      <path
-        d="M96.5979 0.336548L95.8699 6.39231H102.649L95.4501 9.54101L93.6821 23.2734H102.429L105.349 0.336548H96.5979Z"
-        fill="#55585A"
-      />
-      <path
-        d="M90.2045 10.4126C88.529 9.34573 85.7827 9.04833 83.7837 8.79182C83.0903 8.70632 82.3084 8.49814 81.5804 8.29368C81.3031 8.23792 81.045 8.16729 80.8062 8.07807C80.7176 8.05204 80.6175 8.02231 80.5328 8C80.3363 7.95539 80.1206 7.81041 79.928 7.61338C79.5275 7.30855 79.2886 6.94424 79.2886 6.54647C79.2886 6.35688 79.358 6.17844 79.4581 6.00372C79.4697 5.98513 79.4774 5.97026 79.4889 5.95167C79.9666 5.20446 81.2993 4.66543 82.8862 4.66543C84.8005 4.66543 86.3566 5.44981 86.4645 6.43866H93.9138C92.9316 2.34572 88.2517 0 84.0071 0C81.488 0 78.2949 0.342007 75.9184 1.66171C73.6343 2.94052 71.9973 4.66914 71.6814 7.14126C70.9419 12.9405 76.369 14.026 81.0181 14.6654C81.2762 14.6952 81.7807 14.8141 82.3315 15.0037C83.7721 15.2974 84.7928 16.026 84.7928 16.8848C84.7928 17.8773 83.4254 18.6989 81.6267 18.8699C81.4187 18.9145 81.2338 18.9368 81.0913 18.9368C79.9434 18.9368 79.1615 18.8625 78.5876 18.487C77.8635 18.197 77.3358 17.777 77.1471 17.29H69.3395C70.3795 22.3234 75.0132 24 79.7085 24C84.789 24 91.8492 22.2491 92.6157 16.2342C92.8546 14.3494 92.1844 11.7286 90.2123 10.4089L90.2045 10.4126Z"
-        fill="#55585A"
-      />
-      <path
-        d="M1.03227 9.54944H16.0773L0 16.9175L1.03227 9.54944Z"
-        fill="#DF4405"
-      />
-    </svg>
-  );
-}

package/src/components/LogoMillworkTopBar.tsx

@@ -1,119 +0,0 @@
-export function LogoMillworkTopBar(props: React.SVGProps<SVGSVGElement>) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="94"
-      height="25"
-      viewBox="0 0 94 25"
-      fill="none"
-      {...props}
-    >
-      <mask
-        id="mask0_4555_1132"
-        style={{ maskType: "luminance" }}
-        maskUnits="userSpaceOnUse"
-        x="0"
-        y="0"
-        width="94"
-        height="24"
-      >
-        <path d="M94 0H0V24H94V0Z" fill="white" />
-      </mask>
-      <g mask="url(#mask0_4555_1132)">
-        <path
-          d="M27.53 9.5201L25.56 3.1101H25.51C25.51 3.2601 25.53 3.4901 25.55 3.8001C25.57 4.1101 25.58 4.4301 25.6 4.7801C25.61 5.1301 25.62 5.4401 25.62 5.7201V9.5201H24.07V1.3501H26.43L28.36 7.6001H28.39L30.44 1.3501H32.8V9.5201H31.18V5.6501C31.18 5.3901 31.18 5.1001 31.19 4.7601C31.19 4.4201 31.21 4.1101 31.23 3.8001C31.24 3.5001 31.26 3.2701 31.26 3.1201H31.21L29.1 9.5201H27.51H27.53Z"
-          fill="#154ED6"
-        />
-        <path
-          d="M35.03 0.830078C35.28 0.830078 35.5 0.890078 35.68 1.01008C35.86 1.13008 35.95 1.35008 35.95 1.67008C35.95 1.99008 35.86 2.21008 35.68 2.33008C35.5 2.45008 35.28 2.51008 35.03 2.51008C34.78 2.51008 34.55 2.45008 34.37 2.33008C34.19 2.21008 34.1 1.99008 34.1 1.67008C34.1 1.35008 34.19 1.13008 34.37 1.01008C34.55 0.890078 34.77 0.830078 35.03 0.830078ZM35.88 3.28008V9.53008H34.18V3.28008H35.88Z"
-          fill="#154ED6"
-        />
-        <path
-          d="M38.83 9.52008H37.13V0.830078H38.83V9.53008V9.52008Z"
-          fill="#154ED6"
-        />
-        <path
-          d="M41.77 9.52008H40.07V0.830078H41.77V9.53008V9.52008Z"
-          fill="#154ED6"
-        />
-        <path
-          d="M48.15 9.52012L47.67 7.33012C47.64 7.20012 47.6 7.01012 47.54 6.75012C47.48 6.49012 47.42 6.22012 47.35 5.93012C47.28 5.64012 47.22 5.37012 47.16 5.12012C47.1 4.87012 47.06 4.69012 47.03 4.57012H46.98C46.95 4.69012 46.91 4.87012 46.86 5.12012C46.8 5.37012 46.74 5.64012 46.67 5.94012C46.6 6.23012 46.54 6.51012 46.48 6.77012C46.42 7.03012 46.38 7.23012 46.35 7.36012L45.85 9.52012H44.02L42.24 3.27012H43.94L44.66 6.04012C44.71 6.23012 44.76 6.46012 44.8 6.73012C44.84 7.00012 44.88 7.25012 44.92 7.50012C44.96 7.75012 44.98 7.94012 45 8.09012H45.04C45.04 7.98012 45.06 7.84012 45.09 7.66012C45.11 7.48012 45.14 7.30012 45.17 7.10012C45.2 6.90012 45.23 6.73012 45.26 6.58012C45.29 6.43012 45.31 6.32012 45.32 6.26012L46.09 3.26012H47.97L48.7 6.26012C48.73 6.37012 48.76 6.54012 48.8 6.77012C48.84 7.00012 48.88 7.25012 48.91 7.49012C48.94 7.74012 48.96 7.93012 48.97 8.07012H49.01C49.02 7.94012 49.05 7.76012 49.09 7.51012C49.13 7.26012 49.17 7.00012 49.22 6.72012C49.27 6.44012 49.32 6.21012 49.37 6.02012L50.12 3.25012H51.79L49.99 9.50012H48.13L48.15 9.52012Z"
-          fill="#154ED6"
-        />
-        <path
-          d="M57.94 6.39003C57.94 6.91003 57.87 7.37003 57.73 7.78003C57.59 8.19003 57.39 8.52003 57.12 8.80003C56.85 9.08003 56.53 9.29003 56.16 9.43003C55.79 9.57003 55.36 9.64003 54.89 9.64003C54.45 9.64003 54.05 9.57003 53.68 9.43003C53.31 9.29003 52.99 9.08003 52.72 8.80003C52.45 8.52003 52.24 8.18003 52.09 7.78003C51.94 7.38003 51.87 6.92003 51.87 6.39003C51.87 5.70003 51.99 5.11003 52.24 4.63003C52.49 4.15003 52.84 3.78003 53.29 3.53003C53.74 3.28003 54.29 3.16003 54.92 3.16003C55.5 3.16003 56.02 3.28003 56.48 3.53003C56.93 3.78003 57.29 4.14003 57.55 4.63003C57.81 5.11003 57.94 5.70003 57.94 6.39003ZM53.62 6.39003C53.62 6.80003 53.66 7.14003 53.75 7.42003C53.84 7.70003 53.98 7.91003 54.17 8.05003C54.36 8.19003 54.61 8.26003 54.91 8.26003C55.21 8.26003 55.46 8.19003 55.64 8.05003C55.83 7.91003 55.97 7.70003 56.05 7.42003C56.14 7.14003 56.18 6.80003 56.18 6.39003C56.18 5.98003 56.14 5.63003 56.05 5.36003C55.96 5.09003 55.82 4.88003 55.63 4.74003C55.44 4.60003 55.19 4.53003 54.89 4.53003C54.44 4.53003 54.11 4.68003 53.91 4.99003C53.71 5.30003 53.61 5.76003 53.61 6.38003L53.62 6.39003Z"
-          fill="#154ED6"
-        />
-        <path
-          d="M62.28 3.16003C62.37 3.16003 62.47 3.16003 62.58 3.17003C62.69 3.17003 62.79 3.19003 62.86 3.21003L62.73 4.81003C62.67 4.79003 62.59 4.78003 62.49 4.77003C62.39 4.77003 62.3 4.76003 62.22 4.76003C62 4.76003 61.79 4.79003 61.58 4.84003C61.37 4.90003 61.19 4.99003 61.02 5.11003C60.86 5.23003 60.73 5.40003 60.63 5.60003C60.54 5.80003 60.49 6.05003 60.49 6.35003V9.53003H58.79V3.28003H60.08L60.33 4.33003H60.41C60.53 4.12003 60.69 3.92003 60.87 3.75003C61.05 3.57003 61.26 3.43003 61.5 3.33003C61.74 3.22003 61.99 3.17003 62.27 3.17003L62.28 3.16003Z"
-          fill="#154ED6"
-        />
-        <path
-          d="M65.15 0.830078V4.72008C65.15 4.95008 65.15 5.19008 65.12 5.42008C65.1 5.65008 65.08 5.89008 65.06 6.12008H65.08C65.2 5.96008 65.31 5.79008 65.43 5.63008C65.55 5.47008 65.68 5.32008 65.82 5.17008L67.57 3.27008H69.49L67.01 5.98008L69.64 9.52008H67.67L65.87 6.99008L65.14 7.58008V9.52008H63.44V0.830078H65.14H65.15Z"
-          fill="#154ED6"
-        />
-        <path
-          d="M30.85 17.1301C30.85 18.0501 30.67 18.8201 30.32 19.4401C29.97 20.0601 29.46 20.5201 28.79 20.8301C28.12 21.1401 27.32 21.3001 26.38 21.3001H24.07V13.1301H26.64C27.5 13.1301 28.24 13.2801 28.87 13.5901C29.5 13.8901 29.99 14.3401 30.33 14.9401C30.68 15.5301 30.85 16.2701 30.85 17.1401V17.1301ZM29.05 17.1801C29.05 16.5801 28.96 16.0801 28.78 15.6901C28.6 15.3001 28.34 15.0101 28 14.8301C27.66 14.6401 27.23 14.5501 26.72 14.5501H25.8V19.8701H26.54C27.39 19.8701 28.01 19.6401 28.43 19.1901C28.84 18.7401 29.05 18.0701 29.05 17.1801Z"
-          fill="#2C3335"
-        />
-        <path
-          d="M34.44 14.93C35.02 14.93 35.51 15.04 35.93 15.26C36.35 15.48 36.67 15.8 36.9 16.22C37.13 16.64 37.24 17.16 37.24 17.76V18.59H33.21C33.23 19.07 33.37 19.45 33.64 19.72C33.91 19.99 34.29 20.13 34.77 20.13C35.17 20.13 35.53 20.09 35.87 20.01C36.2 19.93 36.54 19.81 36.89 19.64V20.96C36.58 21.11 36.26 21.22 35.92 21.3C35.58 21.37 35.17 21.41 34.69 21.41C34.06 21.41 33.51 21.29 33.03 21.06C32.55 20.83 32.17 20.48 31.9 20C31.63 19.53 31.49 18.93 31.49 18.21C31.49 17.49 31.61 16.87 31.86 16.39C32.11 15.91 32.45 15.54 32.9 15.29C33.34 15.05 33.86 14.92 34.45 14.92L34.44 14.93ZM34.45 16.14C34.12 16.14 33.84 16.25 33.63 16.46C33.41 16.67 33.29 17.01 33.25 17.46H35.64C35.64 17.21 35.59 16.98 35.5 16.78C35.41 16.58 35.28 16.43 35.11 16.31C34.94 16.19 34.72 16.14 34.45 16.14Z"
-          fill="#2C3335"
-        />
-        <path
-          d="M39.56 21.3L37.18 15.05H38.96L40.17 18.61C40.24 18.82 40.29 19.04 40.33 19.27C40.37 19.5 40.4 19.71 40.41 19.89H40.45C40.46 19.69 40.49 19.48 40.53 19.26C40.57 19.04 40.63 18.82 40.7 18.61L41.9 15.05H43.68L41.3 21.3H39.55H39.56Z"
-          fill="#2C3335"
-        />
-        <path
-          d="M46.61 14.93C47.19 14.93 47.68 15.04 48.1 15.26C48.52 15.48 48.84 15.8 49.07 16.22C49.3 16.64 49.41 17.16 49.41 17.76V18.59H45.38C45.4 19.07 45.54 19.45 45.81 19.72C46.08 19.99 46.46 20.13 46.94 20.13C47.34 20.13 47.7 20.09 48.04 20.01C48.37 19.93 48.71 19.81 49.06 19.64V20.96C48.75 21.11 48.43 21.22 48.09 21.3C47.75 21.37 47.34 21.41 46.86 21.41C46.23 21.41 45.68 21.29 45.2 21.06C44.72 20.83 44.34 20.48 44.07 20C43.8 19.53 43.66 18.93 43.66 18.21C43.66 17.49 43.78 16.87 44.03 16.39C44.28 15.91 44.62 15.54 45.07 15.29C45.51 15.05 46.03 14.92 46.62 14.92L46.61 14.93ZM46.62 16.14C46.29 16.14 46.01 16.25 45.8 16.46C45.58 16.67 45.46 17.01 45.42 17.46H47.81C47.81 17.21 47.76 16.98 47.67 16.78C47.58 16.58 47.45 16.43 47.28 16.31C47.11 16.19 46.89 16.14 46.62 16.14Z"
-          fill="#2C3335"
-        />
-        <path d="M51.95 21.3001H50.25V12.6001H51.95V21.3001Z" fill="#2C3335" />
-        <path
-          d="M58.87 18.1601C58.87 18.6801 58.8 19.1401 58.66 19.5501C58.52 19.9501 58.32 20.2901 58.05 20.5701C57.78 20.8501 57.46 21.0601 57.09 21.2001C56.72 21.3401 56.29 21.4101 55.82 21.4101C55.38 21.4101 54.98 21.3401 54.61 21.2001C54.24 21.0601 53.92 20.8501 53.65 20.5701C53.38 20.2901 53.17 19.9501 53.02 19.5501C52.87 19.1501 52.8 18.6901 52.8 18.1601C52.8 17.4701 52.92 16.8801 53.17 16.4001C53.42 15.9201 53.77 15.5501 54.22 15.3001C54.67 15.0501 55.22 14.9301 55.85 14.9301C56.43 14.9301 56.95 15.0501 57.41 15.3001C57.86 15.5501 58.22 15.9101 58.48 16.4001C58.74 16.8801 58.87 17.4701 58.87 18.1601ZM54.55 18.1601C54.55 18.5701 54.59 18.9101 54.68 19.1901C54.77 19.4701 54.91 19.6801 55.1 19.8201C55.29 19.9601 55.54 20.0301 55.84 20.0301C56.14 20.0301 56.39 19.9601 56.57 19.8201C56.76 19.6801 56.9 19.4701 56.98 19.1901C57.07 18.9101 57.11 18.5701 57.11 18.1601C57.11 17.7501 57.07 17.4001 56.98 17.1301C56.89 16.8601 56.75 16.6501 56.56 16.5101C56.37 16.3701 56.12 16.3001 55.82 16.3001C55.37 16.3001 55.04 16.4501 54.84 16.7601C54.64 17.0701 54.54 17.5301 54.54 18.1501L54.55 18.1601Z"
-          fill="#2C3335"
-        />
-        <path
-          d="M63.2 14.9301C63.9 14.9301 64.47 15.2001 64.91 15.7501C65.34 16.3001 65.56 17.1001 65.56 18.1601C65.56 18.8701 65.46 19.4601 65.25 19.9501C65.05 20.4301 64.76 20.8001 64.4 21.0401C64.04 21.2901 63.62 21.4101 63.15 21.4101C62.85 21.4101 62.59 21.3701 62.37 21.3001C62.15 21.2301 61.97 21.1301 61.82 21.0001C61.67 20.8801 61.54 20.7501 61.42 20.6101H61.33C61.36 20.7601 61.38 20.9101 61.4 21.0701C61.42 21.2301 61.42 21.3801 61.42 21.5301V24.0501H59.72V15.0501H61.11L61.35 15.8601H61.43C61.54 15.6901 61.68 15.5401 61.84 15.4001C62 15.2601 62.19 15.1501 62.42 15.0601C62.65 14.9801 62.91 14.9301 63.21 14.9301H63.2ZM62.66 16.2901C62.36 16.2901 62.13 16.3501 61.95 16.4701C61.77 16.5901 61.65 16.7801 61.57 17.0201C61.49 17.2701 61.45 17.5801 61.44 17.9501V18.1301C61.44 18.5301 61.48 18.8701 61.55 19.1501C61.62 19.4301 61.76 19.6401 61.94 19.7901C62.12 19.9401 62.37 20.0101 62.69 20.0101C62.95 20.0101 63.16 19.9401 63.33 19.7901C63.5 19.6401 63.62 19.4301 63.71 19.1501C63.79 18.8701 63.84 18.5301 63.84 18.1201C63.84 17.5101 63.74 17.0501 63.55 16.7401C63.36 16.4301 63.07 16.2801 62.67 16.2801L62.66 16.2901Z"
-          fill="#2C3335"
-        />
-        <path
-          d="M73.76 14.93C74.47 14.93 75 15.11 75.37 15.47C75.73 15.83 75.91 16.42 75.91 17.22V21.29H74.2V17.64C74.2 17.19 74.12 16.86 73.97 16.63C73.82 16.4 73.58 16.29 73.26 16.29C72.81 16.29 72.49 16.45 72.3 16.77C72.11 17.09 72.02 17.55 72.02 18.15V21.29H70.32V17.64C70.32 17.34 70.29 17.09 70.22 16.89C70.15 16.69 70.05 16.54 69.91 16.44C69.77 16.34 69.6 16.29 69.38 16.29C69.06 16.29 68.81 16.37 68.63 16.53C68.45 16.69 68.32 16.92 68.24 17.23C68.16 17.54 68.13 17.91 68.13 18.36V21.3H66.43V15.05H67.73L67.96 15.85H68.06C68.19 15.63 68.35 15.46 68.54 15.32C68.73 15.18 68.94 15.09 69.17 15.02C69.4 14.96 69.64 14.93 69.87 14.93C70.33 14.93 70.72 15 71.04 15.15C71.36 15.3 71.6 15.53 71.77 15.84H71.92C72.11 15.52 72.37 15.29 72.71 15.14C73.05 14.99 73.4 14.92 73.76 14.92V14.93Z"
-          fill="#2C3335"
-        />
-        <path
-          d="M79.69 14.93C80.27 14.93 80.76 15.04 81.18 15.26C81.6 15.48 81.92 15.8 82.15 16.22C82.38 16.64 82.49 17.16 82.49 17.76V18.59H78.46C78.48 19.07 78.62 19.45 78.89 19.72C79.16 19.99 79.54 20.13 80.02 20.13C80.42 20.13 80.78 20.09 81.12 20.01C81.46 19.93 81.79 19.81 82.14 19.64V20.96C81.83 21.11 81.51 21.22 81.17 21.3C80.83 21.37 80.42 21.41 79.94 21.41C79.31 21.41 78.76 21.29 78.28 21.06C77.8 20.83 77.42 20.48 77.15 20C76.88 19.53 76.74 18.93 76.74 18.21C76.74 17.49 76.86 16.87 77.11 16.39C77.36 15.91 77.7 15.54 78.15 15.29C78.59 15.05 79.11 14.92 79.7 14.92L79.69 14.93ZM79.7 16.14C79.37 16.14 79.09 16.25 78.88 16.46C78.66 16.67 78.54 17.01 78.5 17.46H80.89C80.89 17.21 80.84 16.98 80.75 16.78C80.66 16.58 80.53 16.43 80.36 16.31C80.19 16.19 79.97 16.14 79.7 16.14Z"
-          fill="#2C3335"
-        />
-        <path
-          d="M86.87 14.93C87.54 14.93 88.07 15.11 88.48 15.47C88.89 15.83 89.09 16.42 89.09 17.22V21.29H87.39V17.64C87.39 17.19 87.31 16.86 87.15 16.63C86.99 16.4 86.73 16.29 86.39 16.29C85.87 16.29 85.51 16.47 85.32 16.82C85.13 17.17 85.04 17.68 85.04 18.35V21.29H83.34V15.04H84.64L84.87 15.84H84.97C85.1 15.62 85.27 15.45 85.47 15.31C85.67 15.17 85.89 15.08 86.14 15.01C86.38 14.95 86.64 14.92 86.9 14.92L86.87 14.93Z"
-          fill="#2C3335"
-        />
-        <path
-          d="M92.93 20.0501C93.12 20.0501 93.3 20.0301 93.47 19.9901C93.65 19.9501 93.82 19.9101 94 19.8501V21.1201C93.82 21.2001 93.59 21.2701 93.32 21.3201C93.05 21.3701 92.75 21.4001 92.43 21.4001C92.06 21.4001 91.72 21.3401 91.43 21.2201C91.13 21.1001 90.9 20.8901 90.73 20.5901C90.56 20.2901 90.48 19.8701 90.48 19.3401V16.3301H89.66V15.6101L90.6 15.0401L91.09 13.7201H92.18V15.0501H93.93V16.3301H92.18V19.3401C92.18 19.5801 92.25 19.7601 92.38 19.8701C92.52 19.9901 92.7 20.0501 92.92 20.0501H92.93Z"
-          fill="#2C3335"
-        />
-        <path
-          d="M10.77 21.77C16.5414 21.77 21.22 17.0914 21.22 11.32C21.22 5.54862 16.5414 0.869995 10.77 0.869995C4.99863 0.869995 0.320007 5.54862 0.320007 11.32C0.320007 17.0914 4.99863 21.77 10.77 21.77Z"
-          fill="#FBF9FF"
-        />
-        <path
-          d="M10.77 22.09C4.83 22.09 0 17.26 0 11.32C0 5.38005 4.83 0.550049 10.77 0.550049C16.71 0.550049 21.54 5.38005 21.54 11.32C21.54 17.26 16.71 22.09 10.77 22.09ZM10.77 1.20005C5.19 1.20005 0.64 5.74005 0.64 11.32C0.64 16.9 5.18 21.4501 10.77 21.4501C16.36 21.4501 20.9 16.91 20.9 11.32C20.9 5.73005 16.35 1.20005 10.77 1.20005Z"
-          fill="#154ED6"
-        />
-        <path
-          d="M15.72 8.30004L14.18 14.36H12.72L11.9 11.18C11.88 11.12 11.86 11.03 11.83 10.9C11.8 10.78 11.77 10.64 11.74 10.49C11.71 10.34 11.68 10.2 11.66 10.07C11.64 9.94004 11.62 9.83004 11.61 9.76004C11.61 9.84004 11.59 9.94004 11.56 10.07C11.54 10.2 11.51 10.34 11.48 10.48C11.45 10.63 11.42 10.76 11.4 10.89C11.37 11.02 11.35 11.11 11.33 11.18L10.51 14.35H9.05001L7.51001 8.29004H8.77001L9.54001 11.6C9.56001 11.7 9.59001 11.82 9.62001 11.96C9.65001 12.1 9.68001 12.24 9.71001 12.39C9.74001 12.54 9.77001 12.69 9.79001 12.83C9.81001 12.97 9.83001 13.09 9.84001 13.19C9.85001 13.09 9.87001 12.96 9.89001 12.82C9.91001 12.68 9.94001 12.54 9.96001 12.39C9.99001 12.24 10.01 12.11 10.04 11.99C10.07 11.87 10.09 11.76 10.11 11.69L10.99 8.30004H12.2L13.08 11.69C13.1 11.76 13.12 11.86 13.15 11.99C13.18 12.12 13.2 12.25 13.23 12.4C13.26 12.55 13.28 12.69 13.31 12.83C13.33 12.97 13.35 13.09 13.36 13.19C13.38 13.05 13.41 12.88 13.44 12.69C13.47 12.49 13.51 12.3 13.55 12.1C13.59 11.9 13.63 11.74 13.66 11.61L14.43 8.30004H15.69H15.72Z"
-          fill="#154ED6"
-        />
-        <path
-          d="M4.76001 14.3601L3.30001 9.61006H3.26001C3.26001 9.72006 3.27001 9.89006 3.29001 10.1201C3.30001 10.3501 3.31001 10.5901 3.33001 10.8501C3.34001 11.1101 3.35001 11.3401 3.35001 11.5501V14.3701H2.20001V8.31006H3.95001L5.38001 12.9401H5.40001L6.92001 8.31006H8.67001V14.3701H7.47001V11.5001C7.47001 11.3101 7.47001 11.0901 7.48001 10.8401C7.48001 10.5901 7.50001 10.3501 7.51001 10.1301C7.52001 9.91006 7.53001 9.74006 7.53001 9.62006H7.49001L5.93001 14.3601H4.75001H4.76001Z"
-          fill="#2C3335"
-        />
-        <path
-          d="M19.7 11.27C19.7 11.95 19.57 12.52 19.31 12.98C19.05 13.44 18.67 13.78 18.18 14.01C17.69 14.24 17.09 14.36 16.39 14.36H14.68V8.30005H16.58C17.22 8.30005 17.77 8.41005 18.23 8.64005C18.7 8.87005 19.06 9.20005 19.32 9.64005C19.58 10.08 19.71 10.63 19.71 11.27H19.7ZM18.37 11.31C18.37 10.86 18.3 10.49 18.17 10.21C18.04 9.92005 17.85 9.71005 17.59 9.57005C17.33 9.43005 17.02 9.36005 16.64 9.36005H15.96V13.3H16.51C17.14 13.3 17.6 13.13 17.91 12.8C18.22 12.47 18.37 11.97 18.37 11.31Z"
-          fill="#2C3335"
-        />
-      </g>
-    </svg>
-  );
-}

package/src/components/MainBar.tsx

@@ -1,91 +0,0 @@
-import clsx from "clsx";
-import { ComponentProps, ReactNode } from "react";
-import {
-  componentPaddingYUsingComponentGap2xMobile,
-  containerPaddingY,
-  containerPaddingX,
-  layoutGroupGap,
-  layoutGap,
-} from "../classNames";
-
-type MainBarProps = {
-  id?: string;
-  testid?: string;
-  leftContent?: ReactNode;
-  rightContent?: ReactNode;
-  mobileLeftContent?: ReactNode;
-  mobileRightContent?: ReactNode;
-
-  cart?: ReactNode;
-  footer?: boolean;
-};
-
-export const MainBar = ({
-  id,
-  testid,
-  leftContent: left,
-  rightContent: right,
-  mobileLeftContent: mobileLeft,
-  mobileRightContent: mobileRight,
-  footer = false,
-  cart,
-}: ComponentProps<"div"> & MainBarProps) => {
-  if (!left && !right) {
-    return <></>;
-  }
-
-  return (
-    <div
-      id={id}
-      data-testid={testid}
-      className={clsx(
-        "min-h-mobile-container-padding",
-        "bg-background-brand-normal items-center justify-between",
-        "z-10 shadow-4",
-        "flex",
-        layoutGroupGap,
-        containerPaddingX,
-        footer ? containerPaddingY : componentPaddingYUsingComponentGap2xMobile,
-      )}
-    >
-      {left && (
-        <div
-          className={clsx("hidden desktop:flex items-center", layoutGap)}
-        >
-          {left}
-        </div>
-      )}
-
-      {(right || cart) && (
-        <div
-          className={clsx(
-            "hidden desktop:flex items-center ml-auto",
-            layoutGap,
-          )}
-        >
-          {right}
-
-          {right && cart && (
-            <div className="h-14 w-px bg-background-on-action-primary-normal"></div>
-          )}
-
-          {cart}
-        </div>
-      )}
-
-      {mobileLeft && (
-        <div className={clsx("flex items-center desktop:hidden flex-1")}>
-          {mobileLeft}
-        </div>
-      )}
-
-      {mobileRight && (
-        <div className={clsx("flex items-center desktop:hidden")}>
-          {mobileRight}
-        </div>
-      )}
-    </div>
-  );
-};
-
-MainBar.displayName = "MainBar";

package/src/components/MaxViewportBox.tsx

@@ -1,19 +0,0 @@
-export function MaxViewportLayout({
-  children,
-  id,
-  testid,
-}: {
-  children: React.ReactNode;
-  id?: string;
-  testid?: string;
-}) {
-  return (
-    <div
-      id={id}
-      data-testid={testid}
-      className="flex flex-col max-h-screen h-full max-w-full-container w-full mx-auto"
-    >
-      {children}
-    </div>
-  );
-}