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

package/dist/esm/components/pagination/parts/PaginationJumpDialog.js

@@ -1,143 +0,0 @@
-import { jsxs as n, Fragment as N, jsx as o } from "react/jsx-runtime";
-import { useRef as l } from "react";
-import { useOverlayTrigger as O, useButton as P, useOverlay as D } from "react-aria";
-import { useIntl as B } from "react-intl";
-import { tv as I } from "tailwind-variants";
-import { Button as c } from "../../button/Button.js";
-import { Icon as J } from "../../icon/Icon.js";
-import { Label as R } from "../../label/Label.js";
-const k = I({
-  slots: {
-    jumpButton: "uy-sr-only uy-outline-none focus:uy-not-sr-only focus:uy-absolute focus:uy-bottom-full focus:uy-z-10 focus:uy-m-100 focus:uy-rounded-50 focus:uy-underline focus:uy-bg-transparent focus:uy-text-content-primary focus:uy-typography-action focus:uy-ring-2 focus:uy-ring-offset-2 focus:uy-ring-utility-focus-ring",
-    jumpPopover: "uy-fixed uy-top-1/2 uy-left-1/2 uy-z-20 uy-transform uy--translate-x-1/2 uy--translate-y-1/2 uy-bg-surface-neutral uy-p-200 uy-rounded-200 uy-shadow-floating",
-    jumpForm: "uy-flex uy-flex-col uy-gap-100",
-    jumpFieldLabel: "uy-typography-body",
-    jumpFieldWrapper: "uy-mt-50 uy-flex uy-w-full uy-items-center uy-h-500 uy-border uy-border-solid uy-rounded-100 uy-border-border-form-enabled uy-bg-surface-form-enabled focus-within:uy-outline-none focus-within:uy-ring-2 focus-within:uy-ring-utility-focus-ring focus-within:uy-ring-offset-2 active:uy-border-border-form-active",
-    jumpInput: "uy-pl-100 uy-flex-1 uy-outline-none uy-appearance-none [&::-webkit-outer-spin-button]:uy-appearance-none [&::-webkit-inner-spin-button]:uy-appearance-none",
-    jumpActions: "uy-flex uy-gap-150 uy-justify-end uy-mt-100"
-  }
-});
-function G({
-  pageCount: t,
-  onJumpToPage: f,
-  state: e
-}) {
-  const u = B(), i = l(null), p = l(null), m = l(null), { triggerProps: d } = O(
-    { type: "dialog" },
-    e,
-    i
-  ), { buttonProps: g } = P(
-    {
-      ...d,
-      "aria-label": u.formatMessage({
-        id: "unity:component:pagination:jump-dialog:button:text",
-        defaultMessage: "Jump to page"
-      })
-    },
-    i
-  ), { overlayProps: a } = D(
-    {
-      isOpen: e.isOpen,
-      onClose: e.close.bind(e),
-      shouldCloseOnBlur: !0,
-      isDismissable: !0
-    },
-    p
-  ), b = (r) => {
-    var y;
-    r.preventDefault();
-    const s = parseInt(((y = m.current) == null ? void 0 : y.value) || "", 10);
-    s >= 1 && s <= t && (f(s), e.close());
-  }, {
-    jumpButton: j,
-    jumpPopover: h,
-    jumpForm: v,
-    jumpFieldLabel: x,
-    jumpFieldWrapper: w,
-    jumpInput: M,
-    jumpActions: F
-  } = k();
-  return /* @__PURE__ */ n(N, { children: [
-    /* @__PURE__ */ o(
-      "button",
-      {
-        ...g,
-        ref: i,
-        className: j(),
-        "aria-expanded": e.isOpen ? "true" : "false",
-        children: u.formatMessage({
-          id: "unity:component:pagination:jump-dialog:button:text",
-          defaultMessage: "Jump to page"
-        })
-      }
-    ),
-    e.isOpen && /* @__PURE__ */ o(
-      "div",
-      {
-        ...a,
-        ref: p,
-        className: h(),
-        "aria-label": u.formatMessage({
-          id: "unity:component:pagination:jump-dialog:overlay:label",
-          defaultMessage: "Jump to page"
-        }),
-        children: /* @__PURE__ */ n("form", { onSubmit: b, className: v(), children: [
-          /* @__PURE__ */ o(
-            R,
-            {
-              className: x(),
-              htmlFor: `jump-to-page-${a.id}-input`,
-              children: u.formatMessage(
-                {
-                  id: "unity:component:pagination:jump-dialog:input:label",
-                  defaultMessage: "Enter page number (between 1 and {total})"
-                },
-                { total: t }
-              )
-            }
-          ),
-          /* @__PURE__ */ n("div", { className: w(), children: [
-            /* @__PURE__ */ o(
-              "input",
-              {
-                ref: m,
-                type: "number",
-                min: 1,
-                max: t,
-                className: M(),
-                id: `jump-to-page-${a.id}-input`,
-                autoFocus: !0,
-                onKeyDown: (r) => {
-                  r.key === "Escape" && e.close();
-                }
-              }
-            ),
-            /* @__PURE__ */ o(
-              J,
-              {
-                src: "CaretUpDownOutlined",
-                role: "presentation",
-                color: "content.neutral.low",
-                className: "uy-mx-50",
-                size: 20
-              }
-            )
-          ] }),
-          /* @__PURE__ */ n("div", { className: F(), children: [
-            /* @__PURE__ */ o(c, { variant: "ghost", onPress: e.close.bind(e), children: u.formatMessage({
-              id: "unity:component:pagination:jump-dialog:action:cancel",
-              defaultMessage: "Cancel"
-            }) }),
-            /* @__PURE__ */ o(c, { type: "submit", variant: "primary", children: u.formatMessage({
-              id: "unity:component:pagination:jump-dialog:action:go",
-              defaultMessage: "Go"
-            }) })
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-export {
-  G as PaginationJumpDialog
-};

package/dist/esm/components/pagination/parts/PaginationLink.d.ts

@@ -1,46 +0,0 @@
-import { LinkProps } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
-export declare const paginationLink: import('tailwind-variants').TVReturnType<{
-    isActive: {
-        true: string;
-        false: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    isActive: {
-        true: string;
-        false: string;
-    };
-}, {
-    isActive: {
-        true: string;
-        false: string;
-    };
-}>, {
-    isActive: {
-        true: string;
-        false: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    isActive: {
-        true: string;
-        false: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    isActive: {
-        true: string;
-        false: string;
-    };
-}, {
-    isActive: {
-        true: string;
-        false: string;
-    };
-}>, unknown, unknown, undefined>>;
-export interface PaginationLinkProps extends LinkProps, VariantProps<typeof paginationLink> {
-    value: number;
-    id?: string;
-    isDisabled?: boolean;
-    isActive?: boolean;
-}
-declare const PaginationLink: import('react').ForwardRefExoticComponent<PaginationLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
-export { PaginationLink };

package/dist/esm/components/pagination/parts/PaginationLink.js

@@ -1,49 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { Link as s } from "react-aria-components";
-import { useIntl as o } from "react-intl";
-import { tv as l } from "tailwind-variants";
-const d = l({
-  base: [
-    "uy-min-w-300 uy-h-300 uy-p-25 uy-flex uy-justify-center uy-items-center uy-typography-action uy-rounded-pill uy-transition-colors",
-    "enabled:uy-text-content-neutral-enabled enabled: uy-bg-transparent uy-cursor-pointer",
-    "data-[disabled]:uy-text-content-neutral-disabled data-[disabled]:uy-bg-surface-neutral-disabled data-[disabled]:uy-cursor-not-allowed",
-    "hover:uy-text-content-neutral-hover hover:uy-bg-surface-neutral-hover",
-    "active:uy-text-content-neutral-pressed active:uy-bg-surface-neutral-pressed data-[pressed]:uy-text-content-neutral-pressed data-[pressed]:uy-bg-surface-neutral-pressed",
-    "focus-visible:uy-outline-2 focus-visible:uy-outline-solid focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-2"
-  ],
-  variants: {
-    isActive: {
-      true: "uy-bg-surface-neutral-active",
-      false: ""
-    }
-  }
-}), y = i(
-  ({ isActive: e, isDisabled: a, ...t }, n) => {
-    const u = o();
-    return /* @__PURE__ */ r(
-      s,
-      {
-        ref: n,
-        className: d({ isActive: e }),
-        isDisabled: a,
-        "aria-current": e ? "page" : void 0,
-        "aria-label": u.formatMessage(
-          {
-            id: "unity:component:pagination:link:label",
-            defaultMessage: "Page {page}"
-          },
-          {
-            page: t.value
-          }
-        ),
-        ...t
-      }
-    );
-  }
-);
-y.displayName = "PaginationLink";
-export {
-  y as PaginationLink,
-  d as paginationLink
-};

package/dist/esm/components/pagination/parts/PaginationNavButton.d.ts

@@ -1,9 +0,0 @@
-import { CircularIconButtonProps } from '../../icon-button/CircularIconButton.js';
-export interface PaginationNavButtonProps extends Omit<CircularIconButtonProps, 'icon' | 'title'> {
-    variant: 'previous' | 'next';
-}
-declare function PaginationNavButton({ variant, ...props }: PaginationNavButtonProps): import("react/jsx-runtime").JSX.Element;
-declare namespace PaginationNavButton {
-    var displayName: string;
-}
-export { PaginationNavButton };

package/dist/esm/components/pagination/parts/PaginationNavButton.js

@@ -1,31 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useIntl as s } from "react-intl";
-import { CircularIconButton as r } from "../../icon-button/CircularIconButton.js";
-function u({ variant: t, ...n }) {
-  const o = s(), e = o.formatMessage({
-    id: t === "previous" ? "unity:component:common:previous" : "unity:component:common:next",
-    defaultMessage: t === "previous" ? "Previous" : "Next"
-  }), i = o.formatMessage(
-    {
-      id: "unity:component:pagination:nav-button:description",
-      defaultMessage: t === "previous" ? "Go to previous page" : "Go to next page"
-    },
-    {
-      variant: e.toLowerCase()
-    }
-  );
-  return /* @__PURE__ */ a(
-    r,
-    {
-      ...n,
-      asElement: "button",
-      title: e,
-      "aria-label": i,
-      icon: t === "previous" ? "CaretLeftOutlined" : "CaretRightOutlined"
-    }
-  );
-}
-u.displayName = "PaginationNavButton";
-export {
-  u as PaginationNavButton
-};

package/dist/esm/components/pagination/utils/pagination-window.d.ts

@@ -1,8 +0,0 @@
-export type PageItem = {
-    type: 'page';
-    value: number;
-} | {
-    type: 'ellipsis';
-    value: [number, number];
-};
-export declare function generatePaginationWithWindow(pageCount: number, currentPage: number, maxWindowSize: number): PageItem[];

package/dist/esm/components/pagination/utils/pagination-window.js

@@ -1,33 +0,0 @@
-function o(e, i) {
-  return Array.from({ length: i - e + 1 }, (t, h) => h + e).map(
-    (t) => ({
-      type: "page",
-      value: t
-    })
-  );
-}
-const n = 5;
-function a(e, i, t) {
-  const h = Math.max(
-    n,
-    t
-  ), p = h - 2;
-  if (e <= h)
-    return Array.from({ length: e }, (y, f) => ({
-      type: "page",
-      value: f + 1
-    }));
-  const s = [];
-  s.push({ type: "page", value: 1 });
-  const u = p - 2, l = Math.floor(u / 2);
-  return i <= 3 + l ? (s.push(...o(2, p)), s.push({ type: "ellipsis", value: [p + 1, e - 1] })) : i >= e - (2 + l) ? (s.push({
-    type: "ellipsis",
-    value: [2, e - (p - 1) - 1]
-  }), s.push(...o(e - (p - 1), e - 1))) : (s.push({ type: "ellipsis", value: [2, i - l - 1] }), s.push(...o(i - l, i + l)), s.push({
-    type: "ellipsis",
-    value: [i + l + 1, e - 1]
-  })), s.push({ type: "page", value: e }), s;
-}
-export {
-  a as generatePaginationWithWindow
-};

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

@@ -1,76 +0,0 @@
-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.js";
-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.js

@@ -1,57 +0,0 @@
-import { jsxs as i, jsx as c } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import m from "../../hooks/use-id.js";
-import { Badge as p } from "../badge/Badge.js";
-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
-};

package/dist/esm/components/pill/Pill.d.ts

@@ -1,143 +0,0 @@
-import { AriaAttributes } from 'react';
-import { VariantProps } from 'tailwind-variants';
-declare const pill: import('tailwind-variants').TVReturnType<{
-    variant: {
-        critical: string;
-        info: string;
-        neutral: string;
-    };
-    shape: {
-        circle: string;
-        pill: string;
-    };
-    isVisible: {
-        true: string;
-        false: string;
-    };
-}, undefined, "uy-min-w-200 uy-max-w-400 uy-inline-flex uy-items-center uy-justify-center uy-text-center uy-typography-body-small", import('tailwind-variants/dist/config.js').TVConfig<{
-    variant: {
-        critical: string;
-        info: string;
-        neutral: string;
-    };
-    shape: {
-        circle: string;
-        pill: string;
-    };
-    isVisible: {
-        true: string;
-        false: string;
-    };
-}, {
-    variant: {
-        critical: string;
-        info: string;
-        neutral: string;
-    };
-    shape: {
-        circle: string;
-        pill: string;
-    };
-    isVisible: {
-        true: string;
-        false: string;
-    };
-}>, {
-    variant: {
-        critical: string;
-        info: string;
-        neutral: string;
-    };
-    shape: {
-        circle: string;
-        pill: string;
-    };
-    isVisible: {
-        true: string;
-        false: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    variant: {
-        critical: string;
-        info: string;
-        neutral: string;
-    };
-    shape: {
-        circle: string;
-        pill: string;
-    };
-    isVisible: {
-        true: string;
-        false: string;
-    };
-}, undefined, "uy-min-w-200 uy-max-w-400 uy-inline-flex uy-items-center uy-justify-center uy-text-center uy-typography-body-small", import('tailwind-variants/dist/config.js').TVConfig<{
-    variant: {
-        critical: string;
-        info: string;
-        neutral: string;
-    };
-    shape: {
-        circle: string;
-        pill: string;
-    };
-    isVisible: {
-        true: string;
-        false: string;
-    };
-}, {
-    variant: {
-        critical: string;
-        info: string;
-        neutral: string;
-    };
-    shape: {
-        circle: string;
-        pill: string;
-    };
-    isVisible: {
-        true: string;
-        false: string;
-    };
-}>, unknown, unknown, undefined>>;
-export type PillProps = Partial<Pick<HTMLDivElement, 'id'>> & Required<Pick<AriaAttributes, 'aria-label'>> & Pick<AriaAttributes, 'aria-details' | 'aria-describedby' | 'aria-live'> & {
-    /** The value to be displayed inside the Pill */
-    value: number;
-    /**
-     * The variant of the Pill, determining its color scheme
-     * @default 'critical'
-     */
-    variant?: VariantProps<typeof pill>['variant'];
-    /**
-     * Determines if the Pill is visible or not
-     * @default true
-     */
-    isVisible?: VariantProps<typeof pill>['isVisible'];
-    /**
-     * The maximum number of digits to display. If the value exceeds this limit, it will be truncated and a '+' will be appended
-     * @default 2
-     */
-    maxDigits?: number;
-};
-/**
- * The Pill component displays a count of notifications or other numerical values.
- */
-declare const Pill: import('react').ForwardRefExoticComponent<Partial<Pick<HTMLDivElement, "id">> & Required<Pick<AriaAttributes, "aria-label">> & Pick<AriaAttributes, "aria-describedby" | "aria-details" | "aria-live"> & {
-    /** The value to be displayed inside the Pill */
-    value: number;
-    /**
-     * The variant of the Pill, determining its color scheme
-     * @default 'critical'
-     */
-    variant?: VariantProps<typeof pill>["variant"];
-    /**
-     * Determines if the Pill is visible or not
-     * @default true
-     */
-    isVisible?: VariantProps<typeof pill>["isVisible"];
-    /**
-     * The maximum number of digits to display. If the value exceeds this limit, it will be truncated and a '+' will be appended
-     * @default 2
-     */
-    maxDigits?: number;
-} & import('react').RefAttributes<HTMLSpanElement>>;
-export { Pill };

package/dist/esm/components/pill/Pill.js

@@ -1,53 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { tv as o } from "tailwind-variants";
-const y = o({
-  base: "uy-min-w-200 uy-max-w-400 uy-inline-flex uy-items-center uy-justify-center uy-text-center uy-typography-body-small",
-  variants: {
-    variant: {
-      critical: "uy-bg-surface-danger uy-text-content-inverted",
-      info: "uy-bg-surface-primary uy-text-content-inverted",
-      neutral: "uy-bg-surface-neutral-lowest uy-text-content-neutral"
-    },
-    shape: {
-      circle: "uy-rounded-circle",
-      pill: "uy-rounded-pill uy-px-50"
-    },
-    isVisible: {
-      true: "uy-visible",
-      false: "uy-invisible"
-    }
-  },
-  defaultVariants: {
-    variant: "critical",
-    shape: "pill",
-    isVisible: !0
-  }
-}), p = (t, i) => {
-  const e = 10 ** i - 1;
-  return t > e ? `${e}+` : t.toString();
-}, d = c(
-  ({ variant: t = "critical", isVisible: i = !0, maxDigits: e = 2, value: a, ...l }, n) => {
-    const r = p(Math.abs(a), e), u = y({
-      variant: t,
-      isVisible: i,
-      shape: r.length === 1 ? "circle" : "pill"
-    });
-    return /* @__PURE__ */ s(
-      "span",
-      {
-        "data-dd-privacy": "allow",
-        ...l,
-        ref: n,
-        role: "status",
-        className: u,
-        "aria-atomic": "true",
-        children: r
-      }
-    );
-  }
-);
-d.displayName = "Pill";
-export {
-  d as Pill
-};