@payfit/unity-components 0.0.0-alpha.11

package/dist/cjs/components/page/parts/PageHeading.d.cts

@@ -0,0 +1,30 @@
+import { TextProps } from '../../text/Text.cjs';
+export interface PageHeadingProps extends Omit<TextProps, 'variant' | 'color'> {
+    /**
+     * The variant of the page heading.
+     * @default 'title'
+     */
+    variant: 'title' | 'subtitle';
+}
+/**
+ * The PageHeading component provides typography for page titles and subtitles with consistent styling.
+ *
+ * You can create properly styled page titles and subtitles using this component, which ensures correct
+ * font sizes, weights and colors according to the design system.
+ * @param {PageHeadingProps} props - Props for the PageHeading component
+ * @example
+ * ```tsx
+ * import { PageHeading } from '@payfit/unity-components'
+ *
+ * // For main page title
+ * <PageHeading variant="title">Employee Management</PageHeading>
+ *
+ * // For page subtitle
+ * <PageHeading variant="subtitle">View and manage employee information</PageHeading>
+ * ```
+ * @see {@link PageHeadingProps} for all available props
+ * @remarks
+ * [API](https://unity-components.payfit.io/?path=/docs/layout-page-pageheading--docs) • [Design docs](https://www.payfit.design/24f360409/p/202477-page-header)
+ */
+declare const PageHeading: import('react').ForwardRefExoticComponent<PageHeadingProps & import('react').RefAttributes<HTMLHeadingElement>>;
+export { PageHeading };

package/dist/cjs/components/pagination/Pagination.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("react"),P=require("react-aria"),N=require("react-intl"),R=require("react-stately"),S=require("tailwind-variants"),T=require("./hooks/use-pagination.cjs"),E=require("./parts/PaginationEllipsis.cjs"),W=require("./parts/PaginationJumpDialog.cjs"),J=require("./parts/PaginationLink.cjs"),w=require("./parts/PaginationNavButton.cjs"),O=require("./utils/pagination-window.cjs"),D=S.tv({slots:{base:"uy-flex uy-gap-100 uy-relative",pagesList:"uy-flex uy-gap-100 uy-list-none uy-m-0 uy-p-0"}}),$=7,A=d.forwardRef(({pageCount:i,defaultPage:f,currentPage:v,onPageHover:l,onPageChange:y,onNextPress:c,onPreviousPress:u,...L},j)=>{const p=P.useId(),m=N.useIntl(),h=v!==void 0&&y!==void 0&&f===void 0,{currentPage:r,goToPage:s}=T.usePagination({pageCount:i,initialPage:h?v:f,onPageChange:y}),g=R.useOverlayTriggerState({}),o=d.useRef(new Map),k=d.useMemo(()=>O.generatePaginationWithWindow(i,r,$),[i,r]),x=new Intl.NumberFormat(m.locale,{notation:"standard"}),I=a=>{s(a),g.close(),requestAnimationFrame(()=>{const t=o.current.get(a);t&&t.focus()})},b=(a,t)=>{switch(a.key){case"ArrowLeft":case"ArrowUp":a.preventDefault(),t>1&&(s(t-1),requestAnimationFrame(()=>{var e;(e=o.current.get(t-1))==null||e.focus()}));break;case"ArrowRight":case"ArrowDown":a.preventDefault(),t<i&&(s(t+1),requestAnimationFrame(()=>{var e;(e=o.current.get(t+1))==null||e.focus()}));break;case"Home":a.preventDefault(),s(1),requestAnimationFrame(()=>{var e;(e=o.current.get(1))==null||e.focus()});break;case"End":a.preventDefault(),s(i),requestAnimationFrame(()=>{var e;(e=o.current.get(i))==null||e.focus()});break}},q={paginationLabel:m.formatMessage({id:"unity:component:pagination:label",defaultMessage:"Pagination"}),pageListLabel:m.formatMessage({id:"unity:component:pagination:page-list:label",defaultMessage:"Page {current} of {total}"},{current:r,total:i})},{base:F,pagesList:M}=D();return n.jsxs("nav",{"data-dd-privacy":"allow",...L,ref:j,className:F(),"aria-labelledby":q.paginationLabel,children:[n.jsx(W.PaginationJumpDialog,{pageCount:i,onJumpToPage:I,state:g}),n.jsx(w.PaginationNavButton,{variant:"previous",isDisabled:r===1,onClick:()=>{s("previous"),u==null||u()}}),n.jsx("ul",{className:M(),"aria-label":q.pageListLabel,children:k.map((a,t)=>a.type==="page"?n.jsx("li",{"aria-setsize":i,"aria-posinset":a.value,children:n.jsx(J.PaginationLink,{ref:e=>{e?o.current.set(a.value,e):o.current.delete(a.value)},onPress:()=>{s(a.value)},onHoverChange:e=>{e&&(l==null||l(a.value))},onKeyDown:e=>{b(e,a.value)},isActive:a.value===r,value:a.value,children:x.format(a.value)})},`uy-pagination-${p}-item-${t}`):n.jsx("li",{children:n.jsx(E.PaginationEllipsis,{value:a.value,onKeyDown:e=>{b(e,-1)},onPress:()=>{g.open()}})},`uy-pagination-${p}-item-${t}`))}),n.jsx(w.PaginationNavButton,{variant:"next",isDisabled:r===i,onClick:()=>{s("next"),c==null||c()}})]})});A.displayName="Pagination";exports.Pagination=A;exports.pagination=D;

