@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.6

package/dist/esm/components/nav/parts/NavGroup.mjs

@@ -0,0 +1,105 @@
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import s, { useState as G, useCallback as j } from "react";
+import { Button as B } from "react-aria-components";
+import { twMerge as D } from "tailwind-merge";
+import { tv as _ } from "tailwind-variants";
+import $ from "../../../hooks/use-id.mjs";
+import { Icon as k } from "../../icon/Icon.mjs";
+import { navItemBase as z } from "./NavItem.mjs";
+const H = _({
+  extend: z,
+  slots: {
+    caret: "uy-transition-transform uy-duration-150 uy-delay-25 uy-ease-linear motion-reduce:transition-none",
+    contentWrapper: "uy-transition-[max-height] uy-duration-200 uy-ease-linear motion-reduce:transition-none",
+    content: "uy-list-none uy-flex uy-flex-col uy-gap-50 uy-transition-opacity uy-duration-150 uy-delay-25 uy-ease-linear"
+  },
+  variants: {
+    expanded: {
+      true: {
+        caret: "uy-rotate-180",
+        contentWrapper: "uy-max-h-[1000px] uy-overflow-visible",
+        label: "uy-typography-body-strong",
+        content: "uy-opacity-100 uy-visible"
+      },
+      false: {
+        caret: "uy-rotate-0",
+        contentWrapper: "uy-max-h-0 uy-overflow-hidden",
+        content: "uy-opacity-0 uy-invisible uy-pointer-events-none",
+        label: "uy-typography-body"
+      }
+    }
+  }
+});
+function M({
+  children: y,
+  label: p,
+  prefix: i,
+  suffix: m,
+  defaultExpanded: f = !1,
+  isExpanded: l,
+  onToggle: n,
+  ...x
+}) {
+  const u = $(), [h, b] = G(f), r = l !== void 0, e = r ? l : h, v = j(() => {
+    r || b((t) => !t), n == null || n(!e);
+  }, [r, e, n]), N = s.Children.map(y, (t) => s.isValidElement(t) ? s.cloneElement(t, { isDisabled: !e, level: 1 }) : t), c = `${u}-toggle`, d = `${u}-content`, {
+    base: I,
+    prefix: g,
+    label: w,
+    suffix: E,
+    content: S,
+    contentWrapper: C,
+    caret: W
+  } = H({ level: 0, expanded: e });
+  return /* @__PURE__ */ o("li", { className: "uy-flex uy-flex-col uy-gap-50", children: [
+    /* @__PURE__ */ o(
+      B,
+      {
+        id: c,
+        className: D(I(), "uy-w-full"),
+        onPress: v,
+        "aria-expanded": e,
+        "aria-controls": d,
+        ...x,
+        children: [
+          i && /* @__PURE__ */ a("span", { className: g(), children: i({ isExpanded: e }) }),
+          /* @__PURE__ */ a("span", { className: w(), children: p }),
+          /* @__PURE__ */ o("span", { className: E(), role: "presentation", children: [
+            m,
+            /* @__PURE__ */ a(
+              k,
+              {
+                src: "CaretDownOutlined",
+                alt: "expand group",
+                size: 20,
+                className: W(),
+                color: "inherit"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: C(),
+        style: { maxHeight: e ? 1e3 : 0 },
+        children: /* @__PURE__ */ a(
+          "ul",
+          {
+            id: d,
+            className: S(),
+            "aria-labelledby": c,
+            "aria-hidden": !e,
+            children: N
+          }
+        )
+      }
+    )
+  ] });
+}
+M.displayName = "NavGroup";
+export {
+  M as NavGroup
+};

package/dist/esm/components/nav/parts/NavItem.d.mts

@@ -0,0 +1,279 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components';
+import { VariantProps } from 'tailwind-variants';
+import { DataAttributes } from '../../../types/DataAttributes.mjs';
+export declare const navItemBase: import('tailwind-variants').TVReturnType<{
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}, {
+    base: string;
+    prefix: string;
+    suffix: string;
+    label: string;
+}, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}, {
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}>, {
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}, {
+    base: string;
+    prefix: string;
+    suffix: string;
+    label: string;
+}, import('tailwind-variants').TVReturnType<{
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}, {
+    base: string;
+    prefix: string;
+    suffix: string;
+    label: string;
+}, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}, {
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const navItem: import('tailwind-variants').TVReturnType<{
+    isActive: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: {
+            base: string;
+            label: string;
+        };
+    };
+}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    isActive: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: {
+            base: string;
+            label: string;
+        };
+    };
+}, {
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}>, {
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}, {
+    base: string;
+    prefix: string;
+    suffix: string;
+    label: string;
+}, import('tailwind-variants').TVReturnType<{
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}, {
+    base: string;
+    prefix: string;
+    suffix: string;
+    label: string;
+}, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}, {
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}>, {
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}, {
+    base: string;
+    prefix: string;
+    suffix: string;
+    label: string;
+}, import('tailwind-variants').TVReturnType<{
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}, {
+    base: string;
+    prefix: string;
+    suffix: string;
+    label: string;
+}, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}, {
+    level: {
+        0: string;
+        1: string;
+    };
+    isDisabled: {
+        true: {
+            base: string;
+            label: string;
+        };
+        false: string;
+    };
+}>, unknown, unknown, undefined>>>;
+export type NavItemProps = Pick<VariantProps<typeof navItem>, 'level'> & PropsWithChildren<{
+    /** The prefix element to be displayed before the label. */
+    prefix?: ({ isCurrent }: {
+        isCurrent: boolean;
+    }) => ReactNode;
+    /** The suffix element to be displayed after the label. */
+    suffix?: ReactNode;
+    /** The click event handler for the nav item. Use it when the item executes an action that  does not redirect to another page */
+    onPress?: AriaButtonProps['onPress'];
+    /** The URL to navigate to when the nav item is clicked. Use it when the item should trigger a navigation to another page */
+    href?: string;
+    /** Whether the nav item is currently active. */
+    isCurrent?: boolean;
+    /** Whether the nav item is disabled. */
+    isDisabled?: boolean;
+}> & DataAttributes;
+/**
+ * The `NavItem` component represents a single, fully accessible navigation item in a `Nav` component, with support for custom elements at the start or the end of the element. It can render a link or a button depending on the provided properties.
+ */
+export declare function NavItem({ children, level, prefix, suffix, onPress, href, isCurrent, isDisabled, ...dataAttributes }: NavItemProps): JSX.Element;
+export declare namespace NavItem {
+    var displayName: string;
+}
+export {};

