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

package/dist/cjs/components/link/Link.d.ts

@@ -0,0 +1,63 @@
+import { HTMLAttributes } from 'react';
+import { LinkProps as AriaLinkProps } from 'react-aria-components';
+import { NavLinkProps as NavRouterLinkProps } from 'react-router-dom';
+import { VariantProps } from 'tailwind-variants';
+import { link } from './Link.variants.js';
+export type LinkProps = Omit<AriaLinkProps, 'style' | 'className'> & {
+    /**
+     * The URL the link navigates to.
+     */
+    href: HTMLAnchorElement['href'] | NavRouterLinkProps['to'];
+    /**
+     * The link's display variant. Links can be inline with text or standalone (block).
+     * @default 'inline'
+     */
+    variant?: VariantProps<typeof link>['variant'];
+    /**
+     * The link's color.
+     * @default 'primary'
+     */
+    color?: VariantProps<typeof link>['color'];
+    /**
+     * Whether the link navigates to an external page. If true, the link will open in a new tab and display an indicator icon.
+     * @default false
+     */
+    isExternal?: boolean;
+    /**
+     * Whether the link marks the current section or page.
+     * @default false
+     */
+    isCurrent?: Pick<HTMLAttributes<HTMLAnchorElement>, 'aria-current'> | undefined;
+    maxCharactersTruncation?: number;
+};
+/**
+ * Links allow users to navigate to different pages or sections.
+ */
+declare const Link: import('react').ForwardRefExoticComponent<Omit<AriaLinkProps, "style" | "className"> & {
+    /**
+     * The URL the link navigates to.
+     */
+    href: HTMLAnchorElement["href"] | NavRouterLinkProps["to"];
+    /**
+     * The link's display variant. Links can be inline with text or standalone (block).
+     * @default 'inline'
+     */
+    variant?: VariantProps<typeof link>["variant"];
+    /**
+     * The link's color.
+     * @default 'primary'
+     */
+    color?: VariantProps<typeof link>["color"];
+    /**
+     * Whether the link navigates to an external page. If true, the link will open in a new tab and display an indicator icon.
+     * @default false
+     */
+    isExternal?: boolean;
+    /**
+     * Whether the link marks the current section or page.
+     * @default false
+     */
+    isCurrent?: Pick<HTMLAttributes<HTMLAnchorElement>, "aria-current"> | undefined;
+    maxCharactersTruncation?: number;
+} & import('react').RefAttributes<HTMLAnchorElement>>;
+export { Link };

package/dist/cjs/components/link/Link.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),q=require("react"),v=require("@payfit/unity-icons"),g=require("react-aria-components"),x=require("../../providers/router/RouterProvider.js"),L=require("./Link.variants.js"),R=require("./utils.js"),u=q.forwardRef(({href:t,children:a,variant:l="inline",color:d="primary",isDisabled:i=!1,isCurrent:m=void 0,isExternal:y,maxCharactersTruncation:o,...e},k)=>{const s=x.useRouter(),r=y??R.isExternalUrl(t),n=!r&&s?s.isActive(t.toString()):m,p=L.link({variant:l,color:d,isDisabled:i,isTruncated:!!o});return c.jsxs(g.Link,{...e,href:t,ref:k,style:{"--uy-link-max-w":`${o}ch`},className:p,isDisabled:i,target:r?"_blank":e.target,rel:r&&!e.rel?"noopener noreferrer":e.rel,...n!==void 0&&{"data-current":n,"aria-current":n?"page":void 0},children:[a,r&&c.jsx(v.IconSprite,{src:"ArrowSquareOutOutlined",color:"currentColor",width:"1em",height:"1em",role:"presentation",className:"uy-self-center uy-inline"})]})});u.displayName="Link";exports.Link=u;

package/dist/cjs/components/link/Link.variants.d.ts