package/dist/cjs/components/pagination/Pagination.d.cts

@@ -0,0 +1,106 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const pagination: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            pagesList?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            pagesList?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    pagesList: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            pagesList?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            pagesList?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    pagesList: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string;
+    pagesList: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            pagesList?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export interface PaginationProps extends VariantProps<typeof pagination> {
+    /**
+     * The total number of pages to display
+     */
+    pageCount: number;
+    /**
+     * The current page for controlled mode usage
+     */
+    currentPage?: number;
+    /**
+     * The initial page to display when in uncontrolled mode
+     */
+    defaultPage?: number;
+    /**
+     * Optional callback function that is triggered when a page hover event occurs.
+     * Can be used to handle logic or effects related to the hover action over a specific page.
+     * @param {number} page - The number of the page that is being hovered over.
+     */
+    onPageHover?: (page: number) => void;
+    /**
+     * Callback fired when the page changes
+     * @param page - The new page number
+     * @param previous - The previous page number
+     * @param direction - The direction of navigation (1 for forward, -1 for backward)
+     */
+    onPageChange?: (page: number, previous: number, direction: -1 | 1) => void;
+    /**
+     * Optional callback for the "next" button's press
+     */
+    onNextPress?: () => void;
+    /**
+     * Optional callback for previous button press
+     */
+    onPreviousPress?: () => void;
+}
+/**
+ * The Pagination component helps users navigate through multiple pages of content by providing intuitive controls for moving between pages.
+ *
+ * Pagination offers both controlled and uncontrolled usage, support for keyboard navigation, and automatic handling of page ranges with ellipsis for large numbers of pages.
+ * @param {PaginationProps} props - Regular HTML div attributes plus pagination-specific properties
+ * @see {@link PaginationProps} for all available props
+ * @example
+ * ```tsx
+ * import { Pagination } from '@payfit/unity-components'
+ *
+ * function Example() {
+ *   return (
+ *     <Pagination
+ *       pageCount={10}
+ *       defaultPage={1}
+ *       onPageChange={(page) => console.log(`Navigated to page ${page}`)}
+ *     />
+ *   )
+ * }
+ * ```
+ * @remarks
+ * [API](https://unity-components.payfit.io/?path=/docs/navigation-pagination--docs) • [Demo](https://unity-components.payfit.io/?path=/docs/navigation-pagination--docs)
+ */
+declare const Pagination: import('react').ForwardRefExoticComponent<PaginationProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Pagination };