package/dist/esm/components/nav/parts/NavItem.mjs

@@ -0,0 +1,87 @@
+import { jsx as a, jsxs as x } from "react/jsx-runtime";
+import { Link as h, Button as N } from "react-aria-components";
+import { twMerge as I } from "tailwind-merge";
+import { tv as y } from "tailwind-variants";
+import { useRouter as j } from "../../../providers/router/RouterProvider.mjs";
+const w = y({
+  slots: {
+    base: "uy-grid uy-w-full uy-grid-cols-[auto_1fr_auto] uy-items-center uy-py-100 uy-px-150 uy-gap-100 uy-rounded-75 uy-outline-0 hover:uy-bg-surface-neutral-hover active:uy-bg-surface-neutral-active data-[pressed]:uy-bg-surface-neutral-pressed uy-transition-all focus:uy-outline-0 data-[focus-visible]:uy-outline-none data-[focus-visible]:uy-ring-2 data-[focus-visible]:uy-ring-utility-focus-ring data-[focus-visible]:uy-ring-offset-2",
+    prefix: "uy-p-25 empty:uy-hidden",
+    suffix: "uy-flex uy-gap-100 uy-items-center uy-justify-self-end uy-text-right empty:uy-hidden",
+    label: "uy-flex-1 uy-basis-full uy-text-left uy-truncate uy-overflow-hidden uy-whitespace-break-spaces uy-typography-body"
+  },
+  variants: {
+    level: {
+      0: "uy-pl-150",
+      1: "uy-pl-600"
+    },
+    isDisabled: {
+      true: {
+        base: "uy-pointer-events-none",
+        label: "uy-text-content-neutral-disabled"
+      },
+      false: ""
+    }
+  }
+}), A = y({
+  extend: w,
+  variants: {
+    isActive: {
+      true: {
+        base: "uy-bg-surface-neutral-active",
+        label: "uy-typography-body-strong"
+      },
+      false: {
+        base: "",
+        label: "uy-typography-body"
+      }
+    }
+  }
+});
+function S({
+  children: l,
+  level: u = 0,
+  prefix: i,
+  suffix: r,
+  onPress: c,
+  href: e,
+  isCurrent: d,
+  isDisabled: s = !1,
+  ...p
+}) {
+  const n = j(), f = e ? h : N, t = n && e ? n.isActive(e.toString()) : d, {
+    base: b,
+    label: o,
+    prefix: v,
+    suffix: m
+  } = A({ level: u, isActive: t, isDisabled: s }), g = Object.assign(
+    {},
+    t !== void 0 && {
+      "data-current": t,
+      "aria-current": t ? "page" : void 0
+    },
+    !e && { tabIndex: s ? -1 : void 0 }
+  );
+  return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ x(
+    f,
+    {
+      className: I(b(), o()),
+      href: e,
+      onPress: c,
+      isDisabled: s,
+      "data-level": u,
+      ...g,
+      ...p,
+      children: [
+        i && /* @__PURE__ */ a("span", { className: v(), children: i({ isCurrent: t ?? !1 }) }),
+        /* @__PURE__ */ a("span", { className: o(), children: l }),
+        r && /* @__PURE__ */ a("span", { className: m(), children: r })
+      ]
+    }
+  ) });
+}
+S.displayName = "NavItem";
+export {
+  S as NavItem,
+  w as navItemBase
+};