@@ -0,0 +1,120 @@
+export declare const link: import('tailwind-variants').TVReturnType<{
+    variant: {
+        inline: string;
+        standalone: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isTruncated: {
+        true: string;
+        false: string;
+    };
+}, undefined, "uy-rounded-50 uy-underline uy-transition-colors disabled:uy-text-content-neutral-disabled focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-offset-2 focus-visible:uy-ring-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
+    variant: {
+        inline: string;
+        standalone: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isTruncated: {
+        true: string;
+        false: string;
+    };
+}, {
+    variant: {
+        inline: string;
+        standalone: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isTruncated: {
+        true: string;
+        false: string;
+    };
+}>, {
+    variant: {
+        inline: string;
+        standalone: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isTruncated: {
+        true: string;
+        false: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        inline: string;
+        standalone: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isTruncated: {
+        true: string;
+        false: string;
+    };
+}, undefined, "uy-rounded-50 uy-underline uy-transition-colors disabled:uy-text-content-neutral-disabled focus-visible:uy-outline-none focus-visible:uy-ring-2 focus-visible:uy-ring-offset-2 focus-visible:uy-ring-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
+    variant: {
+        inline: string;
+        standalone: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isTruncated: {
+        true: string;
+        false: string;
+    };
+}, {
+    variant: {
+        inline: string;
+        standalone: string;
+    };
+    color: {
+        primary: string;
+        secondary: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isTruncated: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;

package/dist/cjs/components/menu/Menu.d.ts

@@ -0,0 +1,10 @@
+import { MenuTriggerProps } from 'react-aria-components';
+interface MenuProps {
+    defaultOpen?: MenuTriggerProps['defaultOpen'];
+    children?: MenuTriggerProps['children'];
+}
+export declare function Menu({ defaultOpen, children }: MenuProps): JSX.Element;
+export declare namespace Menu {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/menu/parts/MenuContent.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+import { PopoverProps } from 'react-aria-components';
+interface MenuContent {
+    placement?: PopoverProps['placement'];
+    width?: number;
+}
+export declare function MenuContent({ children, placement, width, }: PropsWithChildren<MenuContent>): JSX.Element;
+export declare namespace MenuContent {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/menu/parts/MenuContent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react-aria-components");function n({children:r,placement:o,width:e}){const s=e?`uy-w-[${e}px]`:"";return u.jsx(t.Popover,{placement:o,className:"uy-flex uy-flex-col uy-justify-end uy-items-start uy-p-100 uy-rounded-100 uy-border uy-border-border-neutral uy-bg-surface-neutral uy-shadow-floating",children:u.jsx(t.Menu,{autoFocus:"first",className:`uy-min-w-[320px] ${s}`,children:r})})}n.displayName="MenuContent";exports.MenuContent=n;

package/dist/cjs/components/menu/parts/MenuHeader.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+interface MenuHeaderProps {
+    className?: string;
+}
+export declare function MenuHeader({ children, className, }: PropsWithChildren<MenuHeaderProps>): JSX.Element;
+export declare namespace MenuHeader {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/menu/parts/MenuHeader.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react-aria-components"),u=require("./MenuSeparator.js");function n({children:t,className:a}){return e.jsxs(r.MenuSection,{children:[e.jsx(r.Header,{className:`uy-p-100 ${a}`,children:t}),e.jsx(u.MenuSeparator,{})]})}n.displayName="MenuHeader";exports.MenuHeader=n;

package/dist/cjs/components/menu/parts/MenuItem.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { MenuItemProps as MenuItemAriaComponentProps } from 'react-aria-components';
+import { DataAttributes } from '../../../types/DataAttributes.js';
+interface MenuItemProps extends DataAttributes {
+    children?: MenuItemAriaComponentProps['children'];
+    href?: MenuItemAriaComponentProps['href'];
+    onAction?: MenuItemAriaComponentProps['onAction'];
+    prefix?: ReactNode;
+    className?: string;
+}
+export declare function MenuItem({ prefix, children, href, onAction, className, ...dataAttributes }: MenuItemProps): JSX.Element;
+export declare namespace MenuItem {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/menu/parts/MenuSeparator.d.ts

@@ -0,0 +1,4 @@
+export declare function MenuSeparator(): JSX.Element;
+export declare namespace MenuSeparator {
+    var displayName: string;
+}

package/dist/cjs/components/menu/parts/MenuTrigger.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+interface MenuTriggerProps {
+    className?: string;
+    asChild?: boolean;
+}
+export declare function MenuTrigger({ children, asChild, className, }: PropsWithChildren<MenuTriggerProps>): JSX.Element;
+export declare namespace MenuTrigger {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/nav/Nav.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, PropsWithChildren } from 'react';
+export type NavProps = PropsWithChildren<Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-describedby' | 'aria-labelledby' | 'aria-hidden' | 'aria-live'> & {
+    /** The title of the navigation menu. */
+    title?: string;
+}>;
+/**
+ * The `Nav` component represents a vertical navigation menu with optional title and navigation items of multiple types.
+ */
+export declare function Nav({ children, title, ...rest }: NavProps): JSX.Element;
+export declare namespace Nav {
+    var displayName: string;
+}

package/dist/cjs/components/nav/Nav.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../hooks/use-id.js");function a({children:s,title:u,...n}){const l=`nav-title-${t()}`;return e.jsxs("nav",{...n,className:"uy-flex uy-flex-col uy-gap-50 uy-min-w-[264px]","aria-labelledby":l,children:[e.jsx("h3",{id:l,className:"uy-typography-body-strong uy-py-100 uy-px-150",children:u}),e.jsx("ul",{className:"uy-flex uy-flex-col uy-gap-50 uy-list-none",children:s})]})}a.displayName="Nav";exports.Nav=a;

package/dist/cjs/components/nav/parts/NavGroup.d.ts

@@ -0,0 +1,30 @@
+import { default as React, ReactNode } from 'react';
+import { DataAttributes } from '../../../types/DataAttributes.js';
+import { NavItem, NavItemProps } from './NavItem.js';
+type NavGroupChildren = React.ReactElement<NavItemProps, typeof NavItem>;
+type NavGroupProps = {
+    /** The child elements to be rendered inside the NavGroup. They must be `<NavItem>` components. */
+    children: NavGroupChildren | NavGroupChildren[];
+    /** The label to show for the NavGroup. */
+    label: string;
+    /** The prefix element to be displayed before the label. It can be any valid React element. */
+    prefix?: ({ isExpanded }: {
+        isExpanded: boolean;
+    }) => ReactNode;
+    /** The suffix element to be displayed after the label.  It can be any valid React element. */
+    suffix?: ReactNode;
+    /** Whether the NavGroup is currently expanded. Use it to switch the component to a controlled mode. */
+    isExpanded?: boolean;
+    /** Whether the NavGroup is expanded by default. It only has effect in uncontrolled mode */
+    defaultExpanded?: boolean;
+    /** Callback function to be called when the NavGroup is expanded or collapsed. */
+    onToggle?: (isExpanded: boolean) => void;
+} & DataAttributes;
+/**
+ * The `NavGroup` component represents a tree of navigation items grouped under a single root element in a `Nav` component. It can be expanded or collapsed to show or hide its children.
+ */
+export declare function NavGroup({ children, label, prefix, suffix, defaultExpanded, isExpanded: controlledIsExpanded, onToggle, ...dataAttributes }: NavGroupProps): JSX.Element;
+export declare namespace NavGroup {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/nav/parts/NavGroup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),G=require("react-aria-components"),W=require("tailwind-merge"),D=require("tailwind-variants"),M=require("../../../hooks/use-id.js"),R=require("../../icon/Icon.js"),_=require("./NavItem.js"),B=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},o=B(i),O=D.tv({extend:_.navItemBase,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 p({children:n,label:x,prefix:l,suffix:f,defaultExpanded:m=!1,isExpanded:u,onToggle:s,...b}){const c=M(),[v,h]=i.useState(m),r=u!==void 0,e=r?u:v,N=i.useCallback(()=>{r||h(a=>!a),s==null||s(!e)},[r,e,s]),j=o.default.Children.map(n,a=>o.default.isValidElement(a)?o.default.cloneElement(a,{isDisabled:!e,level:1}):a),d=`${c}-toggle`,y=`${c}-content`,{base:g,prefix:q,label:I,suffix:w,content:S,contentWrapper:C,caret:E}=O({level:0,expanded:e});return t.jsxs("li",{className:"uy-flex uy-flex-col uy-gap-50",children:[t.jsxs(G.Button,{id:d,className:W.twMerge(g(),"uy-w-full"),onPress:N,"aria-expanded":e,"aria-controls":y,...b,children:[l&&t.jsx("span",{className:q(),children:l({isExpanded:e})}),t.jsx("span",{className:I(),children:x}),t.jsxs("span",{className:w(),role:"presentation",children:[f,t.jsx(R.Icon,{src:"CaretDownOutlined",alt:"expand group",size:20,className:E(),color:"inherit"})]})]}),t.jsx("div",{className:C(),style:{maxHeight:e?1e3:0},children:t.jsx("ul",{id:y,className:S(),"aria-labelledby":d,"aria-hidden":!e,children:j})})]})}p.displayName="NavGroup";exports.NavGroup=p;

package/dist/cjs/components/nav/parts/NavItem.d.ts

@@ -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.js';
+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/cjs/components/nav/parts/NavItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react-aria-components"),N=require("tailwind-merge"),y=require("tailwind-variants"),I=require("../../../providers/router/RouterProvider.js"),c=y.tv({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:""}}}),w=y.tv({extend:c,variants:{isActive:{true:{base:"uy-bg-surface-neutral-active",label:"uy-typography-body-strong"},false:{base:"",label:"uy-typography-body"}}}});function d({children:p,level:u=0,prefix:i,suffix:n,onPress:v,href:e,isCurrent:f,isDisabled:s=!1,...b}){const r=I.useRouter(),g=e?o.Link:o.Button,t=r&&e?r.isActive(e.toString()):f,{base:m,label:l,prefix:x,suffix:h}=w({level:u,isActive:t,isDisabled:s}),j=Object.assign({},t!==void 0&&{"data-current":t,"aria-current":t?"page":void 0},!e&&{tabIndex:s?-1:void 0});return a.jsx("li",{children:a.jsxs(g,{className:N.twMerge(m(),l()),href:e,onPress:v,isDisabled:s,"data-level":u,...j,...b,children:[i&&a.jsx("span",{className:x(),children:i({isCurrent:t??!1})}),a.jsx("span",{className:l(),children:p}),n&&a.jsx("span",{className:h(),children:n})]})})}d.displayName="NavItem";exports.NavItem=d;exports.navItemBase=c;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),g=require("tailwind-variants"),p=require("../../hooks/use-id.js"),f=g.tv({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"}}),n=u.forwardRef(({color:l,label:r,description:a,...i},s)=>{const e=p(),t=`payfit-brand-title-${e}`,o=`payfit-brand-desc-${e}`,{base:d,monogram:h,logotype:v}=f({color:l}),m={focusable:!1,role:"img","aria-labelledby":t,...a&&{"aria-describedby":o}},y={...i,...m};return c.jsxs("svg",{...y,ref:s,fill:"none",viewBox:"0 0 104 32",className:d(),children:[c.jsx("title",{id:t,children:r??"PayFit Logo"}),a&&c.jsx("desc",{id:o,children:a}),c.jsx("path",{fillRule:"evenodd",className:h(),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"}),c.jsx("path",{className:v(),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"})]})});n.displayName="PayFitBrand";exports.PayFitBrand=n;

package/dist/cjs/components/payfit-brand/PayFitPreprod.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("react"),p=require("../../hooks/use-id.js"),m=require("../badge/Badge.js"),h=o.forwardRef(({label:i,description:a,env:t,...d},l)=>{const e=p(),r=`payfit-preprod-title-${e}`,s=`payfit-preprod-desc-${e}`,n={focusable:!1,role:"img","aria-labelledby":r,...a&&{"aria-describedby":s}},v={...d,...n};return c.jsxs("span",{className:"uy-flex uy-gap-200 uy-items-center",children:[c.jsxs("svg",{...v,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 104 32",fill:"none",ref:l,width:104,height:32,className:"uy-min-w-[104px]",children:[c.jsx("title",{id:r,children:i}),a&&c.jsx("desc",{id:s,children:a}),c.jsx("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"}),c.jsx("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"})]}),c.jsx(m.Badge,{variant:"warning",children:t})]})});h.displayName="PayFitBrandPreprod";exports.PayFitBrandPreprod=h;