package/dist/cjs/components/pagination/hooks/use-pagination.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");function P({pageCount:a,initialPage:o=1,onPageChange:n}){const[e,r]=i.useState(o),u=e-1,c=e+1,s=i.useCallback(t=>{n&&n(t,e,Math.sign(t-e)),r(Math.max(1,Math.min(a,t)))},[e,a,n]),l=i.useCallback(t=>{s(t==="previous"?e-1:t==="next"?e+1:t)},[e,s]);return{currentPage:e,previousPage:u,nextPage:c,goToPage:l}}exports.usePagination=P;

package/dist/cjs/components/pagination/hooks/use-pagination.d.cts

@@ -0,0 +1,11 @@
+export interface PaginationOptions {
+    pageCount: number;
+    initialPage?: number;
+    onPageChange?: (page: number, previous: number, direction: -1 | 1) => void;
+}
+export declare function usePagination({ pageCount, initialPage, onPageChange, }: PaginationOptions): {
+    currentPage: number;
+    previousPage: number;
+    nextPage: number;
+    goToPage: (page: "previous" | "next" | number) => void;
+};

package/dist/cjs/components/pagination/parts/PaginationEllipsis.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),r=require("react-aria-components"),c=require("react-intl"),y=require("tailwind-variants"),d=y.tv({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-cursor-default","focus-visible:uy-outline-2 focus-visible:uy-outline-solid focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-2"]}),i=a.forwardRef(({value:s,...t},n)=>{const u=c.useIntl(),[l,o]=s;return e.jsxs(r.Button,{ref:n,className:d(),...t,children:[e.jsx("span",{"aria-hidden":!0,children:"…"}),e.jsx("span",{className:"uy-sr-only",children:u.formatMessage({id:"unity:component:pagination:ellipsis:label",defaultMessage:"More pages"},{start:l,end:o})})]})});i.displayName="PaginationEllipsis";exports.PaginationEllipsis=i;

package/dist/cjs/components/pagination/parts/PaginationEllipsis.d.cts

@@ -0,0 +1,6 @@
+import { PaginationLinkProps } from './PaginationLink.cjs';
+export interface PaginationEllipsisProps extends Omit<PaginationLinkProps, 'value' | 'children' | 'className' | 'slot' | 'style'> {
+    value: [number, number];
+}
+declare const PaginationEllipsis: import('react').ForwardRefExoticComponent<PaginationEllipsisProps & import('react').RefAttributes<HTMLButtonElement>>;
+export { PaginationEllipsis };

package/dist/cjs/components/pagination/parts/PaginationJumpDialog.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),l=require("react-aria"),O=require("react-intl"),P=require("tailwind-variants"),m=require("../../button/Button.cjs"),q=require("../../icon/Icon.cjs"),N=require("../../label/Label.cjs"),R=P.tv({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 B({pageCount:o,onJumpToPage:d,state:u}){const n=O.useIntl(),t=r.useRef(null),c=r.useRef(null),p=r.useRef(null),{triggerProps:f}=l.useOverlayTrigger({type:"dialog"},u,t),{buttonProps:g}=l.useButton({...f,"aria-label":n.formatMessage({id:"unity:component:pagination:jump-dialog:button:text",defaultMessage:"Jump to page"})},t),{overlayProps:a}=l.useOverlay({isOpen:u.isOpen,onClose:u.close.bind(u),shouldCloseOnBlur:!0,isDismissable:!0},c),b=i=>{var y;i.preventDefault();const s=parseInt(((y=p.current)==null?void 0:y.value)||"",10);s>=1&&s<=o&&(d(s),u.close())},{jumpButton:j,jumpPopover:x,jumpForm:h,jumpFieldLabel:v,jumpFieldWrapper:w,jumpInput:M,jumpActions:F}=R();return e.jsxs(e.Fragment,{children:[e.jsx("button",{...g,ref:t,className:j(),"aria-expanded":u.isOpen?"true":"false",children:n.formatMessage({id:"unity:component:pagination:jump-dialog:button:text",defaultMessage:"Jump to page"})}),u.isOpen&&e.jsx("div",{...a,ref:c,className:x(),"aria-label":n.formatMessage({id:"unity:component:pagination:jump-dialog:overlay:label",defaultMessage:"Jump to page"}),children:e.jsxs("form",{onSubmit:b,className:h(),children:[e.jsx(N.Label,{className:v(),htmlFor:`jump-to-page-${a.id}-input`,children:n.formatMessage({id:"unity:component:pagination:jump-dialog:input:label",defaultMessage:"Enter page number (between 1 and {total})"},{total:o})}),e.jsxs("div",{className:w(),children:[e.jsx("input",{ref:p,type:"number",min:1,max:o,className:M(),id:`jump-to-page-${a.id}-input`,autoFocus:!0,onKeyDown:i=>{i.key==="Escape"&&u.close()}}),e.jsx(q.Icon,{src:"CaretUpDownOutlined",role:"presentation",color:"content.neutral.low",className:"uy-mx-50",size:20})]}),e.jsxs("div",{className:F(),children:[e.jsx(m.Button,{variant:"ghost",onPress:u.close.bind(u),children:n.formatMessage({id:"unity:component:pagination:jump-dialog:action:cancel",defaultMessage:"Cancel"})}),e.jsx(m.Button,{type:"submit",variant:"primary",children:n.formatMessage({id:"unity:component:pagination:jump-dialog:action:go",defaultMessage:"Go"})})]})]})})]})}exports.PaginationJumpDialog=B;

package/dist/cjs/components/pagination/parts/PaginationJumpDialog.d.cts

@@ -0,0 +1,8 @@
+import { OverlayTriggerState } from 'react-stately';
+interface PaginationJumpDialogProps {
+    pageCount: number;
+    onJumpToPage: (page: number) => void;
+    state: OverlayTriggerState;
+}
+export declare function PaginationJumpDialog({ pageCount, onJumpToPage, state, }: PaginationJumpDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/pagination/parts/PaginationLink.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),l=require("react-aria-components"),c=require("react-intl"),d=require("tailwind-variants"),a=d.tv({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:""}}}),n=o.forwardRef(({isActive:e,isDisabled:i,...t},u)=>{const r=c.useIntl();return s.jsx(l.Link,{ref:u,className:a({isActive:e}),isDisabled:i,"aria-current":e?"page":void 0,"aria-label":r.formatMessage({id:"unity:component:pagination:link:label",defaultMessage:"Page {page}"},{page:t.value}),...t})});n.displayName="PaginationLink";exports.PaginationLink=n;exports.paginationLink=a;

package/dist/cjs/components/pagination/parts/PaginationLink.d.cts

@@ -0,0 +1,46 @@
+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/cjs/components/pagination/parts/PaginationNavButton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),s=require("react-intl"),r=require("../../icon-button/CircularIconButton.cjs");function n({variant:t,...i}){const e=s.useIntl(),o=e.formatMessage({id:t==="previous"?"unity:component:common:previous":"unity:component:common:next",defaultMessage:t==="previous"?"Previous":"Next"}),a=e.formatMessage({id:"unity:component:pagination:nav-button:description",defaultMessage:t==="previous"?"Go to previous page":"Go to next page"},{variant:o.toLowerCase()});return u.jsx(r.CircularIconButton,{...i,asElement:"button",title:o,"aria-label":a,icon:t==="previous"?"CaretLeftOutlined":"CaretRightOutlined"})}n.displayName="PaginationNavButton";exports.PaginationNavButton=n;