package/dist/esm/components/payfit-brand/PayFitBrand.mjs

@@ -0,0 +1,76 @@
+import { jsxs as y, jsx as c } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { tv as f } from "tailwind-variants";
+import g from "../../hooks/use-id.mjs";
+const u = f({
+  slots: {
+    base: "uy-min-w-[104px] uy-aspect-[13/4]",
+    monogram: "",
+    logotype: ""
+  },
+  variants: {
+    color: {
+      original: {
+        monogram: "uy-fill-content-primary",
+        logotype: "uy-fill-content-primary"
+      },
+      dark: {
+        monogram: "uy-fill-content-neutral",
+        logotype: "uy-fill-content-neutral"
+      },
+      light: {
+        monogram: "uy-fill-content-inverted",
+        logotype: "uy-fill-content-inverted"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "original"
+  }
+}), Z = p(
+  ({ color: l, label: n, description: a, ...r }, i) => {
+    const o = g(), t = `payfit-brand-title-${o}`, e = `payfit-brand-desc-${o}`, { base: h, monogram: m, logotype: s } = u({ color: l }), d = {
+      focusable: !1,
+      role: "img",
+      "aria-labelledby": t,
+      ...a && { "aria-describedby": e }
+    }, v = {
+      ...r,
+      ...d
+    };
+    return /* @__PURE__ */ y(
+      "svg",
+      {
+        ...v,
+        ref: i,
+        fill: "none",
+        viewBox: "0 0 104 32",
+        className: h(),
+        children: [
+          /* @__PURE__ */ c("title", { id: t, children: n ?? "PayFit Logo" }),
+          a && /* @__PURE__ */ c("desc", { id: e, children: a }),
+          /* @__PURE__ */ c(
+            "path",
+            {
+              fillRule: "evenodd",
+              className: m(),
+              d: "M16 32C7.164 32 0 24.836 0 16S7.164 0 16 0s16 7.164 16 16-7.164 16-16 16Zm-.218-10.31v-3.18c0-.092.072-.183.163-.183h3.746a4.885 4.885 0 0 0 4.69-5.09 4.893 4.893 0 0 0-4.708-4.692h-9.127c-.2 0-.364.164-.364.364v12.836a2.801 2.801 0 0 0 5.6 0c.018-.036.018-.054 0-.054Zm.182-7.545h3.527a.73.73 0 0 0 .727-.727.73.73 0 0 0-.727-.727h-4.782c-.2 0-.364.163-.364.364v8.672c0 .746-.618 1.364-1.363 1.364a1.374 1.374 0 0 1-1.364-1.364V10.164c0-.091.073-.182.164-.182h7.708c1.91-.037 3.492 1.49 3.51 3.382.036 1.909-1.49 3.49-3.382 3.509h-3.654c-.091 0-.182-.073-.182-.164V14.327c0-.09.072-.163.182-.181Z",
+              clipRule: "evenodd"
+            }
+          ),
+          /* @__PURE__ */ c(
+            "path",
+            {
+              className: s(),
+              d: "M76.49 11.945h-1.472c-.163 0-.309.11-.345.255-.073.218-.128.364-.146.455-.582 1.781-1.472 4.472-2.636 8.054-.018.055-.091.255-.237.582-.036.09-.145.127-.236.09a.219.219 0 0 1-.09-.09 7.862 7.862 0 0 1-.237-.582c-1.2-3.69-2.091-6.454-2.673-8.31-.018-.054-.036-.126-.054-.18a.372.372 0 0 0-.346-.255h-1.454a.365.365 0 0 0-.346.472c.018.055.036.091.055.146.909 2.582 2.272 6.436 4.09 11.582 0 .018 0 .018.019.036a.443.443 0 0 1 0 .218c0 .018 0 .018-.018.037-.019.072-.055.163-.073.236a1.805 1.805 0 0 1-1.691 1.2h-1.527c-.2 0-.364.164-.364.364v1.218c0 .2.164.363.364.363H68.6a3.72 3.72 0 0 0 3.418-2.236c.018-.055.037-.11.073-.164.018-.054 1.09-3.09 4.673-13.109.054-.127-.019-.29-.146-.345H76.6c-.055-.018-.073-.037-.11-.037ZM57.11 22.291c.345.109.708.163 1.072.163a4.232 4.232 0 0 0 2.89-1.2 2.949 2.949 0 0 0 .855-2.145v-.945a.163.163 0 0 0-.163-.164h-.037c-.182.018-.272.018-.272.018l-1.146.146-2.273.345c-1.218.2-1.963.69-2.2 1.455a1.923 1.923 0 0 0-.09.563c.018.818.581 1.527 1.363 1.764Zm6.854.8v.727c0 .2-.164.364-.364.364h-1.182a.365.365 0 0 1-.364-.364l-.018-1.2c0-.018-.018-.036-.018-.054a.088.088 0 0 0-.127 0 1.04 1.04 0 0 0-.2.2c-.946.945-2.236 1.418-3.91 1.418-1.2 0-2.181-.327-2.945-.964-.763-.636-1.127-1.527-1.127-2.654A3.316 3.316 0 0 1 54.036 19c.2-.418.491-.764.873-1.018a3.876 3.876 0 0 1 1.055-.546A5.45 5.45 0 0 1 57 17.164c1.764-.255 2.71-.382 2.89-.419.146-.018.728-.09 1.728-.236.073-.018.127-.018.2-.018.091-.018.164-.091.164-.182v-.51c0-.763-.2-1.363-.6-1.78-.4-.42-1.146-.637-2.218-.637-.491 0-.982.054-1.455.2-.364.109-.673.309-.927.6-.164.218-.31.436-.4.69-.018.055-.037.11-.055.183 0 .018 0 .036-.018.054a.371.371 0 0 1-.364.29h-1.363a.378.378 0 0 1-.346-.38v-.074c.019-.145.037-.254.055-.345.09-.345.236-.691.418-1a3.54 3.54 0 0 1 .818-.91c.437-.29.91-.508 1.418-.654a8.41 8.41 0 0 1 2.128-.254c3.29 0 4.89 1.309 4.89 3.963v7.346Zm26.963-10.873v11.564c0 .2.164.363.364.363h1.473c.2 0 .363-.163.363-.363V12.218c0-.2-.163-.364-.363-.364H91.29c-.2 0-.364.164-.364.364Zm0-3.673v1.473c0 .2.164.364.364.364h1.473c.2 0 .363-.164.363-.364V8.545c0-.2-.163-.363-.363-.363H91.29c-.2 0-.364.163-.364.363ZM100 13.782h3.109c.2 0 .364-.164.364-.364V12.2c0-.2-.164-.364-.364-.364H100c-.09 0-.182-.072-.182-.163V8.545c0-.2-.163-.363-.364-.363h-1.472c-.2 0-.364.163-.364.363v3.128c0 .09-.073.181-.163.181H96.09c-.2 0-.364.164-.364.364v1.218c0 .2.164.364.364.364h1.345c.091 0 .182.073.182.164V20.545c.073 2 1.71 3.6 3.709 3.6h1.655c.2 0 .363-.163.363-.363v-1.218c0-.2-.163-.364-.363-.364h-1.655a1.525 1.525 0 0 1-1.527-1.527v-6.71c.018-.108.09-.181.2-.181Zm-47.964-.637a4.96 4.96 0 0 0-4.854-4.963h-7c-.2 0-.364.163-.364.363v15.237c0 .2.164.363.364.363h1.472c.2 0 .364-.163.364-.363v-5.473c0-.09.073-.182.164-.182h5a4.975 4.975 0 0 0 4.854-4.982Zm-1.927 0a3.01 3.01 0 0 1-3.018 3.019h-4.873c-.09 0-.182-.073-.182-.164v-5.691c0-.09.073-.182.164-.182h4.891a3.01 3.01 0 0 1 3.018 3.018Zm31.2 4.928h5.527c.2 0 .364-.164.364-.364v-1.218c0-.2-.164-.364-.364-.364H81.31c-.09 0-.182-.072-.182-.163v-5.655c0-.09.073-.182.164-.182h6.8c.2 0 .364-.163.364-.363V8.545c0-.2-.164-.363-.364-.363h-8.8c-.2 0-.364.163-.364.363v15.237c0 .2.164.363.364.363h1.473c.2 0 .363-.163.363-.363v-5.527c0-.11.073-.182.182-.182Z"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Z.displayName = "PayFitBrand";
+export {
+  Z as PayFitBrand
+};

package/dist/esm/components/payfit-brand/PayFitPreprod.d.mts

@@ -0,0 +1,10 @@
+import { PayFitBrandProps } from './PayFitBrand.mjs';
+/**
+ * The `PayFitBrandPreprod` component represents the PayFit brand used in pre-production environments, such as staging and development.
+ */
+export declare const PayFitBrandPreprod: import('react').ForwardRefExoticComponent<Omit<PayFitBrandProps, "color" | "width"> & {
+    /**
+     * The brand's environment, shown in the right badge.
+     */
+    env: string;
+} & import('react').RefAttributes<SVGSVGElement>>;

package/dist/esm/components/payfit-brand/PayFitPreprod.mjs

@@ -0,0 +1,57 @@
+import { jsxs as i, jsx as c } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import m from "../../hooks/use-id.mjs";
+import { Badge as p } from "../badge/Badge.mjs";
+const f = n(
+  ({ label: d, description: a, env: l, ...t }, o) => {
+    const e = m(), h = `payfit-preprod-title-${e}`, r = `payfit-preprod-desc-${e}`, v = {
+      focusable: !1,
+      role: "img",
+      "aria-labelledby": h,
+      ...a && { "aria-describedby": r }
+    }, s = {
+      ...t,
+      ...v
+    };
+    return /* @__PURE__ */ i("span", { className: "uy-flex uy-gap-200 uy-items-center", children: [
+      /* @__PURE__ */ i(
+        "svg",
+        {
+          ...s,
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 104 32",
+          fill: "none",
+          ref: o,
+          width: 104,
+          height: 32,
+          className: "uy-min-w-[104px]",
+          children: [
+            /* @__PURE__ */ c("title", { id: h, children: d }),
+            a && /* @__PURE__ */ c("desc", { id: r, children: a }),
+            /* @__PURE__ */ c(
+              "path",
+              {
+                fillRule: "evenodd",
+                fill: "#F76B15",
+                d: "M16 32C7.164 32 0 24.836 0 16S7.164 0 16 0s16 7.164 16 16-7.164 16-16 16Zm-.218-10.31v-3.18c0-.092.072-.183.163-.183h3.746a4.885 4.885 0 0 0 4.69-5.09 4.893 4.893 0 0 0-4.708-4.692h-9.127c-.2 0-.364.164-.364.364v12.836a2.801 2.801 0 0 0 5.6 0c.018-.036.018-.054 0-.054Zm.182-7.545h3.527a.73.73 0 0 0 .727-.727.73.73 0 0 0-.727-.727h-4.782c-.2 0-.364.163-.364.364v8.672c0 .746-.618 1.364-1.363 1.364a1.374 1.374 0 0 1-1.364-1.364V10.164c0-.091.073-.182.164-.182h7.708c1.91-.037 3.492 1.49 3.51 3.382.036 1.909-1.49 3.49-3.382 3.509h-3.654c-.091 0-.182-.073-.182-.164V14.327c0-.09.072-.163.182-.181Z",
+                clipRule: "evenodd"
+              }
+            ),
+            /* @__PURE__ */ c(
+              "path",
+              {
+                fill: "#1C2024",
+                d: "M76.49 11.945h-1.472c-.163 0-.309.11-.345.255-.073.218-.128.364-.146.455-.582 1.781-1.472 4.472-2.636 8.054-.018.055-.091.255-.237.582-.036.09-.145.127-.236.09a.219.219 0 0 1-.09-.09 7.862 7.862 0 0 1-.237-.582c-1.2-3.69-2.091-6.454-2.673-8.31-.018-.054-.036-.126-.054-.18a.372.372 0 0 0-.346-.255h-1.454a.365.365 0 0 0-.346.472c.018.055.036.091.055.146.909 2.582 2.272 6.436 4.09 11.582 0 .018 0 .018.019.036a.443.443 0 0 1 0 .218c0 .018 0 .018-.018.037-.019.072-.055.163-.073.236a1.805 1.805 0 0 1-1.691 1.2h-1.527c-.2 0-.364.164-.364.364v1.218c0 .2.164.363.364.363H68.6a3.72 3.72 0 0 0 3.418-2.236c.018-.055.037-.11.073-.164.018-.054 1.09-3.09 4.673-13.109.054-.127-.019-.29-.146-.345H76.6c-.055-.018-.073-.037-.11-.037ZM57.11 22.291c.345.109.708.163 1.072.163a4.232 4.232 0 0 0 2.89-1.2 2.949 2.949 0 0 0 .855-2.145v-.945a.163.163 0 0 0-.163-.164h-.037c-.182.018-.272.018-.272.018l-1.146.146-2.273.345c-1.218.2-1.963.69-2.2 1.455a1.923 1.923 0 0 0-.09.563c.018.818.581 1.527 1.363 1.764Zm6.854.8v.727c0 .2-.164.364-.364.364h-1.182a.365.365 0 0 1-.364-.364l-.018-1.2c0-.018-.018-.036-.018-.054a.088.088 0 0 0-.127 0 1.04 1.04 0 0 0-.2.2c-.946.945-2.236 1.418-3.91 1.418-1.2 0-2.181-.327-2.945-.964-.763-.636-1.127-1.527-1.127-2.654A3.316 3.316 0 0 1 54.036 19c.2-.418.491-.764.873-1.018a3.876 3.876 0 0 1 1.055-.546A5.45 5.45 0 0 1 57 17.164c1.764-.255 2.71-.382 2.89-.419.146-.018.728-.09 1.728-.236.073-.018.127-.018.2-.018.091-.018.164-.091.164-.182v-.51c0-.763-.2-1.363-.6-1.78-.4-.42-1.146-.637-2.218-.637-.491 0-.982.054-1.455.2-.364.109-.673.309-.927.6-.164.218-.31.436-.4.69-.018.055-.037.11-.055.183 0 .018 0 .036-.018.054a.371.371 0 0 1-.364.29h-1.363a.378.378 0 0 1-.346-.38v-.074c.019-.145.037-.254.055-.345.09-.345.236-.691.418-1a3.54 3.54 0 0 1 .818-.91c.437-.29.91-.508 1.418-.654a8.41 8.41 0 0 1 2.128-.254c3.29 0 4.89 1.309 4.89 3.963v7.346Zm26.963-10.873v11.564c0 .2.164.363.364.363h1.473c.2 0 .363-.163.363-.363V12.218c0-.2-.163-.364-.363-.364H91.29c-.2 0-.364.164-.364.364Zm0-3.673v1.473c0 .2.164.364.364.364h1.473c.2 0 .363-.164.363-.364V8.545c0-.2-.163-.363-.363-.363H91.29c-.2 0-.364.163-.364.363ZM100 13.782h3.109c.2 0 .364-.164.364-.364V12.2c0-.2-.164-.364-.364-.364H100c-.09 0-.182-.072-.182-.163V8.545c0-.2-.163-.363-.364-.363h-1.472c-.2 0-.364.163-.364.363v3.128c0 .09-.073.181-.163.181H96.09c-.2 0-.364.164-.364.364v1.218c0 .2.164.364.364.364h1.345c.091 0 .182.073.182.164V20.545c.073 2 1.71 3.6 3.709 3.6h1.655c.2 0 .363-.163.363-.363v-1.218c0-.2-.163-.364-.363-.364h-1.655a1.525 1.525 0 0 1-1.527-1.527v-6.71c.018-.108.09-.181.2-.181Zm-47.964-.637a4.96 4.96 0 0 0-4.854-4.963h-7c-.2 0-.364.163-.364.363v15.237c0 .2.164.363.364.363h1.472c.2 0 .364-.163.364-.363v-5.473c0-.09.073-.182.164-.182h5a4.975 4.975 0 0 0 4.854-4.982Zm-1.927 0a3.01 3.01 0 0 1-3.018 3.019h-4.873c-.09 0-.182-.073-.182-.164v-5.691c0-.09.073-.182.164-.182h4.891a3.01 3.01 0 0 1 3.018 3.018Zm31.2 4.928h5.527c.2 0 .364-.164.364-.364v-1.218c0-.2-.164-.364-.364-.364H81.31c-.09 0-.182-.072-.182-.163v-5.655c0-.09.073-.182.164-.182h6.8c.2 0 .364-.163.364-.363V8.545c0-.2-.164-.363-.364-.363h-8.8c-.2 0-.364.163-.364.363v15.237c0 .2.164.363.364.363h1.473c.2 0 .363-.163.363-.363v-5.527c0-.11.073-.182.182-.182Z"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ c(p, { variant: "warning", children: l })
+    ] });
+  }
+);
+f.displayName = "PayFitBrandPreprod";
+export {
+  f as PayFitBrandPreprod
+};