package/dist/cjs/components/pagination/parts/PaginationNavButton.d.cts

@@ -0,0 +1,9 @@
+import { CircularIconButtonProps } from '../../icon-button/CircularIconButton.cjs';
+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/cjs/components/pagination/utils/pagination-window.cjs

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

package/dist/cjs/components/pagination/utils/pagination-window.d.cts

@@ -0,0 +1,8 @@
+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/cjs/components/payfit-brand/PayFitBrand.cjs

@@ -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.cjs"),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/PayFitBrand.d.cts

@@ -0,0 +1,22 @@
+export type PayFitBrandProps = {
+    /**
+     * The color variant of the brand. It is "original" by default.
+     */
+    color?: 'original' | 'dark' | 'light';
+    /**
+     * The text label for the brand. Defaults to "PayFit Logo".
+     */
+    label?: string;
+    /**
+     * The description for the brand for screen readers. Optional.
+     */
+    description?: string;
+    /**
+     * The width of the brand. Defaults to the minimum of `104px`.
+     */
+    width?: number;
+};
+/**
+ * The PayFitBrand component represents the PayFit logo with several properties that follow our brand guidelines.
+ */
+export declare const PayFitBrand: import('react').ForwardRefExoticComponent<PayFitBrandProps & import('react').RefAttributes<SVGSVGElement>>;

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

@@ -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.cjs"),m=require("../badge/Badge.cjs"),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;

package/dist/cjs/components/payfit-brand/PayFitPreprod.d.cts

@@ -0,0 +1,10 @@
+import { PayFitBrandProps } from './PayFitBrand.cjs';
+/**
+ * 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/cjs/components/pill/Pill.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("react"),y=require("tailwind-variants"),d=y.tv({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=(e,i)=>{const t=10**i-1;return e>t?`${t}+`:e.toString()},r=o.forwardRef(({variant:e="critical",isVisible:i=!0,maxDigits:t=2,value:l,...n},u)=>{const a=p(Math.abs(l),t),s=d({variant:e,isVisible:i,shape:a.length===1?"circle":"pill"});return c.jsx("span",{"data-dd-privacy":"allow",...n,ref:u,role:"status",className:s,"aria-atomic":"true",children:a})});r.displayName="Pill";exports.Pill=r;

package/dist/cjs/components/pill/Pill.d.cts

@@ -0,0 +1,143 @@
+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/cjs/components/popover/Popover.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),o=require("react-aria-components"),y=require("tailwind-variants"),g=require("./parts/PopoverContent.cjs"),f=require("./parts/PopoverHeader.cjs"),v=y.tv({slots:{base:["uy-border uy-border-solid uy-border-border-neutral uy-bg-surface-neutral uy-rounded-200 uy-p-200 uy-shadow-floating uy-min-w-[320px] uy-max-w-[800px]"],dialog:["uy-flex uy-flex-col","focus:uy-outline-2 focus:uy-outline-offset-2"]}}),r=p.forwardRef((t,s)=>{const{children:i,title:n,isTitleSrOnly:a,displayCloseButton:u,...l}=t,{base:c,dialog:d}=v();return e.jsx(o.Popover,{ref:s,className:c(),offset:8,...l,children:e.jsxs(o.Dialog,{className:d(),role:"dialog",children:[e.jsx(f.PopoverHeader,{title:n,isTitleSrOnly:a,displayCloseButton:u}),e.jsx(g.PopoverContent,{children:i})]})})});r.displayName="Popover";o.DialogTrigger.displayName="PopoverTrigger";Object.defineProperty(exports,"PopoverTrigger",{enumerable:!0,get:()=>o.DialogTrigger});exports.Popover=r;

package/dist/cjs/components/popover/Popover.d.cts

@@ -0,0 +1,56 @@
+import { ReactNode } from 'react';
+import { PopoverProps as AriaPopoverProps, DialogTrigger } from 'react-aria-components';
+interface PopoverBaseProps extends Omit<AriaPopoverProps, 'className' | 'style'> {
+    /**
+     * The content to be displayed inside the popover.
+     */
+    children: ReactNode;
+    /**
+     * Title text to be displayed in the header and used as the Popover's label.
+     */
+    title: string;
+}
+interface PopoverPropsWithVisibleTitle extends PopoverBaseProps {
+    /**
+     * If true, the title will not be shown on the screen but will still be accessible to screen readers
+     * @default false
+     */
+    isTitleSrOnly?: false;
+    /**
+     * Whether the popover can be dismissed with a close button.
+     * If true, a close button will be added to the popover header.
+     * @default false
+     */
+    displayCloseButton?: boolean;
+}
+interface PopoverPropsWithHiddenTitle extends PopoverBaseProps {
+    /**
+     * If true, the title will not be shown on the screen but will still be accessible to screen readers
+     * @default false
+     */
+    isTitleSrOnly: true;
+    /**
+     * Whether the popover can be dismissed with a close button.
+     * If true, a close button will be added to the popover header.
+     * @default false
+     */
+    displayCloseButton?: false;
+}
+type PopoverProps = PopoverPropsWithVisibleTitle | PopoverPropsWithHiddenTitle;
+/**
+ * The `Popover` component renders a floating container that appears when a user interacts with a trigger element.
+ * Use it to display additional information or actions without navigating away from the current context.
+ * @example
+ * ```tsx
+ * import { Popover, PopoverTrigger, Button } from '@payfit/unity-components'
+ *
+ * <PopoverTrigger>
+ *   <Button>Open Popover</Button>
+ *   <Popover>
+ *     <p>Popover content goes here</p>
+ *   </Popover>
+ * </PopoverTrigger>
+ * ```
+ */
+declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Popover, DialogTrigger as PopoverTrigger };

package/dist/cjs/components/popover/parts/PopoverContent.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),e=n.forwardRef(({children:t},o)=>r.jsx("div",{ref:o,children:t}));e.displayName="PopoverContent";exports.PopoverContent=e;

package/dist/cjs/components/popover/parts/PopoverContent.d.cts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+export type PopoverContentProps = PropsWithChildren<object>;
+declare const PopoverContent: import('react').ForwardRefExoticComponent<object & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+export { PopoverContent };

package/dist/cjs/components/popover/parts/PopoverHeader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("react"),o=require("react-aria-components"),y=require("react-intl"),g=require("tailwind-variants"),m=require("../../icon-button/IconButton.cjs"),p=g.tv({slots:{base:"uy-flex uy-justify-between",heading:"uy-content-center"},variants:{isTitleSrOnly:{true:{heading:"uy-sr-only"},false:{base:"uy-mb-150",heading:"uy-typography-h2 uy-min-h-500 uy-align-center"}}}}),r=n.forwardRef(({title:a,isTitleSrOnly:s,displayCloseButton:i},l)=>{const e=n.useContext(o.OverlayTriggerStateContext),c=y.useIntl(),{base:u,heading:d}=p({isTitleSrOnly:s});return t.jsxs("div",{className:u(),children:[t.jsx(o.Heading,{ref:l,slot:"title",className:d(),"data-dd-privacy":"allow",children:a}),i&&t.jsx(m.IconButton,{variant:"ghost",color:"neutral",label:c.formatMessage({id:"unity:component:common:close:label",defaultMessage:"Close"}),icon:"CloseOutlined",onClick:()=>e==null?void 0:e.close()})]})});r.displayName="PopoverTitle";exports.PopoverHeader=r;

package/dist/cjs/components/popover/parts/PopoverHeader.d.cts

@@ -0,0 +1,20 @@
+import { HeadingProps } from 'react-aria-components';
+export interface PopoverHeaderProps extends Omit<HeadingProps, 'className' | 'style' | 'children'> {
+    /**
+     * Title text to be displayed in the header and used as the Popover's label.
+     */
+    title: string;
+    /**
+     * If true, the title will not be shown on the screen but will still be accessible to screen readers
+     * @default false
+     */
+    isTitleSrOnly?: boolean;
+    /**
+     * Whether the popover can be dismissed with a close button.
+     * If true, a close button will be added to the header.
+     * @default false
+     */
+    displayCloseButton?: boolean;
+}
+declare const PopoverHeader: import('react').ForwardRefExoticComponent<PopoverHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+export { PopoverHeader };

package/dist/cjs/components/progress-bar/ProgressBar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),m=require("react-aria-components"),f=require("tailwind-variants"),b=f.tv({slots:{base:"uy-rounded-150 uy-bg-surface-neutral-disabled uy-h-150 uy-top-[50%] uy-transform uy-translate-y-[-50%] uy-w-full",meter:"uy-rounded-l-150 uy-absolute uy-h-full uy-top-[50%] uy-transform uy-translate-y-[-50%] uy-rounded-full uy-bg-surface-success"},variants:{isFull:{true:{meter:"uy-rounded-r-150"}}},defaultVariants:{isFull:!1}}),a=c.forwardRef(({value:e,range:t=[0,100],...u},l)=>{const[n,s]=t,o=e>=s,{base:i,meter:d}=b({isFull:o});return r.jsx(m.ProgressBar,{ref:l,value:e,minValue:n,maxValue:s,"aria-label":u["aria-label"],"data-dd-privacy":"allow",children:({percentage:y})=>r.jsx("div",{className:i(),children:r.jsx("div",{className:d(),style:{width:`${y}%`}})})})});a.displayName="ProgressBar";exports.ProgressBar=a;

package/dist/cjs/components/progress-bar/ProgressBar.d.cts

@@ -0,0 +1,10 @@
+interface ProgressBarProps {
+    /** the range of the value*/
+    range?: [min: number, max: number];
+    /** the value of the progression */
+    value: number;
+    /** an aria-label for the accessibility */
+    'aria-label': string;
+}
+declare const ProgressBar: import('react').ForwardRefExoticComponent<ProgressBarProps & import('react').RefAttributes<HTMLDivElement>>;
+export { ProgressBar };

package/dist/cjs/components/radio-button-group/RadioButtonGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("react"),l=require("react-aria-components"),e=d.forwardRef(({children:o,isReadOnly:t,isDisabled:r,value:u,onChange:a,onBlur:i,...n},s)=>c.jsx(l.RadioGroup,{...n,isReadOnly:t,isDisabled:r,value:u,onBlur:i,onChange:a,className:"uy-flex uy-flex-col uy-gap-150",ref:s,children:o}));e.displayName="RadioButtonGroup";exports.RadioButtonGroup=e;

package/dist/cjs/components/radio-button-group/RadioButtonGroup.d.cts

@@ -0,0 +1,22 @@
+import { RadioGroupProps } from 'react-aria-components';
+/**
+ * Props for the RadioButtonGroup component.
+ * Excludes className and style props as they are handled internally.
+ */
+export type RadioButtonGroupProps = Omit<RadioGroupProps, 'className' | 'style'>;
+/**
+ * The `RadioButtonGroup` component enables users to select a single option from a set of mutually exclusive choices.
+ * It manages the selection state, keyboard navigation, focus handling, and accessibility features for a group of RadioButton components.
+ * @example
+ * ```tsx
+ * import { RadioButton, RadioButtonGroup } from '@payfit/unity-components'
+ *
+ * <RadioButtonGroup value="option1" onChange={setValue}>
+ *   <RadioButton value="option1">Option 1</RadioButton>
+ *   <RadioButton value="option2">Option 2</RadioButton>
+ *   <RadioButton value="option3">Option 3</RadioButton>
+ * </RadioButtonGroup>
+ * ```
+ */
+declare const RadioButtonGroup: import('react').ForwardRefExoticComponent<RadioButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export { RadioButtonGroup };